pingcap
diff --git a/‎gatsby/create-pages.ts‎
Lines changed: 21 additions & 6 deletions b/‎gatsby/create-pages.ts‎
Lines changed: 21 additions & 6 deletions
diff --git a/‎gatsby/create-types.ts‎
Lines changed: 75 additions & 0 deletions b/‎gatsby/create-types.ts‎
Lines changed: 75 additions & 0 deletions
diff --git a/‎gatsby/path.ts‎
Lines changed: 6 additions & 0 deletions b/‎gatsby/path.ts‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎gatsby/toc.ts‎
Lines changed: 50 additions & 1 deletion b/‎gatsby/toc.ts‎
Lines changed: 50 additions & 1 deletion
diff --git a/‎locale/en/translation.json‎
Lines changed: 4 additions & 4 deletions b/‎locale/en/translation.json‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎locale/ja/translation.json‎
Lines changed: 10 additions & 8 deletions b/‎locale/ja/translation.json‎
Lines changed: 10 additions & 8 deletions
diff --git a/‎locale/zh/translation.json‎
Lines changed: 10 additions & 8 deletions b/‎locale/zh/translation.json‎
Lines changed: 10 additions & 8 deletions
diff --git a/‎src/components/Layout/Banner/ArchiveBanner.tsx‎
Lines changed: 0 additions & 82 deletions b/‎src/components/Layout/Banner/ArchiveBanner.tsx‎
Lines changed: 0 additions & 82 deletions
@@ -9,9 +9,12 @@ import {
   generateUrl,
   generateNav,
   generateDocHomeUrl,
+  generateStarterNav,
+  generateEssentialNav,
 } from "./path";
 import { docs as DOCS_CONFIG } from "../docs/docs.json";
 import { cpMarkdown } from "./cp-markdown";
+import { queryTOCs } from "./toc";
 
 interface PageQueryData {
   allMdx: {
@@ -25,10 +28,11 @@ interface PageQueryData {
 
 const DEFAULT_BUILD_TYPE: BuildType = "prod";
 
-export const createDocs = async ({
-  actions: { createPage, createRedirect },
-  graphql,
-}: CreatePagesArgs) => {
+export const createDocs = async (createPagesArgs: CreatePagesArgs) => {
+  const {
+    actions: { createPage, createRedirect },
+    graphql,
+  } = createPagesArgs;
   // const template = resolve(__dirname, '../src/doc/index.tsx')
   const template = resolve(__dirname, "../src/templates/DocTemplate.tsx");
 
@@ -96,8 +100,14 @@ export const createDocs = async ({
       return;
     }
 
-    const path = generateUrl(name, pathConfig);
+    const path = filePath.includes("starter")
+      ? generateUrl(`starter/${name}`, pathConfig)
+      : filePath.includes("essential")
+      ? generateUrl(`essential/${name}`, pathConfig)
+      : generateUrl(name, pathConfig);
     const navUrl = generateNav(pathConfig);
+    const starterNavUrl = generateStarterNav(pathConfig);
+    const essentialNavUrl = generateEssentialNav(pathConfig);
 
     const locale = [Locale.en, Locale.zh, Locale.ja]
       .map((l) =>
@@ -119,6 +129,8 @@ export const createDocs = async ({
         filePath,
         pageUrl: path,
         navUrl,
+        starterNavUrl,
+        essentialNavUrl,
         availIn: {
           locale,
           version: versionRecord[pathConfig.locale][pathConfig.repo][name],
@@ -254,7 +266,8 @@ export const createDocHome = async ({
     const { id, name, pathConfig, filePath, slug } = node;
     const path = generateDocHomeUrl(name, pathConfig);
     const navUrl = generateNav(pathConfig);
-
+    const starterNavUrl = generateStarterNav(pathConfig);
+    const essentialNavUrl = generateEssentialNav(pathConfig);
     const locale =
       process.env.WEBSITE_BUILD_TYPE === "archive"
         ? [Locale.en, Locale.zh]
@@ -270,6 +283,8 @@ export const createDocHome = async ({
         // use for edit in github
         filePath,
         navUrl,
+        starterNavUrl,
+        essentialNavUrl,
         pageUrl: path,
         availIn: {
           locale,
 
@@ -65,9 +65,84 @@ export const createExtraType = ({ actions }: CreatePagesArgs) => {
       };
     },
   });
+
+  createFieldExtension({
+    name: "starterNavigation",
+    extend() {
+      return {
+        async resolve(
+          mdxNode: any,
+          args: unknown,
+          context: unknown,
+          info: any
+        ) {
+          if (mdxNode.starterNav) return mdxNode.starterNav;
+          const types = info.schema.getType("Mdx").getFields();
+          const slug = await types["slug"].resolve(mdxNode, args, context, {
+            fieldName: "slug",
+          });
+
+          const mdxAST: Root = await types["mdxAST"].resolve(
+            mdxNode,
+            args,
+            context,
+            {
+              fieldName: "mdxAST",
+            }
+          );
+
+          if (!slug.endsWith("TOC-tidb-cloud-starter"))
+            throw new Error(`unsupported query in ${slug}`);
+          const { config } = generateConfig(slug);
+          const res = mdxAstToToc(mdxAST.children, config);
+          mdxNode.starterNav = res;
+          return res;
+        },
+      };
+    },
+  });
+
+  createFieldExtension({
+    name: "essentialNavigation",
+    extend() {
+      return {
+        async resolve(
+          mdxNode: any,
+          args: unknown,
+          context: unknown,
+          info: any
+        ) {
+          if (mdxNode.essentialNav) return mdxNode.essentialNav;
+          const types = info.schema.getType("Mdx").getFields();
+          const slug = await types["slug"].resolve(mdxNode, args, context, {
+            fieldName: "slug",
+          });
+
+          const mdxAST: Root = await types["mdxAST"].resolve(
+            mdxNode,
+            args,
+            context,
+            {
+              fieldName: "mdxAST",
+            }
+          );
+
+          if (!slug.endsWith("TOC-tidb-cloud-essential"))
+            throw new Error(`unsupported query in ${slug}`);
+          const { config } = generateConfig(slug);
+          const res = mdxAstToToc(mdxAST.children, config);
+          mdxNode.essentialNav = res;
+          return res;
+        },
+      };
+    },
+  });
+
   createTypes(`
     type Mdx implements Node {
       navigation: JSON! @navigation
+      starterNavigation: JSON! @starterNavigation
+      essentialNavigation: JSON! @essentialNavigation
     }
   `);
 };
@@ -28,6 +28,12 @@ export function generatePdfUrl(config: PathConfig) {
 export function generateNav(config: PathConfig) {
   return `${config.locale}/${config.repo}/${config.branch}/TOC`;
 }
+export function generateStarterNav(config: PathConfig) {
+  return `${config.locale}/${config.repo}/${config.branch}/TOC-tidb-cloud-starter`;
+}
+export function generateEssentialNav(config: PathConfig) {
+  return `${config.locale}/${config.repo}/${config.branch}/TOC-tidb-cloud-essential`;
+}
 
 export function generateConfig(slug: string): {
   config: PathConfig;
 
@@ -8,9 +8,58 @@ import {
   PhrasingContent,
   Heading,
 } from "mdast";
+import sig from "signale";
 
 import { RepoNav, RepoNavLink, PathConfig } from "../src/shared/interface";
-import { generateUrl } from "./path";
+import { generateConfig, generateUrl } from "./path";
+import { CreatePagesArgs } from "gatsby";
+
+interface TocQueryData {
+  allMdx: {
+    nodes: {
+      id: string;
+      slug: string;
+      mdxAST: any;
+      parent: {
+        relativePath: string;
+      };
+    }[];
+  };
+}
+
+export const queryTOCs = async ({ graphql }: CreatePagesArgs) => {
+  const tocQuery = await graphql<TocQueryData>(`
+    {
+      allMdx(filter: { fileAbsolutePath: { regex: "/TOC.*md$/" } }) {
+        nodes {
+          id
+          slug
+          mdxAST
+          parent {
+            ... on File {
+              relativePath
+            }
+          }
+        }
+      }
+    }
+  `);
+
+  if (tocQuery.errors) {
+    sig.error(tocQuery.errors);
+  }
+
+  const tocNodes = tocQuery.data!.allMdx.nodes;
+  const tocMap = new Map<string, RepoNav>();
+
+  tocNodes.forEach((node: TocQueryData["allMdx"]["nodes"][0]) => {
+    const { config } = generateConfig(node.slug);
+    const toc = mdxAstToToc(node.mdxAST.children, config);
+    tocMap.set(node.slug, toc);
+  });
+
+  return Object.fromEntries(tocMap);
+};
 
 export function mdxAstToToc(
   ast: Content[],
 
@@ -176,10 +176,10 @@
       "viewLatestLTSVersion": "View latest LTS version docs"
     },
     "campaign": {
-      "link": "https://labs.tidb.io/?utm_source=docs&utm_medium=direct&utm_campaign=labs_lp_05",
-      "title": "Explore the new TiDB Labs, learn distributed SQL database and build RAG apps directly from your browser.",
-      "date": "",
-      "intro": ""
+      "link": "https://tidbcloud.com/",
+      "titleBeforeStarter": "TiDB Cloud Serverless is now ",
+      "titleAfterStarter": "! Same experience, new name.",
+      "end": "Try it out →"
     }
   },
   "campaign": {
 
@@ -8,10 +8,7 @@
     "cannotswitchZh": "このページは中国語ではご利用いただけません",
     "cannotswitchJa": "このページは日本語ではご利用いただけません",
     "cannotswitchtocloudJa": "TiDB Cloud 日本語ドキュメントは現在利用できません",
-    "cannotswitchtocloudZh": "TiDB Cloud 中国語ドキュメントは現在利用できません",
-    "machineTransNotice1": "このページは英語版のページを機械翻訳しています。",
-    "machineTransNotice2": "原文はこちらからご覧ください",
-    "machineTransNotice3": "。"
+    "cannotswitchtocloudZh": "TiDB Cloud 中国語ドキュメントは現在利用できません"
   },
   "meta": {
     "title": "TiDB Docs",
@@ -162,10 +159,15 @@
       "viewLatestLTSVersion": "最新の LTS バージョンのドキュメントを表示する"
     },
     "campaign": {
-      "link": "https://labs.tidb.io/ja?utm_source=docs&utm_medium=direct&utm_campaign=labs_lp_05",
-      "title": "新しい TiDB Labs を探索し、ブラウザから直接分散型 SQL データベースを学び、RAG アプリを構築しましょう。",
-      "date": "",
-      "intro": ""
+      "link": "https://tidbcloud.com/",
+      "titleBeforeStarter": "TiDB Cloud Serverless が ",
+      "titleAfterStarter": " に変わりました！使いやすさはそのままに、名前が新しくなりました。",
+      "end": "ぜひお試しください →"
+    },
+    "autoTrans": {
+      "titleBeforeStarter": "TiDB Cloud Serverless が ",
+      "titleAfterStarter": " に変わりました！このページは自動翻訳されたものです。",
+      "end": "原文はこちらからご覧ください。"
     }
   },
   "campaign": {
 
@@ -6,10 +6,7 @@
     "ja": "日本語",
     "cannotswitchEn": "本页面暂无英文版",
     "cannotswitchZh": "本页面暂无中文版",
-    "cannotswitchJa": "本页面暂无日文版",
-    "machineTransNotice1": "此页面由 AI 自动翻译，英文原文请见",
-    "machineTransNotice2": "此处",
-    "machineTransNotice3": "。"
+    "cannotswitchJa": "本页面暂无日文版"
   },
   "meta": {
     "title": "TiDB 文档中心",
@@ -177,10 +174,15 @@
       "viewLatestLTSVersion": "查看最新 LTS 版本文档"
     },
     "campaign": {
-      "link": "https://labs.pingcap.com/?utm_source=docs&utm_medium=direct&utm_campaign=labs_zh_lp_04",
-      "title": "探索全新的 TiDB Labs，直接在浏览器中学习分布式 SQL 数据库并构建 RAG 应用。",
-      "date": "",
-      "intro": ""
+      "link": "https://tidbcloud.com/",
+      "titleBeforeStarter": "TiDB Cloud Serverless 现已更名为 ",
+      "titleAfterStarter": "！体验不变，名字焕新。",
+      "end": "立即试用 →"
+    },
+    "autoTrans": {
+      "titleBeforeStarter": "TiDB Cloud Serverless 现已更名为 ",
+      "titleAfterStarter": "！此页面由 AI 自动翻译，英文原文请见",
+      "end": "此处。"
     }
   },
   "campaign": {