Merge pull request #16 from OpenZeppelin/chore/experimental-static

stevedylandev · web-flow · commit 8ba2de7a5083 · 2025-09-12T14:18:33.000-04:00
chore: experimental static build
diff --git a/next.config.mjs b/next.config.mjs
@@ -5,14 +5,8 @@ const withMDX = createMDX();
 /** @type {import('next').NextConfig} */
 const config = {
 	reactStrictMode: true,
-	async rewrites() {
-		return [
-			{
-				source: "/:path*.md",
-				destination: "/llms.mdx/:path*",
-			},
-		];
-	},
+	output: "export",
+	images: { unoptimized: true },
 };
 
 export default withMDX(config);
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
 	"dependencies": {
 		"@fumadocs/mdx-remote": "^1.4.0",
 		"@netlify/plugin-nextjs": "^5.13.1",
+		"@orama/orama": "^3.1.13",
 		"@radix-ui/react-collapsible": "^1.1.12",
 		"@radix-ui/react-popover": "^1.1.15",
 		"@radix-ui/react-presence": "^1.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/api/search/route.ts b/src/app/api/search/route.ts
@@ -1,14 +1,6 @@
-import { structure } from "fumadocs-core/mdx-plugins";
-import { createSearchAPI } from "fumadocs-core/search/server";
+import { createFromSource } from "fumadocs-core/search/server";
 import { source } from "@/lib/source";
 
-export const { GET } = createSearchAPI("advanced", {
-	language: "english",
-	indexes: source.getPages().map((page) => ({
-		title: page.data.title,
-		description: page.data.description,
-		url: page.url,
-		id: page.url,
-		structuredData: structure(page.data.content),
-	})),
-});
+// statically cached
+export const revalidate = false;
+export const { staticGET: GET } = createFromSource(source);
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,7 +1,7 @@
 import "@/app/global.css";
-import { RootProvider } from "fumadocs-ui/provider";
 import { Inter } from "next/font/google";
 import type { ReactNode } from "react";
+import { Provider } from "./provider";
 
 const inter = Inter({
 	subsets: ["latin"],
@@ -11,7 +11,7 @@ export default function Layout({ children }: { children: ReactNode }) {
 	return (
 		<html lang="en" className={inter.className} suppressHydrationWarning>
 			<body className="flex flex-col min-h-screen">
-				<RootProvider>{children}</RootProvider>
+				<Provider>{children}</Provider>
 			</body>
 		</html>
 	);
diff --git a/src/app/llms-full.txt/route.ts b/src/app/llms-full.txt/route.ts
diff --git a/src/app/provider.tsx b/src/app/provider.tsx
@@ -0,0 +1,16 @@
+"use client";
+import { RootProvider } from "fumadocs-ui/provider";
+import type { ReactNode } from "react";
+import SearchDialog from "@/components/search";
+
+export function Provider({ children }: { children: ReactNode }) {
+	return (
+		<RootProvider
+			search={{
+				SearchDialog,
+			}}
+		>
+			{children}
+		</RootProvider>
+	);
+}
diff --git a/src/components/search.tsx b/src/components/search.tsx
@@ -0,0 +1,51 @@
+"use client";
+import { create } from "@orama/orama";
+import { useDocsSearch } from "fumadocs-core/search/client";
+import {
+	SearchDialog,
+	SearchDialogClose,
+	SearchDialogContent,
+	SearchDialogHeader,
+	SearchDialogIcon,
+	SearchDialogInput,
+	SearchDialogList,
+	SearchDialogOverlay,
+	type SharedProps,
+} from "fumadocs-ui/components/dialog/search";
+import { useI18n } from "fumadocs-ui/contexts/i18n";
+
+function initOrama() {
+	return create({
+		schema: { _: "string" },
+		// https://docs.orama.com/docs/orama-js/supported-languages
+		language: "english",
+	});
+}
+
+export default function DefaultSearchDialog(props: SharedProps) {
+	const { locale } = useI18n(); // (optional) for i18n
+	const { search, setSearch, query } = useDocsSearch({
+		type: "static",
+		initOrama,
+		locale,
+	});
+
+	return (
+		<SearchDialog
+			search={search}
+			onSearchChange={setSearch}
+			isLoading={query.isLoading}
+			{...props}
+		>
+			<SearchDialogOverlay />
+			<SearchDialogContent>
+				<SearchDialogHeader>
+					<SearchDialogIcon />
+					<SearchDialogInput />
+					<SearchDialogClose />
+				</SearchDialogHeader>
+				<SearchDialogList items={query.data !== "empty" ? query.data : null} />
+			</SearchDialogContent>
+		</SearchDialog>
+	);
+}
