Refactor src/lib to handle all else files & re-org for Multi-root workspace

Author: tkokhing

.github/workflows/nextjs.yml

@@ -20,22 +20,29 @@ jobs:
     steps:
       - name: Checkout full branches
         uses: actions/checkout@v4
+      - name: Checkout [tkokhing_lib] private repo
+        uses: actions/checkout@v4
+        with:
+          repository: tkokhing/tkokhing_lib
+          token: ${{ secrets.PULL_LIB_TOKEN }}
+          path: temp_lib
+      - name: Copy and move [_data_exporter] folder to correct level
+        id: move_setup_data_exporter
+        run: |
+          rm -rf src/lib/_data_exporter
+          mv ./temp_lib/_data_exporter ./src/lib
+          rm -rf ./temp_lib
       - name: Checkout [public] private repo
         uses: actions/checkout@v4
         with:
           repository: tkokhing/tkokhing_public
           token: ${{ secrets.PULL_SUB_FOLDERS_OF_PUBLIC_TOKEN }}
           path: temp_public
       - name: Copy and move [public] folder to correct level
-        id: move_public_images_AND_setup_data_exporter
+        id: move_public_images
         run: |
-          echo "Present working directory --->:"
-          pwd
-          echo "ls ./ ----------------------->:" 
-          ls ./
           rm -rf public
           mkdir public
-          mv ./temp_public/_data_exporter ./src/lib
           mv ./temp_public/* ./public
           rm -rf ./temp_public ./public/README.md
       - name: Checkout [frontier_post] private repo
@@ -47,12 +54,9 @@ jobs:
       - name: Move [_frontier] folder post to correct level
         id: move_frontier_post
         run: |
-          echo "Present working directory---->: $(pwd)"
           mkdir -p _frontier_post/_frontier
           mv ./temp_frontier/_frontier/*.mdx ./_frontier_post/_frontier
           rm -rf ./temp_frontier
-          echo "ls -lha ---->:"
-          ls -lha .
       - name: Checkout [topic_post] private repo
         uses: actions/checkout@v4
         with:
@@ -62,12 +66,9 @@ jobs:
       - name: Move [_topics] folder post to correct level
         id: move_topics_post
         run: |
-          echo "Present working directory---->: $(pwd)"
           mkdir -p _topic_post/_topics
           mv ./temp_topic/_topics/*.mdx ./_topic_post/_topics
           rm -rf ./temp_topic
-          echo "ls -lha ---->:"
-          ls -lha .
       - name: Checkout [blog_post] private repo
         uses: actions/checkout@v4
         with:
@@ -80,8 +81,6 @@ jobs:
           mkdir -p _blog_post/_blogs
           mv ./temp_blog/_blogs/*.mdx ./_blog_post/_blogs
           rm -rf ./temp_blog
-          echo "ls -lha ---->:"
-          ls -lha .
       - name: Checkout [linux_post] private repo
         uses: actions/checkout@v4
         with:
@@ -91,12 +90,9 @@ jobs:
       - name: Move [_linux] folder to correct level
         id: move_linux_post
         run: |
-          echo "Present working directory---->: $(pwd)"
           mkdir -p _linux_post/_linux/
           mv ./temp_linux/_linux/*.mdx ./_linux_post/_linux/
           rm -rf ./temp_linux
-          echo "ls -lha ---->:"
-          ls -lha .
       - name: Verify PWD 
         id: present-working-directory
         run: |
@@ -208,4 +204,4 @@ jobs:
       - name: Verify deployment url 
         id: Verify-deployment-URL
         run: |
-          echo "Deployment URL ---->: ${{ steps.deployment.outputs.page_url }}"
+          echo "Deployment URL ---->: ${{ steps.deployment.outputs.page_url }}"

.gitignore

@@ -15,6 +15,7 @@
 src/app/testerer/
 src/lib/_data_exporter/
 src/lib/.gitignore
+src/lib/README.md
 
 # next.js
 /.next/

src/app/_components/main_frame/navi-bar.tsx

@@ -7,7 +7,7 @@ import { Bars3Icon, BellIcon, XMarkIcon } from "@heroicons/react/24/outline";
 import { HomeWithTextIcon, BlogWithTextIcon, TopicWithTextIcon, ResearchWithTextIcon } from "@/app/_components/main_frame/icons_svg";
 import { ProfileLogoSVG } from "@/app/_components/main_frame/icons_svg";
 import { useNavigation } from "@/app/_components/main_frame/navigation-context";
-import { TKOKHING_LOGO_SVG_URL } from "@/lib/constants";
+import { TKOKHING_LOGO_SVG_URL } from "@/lib/share/constants";
 import { ThemeSwitcher } from "@/app/_components/main_frame/theme-switcher";
 import FontSizeDropdown from "@/app/_components/main_frame/font-size-button";
 

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

@@ -2,7 +2,7 @@ import { MDXRemote } from 'next-mdx-remote/rsc';
 import rehypeSlug from 'rehype-slug';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import remarkGfm from 'remark-gfm';
-import PostBodyClient from '@/app/_components/post_gen/post-body-client'; // 👈 import client wrapper
+import PostBodyClient from '@/app/_components/post_gen/post-body-client'; 
 
 type Props = {
   content: string;

src/app/_components/post_gen/post-list-concise.tsx

@@ -1,7 +1,7 @@
 // dual use for page.tsx and mdx
 
 import Container from "@/app/_components/preference/container";
-import { getAllPosts } from "@/lib/api";
+import { getAllPosts } from "@/lib/share/api";
 import { MoreStoriesConcise } from "@/app/_components/post_gen/more-stories-concise"
 import { Suspense } from "react";
 

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

@@ -3,6 +3,8 @@
 "use client";
 import enFrontierData from '@/lib/_data_exporter/frontier_data_en.mdx';
 import zhFrontierData from '@/lib/_data_exporter/frontier_data_zh.mdx';
+import enFrontierLeadinData from '@/lib/_data_exporter/frontier_leadin_en.mdx';
+import zhFrontierLeadinData from '@/lib/_data_exporter/frontier_leadin_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 enCyberThreatsData from '@/lib/_data_exporter/cyber_threats_25_en.mdx';
@@ -16,6 +18,10 @@ export const FrontierData = () => {
   return <DisplayLanguageContent LanguageChoice={{ en: enFrontierData, zh: zhFrontierData }}/>
 };
 
+export const FrontierLeadinData = () => {
+  return <DisplayLanguageContent LanguageChoice={{ en: enFrontierLeadinData, zh: zhFrontierLeadinData }}/>
+};
+
 export const CyberDomainData = () => {
   return <DisplayLanguageContent LanguageChoice={{ en: enCyberDomainData, zh: zhCyberDomainData }}/>
 };

src/app/blog/page.tsx

@@ -1,6 +1,6 @@
 // blog/post/ grid page
 import Container from "@/app/_components/preference/container";
-import { getAllPosts } from "@/lib/api";
+import { getAllPosts } from "@/lib/share/api";
 import { HeroPost } from "@/app/_components/post_gen/hero-post";
 import { MoreStories } from "@/app/_components/post_gen/more-stories";
 

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

@@ -1,14 +1,15 @@
 // [tkokhing/blog_post/_blog_post/_blogs] MDX_FOLDER
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
-import { getPostBySlug } from "@/lib/api";
-import { generatePageMetadata } from "@/lib/generatePageMetadata";
-import { generatePageStaticParams } from "@/lib/generatePageStaticParams";
+import { getPostBySlug } from "@/lib/share/api";
+import { generatePageMetadata } from "@/lib/share/generatePageMetadata";
+import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
 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 { ToggleFrame } from "@/app/_components/preference/toggle-frame";
 import { FrontierData } from "@/app/_components/preference/data-exporter";
+import { FrontierLeadinData } from "@/app/_components/preference/data-exporter";
 import { PostListConcise } from "@/app/_components/post_gen/post-list-concise";
 
 const MDX_FOLDER = "_blog_post/_blogs"; 
@@ -24,6 +25,7 @@ export default async function Post(props: Params) {
   const post = getPostBySlug(params.slug, MDX_FOLDER);
   const ImportComponents = {
     FrontierData,
+    FrontierLeadinData,
     ToggleFrame,
     PostListConcise,
   };

src/app/blog/posts/securing-digital-frontiers/[slug]/page.tsx

@@ -4,9 +4,9 @@ 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/api";
-import { generatePageMetadata } from "@/lib/generatePageMetadata";
-import { generatePageStaticParams } from "@/lib/generatePageStaticParams";
+import { getPostBySlug } from "@/lib/share/api";
+import { generatePageMetadata } from "@/lib/share/generatePageMetadata";
+import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
 import { CyberDomainData } from "@/app/_components/preference/data-exporter";
 import { BlueprintBattlefieldData } from "@/app/_components/preference/data-exporter";
 import { CyberThreatsData } from "@/app/_components/preference/data-exporter";

src/app/layout.tsx

@@ -11,7 +11,7 @@ import { NavigationProvider } from "@/app/_components/main_frame/navigation-cont
 import { FontSizeProvider } from "@/app/_components/main_frame/font-size-ctrl";
 import SubpageHeader from "@/app/_components/main_frame/subpage-header";
 import Footer from "@/app/_components/main_frame/footer";
-import { T_ANI_GIF_URL } from "@/lib/constants";
+import { T_ANI_GIF_URL } from "@/lib/share/constants";
 
 const inter = Inter({ subsets: ["latin"] });