Run Geistdocs updater

haydenbleasel · haydenbleasel · commit 57a4c3c523d4 · 2025-12-09T15:09:27.000-08:00
diff --git a/apps/website/app/[lang]/layout.tsx b/apps/website/app/[lang]/layout.tsx
@@ -3,6 +3,7 @@ import "katex/dist/katex.css";
 import { Footer } from "@/components/geistdocs/footer";
 import { Navbar } from "@/components/geistdocs/navbar";
 import { GeistdocsProvider } from "@/components/geistdocs/provider";
+import { basePath } from "@/geistdocs";
 import { mono, sans } from "@/lib/geistdocs/fonts";
 import { cn } from "@/lib/utils";
 
@@ -16,7 +17,7 @@ const Layout = async ({ children, params }: LayoutProps<"/[lang]">) => {
       suppressHydrationWarning
     >
       <body>
-        <GeistdocsProvider lang={lang}>
+        <GeistdocsProvider basePath={basePath} lang={lang}>
           <Navbar />
           {children}
           <Footer />
diff --git a/apps/website/app/api/chat/route.ts b/apps/website/app/api/chat/route.ts
@@ -84,14 +84,6 @@ User question: ${userQuestion}`,
       execute: ({ writer }) => {
         const result = streamText({
           model: "openai/gpt-4.1-mini",
-          providerOptions: {
-            openai: {
-              reasoningEffort: "minimal",
-              reasoningSummary: "auto",
-              textVerbosity: "medium",
-              serviceTier: "priority",
-            },
-          },
           messages: convertToModelMessages(processedMessages),
           stopWhen: stepCountIs(10),
           tools: createTools(writer),
diff --git a/apps/website/app/api/chat/utils.ts b/apps/website/app/api/chat/utils.ts
@@ -1,7 +1,6 @@
 import { prompt } from "@/geistdocs";
 
 export const createSystemPrompt = (currentRoute: string) => {
-  // Given we are using gpt-5, this prompt has been optimised to work well using openai's prompt optimiser
   const newPrompt = `# Role and Objective
 You are a helpful assistant specializing in answering questions strictly. If information is unavailable, politely decline to answer. Your primary objective is to guide users through the happy path using the most relevant documentation or guides.
 
diff --git a/apps/website/components/geistdocs/chat.tsx b/apps/website/components/geistdocs/chat.tsx
@@ -2,6 +2,7 @@
 
 import type { UIMessage } from "@ai-sdk/react";
 import { useChat } from "@ai-sdk/react";
+import { DefaultChatTransport } from "ai";
 import { useLiveQuery } from "dexie-react-hooks";
 import { ChevronRightIcon, MessagesSquareIcon, Trash } from "lucide-react";
 import { Portal } from "radix-ui";
@@ -34,7 +35,6 @@ import {
 import { Suggestion, Suggestions } from "@/components/ai-elements/suggestion";
 import { Button } from "@/components/ui/button";
 import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
-import { suggestions } from "@/geistdocs";
 import { useChatContext } from "@/hooks/geistdocs/use-chat";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { db } from "@/lib/geistdocs/db";
@@ -113,7 +113,12 @@ export const useChatPersistence = () => {
   };
 };
 
-const ChatInner = () => {
+type ChatProps = {
+  basePath: string | undefined;
+  suggestions: string[];
+};
+
+const ChatInner = ({ basePath, suggestions }: ChatProps) => {
   const [isInitialized, setIsInitialized] = useState(false);
   const [localPrompt, setLocalPrompt] = useState("");
   const [providerKey, setProviderKey] = useState(0);
@@ -122,6 +127,9 @@ const ChatInner = () => {
     useChatPersistence();
 
   const { messages, sendMessage, status, setMessages } = useChat({
+    transport: new DefaultChatTransport({
+      api: basePath ? `${basePath}/api/chat` : "/api/chat",
+    }),
     onError: (error) => {
       toast.error(error.message, {
         description: error.message,
@@ -328,7 +336,7 @@ const ChatInner = () => {
   );
 };
 
-export const Chat = () => {
+export const Chat = ({ basePath, suggestions }: ChatProps) => {
   const { isOpen, setIsOpen } = useChatContext();
   const isMobile = useIsMobile();
 
@@ -375,7 +383,7 @@ export const Chat = () => {
           )}
           data-state={isOpen ? "open" : "closed"}
         >
-          <ChatInner />
+          <ChatInner basePath={basePath} suggestions={suggestions} />
         </div>
       </Portal.Root>
       <div className="md:hidden">
@@ -390,7 +398,7 @@ export const Chat = () => {
             </Button>
           </DrawerTrigger>
           <DrawerContent className="h-[80dvh]">
-            <ChatInner />
+            <ChatInner basePath={basePath} suggestions={suggestions} />
           </DrawerContent>
         </Drawer>
       </div>
diff --git a/apps/website/components/geistdocs/docs-layout.tsx b/apps/website/components/geistdocs/docs-layout.tsx
@@ -15,12 +15,12 @@ type DocsLayoutProps = {
 
 export const DocsLayout = ({ tree, children }: DocsLayoutProps) => (
   <FumadocsDocsLayout
-    i18n={i18n}
     containerProps={{
       style: {
-        '--fd-docs-row-1': '4rem',
-      } as CSSProperties
+        "--fd-docs-row-1": "4rem",
+      } as CSSProperties,
     }}
+    i18n={i18n}
     nav={{
       enabled: false,
     }}
diff --git a/apps/website/components/geistdocs/home-layout.tsx b/apps/website/components/geistdocs/home-layout.tsx
@@ -1,6 +1,7 @@
 import { DocsLayout as FumadocsDocsLayout } from "fumadocs-ui/layouts/docs";
 import type { ComponentProps, CSSProperties, ReactNode } from "react";
 import { i18n } from "@/lib/geistdocs/i18n";
+import { Folder, Item, Separator, Sidebar } from "./sidebar";
 
 type HomeLayoutProps = {
   tree: ComponentProps<typeof FumadocsDocsLayout>["tree"];
@@ -14,7 +15,7 @@ export const HomeLayout = ({ tree, children }: HomeLayoutProps) => (
       style: {
         display: "flex",
         flexDirection: "column",
-        '--fd-docs-row-1': '4rem',
+        "--fd-docs-row-1": "4rem",
       } as CSSProperties,
     }}
     i18n={i18n}
@@ -26,6 +27,13 @@ export const HomeLayout = ({ tree, children }: HomeLayoutProps) => (
     }}
     sidebar={{
       className: "md:hidden",
+      collapsible: false,
+      component: <Sidebar />,
+      components: {
+        Folder,
+        Item,
+        Separator,
+      },
     }}
     tabMode="auto"
     themeSwitch={{
diff --git a/apps/website/components/geistdocs/navbar.tsx b/apps/website/components/geistdocs/navbar.tsx
@@ -1,6 +1,6 @@
 import { SiVercel } from "@icons-pack/react-simple-icons";
 import { DynamicLink } from "fumadocs-core/dynamic-link";
-import { Logo, nav } from "@/geistdocs";
+import { basePath, Logo, nav, suggestions } from "@/geistdocs";
 import { Chat } from "./chat";
 import { DesktopMenu } from "./desktop-menu";
 import { SlashIcon } from "./icons";
@@ -22,7 +22,7 @@ export const Navbar = () => (
       <DesktopMenu className="hidden xl:flex" items={nav} />
       <div className="ml-auto flex flex-1 items-center justify-end gap-2">
         <SearchButton className="hidden xl:flex" />
-        <Chat />
+        <Chat basePath={basePath} suggestions={suggestions} />
         <MobileMenu />
       </div>
     </div>
diff --git a/apps/website/components/geistdocs/provider.tsx b/apps/website/components/geistdocs/provider.tsx
@@ -2,8 +2,9 @@
 
 import { Analytics } from "@vercel/analytics/next";
 import { SpeedInsights } from "@vercel/speed-insights/next";
+import type { SharedProps } from "fumadocs-ui/contexts/search";
 import { RootProvider } from "fumadocs-ui/provider/next";
-import type { ComponentProps } from "react";
+import { type ComponentProps, useCallback } from "react";
 import { Toaster } from "@/components/ui/sonner";
 import { useChatContext } from "@/hooks/geistdocs/use-chat";
 import { useIsMobile } from "@/hooks/use-mobile";
@@ -13,32 +14,40 @@ import { TooltipProvider } from "../ui/tooltip";
 import { SearchDialog } from "./search";
 
 type GeistdocsProviderProps = ComponentProps<typeof RootProvider> & {
+  basePath: string | undefined;
   className?: string;
   lang?: string;
 };
 
 export const GeistdocsProvider = ({
+  basePath,
   search,
   className,
   lang = i18n.defaultLanguage,
   ...props
 }: GeistdocsProviderProps) => {
   const { isOpen } = useChatContext();
   const isMobile = useIsMobile();
+  const isSidebarVisible = isOpen && !isMobile;
+
+  const SearchDialogComponent = useCallback(
+    (sdProps: SharedProps) => <SearchDialog basePath={basePath} {...sdProps} />,
+    [basePath]
+  );
 
   return (
     <div
       className={cn(
         "transition-all",
-        isOpen && !isMobile && "pr-96!",
+        isSidebarVisible ? "pr-96!" : null,
         className
       )}
     >
       <TooltipProvider>
         <RootProvider
           i18n={i18nProvider(lang)}
           search={{
-            SearchDialog,
+            SearchDialog: SearchDialogComponent,
             ...search,
           }}
           {...props}
diff --git a/apps/website/components/geistdocs/search.tsx b/apps/website/components/geistdocs/search.tsx
@@ -23,12 +23,15 @@ type SearchButtonProps = {
   onClick?: () => void;
 };
 
-export const SearchDialog = (props: SharedProps) => {
+export const SearchDialog = ({
+  basePath,
+  ...props
+}: SharedProps & { basePath: string | undefined }) => {
   const { locale } = useI18n();
   const { search, setSearch, query } = useDocsSearch({
     type: "fetch",
     locale,
-    api: `${process.env.NEXT_PUBLIC_GEISTDOCS_BASE_PATH}/api/search`,
+    api: basePath ? `${basePath}/api/search` : "/api/search",
   });
 
   return (
diff --git a/apps/website/components/geistdocs/sidebar.tsx b/apps/website/components/geistdocs/sidebar.tsx
@@ -76,9 +76,7 @@ export const Folder: SidebarPageTreeComponents["Folder"] = ({
   const defaultOpen = item.defaultOpen ?? path.includes(item);
 
   return (
-    <SidebarFolder
-      defaultOpen={defaultOpen}
-    >
+    <SidebarFolder defaultOpen={defaultOpen}>
       {item.index ? (
         <SidebarFolderLink
           className="flex items-center gap-2 text-pretty py-1.5 text-muted-foreground text-sm transition-colors hover:text-foreground data-[active=true]:text-foreground [&_svg]:size-3.5"
diff --git a/apps/website/geistdocs.tsx b/apps/website/geistdocs.tsx
@@ -46,3 +46,5 @@ export const translations = {
     displayName: "English",
   },
 };
+
+export const basePath: string | undefined = undefined;
diff --git a/apps/website/lib/geistdocs/source.ts b/apps/website/lib/geistdocs/source.ts
@@ -1,6 +1,7 @@
 import { type InferPageType, loader } from "fumadocs-core/source";
 import { lucideIconsPlugin } from "fumadocs-core/source/lucide-icons";
 import { docs } from "@/.source/server";
+import { basePath } from "@/geistdocs";
 import { i18n } from "./i18n";
 
 // See https://fumadocs.dev/docs/headless/source-api for more info
@@ -16,7 +17,9 @@ export const getPageImage = (page: InferPageType<typeof source>) => {
 
   return {
     segments,
-    url: `/og/${segments.join("/")}`,
+    url: basePath
+      ? `${basePath}/og/${segments.join("/")}`
+      : `/og/${segments.join("/")}`,
   };
 };
 
