fix(docs): broken search not seeing the basePath when calling the api

cnpem · Apr 8, 2024 · d46eef9 · d46eef9
1 parent 5aedd64
commit d46eef9
Show file tree

Hide file tree

Showing 6 changed files with 876 additions and 390 deletions.
diff --git a/apps/docs/app/layout.tsx b/apps/docs/app/layout.tsx
@@ -1,26 +1,26 @@
 import "./global.css";
-import { RootProvider } from "fumadocs-ui/provider";
+import { Provider } from "@/components/providers";
 import { Inter } from "next/font/google";
 import type { ReactNode } from "react";
-import type { Metadata } from 'next';
+import type { Metadata } from "next";
 
 const inter = Inter({
   subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  description: 'Pimega Annotator Documentation',
+  description: "Pimega Annotator Documentation",
   title: {
-    template: '%s | pianno',
-    default: 'pianno',
+    template: "%s | pianno",
+    default: "pianno",
   },
 };
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className}>
       <body>
-        <RootProvider>{children}</RootProvider>
+        <Provider>{children}</Provider>
       </body>
     </html>
   );

diff --git a/apps/docs/components/providers.tsx b/apps/docs/components/providers.tsx
@@ -0,0 +1,17 @@
+"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/apps/docs/components/search.tsx b/apps/docs/components/search.tsx
@@ -0,0 +1,8 @@
+"use client";
+import SearchDialog from "fumadocs-ui/components/dialog/search-default";
+import type { SharedProps } from "fumadocs-ui/components/dialog/search";
+
+export default function CustomSearchDialog(props: SharedProps) {
+  // hardcoded api path in the search dialog does not sees next basePath
+  return <SearchDialog api="/uwu/api/search" {...props} />;
+}
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "next build",
-    "clean": "rf -rf node_modules .turbo",
+    "clean": "rm -rf .next node_modules .turbo",
     "dev": "next dev -p 4321",
     "start": "next start"
   },
@@ -14,11 +14,11 @@
     "@radix-ui/react-slot": "^1.0.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "fumadocs-core": "8.1.1",
-    "fumadocs-mdx": "8.0.2",
-    "fumadocs-ui": "8.1.1",
+    "fumadocs-core": "10.1.3",
+    "fumadocs-mdx": "8.2.8",
+    "fumadocs-ui": "10.1.3",
     "lucide-react": "^0.263.1",
-    "next": "14.0.4",
+    "next": "14.1.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tailwind-merge": "^2.2.1",

diff --git a/apps/pianno/package.json b/apps/pianno/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "clean": "rm -rf .turbo node_modules",
+    "clean": "rm -rf .next .turbo node_modules",
     "dev": "next dev",
     "build": "next build",
     "start": "next start",