@docubook/flame 1.0.0-beta.70 → 1.0.0

package/.docu/components/Anchor.tsx

@@ -34,7 +34,7 @@ export default function Anchor({
 
   const activeClass = isActive ? activeClassName : "";
   const baseClasses = cn(
-    "text-blue-600 hover:text-blue-800 hover:underline transition-colors",
+    "hover:underline transition-colors",
     className,
     activeClass,
     disabled && "cursor-not-allowed opacity-50"

package/.docu/components/Breadcrumb.tsx

@@ -1,4 +1,9 @@
-import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage } from "./base/breadcrumbs";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+} from "@docubook/ui-react/breadcrumbs";
 
 export interface DocsBreadcrumbProps {
   paths: string[];

package/.docu/components/Context.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import { cn } from "../node/utils";
-import { Dropdown, DropdownItem } from "./base/dropdown";
+import { Dropdown, DropdownItem } from "@docubook/ui-react/dropdown";
 import { routes } from "../node/client-routes";
 import { ChevronsUpDown, Check, type LucideIcon } from "lucide-react";
 import * as LucideIcons from "lucide-react";
@@ -51,6 +51,7 @@ export function Context({ className }: ContextProps) {
     <Dropdown
       className={cn("w-full", className)}
       align="start"
+      menuClassName="w-full"
       trigger={
         <div className="border-base-300 flex items-center justify-between rounded-lg border px-3 py-2 text-sm font-semibold">
           <div className="flex min-w-0 items-center gap-2">

package/.docu/components/Navbar.tsx

@@ -8,9 +8,9 @@ import {
   NavMenu as BaseNavMenu,
   NavMenuLink as BaseNavMenuLink,
   type NavMenuItem as BaseNavMenuItem,
-} from "./base/navbar";
+} from "@docubook/ui-react/navbar";
 
-export type { NavMenuItem } from "./base/navbar";
+export type { NavMenuItem } from "@docubook/ui-react/navbar";
 
 interface AppNavMenuItem {
   title: string;

package/.docu/components/Pagination.tsx

@@ -1,14 +1,24 @@
 "use client";
 
+import type { ReactNode } from "react";
 import { getPreviousNext } from "../node/route";
-import { PaginationDocs } from "./base/pagination";
+import { PaginationDocs } from "@docubook/ui-react/pagination";
 
 interface PaginationProps {
   pathname: string;
   className?: string;
+  prevIcon?: ReactNode;
+  nextIcon?: ReactNode;
+  linkClassName?: string;
 }
 
-export default function Pagination({ pathname, className }: PaginationProps) {
+export default function Pagination({
+  pathname,
+  className,
+  prevIcon,
+  nextIcon,
+  linkClassName,
+}: PaginationProps) {
   const { prev, next } = getPreviousNext(pathname);
 
   if (!prev && !next) {
@@ -20,6 +30,9 @@ export default function Pagination({ pathname, className }: PaginationProps) {
       prev={prev ? { href: `/docs${prev.href}`, title: prev.title } : undefined}
       next={next ? { href: `/docs${next.href}`, title: next.title } : undefined}
       className={className}
+      prevIcon={prevIcon}
+      nextIcon={nextIcon}
+      linkClassName={linkClassName}
     />
   );
 }

package/.docu/components/Search.tsx

@@ -2,8 +2,8 @@
 
 import { useState, useEffect, useRef, useCallback } from "react";
 import { Search as SearchIcon, FileText, CornerDownLeft, Hash, AlignLeft } from "lucide-react";
-import { Modal, useModal } from "./base/modal";
-import { Kbd, FnKey } from "./base/kbd";
+import { Modal, useModal } from "@docubook/ui-react/modal";
+import { Kbd, FnKey } from "@docubook/ui-react/kbd";
 import { cn } from "../node/utils";
 import { search, type SearchResult } from "../node/search";
 import type { SearchRecord } from "../node/search-indexer";
@@ -217,16 +217,10 @@ function SearchTrigger({ onClick }: { onClick: () => void }) {
           <SearchIcon className="h-4 w-4 shrink-0" />
           <span className="flex-1 text-left">Search</span>
           <div className="flex items-center gap-0.5">
-            <Kbd
-              size="s"
-              className="bg-primary text-[12px text-base-300 dark:text-foreground rounded-md p-1.5 font-medium"
-            >
+            <Kbd className="bg-primary text-[12px text-base-300 dark:text-foreground rounded-md p-1.5 font-medium">
               <FnKey.Cmd />
             </Kbd>
-            <Kbd
-              size="s"
-              className="bg-primary text-base-300 dark:text-foreground rounded-md p-1.5 text-[12px] font-medium"
-            >
+            <Kbd className="bg-primary text-base-300 dark:text-foreground rounded-md p-1.5 text-[12px] font-medium">
               K
             </Kbd>
           </div>

package/.docu/components/Sidebar.tsx

@@ -9,8 +9,9 @@ import {
   PanelRightClose,
   FileText,
 } from "lucide-react";
-import { Dropdown, DropdownLink } from "./base/dropdown";
+import { Dropdown } from "@docubook/ui-react/dropdown";
 import { cn } from "../node/utils";
+import Anchor from "./Anchor";
 import { Context } from "./Context";
 import Menu from "./Menu";
 import { ThemeToggle } from "./Theme";
@@ -132,6 +133,7 @@ export function MobileBar({
         <div className="flex items-center gap-1 p-2">
           <Dropdown
             align="start"
+            menuClassName="w-52 min-w-0"
             trigger={
               <span className="btn btn-ghost btn-sm btn-square">
                 <EllipsisVertical className="text-base-content/60 h-5 w-5" />
@@ -139,9 +141,18 @@ export function MobileBar({
             }
           >
             {(docuConfig.navbar?.menu || []).map((item) => (
-              <DropdownLink key={item.href} href={item.href}>
-                {item.title}
-              </DropdownLink>
+              <li key={item.href} className="text-base-content/80 hover:text-base-content">
+                <Anchor
+                  href={item.href}
+                  activeWhen={(path: string) =>
+                    path === item.href || path.startsWith(item.href + "/")
+                  }
+                  activeClassName="text-primary font-semibold"
+                  className="block rounded px-2 py-2 text-sm"
+                >
+                  {item.title}
+                </Anchor>
+              </li>
             ))}
           </Dropdown>
 

package/.docu/components/Theme.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Moon, Sun } from "lucide-react";
-import { ThemeControllerToggle } from "./base/theme-controller";
+import { ThemeControllerToggle } from "@docubook/ui-react/theme-controller";
 
 interface ThemeToggleProps {
   className?: string;

package/.docu/components/registry.ts

@@ -1,56 +1,32 @@
 import type { ComponentType } from "react";
 import { createMdxComponents } from "@docubook/mdx-content";
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownLink,
-  DropdownLabel,
-  DropdownDivider,
-} from "./base/dropdown";
-import {
-  Pagination,
-  PaginationItem,
-  PaginationButtons,
-  PaginationRange,
-  PaginationInfo,
-  PaginationFull,
-  PaginationDocs,
-} from "./base/pagination";
-import { Toggle, ToggleGroup } from "./base/toggle";
-import {
-  ThemeController,
-  ThemeControllerToggle,
-  ThemeControllerSelect,
-  ThemeControllerRadio,
-} from "./base/theme-controller";
+import { Dropdown, DropdownItem, DropdownLink } from "@docubook/ui-react/dropdown";
+import { PaginationDocs } from "@docubook/ui-react/pagination";
+import { Toggle, ToggleGroup } from "@docubook/ui-react/toggle";
+import { ThemeControllerToggle } from "@docubook/ui-react/theme-controller";
 import {
   Breadcrumb,
   BreadcrumbItem,
-  BreadcrumbLink,
   BreadcrumbPage,
-  BreadcrumbSeparator,
   BreadcrumbList,
-} from "./base/breadcrumbs";
-import Collapse, { Accordion } from "./base/collapse";
+} from "@docubook/ui-react/breadcrumbs";
+import { Collapse, Accordion } from "@docubook/ui-react/collapse";
 import {
   Drawer,
   useDrawerState,
   DrawerTrigger,
   DrawerContent,
   DrawerSidePanel,
-} from "./base/drawer";
-import { Input, InputGroup } from "./base/input";
-import { Kbd, FnKey } from "./base/kbd";
-import { Modal, ModalAction, useModal } from "./base/modal";
+} from "@docubook/ui-react/drawer";
+import { Input, InputGroup } from "@docubook/ui-react/input";
+import { Kbd, FnKey } from "@docubook/ui-react/kbd";
+import { Modal, useModal } from "@docubook/ui-react/modal";
 import {
   Navbar as BaseNavbar,
-  NavbarContainer,
   Logo as BaseLogo,
   NavMenu as BaseNavMenu,
   NavMenuLink,
-  NavToggle,
-  NavbarVersion,
-} from "./base/navbar";
+} from "@docubook/ui-react/navbar";
 import PaginationComp from "./Pagination";
 import Anchor from "./Anchor";
 import { Footer } from "./Footer";
@@ -71,40 +47,17 @@ import {
 import Search from "./Search";
 import Sidebar from "./Sidebar";
 
-export { Dropdown, DropdownItem, DropdownLink, DropdownLabel, DropdownDivider };
-export {
-  Pagination,
-  PaginationItem,
-  PaginationButtons,
-  PaginationRange,
-  PaginationInfo,
-  PaginationFull,
-  PaginationDocs,
-};
+export { Dropdown, DropdownItem, DropdownLink };
+export { PaginationDocs };
 export { Toggle, ToggleGroup };
-export { ThemeController, ThemeControllerToggle, ThemeControllerSelect, ThemeControllerRadio };
-export {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbList,
-};
+export { ThemeControllerToggle };
+export { Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbList };
 export { Collapse, Accordion };
 export { Drawer, useDrawerState, DrawerTrigger, DrawerContent, DrawerSidePanel };
 export { Input, InputGroup };
 export { Kbd, FnKey };
-export { Modal, ModalAction, useModal };
-export {
-  BaseNavbar,
-  NavbarContainer,
-  BaseLogo,
-  BaseNavMenu,
-  NavMenuLink,
-  NavToggle,
-  NavbarVersion,
-};
+export { Modal, useModal };
+export { BaseNavbar, BaseLogo, BaseNavMenu, NavMenuLink };
 export { Footer };
 export { ThemeToggle };
 export { Context };
@@ -122,16 +75,8 @@ const BASE_COMPONENTS = {
   Dropdown,
   DropdownItem,
   DropdownLink,
-  DropdownLabel,
-  DropdownDivider,
 
   // Pagination
-  Pagination,
-  PaginationItem,
-  PaginationButtons,
-  PaginationRange,
-  PaginationInfo,
-  PaginationFull,
   PaginationDocs,
 
   // Toggle
@@ -139,17 +84,12 @@ const BASE_COMPONENTS = {
   ToggleGroup,
 
   // Theme
-  ThemeController,
   ThemeControllerToggle,
-  ThemeControllerSelect,
-  ThemeControllerRadio,
 
   // Breadcrumb
   Breadcrumb,
   BreadcrumbItem,
-  BreadcrumbLink,
   BreadcrumbPage,
-  BreadcrumbSeparator,
   BreadcrumbList,
 
   // Accordion
@@ -173,17 +113,13 @@ const BASE_COMPONENTS = {
 
   // Modal
   Modal,
-  ModalAction,
   useModal,
 
   // Base Navbar
   BaseNavbar,
-  NavbarContainer,
   BaseLogo,
   BaseNavMenu,
   NavMenuLink,
-  NavToggle,
-  NavbarVersion,
 } as const;
 
 const APP_COMPONENTS = {
@@ -216,15 +152,13 @@ export function createComponentsRegistry(): Record<string, unknown> {
 export async function createFullComponentsRegistry(): Promise<Record<string, unknown>> {
   const baseComponents = createComponentsRegistry();
 
-  let mdxComponents: ComponentRegistry = {};
   try {
     const mdx = createMdxComponents() as unknown as ComponentRegistry;
-    mdxComponents = mdx;
-  } catch {
-    // MDX components not available
+    return { ...baseComponents, ...mdx };
+  } catch (error) {
+    console.error("Failed to load MDX components:", error);
+    return { ...baseComponents };
   }
-
-  return { ...baseComponents, ...mdxComponents };
 }
 
 export const componentsRegistry = createComponentsRegistry();

package/.docu/node/build.ts

@@ -4,7 +4,7 @@ import { createHash } from "node:crypto";
 import { join, dirname } from "node:path";
 import React from "react";
 import { renderToString } from "react-dom/server";
-import { compileMdx } from "./mdx";
+import { compileMdx, getGitLastModifiedBatch } from "./mdx";
 import {
   DOCS_DIR,
   DIST_DIR,
@@ -83,7 +83,11 @@ async function findMdxFiles(dir: string, baseDir = ""): Promise<{ path: string;
   return files;
 }
 
-function shouldRebuild(path: string, mtime: number, cache: BuildCache): boolean {
+export function parseConcurrency(): number {
+  return Math.max(1, parseInt(process.env.BUILD_CONCURRENCY || "10", 10) || 10);
+}
+
+export function shouldRebuild(path: string, mtime: number, cache: BuildCache): boolean {
   const cached = cache[path];
   if (!cached) return true;
   return mtime > cached.builtAt;
@@ -103,10 +107,15 @@ function htmlShell(title: string, description: string, body: string): string {
   });
 }
 
-async function renderDocsPage(slug: string, rawMdx: string, filePath: string): Promise<string> {
+async function renderDocsPage(
+  slug: string,
+  rawMdx: string,
+  filePath: string,
+  gitDates?: Map<string, string>
+): Promise<string> {
   let result;
   try {
-    result = await compileMdx(rawMdx, filePath);
+    result = await compileMdx(rawMdx, filePath, gitDates);
   } catch (err) {
     const msg = err instanceof Error ? err.message : "Unknown MDX error";
     throw new Error(`MDX Error in: docs/${slug}.mdx\n${msg}`, { cause: err });
@@ -194,7 +203,20 @@ async function build() {
   logger.spinner.start("Building pages...");
   t = performance.now();
 
-  const CONCURRENCY = Math.max(1, parseInt(process.env.BUILD_CONCURRENCY || "10", 10) || 10);
+  const allRelPaths = mdxFiles
+    .map((f) => {
+      const mdxPath1 = join(DOCS_DIR, f.path, "index.mdx");
+      const mdxPath2 = join(DOCS_DIR, `${f.path}.mdx`);
+      const mdxPath3 = join(DOCS_DIR, `${f.path}.md`);
+      for (const p of [mdxPath1, mdxPath2, mdxPath3]) {
+        if (existsSync(p)) return p.replace(PROJECT_ROOT + "/", "");
+      }
+      return null;
+    })
+    .filter((p): p is string => p !== null);
+  const gitDates = await getGitLastModifiedBatch(allRelPaths);
+
+  const CONCURRENCY = parseConcurrency();
   const buildTasks = [];
   const errors: string[] = [];
 
@@ -232,7 +254,7 @@ async function build() {
 
     buildTasks.push(async () => {
       try {
-        const html = await renderDocsPage(capturedFile.path, capturedRawMdx, relPath);
+        const html = await renderDocsPage(capturedFile.path, capturedRawMdx, relPath, gitDates);
         const outputPath = join(DIST_DIR, "docs", `${capturedFile.path}.html`);
         await mkdir(dirname(outputPath), { recursive: true });
         await writeFile(outputPath, html);
@@ -258,7 +280,7 @@ async function build() {
     const indexMdxPath = join(DOCS_DIR, "index.mdx");
     const indexRaw = await readFile(indexMdxPath, "utf-8");
     const indexRelPath = indexMdxPath.replace(PROJECT_ROOT + "/", "");
-    const indexHtml = await renderDocsPage("", indexRaw, indexRelPath);
+    const indexHtml = await renderDocsPage("", indexRaw, indexRelPath, gitDates);
     await mkdir(join(DIST_DIR, "docs"), { recursive: true });
     await writeFile(join(DIST_DIR, "docs", "index.html"), indexHtml);
   } catch (err) {

package/.docu/node/client.ts

@@ -5,16 +5,9 @@ import { createMdxComponents } from "@docubook/mdx-content";
 import Sidebar, { MobileBar } from "../components/Sidebar";
 import Toc from "../components/Toc";
 import { ThemeToggle } from "../components/Theme";
+import { safeParseTocs } from "./parse-tocs";
 import type { TocItem } from "./types";
 
-function safeParseTocs(raw: string | undefined): TocItem[] {
-  try {
-    return JSON.parse(raw || "[]");
-  } catch {
-    return [];
-  }
-}
-
 function mountIsland(
   id: string,
   render: (el: HTMLElement) => React.ReactElement,

package/.docu/node/html.ts

@@ -29,3 +29,15 @@ export function htmlShell(opts: HtmlShellOptions): string {
 </body>
 </html>`;
 }
+
+export function hmrScript(nonce: string): string {
+  return `<script nonce="${Bun.escapeHTML(nonce)}">
+(function(){
+  const es = new EventSource("/__hmr");
+  es.onmessage = function(e) {
+    if (e.data === "reload") window.location.reload();
+  };
+  es.onerror = function() { es.close(); setTimeout(() => { window.location.reload(); }, 2000); };
+})();
+</script>`;
+}

package/.docu/node/mdx.ts

@@ -8,7 +8,9 @@ import {
   MDXRemote,
 } from "@docubook/core";
 import { createMdxComponents } from "@docubook/mdx-content";
-import { getGitLastModified } from "./utils";
+import { getGitLastModified, getGitLastModifiedBatch } from "./utils";
+
+export { getGitLastModifiedBatch };
 
 export interface MdxResult {
   content: React.ReactElement;
@@ -17,7 +19,11 @@ export interface MdxResult {
   tocs: ReturnType<typeof extractTocsFromRawMdx>;
 }
 
-export async function compileMdx(rawMdx: string, filePath: string): Promise<MdxResult> {
+export async function compileMdx(
+  rawMdx: string,
+  filePath: string,
+  gitDates?: Map<string, string>
+): Promise<MdxResult> {
   const tocs = extractTocsFromRawMdx(rawMdx);
   const { frontmatter, strippedContent } = extractFrontmatterWithContent<{
     title?: string;
@@ -40,7 +46,11 @@ export async function compileMdx(rawMdx: string, filePath: string): Promise<MdxR
     components,
   });
 
-  const date = frontmatter.date || (await getGitLastModified(filePath)) || undefined;
+  const date =
+    frontmatter.date ||
+    gitDates?.get(filePath) ||
+    (await getGitLastModified(filePath)) ||
+    undefined;
 
   return {
     content,

package/.docu/node/parse-tocs.ts

@@ -0,0 +1,10 @@
+import type { TocItem } from "./types";
+
+export function safeParseTocs(raw: string | undefined): TocItem[] {
+  try {
+    const parsed = JSON.parse(raw || "[]");
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}

package/.docu/node/search-indexer.ts

@@ -13,6 +13,7 @@
 
 import { readFile, writeFile, readdir, mkdir } from "node:fs/promises";
 import { resolve, join } from "node:path";
+import { extractFrontmatterWithContent } from "@docubook/core";
 import { DOCS_DIR, ASSETS_DIR, loadDocuConfig } from "./paths";
 
 const docuConfig = loadDocuConfig();
@@ -37,25 +38,6 @@ interface Frontmatter {
   description?: string;
 }
 
-function parseFrontmatter(raw: string): { frontmatter: Frontmatter; content: string } {
-  if (!raw.startsWith("---")) return { frontmatter: {}, content: raw };
-  const end = raw.indexOf("---", 3);
-  if (end < 0) return { frontmatter: {}, content: raw };
-
-  const fm: Frontmatter = {};
-  const lines = raw.slice(3, end).trim().split("\n");
-  for (const line of lines) {
-    const match = line.match(/^(\w+):\s*(.+)$/);
-    if (match) {
-      const [, key, value] = match;
-      if (key === "title" || key === "description") {
-        fm[key] = value.trim();
-      }
-    }
-  }
-  return { frontmatter: fm, content: raw.slice(end + 3) };
-}
-
 function getSectionTitle(filePath: string): string {
   const parts = filePath.split("/");
   if (parts.length > 1) {
@@ -74,8 +56,20 @@ function slugify(text: string): string {
     .replace(/^-+|-+$/g, "");
 }
 
+function stripJsx(content: string): string {
+  let result = content;
+  let prev = "";
+  while (result !== prev) {
+    prev = result;
+    result = result
+      .replace(/<[A-Z][\w.]*[\s\S]*?\/>/g, "")
+      .replace(/<[A-Z][\w.]*[\s\S]*?>([\s\S]*?)<\/[A-Z][\w.]*>/g, "$1");
+  }
+  return result;
+}
+
 function extractRecords(filePath: string, raw: string): SearchRecord[] {
-  const { frontmatter, content } = parseFrontmatter(raw);
+  const { frontmatter, strippedContent: content } = extractFrontmatterWithContent<Frontmatter>(raw);
   const records: SearchRecord[] = [];
   const url = `/docs/${filePath}`;
   const lvl0 = getSectionTitle(filePath);
@@ -100,7 +94,8 @@ function extractRecords(filePath: string, raw: string): SearchRecord[] {
     });
   }
 
-  const lines = content.split("\n");
+  const plainContent = stripJsx(content);
+  const lines = plainContent.split("\n");
   let currentParagraph: string[] = [];
   let inCodeBlock = false;
 
@@ -137,7 +132,6 @@ function extractRecords(filePath: string, raw: string): SearchRecord[] {
     if (inCodeBlock) continue;
 
     if (/^import\s+[\w{*]/.test(trimmed) || /^export\s+[\w{*]/.test(trimmed)) continue;
-    if (/^<\/?[A-Z][\w.]*[\s/>]/.test(trimmed) && !/>(.+)<\//.test(trimmed)) continue;
 
     const headingMatch = trimmed.match(/^(#{1,6})\s+(.+)$/);
     if (headingMatch) {
@@ -170,6 +164,8 @@ function extractRecords(filePath: string, raw: string): SearchRecord[] {
       continue;
     }
 
+    if (/^\|.+\|/.test(trimmed)) continue;
+
     const cleaned = trimmed
       .replace(/^[-*+]\s+/, "") // list markers
       .replace(/^\d+\.\s+/, "") // ordered list

package/.docu/node/server.ts

@@ -16,7 +16,7 @@ import { generateSearchIndex } from "./search-indexer";
 import { logger } from "./logger";
 import { initSentry, captureException } from "./sentry";
 import { SECURITY_HEADERS, generateNonce, htmlResponse } from "./security";
-import { htmlShell as createHtmlShell } from "./html";
+import { htmlShell as createHtmlShell, hmrScript } from "./html";
 
 const docuConfig = loadDocuConfig();
 
@@ -50,18 +50,6 @@ try {
 
 const hmrClients = new Set<ReadableStreamDefaultController>();
 
-function hmrScript(nonce: string): string {
-  return `<script nonce="${Bun.escapeHTML(nonce)}">
-(function(){
-  const es = new EventSource("/__hmr");
-  es.onmessage = function(e) {
-    if (e.data === "reload") window.location.reload();
-  };
-  es.onerror = function() { es.close(); setTimeout(() => { window.location.reload(); }, 2000); };
-})();
-</script>`;
-}
-
 let hmrTimeout: ReturnType<typeof setTimeout> | null = null;
 const watcher = watch(DOCS_DIR, { recursive: true }, (_event, filename) => {
   if (!filename || (!filename.endsWith(".mdx") && !filename.endsWith(".md"))) return;