major revamp integrate seamless lang sw fr pages, + [frontier]

Author: tkokhing

.github/workflows/nextjs.yml

@@ -27,17 +27,32 @@ jobs:
           token: ${{ secrets.PULL_SUB_FOLDERS_OF_PUBLIC_TOKEN }}
           path: temp_public
       - name: Copy and move [public] folder to correct level
-        id: move_public_images
+        id: move_public_images_AND_setup_data_exporter
         run: |
           echo "Present working directory --->:"
           pwd
           echo "ls ./ ----------------------->:" 
           ls ./
           rm -rf public
           mkdir public
-          mv ./temp_public/_frontier_data ./src/lib
           mv ./temp_public/* ./public
+          mv ./temp_public/_data_exporter ./src/lib
           rm -rf ./temp_public ./public/README.md
+      - name: Checkout [frontier_post] private repo
+        uses: actions/checkout@v4
+        with:
+          repository: tkokhing/frontier_post
+          token: ${{ secrets.PULL_FRONTIER_TOKEN }}
+          path: temp_frontier
+      - name: Move [_frontier] folder post to correct level
+        id: move_frontier_post
+        run: |
+          echo "Present working directory---->: $(pwd)"
+          mkdir _frontier
+          mv ./temp_frontier/_frontier/*.mdx ./_frontier
+          rm -rf ./temp_frontier
+          echo "ls -lha ---->:"
+          ls -lha .
       - name: Checkout [topic_post] private repo
         uses: actions/checkout@v4
         with:
@@ -154,7 +169,7 @@ jobs:
       - name: Clean Up Import Source Files
         id: clean-frontier-data
         run: |
-            rm -rf ./src/lib/_frontier_data/
+            rm -rf ./src/lib/_data_exporter/
 
   deploy:
     environment:

src/app/_components/preference/data-exporter.tsx

@@ -0,0 +1,18 @@
+// for content injections and 
+// export to different page.tsx for dynamic language switching
+'use client';
+
+import enFrontierData from '@/lib/_data_exporter/frontier_data_en.mdx';
+import zhFrontierData from '@/lib/_data_exporter/frontier_data_zh.mdx';
+import enCyberDomainData from '@/lib/_data_exporter/strategic_cyber_domains_en.mdx';
+import zhCyberDomainData from '@/lib/_data_exporter/strategic_cyber_domains_zh.mdx';
+
+import DisplayLanguageContent from '../language_handler/language-display';
+
+export const FrontierData = () => {
+  return <DisplayLanguageContent components={{ en: enFrontierData, zh: zhFrontierData }}/>
+}
+
+export const CyberDomainData = () => {
+  return <DisplayLanguageContent components={{ en: enCyberDomainData, zh: zhCyberDomainData }}/>
+}

src/app/_components/preference/frontier-data.tsx

@@ -5,7 +5,7 @@ import { getPostBySlug } from "@/lib/api";
 import { generatePageMetadata } from "@/lib/generatePageMetadata";
 import { generatePageStaticParams } from "@/lib/generatePageStaticParams";
 import Container from "@/app/_components/preference/container";
-import FrontierData from "@/app/_components/preference/frontier-data";
+import { FrontierData } from "@/app/_components/preference/data-exporter";
 import { PostHeader } from "@/app/_components/post_gen/post-header";
 import { PostBody } from "@/app/_components/post_gen/post-body";
 

src/app/blog/posts/[slug]/page.tsx

@@ -0,0 +1,54 @@
+// pull from private repo: [tkokhing/frontier_post/_frontier] MDX_FOLDER
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Container from "@/app/_components/preference/container";
+import { CyberDomainData } from "@/app/_components/preference/data-exporter";
+import { PostHeader } from "@/app/_components/post_gen/post-header";
+import { PostBody } from "@/app/_components/post_gen/post-body";
+import { getPostBySlug } from "@/lib/api";
+import { generatePageMetadata } from "@/lib/generatePageMetadata";
+import { generatePageStaticParams } from "@/lib/generatePageStaticParams";
+
+const MDX_FOLDER = "_frontier"; 
+
+type Params = {
+  params: Promise<{
+    slug: string;
+  }>;
+};
+
+export default async function Post(props: Params) {
+  const params = await props.params;
+  const post = getPostBySlug(params.slug, MDX_FOLDER);
+  const ImportComponents = {
+    CyberDomainData,
+  };
+  if (!post) 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/blog/posts/securing-digital-frontiers/[slug]/page.tsx

@@ -4,5 +4,4 @@ export const Home = "https://tkokhing.github.io";
 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 Frontier_Data_En = `@/../_frontier_data/frontier_data_en.mdx`;
+export const TKOKHING_LOGO_SVG_URL = `${LOGO_PATH}/tkokhing.svg`;