@docubook/flame 1.7.2 → 2.0.0-alpha.0

package/.docu/styles/globals.css

@@ -1,5 +1,5 @@
 @import "tailwindcss";
-@import "@docubook/mdx-content/styles.css";
+@import "@docubook/markdown/styles.css";
 
 @plugin "daisyui" {
   themes:
@@ -9,16 +9,22 @@
 @plugin "@tailwindcss/typography";
 @source "../../.docu/components";
 @source "../../.docu/pages";
-@source inline("breadcrumbs collapse collapse-open collapse-close collapse-arrow collapse-plus collapse-title collapse-content");
+@source inline(
+  "breadcrumbs collapse collapse-open collapse-close collapse-arrow collapse-plus collapse-title collapse-content"
+);
 @source inline("modal modal-top modal-middle modal-bottom modal-box modal-backdrop");
 @source inline("drawer drawer-end drawer-toggle drawer-side drawer-overlay drawer-content");
 @source inline("sm:drawer-open md:drawer-open lg:drawer-open xl:drawer-open");
 @source inline("navbar menu menu-horizontal");
 @source inline("kbd kbd-xs kbd-sm kbd-md kbd-lg kbd-xl");
 @source inline("toggle theme-controller toggle-xs toggle-sm toggle-md toggle-lg");
-@source inline("toggle-primary toggle-secondary toggle-accent toggle-neutral toggle-success toggle-warning toggle-info toggle-error");
+@source inline(
+  "toggle-primary toggle-secondary toggle-accent toggle-neutral toggle-success toggle-warning toggle-info toggle-error"
+);
 @source inline("input input-ghost input-xs input-sm input-md input-lg input-xl");
-@source inline("input-primary input-secondary input-accent input-neutral input-success input-warning input-info input-error");
+@source inline(
+  "input-primary input-secondary input-accent input-neutral input-success input-warning input-info input-error"
+);
 @source inline("label");
 
 @custom-variant dark (&:is(.dark *));
@@ -43,6 +49,9 @@
   --color-muted-foreground: hsl(var(--muted-foreground));
   --color-accent: hsl(var(--accent));
   --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-primary-content: hsl(var(--primary-foreground));
+  --color-secondary-content: hsl(var(--secondary-foreground));
+  --color-accent-content: hsl(var(--accent-foreground));
   --color-popover: hsl(var(--popover));
   --color-popover-foreground: hsl(var(--popover-foreground));
   --color-card: hsl(var(--card));
@@ -76,27 +85,27 @@
 @layer base {
   :root {
     --base-100: 100% 0 0;
-    --base-200: 98% 0 2;
-    --base-300: 95% 0 4;
-    --base-content: 222% 47% 11%;
-    --background: 210 40% 98%;
+    --base-200: 97% 0.002 260;
+    --base-300: 92% 0.004 260;
+    --base-content: 22% 0.03 260;
+    --background: 0 0% 100%;
     --foreground: 220 30% 15%;
     --card: 0 0% 100%;
     --card-foreground: 220 30% 15%;
     --popover: 0 0% 100%;
     --popover-foreground: 220 30% 15%;
     --primary: 210 81% 56%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 210 30% 90%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 20% 94%;
     --secondary-foreground: 220 30% 15%;
-    --muted: 210 20% 92%;
-    --muted-foreground: 220 15% 50%;
+    --muted: 210 20% 94%;
+    --muted-foreground: 220 15% 38%;
     --accent: 200 100% 40%;
-    --accent-foreground: 0 0% 100%;
+    --accent-foreground: 200 40% 98%;
     --destructive: 0 85% 60%;
-    --destructive-foreground: 0 0% 100%;
-    --border-color: 210 20% 85%;
-    --input: 210 20% 85%;
+    --destructive-foreground: 210 40% 98%;
+    --border-color: 210 20% 88%;
+    --input: 210 20% 88%;
     --ring: 210 81% 56%;
     --radius: 0.5rem;
   }
@@ -113,15 +122,15 @@
     --popover: 225 18% 14%;
     --popover-foreground: 210 20% 93%;
     --primary: 210 100% 67%;
-    --primary-foreground: 225 20% 11%;
+    --primary-foreground: 210 0% 10%;
     --secondary: 220 15% 18%;
     --secondary-foreground: 210 20% 90%;
     --muted: 220 12% 20%;
     --muted-foreground: 215 12% 58%;
     --accent: 200 100% 62%;
-    --accent-foreground: 0 0% 100%;
+    --accent-foreground: 200 0% 10%;
     --destructive: 0 80% 65%;
-    --destructive-foreground: 0 0% 100%;
+    --destructive-foreground: 0 0% 10%;
     --border-color: 220 10% 28%;
     --input: 220 10% 28%;
     --ring: 210 100% 67%;
@@ -195,7 +204,7 @@
   }
 
   .rehype-code-title {
-    @apply -mb-8 mt-5 w-full px-2 pb-5 text-sm font-medium;
+    @apply mt-5 -mb-8 w-full px-2 pb-5 text-sm font-medium;
   }
 
   .highlight-comp > code {

package/README.md

@@ -1,19 +1,18 @@
 <h1 align="center" style="font-size: 32px;">
   DocuBook Flame 🔥
 </h1>
-<h3 align="center" style="font-size: 20px;">
-  Fast as flame — a Bun-native framework for modern documentation experiences.
-</h3>
+
+<p align="center" style="font-size: 20px;">
+  <strong>Compile markdown. Deploy anything.</strong>
+</p>
 
 <p align="center">
-  <strong>@docubook/flame</strong> is a lightweight runtime for building documentation websites using React, MDX, and filesystem-based routing — running on Bun, Node.js, and Deno.
+  No runtime, no server to run, no lock-in. One markdown format, readable
+  by humans and agents alike, compiled to flat static HTML — deploy anywhere.
 </p>
 
 ---
 
-> **Lightweight** — 📦 ~132 kB packed. No bloat, just fire.
-
----
 ## Quick Start
 
 **Bun**
@@ -43,47 +42,7 @@ deno task dev
 
 ## Documentation
 
-For the full documentation, please visit **[packages/flame/docs](https://github.com/DocuBook/docubook/tree/main/packages/flame/docs)** or read the individual pages below:
-
-### Getting Started
-
-| Page                                                                                                                  | Description                                  |
-| --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- |
-| [Welcome](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/index.mdx)                               | Overview and welcome to `@docubook/flame`.   |
-| [Introduction](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/introduction.mdx)   | Overview of the framework.                   |
-| [Installation](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/installation.mdx)   | Install and scaffold your first site.        |
-| [Quick Start Guide](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/quick-start-guide.mdx) | Get up and running in minutes.        |
-| [Format text](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/format-text.mdx)     | Markdown and inline styling in MDX.          |
-| [Frontmatter](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/frontmatter.mdx)     | Page metadata via frontmatter.               |
-| [Themes](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/themes.mdx)               | Color system, presets, and custom hex.       |
-| [Plugins](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/plugins.mdx)             | Extend the build and dev pipeline.           |
-| [Deployment](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/deployment.mdx)       | Deploy to static hosting with clean URLs.    |
-| [Search — Built-in](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/search/built-in.mdx) | Build-time full-text search.           |
-| [Search — Algolia](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/search/algolia.mdx) | Algolia DocSearch integration.         |
-
-### Components
-
-| Page                                                                                              | Description                              |
-| ------------------------------------------------------------------------------------------------- | ---------------------------------------- |
-| [Accordion](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/accordion.mdx)               | Collapsible content sections.        |
-| [Accordion Group](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/accordion-group.mdx)   | Group multiple accordions.           |
-| [Button](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/button.mdx)                     | Action and navigation buttons.       |
-| [Card](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/card.mdx)                         | Compact content cards.               |
-| [Card Group](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/card-group.mdx)             | Display multiple cards together.     |
-| [Code Block](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/code-block.mdx)             | Code snippets with line highlighting. |
-| [Custom Components](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/custom.mdx)          | Register your own MDX components.    |
-| [File Tree](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/file-tree.mdx)               | Hierarchical file structures.        |
-| [Image](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/image.mdx)                       | Display images in Markdown.          |
-| [Keyboard](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/keyboard.mdx)                 | Keyboard keys with platform styling. |
-| [Link](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/link.mdx)                         | Navigation links.                    |
-| [Mermaid](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/mermaid.mdx)                   | Mermaid.js diagrams in MDX.          |
-| [Note](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/note.mdx)                         | Notes, warnings, and success messages. |
-| [Release Note](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/release-note.mdx)         | Per-version update notes.            |
-| [Stepper](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/stepper.mdx)                   | Step-by-step instructions.           |
-| [Tables](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tables.mdx)                     | GitHub-flavored tables.              |
-| [Tabs](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tabs.mdx)                         | Switchable content sections.         |
-| [Tooltips](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tooltips.mdx)                 | Hover info tooltips.                 |
-| [Youtube](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/youtube.mdx)                   | Embed YouTube videos.                |
+For the full documentation, please visit **[packages/flame/docs](https://github.com/DocuBook/docubook/tree/main/packages/flame/docs)** or read the official site [docubook.pro](https://docubook.pro)
 
 ---
 

package/bin/cli.js

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 /* global process, console, Bun, Deno */
-
 import { resolve, join } from "node:path";
 import { pathToFileURL } from "node:url";
 import { cpSync, existsSync, readFileSync, writeFileSync, renameSync } from "node:fs";
@@ -51,6 +50,23 @@ if (!COMMAND_MAP) {
 
 const command = process.argv[2];
 
+// Detect the package manager that invoked this binary. npm, pnpm, bun, and
+// yarn set npm_config_user_agent when they run a bin; fall back to lockfiles
+// in the target directory for direct invocations (e.g. `node bin/cli.js`).
+function detectPkgManager(dir) {
+  const userAgent = process.env.npm_config_user_agent || "";
+  // pnpm/yarn UA strings also contain "npm/?" — match specific tools first.
+  if (/bun\//.test(userAgent)) return "bun";
+  if (/pnpm\//.test(userAgent)) return "pnpm";
+  if (/yarn\//.test(userAgent)) return "yarn";
+  if (/npm\//.test(userAgent)) return "npm";
+  if (existsSync(join(dir, "bun.lock"))) return "bun";
+  if (existsSync(join(dir, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(join(dir, "yarn.lock"))) return "yarn";
+  if (existsSync(join(dir, "package-lock.json"))) return "npm";
+  return "npm";
+}
+
 // Parse flags
 const themeIndex = process.argv.indexOf("--theme");
 if (themeIndex !== -1 && themeIndex + 1 < process.argv.length) {
@@ -142,16 +158,18 @@ if (command === "init") {
     }
     writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
 
-    // Runtime detection via shebang (#!/usr/bin/env node) makes typeof Bun
-    // unavailable — check for bun.lock as a reliable Bun indicator.
-    const isBun = existsSync(join(targetDir, "bun.lock"));
-    const pkgManager = runtime === "deno" ? "deno" : isBun ? "bun" : "node";
+    // The shebang (#!/usr/bin/env node) hides `typeof Bun`, so the package
+    // manager is detected from the invoking tool (npm_config_user_agent) with
+    // a lockfile fallback — the next steps must match the PM the user is on.
+    const pkgManager = runtime === "deno" ? "deno" : detectPkgManager(targetDir);
     const nextSteps = {
       bun: "    bun install\n    bun run dev",
-      node: "    npm install\n    npm run dev",
+      pnpm: "    pnpm install\n    pnpm run dev",
+      yarn: "    yarn\n    yarn dev",
+      npm: "    npm install\n    npm run dev",
       deno: "    deno task dev\n\n  ⚠️  If you see a freshness error, run:\n    DENO_ALLOW_NEWER=true deno task dev",
     }[pkgManager];
-    console.log(`\n  ✓ Project scaffolded!\n\n  Next steps:\n${nextSteps}\n`);
+    console.log(`\n  ✓ Project scaffolded!\n\n  Next steps (${pkgManager}):\n${nextSteps}\n`);
     process.exit(0);
   } catch (err) {
     console.error(`Failed to scaffold project: ${err.message}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/flame",
-  "version": "1.7.2",
+  "version": "2.0.0-alpha.0",
   "description": "A blazing-fast React + MDX framework powered by Bun, built for modern documentation experiences.",
   "type": "module",
   "bin": {
@@ -45,6 +45,7 @@
   "author-url": "https://wildan.dev",
   "license": "MIT",
   "dependencies": {
+    "@mdx-js/react": "^3.0.1",
     "@tailwindcss/cli": "4.3.0",
     "@tailwindcss/typography": "0.5.16",
     "bun-plugin-tailwind": "^0.1.2",
@@ -54,11 +55,11 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "unified": "^11.0.0",
-    "@docubook/runt": "^1.0.0",
-    "@docubook/ui-react": "^1.0.0",
-    "@docubook/mdx-content": "^3.4.6",
-    "@docubook/themes-colors": "^1.0.2",
-    "@docubook/core": "^1.8.2"
+    "zod": "^4.4.3",
+    "@docubook/core": "^2.0.0-alpha.0",
+    "@docubook/themes-colors": "^2.0.0-alpha.0",
+    "@docubook/ui-react": "^2.0.0-alpha.0",
+    "@docubook/markdown": "^2.0.0-alpha.0"
   },
   "peerDependencies": {
     "@sentry/bun": "^10.0.0"

package/template/README.md

@@ -1,19 +1,18 @@
 <h1 align="center" style="font-size: 32px;">
   DocuBook Flame 🔥
 </h1>
-<h3 align="center" style="font-size: 20px;">
-  Fast as flame — a Bun-native framework for modern documentation experiences.
-</h3>
+
+<p align="center" style="font-size: 20px;">
+  <strong>Compile markdown. Deploy anything.</strong>
+</p>
 
 <p align="center">
-  <strong>@docubook/flame</strong> is a lightweight runtime for building documentation websites using React, MDX, and filesystem-based routing — running on Bun, Node.js, and Deno.
+  No runtime, no server to run, no lock-in. One markdown format, readable
+  by humans and agents alike, compiled to flat static HTML — deploy anywhere.
 </p>
 
 ---
 
-> **Lightweight** — 📦 ~132 kB packed. No bloat, just fire.
-
----
 ## Quick Start
 
 **Bun**
@@ -43,47 +42,7 @@ deno task dev
 
 ## Documentation
 
-For the full documentation, please visit **[packages/flame/docs](https://github.com/DocuBook/docubook/tree/main/packages/flame/docs)** or read the individual pages below:
-
-### Getting Started
-
-| Page                                                                                                                  | Description                                  |
-| --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- |
-| [Welcome](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/index.mdx)                               | Overview and welcome to `@docubook/flame`.   |
-| [Introduction](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/introduction.mdx)   | Overview of the framework.                   |
-| [Installation](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/installation.mdx)   | Install and scaffold your first site.        |
-| [Quick Start Guide](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/quick-start-guide.mdx) | Get up and running in minutes.        |
-| [Format text](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/format-text.mdx)     | Markdown and inline styling in MDX.          |
-| [Frontmatter](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/frontmatter.mdx)     | Page metadata via frontmatter.               |
-| [Themes](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/themes.mdx)               | Color system, presets, and custom hex.       |
-| [Plugins](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/plugins.mdx)             | Extend the build and dev pipeline.           |
-| [Deployment](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/deployment.mdx)       | Deploy to static hosting with clean URLs.    |
-| [Search — Built-in](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/search/built-in.mdx) | Build-time full-text search.           |
-| [Search — Algolia](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/getting-started/search/algolia.mdx) | Algolia DocSearch integration.         |
-
-### Components
-
-| Page                                                                                              | Description                              |
-| ------------------------------------------------------------------------------------------------- | ---------------------------------------- |
-| [Accordion](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/accordion.mdx)               | Collapsible content sections.        |
-| [Accordion Group](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/accordion-group.mdx)   | Group multiple accordions.           |
-| [Button](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/button.mdx)                     | Action and navigation buttons.       |
-| [Card](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/card.mdx)                         | Compact content cards.               |
-| [Card Group](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/card-group.mdx)             | Display multiple cards together.     |
-| [Code Block](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/code-block.mdx)             | Code snippets with line highlighting. |
-| [Custom Components](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/custom.mdx)          | Register your own MDX components.    |
-| [File Tree](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/file-tree.mdx)               | Hierarchical file structures.        |
-| [Image](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/image.mdx)                       | Display images in Markdown.          |
-| [Keyboard](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/keyboard.mdx)                 | Keyboard keys with platform styling. |
-| [Link](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/link.mdx)                         | Navigation links.                    |
-| [Mermaid](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/mermaid.mdx)                   | Mermaid.js diagrams in MDX.          |
-| [Note](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/note.mdx)                         | Notes, warnings, and success messages. |
-| [Release Note](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/release-note.mdx)         | Per-version update notes.            |
-| [Stepper](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/stepper.mdx)                   | Step-by-step instructions.           |
-| [Tables](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tables.mdx)                     | GitHub-flavored tables.              |
-| [Tabs](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tabs.mdx)                         | Switchable content sections.         |
-| [Tooltips](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/tooltips.mdx)                 | Hover info tooltips.                 |
-| [Youtube](https://github.com/DocuBook/docubook/blob/main/packages/flame/docs/components/youtube.mdx)                   | Embed YouTube videos.                |
+For the full documentation, please visit **[packages/flame/docs](https://github.com/DocuBook/docubook/tree/main/packages/flame/docs)** or read the official site [docubook.pro](https://docubook.pro)
 
 ---