@docubook/flame 2.0.0-alpha.1 → 2.0.0-beta.0

package/.docu/node/mdx.ts

@@ -115,13 +115,19 @@ export interface MdxResult {
  * DocuBook frontmatter contract — single source of truth for frontmatter
  * fields. Add new properties here; types and validation derive from it.
  * YAML coerces unquoted values, so string fields use `z.coerce.*`.
+ * `.passthrough()` keeps unknown fields (e.g. `author: wildan`, `tags`)
+ * in the parsed output — arbitrary frontmatter metadata stays available
+ * via `frontmatterField(frontmatter, key)` instead of being silently
+ * stripped by Zod's default object parsing.
  */
-export const frontmatterSchema = z.object({
-  title: z.coerce.string().optional(),
-  description: z.coerce.string().optional(),
-  image: z.coerce.string().optional(),
-  date: z.coerce.string().optional(),
-});
+export const frontmatterSchema = z
+  .object({
+    title: z.coerce.string().optional(),
+    description: z.coerce.string().optional(),
+    image: z.coerce.string().optional(),
+    date: z.coerce.string().optional(),
+  })
+  .passthrough();
 
 export type Frontmatter = z.infer<typeof frontmatterSchema>;
 
@@ -162,12 +168,13 @@ async function serializeWithDocPlugins(
     remarkPlugins?: Pluggable[];
     rehypePlugins?: Pluggable[];
     frontmatterSchema?: FrontmatterSchema;
-  } = {}
+  } = {},
+  pre?: { frontmatter: Frontmatter; strippedContent: string }
 ) {
-  const { strippedContent } = extractFrontmatterWithContent<Frontmatter>(
-    rawMdx,
-    opts.frontmatterSchema
-  );
+  // Parse-once: when the prePass already extracted the frontmatter + stripped
+  // content, reuse it instead of re-parsing (the SSR phase skips extraction).
+  const { strippedContent, frontmatter } =
+    pre ?? extractFrontmatterWithContent<Frontmatter>(rawMdx, opts.frontmatterSchema);
 
   const defaultRemark = createDefaultRemarkPlugins();
   const defaultRehype = createDefaultRehypePlugins();
@@ -179,7 +186,8 @@ async function serializeWithDocPlugins(
   const finalRehype = [...defaultRehype, rehypeDocsHtmlLinks, ...(opts.rehypePlugins ?? [])];
 
   // v2 contract: plain markdown + directives only — authored JSX tags are
-  // not parsed (dropped, content kept as text).
+  // not parsed (dropped, content kept as text). Return the frontmatter parsed
+  // above — `serialize()` only parses it when `parseFrontmatter` is set.
   return serialize(strippedContent, {
     outputFormat: opts.outputFormat,
     format: "md",
@@ -187,7 +195,7 @@ async function serializeWithDocPlugins(
       rehypePlugins: finalRehype,
       remarkPlugins: finalRemark,
     },
-  });
+  }).then((serialized) => ({ ...serialized, frontmatter, strippedContent }));
 }
 
 /**
@@ -206,15 +214,19 @@ export async function compileMdx(
   gitDates?: Map<string, string>,
   remarkPlugins?: Pluggable[],
   rehypePlugins?: Pluggable[],
-  frontmatterSchema?: FrontmatterSchema
+  frontmatterSchema?: FrontmatterSchema,
+  /** Pre-pass extracted data — avoids re-parsing frontmatter in the SSR phase. */
+  pre?: { frontmatter: Frontmatter; strippedContent: string }
 ): Promise<MdxResult> {
   const tocs = extractTocsFromRawMdx(rawMdx);
-  const { frontmatter } = extractFrontmatterWithContent<Frontmatter>(rawMdx, frontmatterSchema);
-  const serialized = await serializeWithDocPlugins(rawMdx, {
-    remarkPlugins,
-    rehypePlugins,
-    frontmatterSchema,
-  });
+  const frontmatter =
+    pre?.frontmatter ??
+    extractFrontmatterWithContent<Frontmatter>(rawMdx, frontmatterSchema).frontmatter;
+  const serialized = await serializeWithDocPlugins(
+    rawMdx,
+    { remarkPlugins, rehypePlugins, frontmatterSchema },
+    pre
+  );
 
   const components = createMdxComponents();
   const content = React.createElement(MDXRemote, {
@@ -245,15 +257,69 @@ export async function compileMdx(
  * instead of `new Function(compiledSource)`. Uses the same plugin chain as
  * `compileMdx` so the hydrated tree matches the SSR output.
  */
+/**
+ * Frontmatter records collected once during compilation — pagination title /
+ * description and other metadata consumers read from here instead of
+ * re-reading + re-parsing files (parse-once contract: the frontmatter is
+ * already parsed by `serializeWithDocPlugins`).
+ */
+const pageFrontmatter = new Map<string, Frontmatter>();
+
+/** Register a page's frontmatter, keyed by its href. */
+export function registerPageFrontmatter(href: string, frontmatter: Frontmatter): void {
+  pageFrontmatter.set(href, frontmatter);
+}
+
+/** Look up a page's frontmatter (undefined when not yet compiled). */
+export function getPageFrontmatter(href: string): Frontmatter | undefined {
+  return pageFrontmatter.get(href);
+}
+
+/**
+ * Frontmatter-stripped content from the prePass — lets the SSR compile
+ * phase skip its own `extractFrontmatterWithContent` (parse-once across
+ * both compile phases).
+ */
+const pageStripped = new Map<string, string>();
+
+export function registerPageStripped(href: string, stripped: string): void {
+  pageStripped.set(href, stripped);
+}
+
+export function getPageStripped(href: string): string | undefined {
+  return pageStripped.get(href);
+}
+
+/**
+ * Original (pre-transform) file content, cached during the prePass so the
+ * page loop does not re-read the file from disk — one read per file.
+ */
+const pageContent = new Map<string, string>();
+
+export function registerPageContent(href: string, raw: string): void {
+  pageContent.set(href, raw);
+}
+
+export function getPageContent(href: string): string | undefined {
+  return pageContent.get(href);
+}
+
 export async function compileMdxModule(
   rawMdx: string,
   remarkPlugins?: Pluggable[],
-  rehypePlugins?: Pluggable[]
+  rehypePlugins?: Pluggable[],
+  /** Page href — registers the frontmatter (title/description/image/date)
+   * once for pagination and metadata consumers. */
+  href?: string
 ): Promise<string> {
   const serialized = await serializeWithDocPlugins(rawMdx, {
     outputFormat: "program",
     remarkPlugins,
     rehypePlugins,
   });
+  if (href) {
+    registerPageFrontmatter(href, serialized.frontmatter as Frontmatter);
+    registerPageStripped(href, serialized.strippedContent);
+  }
   return serialized.compiledSource;
 }

package/.docu/node/route.ts

@@ -5,6 +5,7 @@ import { DOCS_DIR } from "./paths";
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import { extractFrontmatter } from "@docubook/core";
+import { getPageFrontmatter, registerPageFrontmatter } from "./mdx";
 import type { Frontmatter } from "./mdx";
 
 const docuConfig = loadDocuConfig();
@@ -46,29 +47,31 @@ export function getRouteMap(): Map<string, string> {
   return map;
 }
 
-/** Build-time cache of href → frontmatter description (docs content is static). */
-const descriptionCache = new Map<string, string>();
-
-function readDescription(href: string): string {
-  const cached = descriptionCache.get(href);
-  if (cached !== undefined) return cached;
-
-  let description = "";
+/**
+ * Frontmatter for a page — read from the parse-once registry (populated
+ * during compilation) instead of re-reading + re-parsing the file. Falls
+ * back to a direct read only for pages the dev server has not compiled yet,
+ * and caches the result back into the registry.
+ */
+function readPageFrontmatter(href: string): Frontmatter {
+  const registered = getPageFrontmatter(href);
+  if (registered) return registered;
+
+  let fm: Frontmatter = {};
   const rel = href.replace(/^\/|$/g, "");
   for (const ext of [".mdx", ".md"]) {
     for (const file of [join(DOCS_DIR, `${rel}${ext}`), join(DOCS_DIR, `${rel}/index${ext}`)]) {
       try {
-        const fm = extractFrontmatter<Frontmatter>(readFileSync(file, "utf-8"));
-        description = typeof fm.description === "string" ? fm.description : "";
-        if (description) break;
+        fm = extractFrontmatter<Frontmatter>(readFileSync(file, "utf-8"));
+        break;
       } catch {
         // not this file — try the next candidate
       }
     }
-    if (description) break;
+    if (Object.keys(fm).length) break;
   }
-  descriptionCache.set(href, description);
-  return description;
+  registerPageFrontmatter(href, fm);
+  return fm;
 }
 
 export function getPreviousNext(pathname: string) {
@@ -83,12 +86,13 @@ export function getPreviousNext(pathname: string) {
     const routeMap = getRouteMap();
     const first = paths[0];
     if (!first) return { prev: null, next: null };
+    const fm = readPageFrontmatter(first);
     return {
       prev: null,
       next: {
         href: first,
-        title: routeMap.get(first) || "",
-        description: readDescription(first),
+        title: fm.title || routeMap.get(first) || "",
+        description: fm.description || "",
       },
     };
   }
@@ -105,13 +109,17 @@ export function getPreviousNext(pathname: string) {
   const prevHref = index > 0 ? paths[index - 1] : null;
   const nextHref = index < paths.length - 1 ? paths[index + 1] : null;
 
+  const prevFm = prevHref ? readPageFrontmatter(prevHref) : null;
+  const nextFm = nextHref ? readPageFrontmatter(nextHref) : null;
   return {
-    prev: prevHref ? { href: prevHref, title: routeMap.get(prevHref) || "" } : null,
+    prev: prevHref
+      ? { href: prevHref, title: prevFm?.title || routeMap.get(prevHref) || "" }
+      : null,
     next: nextHref
       ? {
           href: nextHref,
-          title: routeMap.get(nextHref) || "",
-          description: readDescription(nextHref),
+          title: nextFm?.title || routeMap.get(nextHref) || "",
+          description: nextFm?.description || "",
         }
       : null,
   };

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

@@ -13,6 +13,7 @@
 
 import { readFile, writeFile, mkdir } from "node:fs/promises";
 import { resolve, join } from "node:path";
+import { getPageContent } from "./mdx";
 import { extractFrontmatterWithContent } from "@docubook/core";
 import { frontmatterField } from "./mdx";
 import { DOCS_DIR, ASSETS_DIR, loadDocuConfig } from "./paths";
@@ -193,7 +194,9 @@ export async function generateSearchIndex(docsDir?: string, outputDir?: string):
   const mdxFiles = await scanMdxFiles(docs);
   const results = await Promise.all(
     mdxFiles.map(async (file) => {
-      const raw = await readFile(file.absPath, "utf-8");
+      // Parse-once: reuse the prePass-cached raw content when available —
+      // no second disk read of every file.
+      const raw = getPageContent(`/${file.path}`) ?? (await readFile(file.absPath, "utf-8"));
       return extractRecords(file.path, raw);
     })
   );

package/.docu/styles/globals.css

@@ -9,7 +9,7 @@
 @plugin "@tailwindcss/typography";
 @source "../../.docu/components";
 @source "../../.docu/pages";
-@source "../../../ui-react/src";
+@import "@docubook/ui-react/styles.css";
 
 /* daisyUI breadcrumbs underline every li child on hover (including plain
    spans) — crumbs are not links, so strip the underline (and pointer cursor)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/flame",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-beta.0",
   "description": "A blazing-fast React + MDX framework powered by Bun, built for modern documentation experiences.",
   "type": "module",
   "bin": {
@@ -56,10 +56,10 @@
     "react-dom": "^19.2.7",
     "unified": "^11.0.0",
     "zod": "^4.4.3",
-    "@docubook/core": "^2.0.0-alpha.1",
-    "@docubook/markdown": "^2.0.0-alpha.1",
-    "@docubook/themes-colors": "^2.0.0-alpha.1",
-    "@docubook/ui-react": "^2.0.0-alpha.1"
+    "@docubook/core": "^2.0.0-beta.0",
+    "@docubook/markdown": "^2.0.0-beta.0",
+    "@docubook/themes-colors": "^2.0.0-beta.0",
+    "@docubook/ui-react": "^2.0.0-beta.0"
   },
   "peerDependencies": {
     "@sentry/bun": "^10.0.0"