docs: en translation

Author: undefined-moe

app/(home)/layout.tsx

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import { baseOptions } from '@/lib/layout.shared';
+
+export default async function Layout({
+  params,
+  children,
+}: {
+  params: Promise<{ lang: string }>;
+  children: ReactNode;
+}) {
+  const { lang } = await params;
+  return <HomeLayout {...baseOptions(lang)}>{children}</HomeLayout>;
+}

app/(home)/FeatureCard.tsx app/[lang]/(home)/FeatureCard.tsxapp/(home)/FeatureCard.tsx renamed to app/[lang]/(home)/FeatureCard.tsx

@@ -1,6 +1,6 @@
 import { DocsLayout } from 'fumadocs-ui/layouts/docs';
 import type { ReactNode } from 'react';
-import { baseOptions } from '@/app/layout.config';
+import { baseOptions } from '@/lib/layout.shared';
 import { source } from '@/lib/source';
 import { GithubInfo } from 'fumadocs-ui/components/github-info';
 import { RootToggle } from '@/components/RootToggle';
@@ -10,12 +10,18 @@ const maps = {
   'Tools': <GithubInfo owner="hydro-dev" repo="xcpc-tools" />,
 };
 
-export default async function Layout({ children, params }: { children: ReactNode, params: Promise<{ slug?: string[] }> }) {
-  const { slug } = await params;
+export default async function Layout({
+  children,
+  params,
+}: {
+  children: ReactNode;
+  params: Promise<{ lang: string; slug?: string[] }>;
+}) {
+  const { lang, slug } = await params;
   return (
     <DocsLayout
-      tree={source.pageTree}
-      {...baseOptions}
+      tree={source.getPageTree(lang)}
+      {...baseOptions(lang)}
       links={Object.keys(maps).find((key) => slug?.[0] === key) ? [
         {
           type: 'custom',
@@ -30,12 +36,12 @@ export default async function Layout({ children, params }: { children: ReactNode
               {
                 title: 'Hydro',
                 description: 'The Online Judge System',
-                url: '/docs/Hydro',
+                url: `/${lang}/docs/Hydro`,
               },
               {
                 title: 'XCPC-Tools',
                 description: 'Tools for on-site contests',
-                url: '/docs/Tools',
+                url: `/${lang}/docs/Tools`,
               },
             ]}
           />

app/(home)/images.tsx app/[lang]/(home)/images.tsxapp/(home)/images.tsx renamed to app/[lang]/(home)/images.tsx

@@ -11,10 +11,10 @@ import { notFound } from 'next/navigation';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 
 export default async function Page(props: {
-  params: Promise<{ slug?: string[] }>;
+  params: Promise<{ lang: string; slug?: string[] }>;
 }) {
   const params = await props.params;
-  const page = source.getPage(params.slug);
+  const page = source.getPage(params.slug, params.lang);
   if (!page) notFound();
 
   const MDX = page.data.body;
@@ -41,10 +41,10 @@ export async function generateStaticParams() {
 }
 
 export async function generateMetadata(props: {
-  params: Promise<{ slug?: string[] }>;
+  params: Promise<{ lang: string; slug?: string[] }>;
 }) {
   const params = await props.params;
-  const page = source.getPage(params.slug);
+  const page = source.getPage(params.slug, params.lang);
   if (!page) notFound();
 
   return {

app/[lang]/(home)/layout.tsx

@@ -0,0 +1,31 @@
+import { RootProvider } from 'fumadocs-ui/provider/next';
+import type { ReactNode } from 'react';
+import { i18nUI } from '@/lib/layout.shared';
+import { i18n } from '@/lib/i18n';
+
+export default async function LangLayout({
+  params,
+  children,
+}: {
+  params: Promise<{ lang: string }>;
+  children: ReactNode;
+}) {
+  const { lang } = await params;
+
+  return (
+    <RootProvider
+      i18n={i18nUI.provider(lang)}
+      search={{
+        options: {
+          type: 'static',
+        },
+      }}
+    >
+      {children}
+    </RootProvider>
+  );
+}
+
+export function generateStaticParams() {
+  return i18n.languages.map((lang) => ({ lang }));
+}

app/(home)/page.tsx app/[lang]/(home)/page.tsxapp/(home)/page.tsx renamed to app/[lang]/(home)/page.tsx

@@ -5,28 +5,25 @@ import { stopwords as mandarinStopwords } from "@orama/stopwords/mandarin";
 
 export const revalidate = false;
 
-const tokenizer = createTokenizer({
+const mandarinTokenizer = createTokenizer({
     language: 'mandarin',
     stopWords: mandarinStopwords,
 });
 
-const search = {
-    tokenizer,
-    components: {
-        tokenizer,
-    },
-    search: {
-        threshold: 1.5,
-        tolerance: 2,
-        boost: {
-            title: 2,
-            content: 1,
+export const { staticGET: GET } = createFromSource(source, {
+    localeMap: {
+        cn: {
+            tokenizer: mandarinTokenizer,
+            components: {
+                tokenizer: mandarinTokenizer,
+            },
+            search: {
+                threshold: 1.5,
+                tolerance: 2,
+            },
+        },
+        en: {
+            language: 'english',
         },
     },
-    insertOptions: {
-        batchSize: 100,
-        async: true,
-    },
-};
-
-export const { staticGET: GET } = createFromSource(source, search);
+});