update astro to v2 and use content collections for docs

Author: zzq0826

.eslintrc.js

@@ -13,6 +13,7 @@ module.exports = {
   plugins: ["@typescript-eslint", "prettier"],
   rules: {
     "no-unused-expressions": "off",
+    "@typescript-eslint/triple-slash-reference": "off",
     "prettier/prettier": [2],
   },
 }

.gitignore

@@ -36,4 +36,6 @@ typechain-types/
 .temp*
 
 .cache
-.vscode
+.vscode
+
+.astro/

astro-i18next.config.ts

@@ -1,5 +1,6 @@
 /** @type {import('astro-i18next').AstroI18nextConfig} */
 export default {
   defaultLocale: "en",
+  showDefaultLocale: true,
   locales: ["en", "zh"],
 }

package.json

@@ -55,7 +55,7 @@
     "@types/github-slugger": "^1.3.0",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "@typescript-eslint/parser": "^5.43.0",
-    "astro": "^1.6.8",
+    "astro": "^2.4.4",
     "dart-linkcheck": "^2.0.15",
     "dotenv": "^16.0.3",
     "eslint": "^8.27.0",

public/locales/en/translation.json

@@ -83,5 +83,8 @@
     "infrastructure": {
       "introduction": "Introduction"
     }
+  },
+  "notTranslated": {
+    "notTranslated": "This page has not been translated yet."
   }
 }

public/locales/zh/translation.json

@@ -83,5 +83,8 @@
     "infrastructure": {
       "introduction": "介绍"
     }
+  },
+  "notTranslated": {
+    "notTranslated": "此页面尚未翻译。"
   }
 }

src/components/LeftSidebar/LeftSidebar.astro

@@ -58,9 +58,9 @@ const currentPageMatch = removeSlashes(currentPage.slice(1))
                   <>
                     <li class="nav-link">
                       <a
-                        href={isExternal(child.url) ? `${child.url}` : localizePath(child.url)}
+                        href={isExternal(child.url) ? `${child.url}` : localizePath("/docs/" + child.url)}
                         target={isExternal(child.url) ? "_blank" : "_self"}
-                        aria-current={`${currentPage === localizePath(child.url) ? "page" : "false"}`}
+                        aria-current={`${currentPage === localizePath("/docs/" + child.url) ? "page" : "false"}`}
                       >
                         {child.title}
                         {isExternal(child.url) && (
@@ -77,9 +77,11 @@ const currentPageMatch = removeSlashes(currentPage.slice(1))
                         {child.children.map((childItem) => (
                           <li class="nav-link nested">
                             <a
-                              href={isExternal(childItem.url) ? childItem.url : localizePath(childItem.url)}
+                              href={isExternal(childItem.url) ? childItem.url : localizePath("/docs/" + childItem.url)}
                               target={isExternal(child.url) ? "_blank" : "_self"}
-                              aria-current={`${currentPage === localizePath(childItem.url) ? "page" : "false"}`}
+                              aria-current={`${
+                                currentPage === localizePath("/docs/" + childItem.url) ? "page" : "false"
+                              }`}
                             >
                               {childItem.title}
                               {isExternal(childItem.url) && (

src/config/menu.ts

@@ -10,21 +10,21 @@ export const MENU: MenuItems = {
   en: [
     {
       text: "Getting Started",
-      link: "/getting-started/overview",
+      link: "/en/docs/getting-started/overview",
       section: "gettingStarted",
     },
-    { text: "Developers", link: "/developers", section: "developers" },
-    { text: "Technology", link: "/technology", section: "technology" },
-    { text: "Learn", link: "/learn", section: "learn" },
+    { text: "Developers", link: "/en/docs/developers", section: "developers" },
+    { text: "Technology", link: "/en/docs/technology", section: "technology" },
+    { text: "Learn", link: "/en/docs/learn", section: "learn" },
   ],
   zh: [
     {
       text: "入门",
-      link: "/zh/getting-started/overview",
+      link: "/zh/docs/getting-started/overview",
       section: "gettingStarted",
     },
-    { text: "开发者", link: "/zh/developers", section: "developers" },
-    { text: "技术", link: "/zh/technology", section: "technology" },
-    { text: "学习", link: "/zh/learn", section: "learn" },
+    { text: "开发者", link: "/zh/docs/developers", section: "developers" },
+    { text: "技术", link: "/zh/docs/technology", section: "technology" },
+    { text: "学习", link: "/zh/docs/learn", section: "learn" },
   ],
 }

src/content/config.ts

@@ -0,0 +1,12 @@
+import { defineCollection, z } from "astro:content"
+
+const docsCollection = defineCollection({
+  schema: z.object({
+    title: z.string(),
+    section: z.string(),
+  }),
+})
+
+export const collections = {
+  docs: docsCollection,
+}

src/pages/developers/alpha-testnet-contracts.md renamed to src/content/docs/en/developers/alpha-testnet-contracts.md

@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="@astrojs/image/client" />