feat: support fumadocs

web/app/docs/page.tsx

@@ -0,0 +1,50 @@
+import browserCollections from "fumadocs-mdx:collections/browser";
+import { useFumadocsLoader } from "fumadocs-core/source/client";
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import {
+  DocsBody,
+  DocsDescription,
+  DocsPage,
+  DocsTitle,
+} from "fumadocs-ui/layouts/docs/page";
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import { baseOptions } from "@/lib/layout.shared";
+import { source } from "@/lib/source";
+import type { Route } from "./+types/page";
+
+export async function loader({ params }: Route.LoaderArgs) {
+  const slugs = params["*"].split("/").filter((v) => v.length > 0);
+  const page = source.getPage(slugs);
+  if (!page) throw new Response("Not found", { status: 404 });
+
+  return {
+    path: page.path,
+    pageTree: await source.serializePageTree(source.pageTree),
+  };
+}
+
+const clientLoader = browserCollections.docs.createClientLoader({
+  component({ toc, default: Mdx, frontmatter }) {
+    return (
+      <DocsPage toc={toc}>
+        <title>{frontmatter.title}</title>
+        <meta name="description" content={frontmatter.description} />
+        <DocsTitle>{frontmatter.title}</DocsTitle>
+        <DocsDescription>{frontmatter.description}</DocsDescription>
+        <DocsBody>
+          <Mdx components={{ ...defaultMdxComponents }} />
+        </DocsBody>
+      </DocsPage>
+    );
+  },
+});
+
+export default function Page({ loaderData }: Route.ComponentProps) {
+  const Content = clientLoader.getComponent(loaderData.path);
+  const { pageTree } = useFumadocsLoader(loaderData);
+  return (
+    <DocsLayout {...baseOptions()} tree={pageTree}>
+      <Content />
+    </DocsLayout>
+  );
+}

web/app/docs/search.ts

@@ -0,0 +1,17 @@
+import { stopwords as mandarinStopwords } from "@orama/stopwords/mandarin";
+import { createTokenizer } from "@orama/tokenizers/mandarin";
+import { createFromSource } from "fumadocs-core/search/server";
+import { source } from "@/lib/source";
+
+const server = createFromSource(source, {
+  components: {
+    tokenizer: createTokenizer({
+      language: "mandarin",
+      stopWords: mandarinStopwords,
+    }),
+  },
+});
+
+export async function loader() {
+  return server.staticGET();
+}