re-org kill-chain into sub-folders, api routing, defined const to dynamically display IP_addr, beautify blog

Author: tkokhing

package-lock.json

@@ -15,6 +15,7 @@ export default function PostBodyClient({ children }: { children: React.ReactNode
       prose-strong:font-extrabold 
       prose-em:text-sky-900 dark:prose-em:text-violet-100
       prose-em:font-extrabold 
+      prose-li:text-gray-600 dark:prose-li:text-slate-300
       prose-ul:text-gray-600 dark:prose-ul:text-slate-300
       prose-table:text-zinc-700 dark:prose-table:text-zinc-300
       prose-code:before:content-[''] prose-code:after:content-['']

src/app/_components/post_gen/post-body-client.tsx

@@ -31,7 +31,7 @@ export function ToggleFrame({ label, children, defaultOpen = false }: Props) {
       <button
         type="button"
         onClick={handleToggle}
-        className="text-left text-lg font-semibold underline text-blue-800 dark:text-blue-300  hover:text-tkokhing-blue hover:dark:text-tkokhing-dark transition"
+        className="text-left text-xs font-semibold underline text-blue-800 dark:text-blue-300  hover:text-tkokhing-blue hover:dark:text-tkokhing-dark transition"
       >
         {label}&nbsp;{isOpen ? "▼" : "▶"} 
       </button>

src/app/_components/preference/toggle-frame.tsx

@@ -1,4 +1,4 @@
-// [tkokhing/frontier_post/_frontier_post/_frontier] MDX_FOLDER
+// [tkokhing/heptagoning/_heptagoning/_kill-chain/_recon] MDX_FOLDER
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
 import Container from "@/app/_components/preference/container";
@@ -12,7 +12,7 @@ import Alert from "@/app/_components/blog_frame/alert";
 import Note from "@/app/_components/blog_frame/note";
 import Tip from "@/app/_components/blog_frame/tip";
 
-const MDX_FOLDER = "_heptagoning/_kill-chain"; 
+const MDX_FOLDER = "_heptagoning/_kill-chain/_recon"; 
 
 type Params = {
   params: Promise<{

src/app/heptagoning/kill-chain/recon/[slug]/page.tsx

@@ -0,0 +1,60 @@
+// [tkokhing/heptagoning/_heptagoning/_kill-chain/_weaponise] MDX_FOLDER
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Container from "@/app/_components/preference/container";
+import { PostHeader } from "@/app/_components/post_gen/post-header";
+import { PostBody } from "@/app/_components/post_gen/post-body";
+import { getPostBySlug } from "@/lib/share/api";
+import { generatePageMetadata } from "@/lib/share/generatePageMetadata";
+import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
+import { NMAP_Overview } from "@/lib/_data_exporter/data_kiil-chain/kill-chain_exporter";
+import Alert from "@/app/_components/blog_frame/alert";
+import Note from "@/app/_components/blog_frame/note";
+import Tip from "@/app/_components/blog_frame/tip";
+
+const MDX_FOLDER = "_heptagoning/_kill-chain/_weaponise"; 
+
+type Params = {
+  params: Promise<{
+    slug: string;
+  }>;
+};
+
+export default async function Post(props: Params) {
+  const params = await props.params;
+  const ImportComponents = {
+    Tip,
+    Note,
+    Alert,
+    NMAP_Overview,
+    };
+  const post = getPostBySlug(params.slug, MDX_FOLDER);
+  if (!post || post.subPath != 'heptagoning/kill-chain/weaponise') return notFound();
+ 
+  return (
+    <main>
+      <Container>
+        <article className="mb-32">
+          <PostHeader
+            title={post.title}
+            coverImage={post.coverImage}
+            date={post.date}
+            author={post.author} 
+            subPath={post.subPath}
+            postStatus={post.postStatus}
+          />
+          <PostBody content={post.content} components={ImportComponents}/>
+        </article>
+      </Container>
+    </main>
+  );
+}
+
+export async function generateMetadata(props: Params): Promise<Metadata> {
+  const params = await props.params;
+  return generatePageMetadata(params.slug, MDX_FOLDER);
+}
+
+export async function generateStaticParams() {
+  return generatePageStaticParams(MDX_FOLDER);
+}

src/app/heptagoning/kill-chain/weaponise/[slug]/page.tsx

@@ -18,25 +18,31 @@ function postsDirectory(mdx_folder: string): string{
 }
 
 function getPostSlugs(mdx_folder: string) {
-  return fs.readdirSync(postsDirectory(mdx_folder));
+  return fs
+    .readdirSync(postsDirectory(mdx_folder), { withFileTypes: true })
+    .filter(entry => entry.isFile() && entry.name.endsWith(".mdx"))
+    .map(entry => entry.name);
 }
 
-export function getPostBySlug(slug: string, mdx_folder: string){
+export function getPostBySlug(slug: string, mdx_folder: string) {
   const realSlug = slug.replace(/\.mdx?$/, "");
   const fullPath = join(postsDirectory(mdx_folder), `${realSlug}.mdx`);
+
   const fileContents = fs.readFileSync(fullPath, "utf8");
   const { data, content } = matter(fileContents);
+
   const BASE_PATH = useBasePath();
-  
+
   // Update URLs based on the environment
   data.coverImage = data.coverImage.startsWith(BASE_PATH) ? data.coverImage : `${BASE_PATH}${data.coverImage}`;
   data.author.picture = data.author.picture.startsWith(BASE_PATH) ? data.author.picture : `${BASE_PATH}${data.author.picture}`;
   data.ogImage.url = data.ogImage.url.startsWith(BASE_PATH) ? data.ogImage.url : `${BASE_PATH}${data.ogImage.url}`;
+
   return { ...data, slug: realSlug, content } as Post;
 }
 
 export function getAllPosts(mdx_folder: string): Post[] {
   const slugs = getPostSlugs(mdx_folder);
-  const posts = slugs.map((slug) => getPostBySlug(slug, mdx_folder));
+  const posts = slugs.map(slug => getPostBySlug(slug, mdx_folder));
   return posts.sort((post1, post2) => (post1.date > post2.date ? -1 : 1));
 }

src/lib/share/api.ts

@@ -5,7 +5,7 @@ export const LOGO_PATH = "/img/logo";
 export const REPO_NAME = ""; // for future expansion use
 export const T_ANI_GIF_URL = `${LOGO_PATH}/tkokhing.gif`;
 export const TKOKHING_LOGO_SVG_URL = `${LOGO_PATH}/tkokhing.svg`;
-export const VICTIM1_IP = "10.10.4.6";
-export const VICTIM1_PORT = "80";
+export const VICTIM1_IP = "172.17.0.2";
+export const VICTIM1_PORT = "8080";
 export const ATTACKER_IP = "10.4.6.114";
 export const ATTACKER_PORT = "4444";