improvements and install algolia

alexphelps · alexphelps · commit 0996d4444b73 · 2026-03-13T10:13:40.000+07:00
diff --git a/app/api/algolia/route.ts b/app/api/algolia/route.ts
@@ -0,0 +1,35 @@
+import { source } from '@/lib/source';
+import { sync } from 'fumadocs-core/search/algolia';
+import { algoliasearch } from 'algoliasearch';
+
+export const runtime = 'nodejs';
+// Disable caching so re-index always runs fresh
+export const dynamic = 'force-dynamic';
+
+export async function GET(req: Request) {
+  const token = new URL(req.url).searchParams.get('token');
+  if (token !== process.env.ALGOLIA_INDEX_SECRET) {
+    return Response.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const client = algoliasearch(
+    process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!,
+    process.env.ALGOLIA_ADMIN_KEY!,
+  );
+
+  const pages = source.getPages();
+
+  await sync(client, {
+    indexName: process.env.NEXT_PUBLIC_ALGOLIA_INDEX!,
+    documents: pages.map((page) => ({
+      _id: page.url,
+      title: page.data.title,
+      description: page.data.description,
+      url: page.url,
+      structured: page.data.structuredData,
+      breadcrumbs: [],
+    })),
+  });
+
+  return Response.json({ ok: true, indexed: pages.length });
+}
diff --git a/app/globals.css b/app/globals.css
@@ -82,9 +82,9 @@
   box-shadow: none !important;
 }
 
-/* Remove max-height on code blocks inside API example/request panels so content doesn't scroll */
+/* Cap max-height on code blocks inside API example/request panels */
 [data-api-requests] .fd-scroll-container {
-  max-height: none !important;
+  max-height: 1200px !important;
 }
 
 /* Docusaurus-style callouts: transparent colorized backgrounds */
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,12 +1,15 @@
 import { RootProvider } from 'fumadocs-ui/provider/next';
+import { AlgoliaDialog } from '@/components/search';
 import type { ReactNode } from 'react';
 import './globals.css';
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" suppressHydrationWarning>
       <body className="flex min-h-screen flex-col">
-        <RootProvider>{children}</RootProvider>
+        <RootProvider search={{ SearchDialog: AlgoliaDialog }}>
+          {children}
+        </RootProvider>
       </body>
     </html>
   );
diff --git a/components/api-page.tsx b/components/api-page.tsx
@@ -33,7 +33,7 @@ export const APIPage = createAPIPage(openapi, {
           {slots.responses}
           {slots.callbacks}
         </>,
-        slots.apiExample,
+        <div data-api-requests>{slots.apiExample}</div>,
       );
     },
     renderWebhookLayout(slots) {
diff --git a/components/search.tsx b/components/search.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import AlgoliaSearchDialog from 'fumadocs-ui/components/dialog/search-algolia';
+import { liteClient } from 'algoliasearch/lite';
+import type { SharedProps } from 'fumadocs-ui/contexts/search';
+
+const searchOptions = {
+  indexName: process.env.NEXT_PUBLIC_ALGOLIA_INDEX!,
+  client: liteClient(
+    process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!,
+    process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_KEY!,
+  ),
+};
+
+export function AlgoliaDialog(props: SharedProps) {
+  return <AlgoliaSearchDialog searchOptions={searchOptions} {...props} />;
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@types/mdx": "^2",
+    "algoliasearch": "^5.49.2",
     "fumadocs-core": "latest",
     "fumadocs-mdx": "latest",
     "fumadocs-openapi": "latest",

Original file line number	Diff line number	Diff line change
`@@ -82,9 +82,9 @@`
`82`	`82`	`box-shadow: none !important;`
`83`	`83`	`}`
`84`	`84`
`85`		`-/* Remove max-height on code blocks inside API example/request panels so content doesn't scroll */`
	`85`	`+/* Cap max-height on code blocks inside API example/request panels */`
`86`	`86`	`[data-api-requests] .fd-scroll-container {`
`87`		`- max-height: none !important;`
	`87`	`+ max-height: 1200px !important;`
`88`	`88`	`}`
`89`	`89`
`90`	`90`	`/* Docusaurus-style callouts: transparent colorized backgrounds */`