fix static generation

Author: nmn

packages/docs/.gitignore

@@ -5,4 +5,6 @@ dist
 .source
 src/pages.gen.ts
 
-!lib/
+!lib/
+
+.vercel

packages/docs/package.json

@@ -7,6 +7,7 @@
   "scripts": {
     "dev": "waku dev",
     "build": "waku build",
+    "postbuild": "rm -rf build && cp -r dist build",
     "start": "waku start",
     "postinstall": "fumadocs-mdx",
     "lint": "biome check",
@@ -20,7 +21,7 @@
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "react-server-dom-webpack": "^19.2.1",
-    "waku": "^0.27.0",
+    "waku": "^0.27.1",
     "zod": "^4.1.12",
     "next-themes":"^0.4.6",
     "@radix-ui/react-scroll-area":"^1.2.10",

packages/docs/src/components/language-toggle.tsx

@@ -7,24 +7,11 @@ import {
   StyleXAttributes,
 } from '../shared/index';
 import { NavProvider } from 'fumadocs-ui/contexts/layout';
-import { LargeSearchToggle, SearchToggle } from '../../search-toggle';
+import { LargeSearchToggle } from '../../search-toggle';
 import { ThemeToggle } from '../../theme-toggle';
-import { LanguageToggle, LanguageToggleText } from '../../language-toggle';
-import { ChevronDown, Languages } from 'lucide-react';
+import { Languages } from 'lucide-react';
 import Link from 'fumadocs-core/link';
-import {
-  Navbar,
-  NavbarLinkItem,
-  Menu,
-  MenuContent,
-  MenuLinkItem,
-  MenuTrigger,
-} from './client';
-import {
-  buttonStyles,
-  buttonSizeVariants,
-  buttonVariantStyles,
-} from '../../ui/button';
+import { Navbar, NavbarLinkItem } from './client';
 import * as stylex from '@stylexjs/stylex';
 
 export interface HomeLayoutProps extends BaseLayoutProps {
@@ -78,7 +65,6 @@ export function HomeLayout(
 
 export function Header({
   nav = {},
-  i18n = false,
   links,
   githubUrl,
   themeSwitch = {},
@@ -92,9 +78,6 @@ export function Header({
   const navItems = finalLinks.filter((item) =>
     ['nav', 'all'].includes(item.on ?? 'all'),
   );
-  const menuItems = finalLinks.filter((item) =>
-    ['menu', 'all'].includes(item.on ?? 'all'),
-  );
 
   return (
     <Navbar>
@@ -141,66 +124,8 @@ export function Header({
           />
         ))}
       </ul>
-      {i18n && (
-        <LanguageToggle>
-          <Languages {...stylex.props(styles.languageToggle)} />
-        </LanguageToggle>
-      )}
       {themeSwitch.enabled !== false &&
         (themeSwitch.component ?? <ThemeToggle mode={themeSwitch?.mode} />)}
-
-      {/* <ul {...stylex.props(styles.mobileSearchContainer)}>
-        {searchToggle.enabled !== false &&
-          (searchToggle.components?.sm ?? (
-            <SearchToggle xstyle={styles.mobileSearchToggle} hideIfDisabled />
-          ))}
-        <Menu>
-          <MenuTrigger
-            {...stylex.props(
-              buttonStyles.base,
-              buttonSizeVariants.icon,
-              buttonVariantStyles.ghost,
-              stylex.defaultMarker(),
-            )}
-            aria-label="Toggle Menu"
-            enableHover={nav.enableHoverToOpen}
-          >
-            <ChevronDown {...stylex.props(styles.menuTriggerIcon)} />
-          </MenuTrigger>
-          <MenuContent xstyle={styles.mobileMenuContent}>
-            {menuItems
-              .filter((item) => !isSecondary(item))
-              .map((item, i) => (
-                <MenuLinkItem
-                  key={i}
-                  item={item}
-                  xstyle={styles.primaryMenuLink}
-                />
-              ))}
-            <div {...stylex.props(styles.themeSwitchContainer)}>
-              {menuItems.filter(isSecondary).map((item, i) => (
-                <MenuLinkItem
-                  key={i}
-                  item={item}
-                  xstyle={styles.secondaryMenuLink}
-                />
-              ))}
-              <div role="separator" {...stylex.props(styles.separator)} />
-              {i18n ? (
-                <LanguageToggle>
-                  <Languages {...stylex.props(styles.mobileLanguageToggle)} />
-                  <LanguageToggleText />
-                  <ChevronDown {...stylex.props(styles.languageChevron)} />
-                </LanguageToggle>
-              ) : null}
-              {themeSwitch.enabled !== false &&
-                (themeSwitch.component ?? (
-                  <ThemeToggle mode={themeSwitch?.mode} />
-                ))}
-            </div>
-          </MenuContent>
-        </Menu>
-      </ul> */}
     </Navbar>
   );
 }

packages/docs/src/components/layout/home/index.tsx

@@ -15,25 +15,20 @@ import {
 } from 'react';
 import Link, { type LinkProps } from 'fumadocs-core/link';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { cn } from '../lib/cn';
 import { ScrollArea, ScrollViewport } from './ui/scroll-area';
 import { isActive } from '../lib/is-active';
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
 } from './ui/collapsible';
-import { type ScrollAreaProps } from '@radix-ui/react-scroll-area';
-import { useSidebar } from 'fumadocs-ui/contexts/sidebar';
-import { cva } from 'class-variance-authority';
 import type {
   CollapsibleContentProps,
   CollapsibleTriggerProps,
 } from '@radix-ui/react-collapsible';
 import type * as PageTree from 'fumadocs-core/page-tree';
 import { useTreeContext, useTreePath } from 'fumadocs-ui/contexts/tree';
 import { useMediaQuery } from 'fumadocs-core/utils/use-media-query';
-import { Presence } from '@radix-ui/react-presence';
 import { StyleXComponentProps } from './layout/shared';
 import * as stylex from '@stylexjs/stylex';
 
@@ -647,18 +642,13 @@ export function SidebarCollapseTrigger({
   xstyle,
   ...props
 }: StyleXComponentProps<'button'>) {
-  const { collapsed, setCollapsed } = useSidebar();
-
   return (
     <button
       type="button"
       aria-label="Collapse Sidebar"
-      data-collapsed={collapsed}
+      data-collapsed={false}
       {...props}
       {...stylex.props(xstyle)}
-      onClick={() => {
-        setCollapsed((prev) => !prev);
-      }}
     >
       {props.children}
     </button>

packages/docs/src/components/sidebar.tsx

@@ -1,4 +1,4 @@
-import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import type { BaseLayoutProps } from '@/components/layout/shared';
 import * as stylex from '@stylexjs/stylex';
 import LogoBold from '@/components/LogoBold';
 import { vars } from '../theming/vars.stylex';

packages/docs/src/lib/layout.shared.tsx

@@ -7,11 +7,9 @@
 
 import * as React from 'react';
 import * as stylex from '@stylexjs/stylex';
-import { Link } from 'waku';
 import StylexAnimatedLogo from '@/components/StylexAnimatedLogo';
 import { ZStack, ZStackItem } from '@/components/ZStack';
 import CtaButton from '@/components/CtaButton';
-import { vars } from '../../theming/vars.stylex';
 
 export default function Home() {
   return (

packages/docs/src/pages/(home)/index.tsx

@@ -1,16 +1,8 @@
 import * as stylex from '@stylexjs/stylex';
 import { blogSource } from '@/lib/source';
-import { PageProps } from 'waku/router';
-import defaultMdxComponents from 'fumadocs-ui/mdx';
-import {
-  DocsBody,
-  DocsDescription,
-  DocsPage,
-  DocsTitle,
-} from 'fumadocs-ui/page';
 import { Card } from 'fumadocs-ui/components/card';
 
-export default function BlogPage({ slug }: PageProps<'/blog/[slug]'>) {
+export default function BlogPage() {
   const pages = blogSource.getPages();
 
   const sortedPages = [...pages].sort((a, b) => b.path.localeCompare(a.path));

packages/docs/src/pages/blog/(index)/index.tsx

@@ -82,8 +82,8 @@ export async function getConfig() {
   console.log('slugs', slugs);
 
   return {
-    render: 'dynamic' as const,
-    // staticPaths: slugs,
+    render: 'static' as const,
+    staticPaths: slugs,
   } as const;
 }
 

packages/docs/src/pages/blog/[...slugs]/index.tsx

@@ -0,0 +1,7 @@
+import { fsRouter } from 'waku';
+import adapter from 'waku/adapters/vercel';
+
+export default adapter(
+  fsRouter(import.meta.glob('./**/*.{tsx,ts}', { base: './pages' })),
+  //   { static: true },
+);