@docubook/flame 1.0.0-beta.70 → 1.0.0-beta.80

package/.docu/components/base/pagination/index.ts

@@ -0,0 +1,21 @@
+export { PaginationDocs } from "./pagination-docs";
+export {
+  Pagination,
+  PaginationItem,
+  PaginationButtons,
+  PaginationRange,
+  PaginationInfo,
+  PaginationFull,
+} from "./pagination-numbers";
+export { getPaginationRange } from "./types";
+export type {
+  PaginationRootProps as PaginationProps,
+  PaginationItemProps,
+  PaginationRangeProps,
+  PaginationButtonsProps,
+  PaginationInfoProps,
+  PaginationFullProps,
+  PaginationDocsProps,
+  PaginationSize,
+  PaginationVariant,
+} from "./types";

package/.docu/components/base/pagination/pagination-docs.tsx

@@ -0,0 +1,39 @@
+import { cn } from "../../../node/utils";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import type { PaginationDocsProps } from "./types";
+
+export function PaginationDocs({ prev, next, className }: PaginationDocsProps) {
+  return (
+    <div className={cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className)}>
+      <div>
+        {prev && (
+          <a
+            href={prev.href}
+            className="btn btn-outline border-base-300 items-start! py-2! h-auto w-full flex-col pl-4 no-underline"
+          >
+            <span className="text-muted-foreground flex items-center text-xs">
+              <ChevronLeft className="mr-1 h-4 w-4" />
+              Previous
+            </span>
+            <span className="text-base-content mt-1 text-sm font-medium">{prev.title}</span>
+          </a>
+        )}
+      </div>
+
+      <div>
+        {next && (
+          <a
+            href={next.href}
+            className="btn btn-outline border-base-300 items-end! py-2! h-auto w-full flex-col pr-4 no-underline"
+          >
+            <span className="text-muted-foreground flex items-center text-xs">
+              Next
+              <ChevronRight className="ml-1 h-4 w-4" />
+            </span>
+            <span className="text-base-content mt-1 text-sm font-medium">{next.title}</span>
+          </a>
+        )}
+      </div>
+    </div>
+  );
+}

package/.docu/components/base/{pagination.tsx → pagination/pagination-numbers.tsx}

@@ -1,136 +1,17 @@
 "use client";
 
-import { cn } from "../../node/utils";
+import { cn } from "../../../node/utils";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useMemo, type ReactNode } from "react";
-
-type PaginationSize = "lg" | "md" | "sm" | "xs";
-type PaginationVariant = "default" | "square" | "rounded";
-
-interface PaginationRootProps {
-  children?: ReactNode;
-  className?: string;
-  size?: PaginationSize;
-  variant?: PaginationVariant;
-}
-
-interface PaginationItemProps {
-  children: ReactNode;
-  active?: boolean;
-  disabled?: boolean;
-  onClick?: () => void;
-  className?: string;
-  size?: PaginationSize;
-  variant?: PaginationVariant;
-  "aria-label"?: string;
-}
-
-interface PaginationRangeProps {
-  start: number;
-  end: number;
-  total: number;
-  current: number;
-  onPageChange: (page: number) => void;
-  siblingCount?: number;
-  className?: string;
-  size?: PaginationSize;
-  variant?: PaginationVariant;
-}
-
-interface PaginationButtonsProps {
-  page: number;
-  totalPages: number;
-  onPageChange: (page: number) => void;
-  className?: string;
-  size?: PaginationSize;
-  showFirstLast?: boolean;
-  showPrevNext?: boolean;
-  prevLabel?: string;
-  nextLabel?: string;
-  firstLabel?: string;
-  lastLabel?: string;
-  disabled?: boolean;
-}
-
-interface PaginationInfoProps {
-  current: number;
-  total: number;
-  pageSize?: number;
-  className?: string;
-  label?: string;
-  showTotal?: boolean;
-}
-
-interface PaginationFullProps {
-  current: number;
-  total: number;
-  pageSize?: number;
-  onPageChange: (page: number) => void;
-  siblingCount?: number;
-  className?: string;
-  size?: PaginationSize;
-  variant?: PaginationVariant;
-  showFirstLast?: boolean;
-  showPrevNext?: boolean;
-  infoClassName?: string;
-}
-
-interface PaginationDocsProps {
-  prev?: { href: string; title: string };
-  next?: { href: string; title: string };
-  className?: string;
-}
-
-function getPaginationRange({
-  totalCount,
-  pageSize,
-  siblingCount = 1,
-  currentPage,
-}: {
-  totalCount: number;
-  pageSize: number;
-  siblingCount?: number;
-  currentPage: number;
-}): (number | "ellipsis")[] {
-  const totalPages = Math.ceil(totalCount / pageSize);
-  const DOTS = "ellipsis" as const;
-
-  if (totalPages === 1) {
-    return [1];
-  }
-
-  const totalPageNumbers = siblingCount + 5;
-
-  if (totalPages < totalPageNumbers) {
-    return Array.from({ length: totalPages }, (_, i) => i + 1);
-  }
-
-  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
-
-  const showLeftDots = leftSiblingIndex > 2;
-  const showRightDots = rightSiblingIndex < totalPages - 1;
-
-  if (!showLeftDots && showRightDots) {
-    const leftRange = Array.from({ length: 3 }, (_, i) => i + 1);
-    return [...leftRange, DOTS, totalPages - 1, totalPages];
-  }
-
-  if (showLeftDots && !showRightDots) {
-    const rightRange = Array.from({ length: 3 }, (_, i) => totalPages - 2 + i);
-    return [1, 2, DOTS, ...rightRange];
-  }
-
-  if (showLeftDots && showRightDots) {
-    const middleRange = Array.from(
-      { length: rightSiblingIndex - leftSiblingIndex + 1 },
-      (_, i) => leftSiblingIndex + i
-    );
-    return [1, 2, DOTS, ...middleRange, DOTS, totalPages - 1, totalPages];
-  }
-
-  return [1];
-}
+import { useMemo } from "react";
+import {
+  getPaginationRange,
+  type PaginationRootProps,
+  type PaginationItemProps,
+  type PaginationButtonsProps,
+  type PaginationRangeProps,
+  type PaginationInfoProps,
+  type PaginationFullProps,
+} from "./types";
 
 export function Pagination({
   children,
@@ -496,53 +377,3 @@ export function PaginationFull({
     </div>
   );
 }
-
-export function PaginationDocs({ prev, next, className }: PaginationDocsProps) {
-  return (
-    <div className={cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className)}>
-      <div>
-        {prev && (
-          <a
-            href={prev.href}
-            className="btn btn-outline border-base-300 items-start! py-2! h-auto w-full flex-col pl-4 no-underline"
-          >
-            <span className="text-muted-foreground flex items-center text-xs">
-              <ChevronLeft className="mr-1 h-4 w-4" />
-              Previous
-            </span>
-            <span className="text-base-content mt-1 text-sm font-medium">{prev.title}</span>
-          </a>
-        )}
-      </div>
-
-      <div>
-        {next && (
-          <a
-            href={next.href}
-            className="btn btn-outline border-base-300 items-end! py-2! h-auto w-full flex-col pr-4 no-underline"
-          >
-            <span className="text-muted-foreground flex items-center text-xs">
-              Next
-              <ChevronRight className="ml-1 h-4 w-4" />
-            </span>
-            <span className="text-base-content mt-1 text-sm font-medium">{next.title}</span>
-          </a>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export type {
-  PaginationRootProps as PaginationProps,
-  PaginationItemProps,
-  PaginationRangeProps,
-  PaginationButtonsProps,
-  PaginationInfoProps,
-  PaginationFullProps,
-  PaginationDocsProps,
-  PaginationSize,
-  PaginationVariant,
-};
-
-export { getPaginationRange };

package/.docu/components/base/pagination/types.ts

@@ -0,0 +1,129 @@
+import type { ReactNode } from "react";
+
+export type PaginationSize = "lg" | "md" | "sm" | "xs";
+export type PaginationVariant = "default" | "square" | "rounded";
+
+export interface PaginationRootProps {
+  children?: ReactNode;
+  className?: string;
+  size?: PaginationSize;
+  variant?: PaginationVariant;
+}
+
+export interface PaginationItemProps {
+  children: ReactNode;
+  active?: boolean;
+  disabled?: boolean;
+  onClick?: () => void;
+  className?: string;
+  size?: PaginationSize;
+  variant?: PaginationVariant;
+  "aria-label"?: string;
+}
+
+export interface PaginationRangeProps {
+  start: number;
+  end: number;
+  total: number;
+  current: number;
+  onPageChange: (page: number) => void;
+  siblingCount?: number;
+  className?: string;
+  size?: PaginationSize;
+  variant?: PaginationVariant;
+}
+
+export interface PaginationButtonsProps {
+  page: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+  className?: string;
+  size?: PaginationSize;
+  showFirstLast?: boolean;
+  showPrevNext?: boolean;
+  prevLabel?: string;
+  nextLabel?: string;
+  firstLabel?: string;
+  lastLabel?: string;
+  disabled?: boolean;
+}
+
+export interface PaginationInfoProps {
+  current: number;
+  total: number;
+  pageSize?: number;
+  className?: string;
+  label?: string;
+  showTotal?: boolean;
+}
+
+export interface PaginationFullProps {
+  current: number;
+  total: number;
+  pageSize?: number;
+  onPageChange: (page: number) => void;
+  siblingCount?: number;
+  className?: string;
+  size?: PaginationSize;
+  variant?: PaginationVariant;
+  showFirstLast?: boolean;
+  showPrevNext?: boolean;
+  infoClassName?: string;
+}
+
+export interface PaginationDocsProps {
+  prev?: { href: string; title: string };
+  next?: { href: string; title: string };
+  className?: string;
+}
+
+export function getPaginationRange({
+  totalCount,
+  pageSize,
+  siblingCount = 1,
+  currentPage,
+}: {
+  totalCount: number;
+  pageSize: number;
+  siblingCount?: number;
+  currentPage: number;
+}): (number | "ellipsis")[] {
+  const totalPages = Math.ceil(totalCount / pageSize);
+  const DOTS = "ellipsis" as const;
+
+  if (totalPages === 1) {
+    return [1];
+  }
+
+  const totalPageNumbers = siblingCount + 5;
+
+  if (totalPages < totalPageNumbers) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+
+  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+
+  const showLeftDots = leftSiblingIndex > 2;
+  const showRightDots = rightSiblingIndex < totalPages - 1;
+
+  if (!showLeftDots && showRightDots) {
+    const leftRange = Array.from({ length: 3 }, (_, i) => i + 1);
+    return [...leftRange, DOTS, totalPages - 1, totalPages];
+  }
+
+  if (showLeftDots && !showRightDots) {
+    const rightRange = Array.from({ length: 3 }, (_, i) => totalPages - 2 + i);
+    return [1, 2, DOTS, ...rightRange];
+  }
+
+  if (showLeftDots && showRightDots) {
+    const middleRange = Array.from(
+      { length: rightSiblingIndex - leftSiblingIndex + 1 },
+      (_, i) => leftSiblingIndex + i
+    );
+    return [1, 2, DOTS, ...middleRange, DOTS, totalPages - 1, totalPages];
+  }
+
+  return [1];
+}

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,
@@ -103,10 +103,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,6 +199,19 @@ async function build() {
   logger.spinner.start("Building pages...");
   t = performance.now();
 
+  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 = Math.max(1, parseInt(process.env.BUILD_CONCURRENCY || "10", 10) || 10);
   const buildTasks = [];
   const errors: string[] = [];
@@ -232,7 +250,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 +276,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/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/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) {
@@ -75,7 +57,7 @@ function slugify(text: string): string {
 }
 
 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);

package/.docu/node/utils.ts

@@ -33,6 +33,35 @@ export async function getGitLastModified(filePath: string): Promise<string | nul
   }
 }
 
+/** Batch git last modified dates for multiple files in a single spawn */
+export async function getGitLastModifiedBatch(filePaths: string[]): Promise<Map<string, string>> {
+  const result = new Map<string, string>();
+  if (filePaths.length === 0) return result;
+
+  try {
+    const proc = Bun.spawn(
+      ["git", "log", "--format=%cI", "--name-only", "--diff-filter=ACMR", ...filePaths],
+      { stderr: "ignore" }
+    );
+    const text = await new Response(proc.stdout).text();
+    let currentDate = "";
+
+    for (const line of text.split("\n")) {
+      const trimmed = line.trim();
+      if (!trimmed) continue;
+      if (/^\d{4}-\d{2}-\d{2}T/.test(trimmed)) {
+        currentDate = trimmed;
+      } else if (currentDate && !result.has(trimmed)) {
+        result.set(trimmed, currentDate);
+      }
+    }
+  } catch {
+    // fallback: return empty map, callers use frontmatter date
+  }
+
+  return result;
+}
+
 const MIME_TYPES: Record<string, string> = {
   html: "text/html",
   css: "text/css",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/flame",
-  "version": "1.0.0-beta.70",
+  "version": "1.0.0-beta.80",
   "description": "A blazing-fast React + MDX framework powered by Bun, built for modern documentation experiences.",
   "type": "module",
   "bin": {