ardo 2.0.0 → 2.1.0

package/dist/{chunk-LUOUBO3L.js → chunk-SWER4H2H.js}

@@ -1,9 +1,9 @@
 import {
   resolveConfig
-} from "./chunk-N5CEHG2F.js";
+} from "./chunk-CGFRUWNJ.js";
 import {
   generateApiDocs
-} from "./chunk-OTUACKCQ.js";
+} from "./chunk-4IRLOOXV.js";
 
 // src/vite/plugin.ts
 import { reactRouter } from "@react-router/dev/vite";
@@ -13,10 +13,406 @@ import remarkMdxFrontmatter from "remark-mdx-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkDirective from "remark-directive";
 import rehypeShiki from "@shikijs/rehype";
+
+// src/markdown/shiki.ts
+import {
+  createHighlighter
+} from "shiki";
+import { visit } from "unist-util-visit";
+async function createShikiHighlighter(config) {
+  const themeConfig = config.theme ?? {
+    light: "github-light",
+    dark: "github-dark"
+  };
+  const themes = typeof themeConfig === "string" ? [themeConfig] : [themeConfig.light, themeConfig.dark];
+  const highlighter = await createHighlighter({
+    themes,
+    langs: [
+      "javascript",
+      "typescript",
+      "jsx",
+      "tsx",
+      "json",
+      "html",
+      "css",
+      "markdown",
+      "bash",
+      "shell",
+      "yaml",
+      "python",
+      "rust",
+      "go",
+      "sql",
+      "diff"
+    ]
+  });
+  return highlighter;
+}
+function rehypeShikiFromHighlighter(options) {
+  const { highlighter, config } = options;
+  const themeConfig = config.theme ?? {
+    light: "github-light",
+    dark: "github-dark"
+  };
+  return function(tree) {
+    visit(tree, "element", (node, index, parent) => {
+      if (node.tagName !== "pre" || !node.children[0] || node.children[0].tagName !== "code") {
+        return;
+      }
+      const codeNode = node.children[0];
+      const className = codeNode.properties?.className || [];
+      const langClass = className.find((c) => c.startsWith("language-"));
+      const lang = langClass ? langClass.replace("language-", "") : "text";
+      const codeContent = getTextContent(codeNode);
+      if (!codeContent.trim()) {
+        return;
+      }
+      try {
+        let html;
+        if (typeof themeConfig === "string") {
+          html = highlighter.codeToHtml(codeContent, {
+            lang,
+            theme: themeConfig
+          });
+        } else {
+          html = highlighter.codeToHtml(codeContent, {
+            lang,
+            themes: {
+              light: themeConfig.light,
+              dark: themeConfig.dark
+            },
+            defaultColor: false
+          });
+        }
+        const metaString = codeNode.properties?.metastring || "";
+        const lineNumbers = config.lineNumbers || metaString.includes("showLineNumbers");
+        const highlightLines = parseHighlightLines(metaString);
+        const title = parseTitle(metaString);
+        const wrapperHtml = buildCodeBlockHtml(html, {
+          lang,
+          lineNumbers,
+          highlightLines,
+          title
+        });
+        if (parent && typeof index === "number") {
+          const newNode = {
+            type: "element",
+            tagName: "div",
+            properties: {
+              className: ["ardo-code-block"],
+              "data-lang": lang
+            },
+            children: [
+              {
+                type: "raw",
+                value: wrapperHtml
+              }
+            ]
+          };
+          parent.children[index] = newNode;
+        }
+      } catch {
+      }
+    });
+  };
+}
+function getTextContent(node) {
+  if (node.type === "text") {
+    return node.value;
+  }
+  if ("children" in node) {
+    return node.children.map((child) => getTextContent(child)).join("");
+  }
+  return "";
+}
+function parseHighlightLines(meta) {
+  const match = meta.match(/\{([\d,-]+)\}/);
+  if (!match) return [];
+  const ranges = match[1].split(",");
+  const lines = [];
+  for (const range of ranges) {
+    if (range.includes("-")) {
+      const [start, end] = range.split("-").map(Number);
+      for (let i = start; i <= end; i++) {
+        lines.push(i);
+      }
+    } else {
+      lines.push(Number(range));
+    }
+  }
+  return lines;
+}
+function parseTitle(meta) {
+  const match = meta.match(/title="([^"]+)"/);
+  return match ? match[1] : void 0;
+}
+function buildCodeBlockHtml(shikiHtml, options) {
+  const { lang, lineNumbers, highlightLines, title } = options;
+  let html = "";
+  if (title) {
+    html += `<div class="ardo-code-title">${escapeHtml(title)}</div>`;
+  }
+  html += `<div class="ardo-code-wrapper" data-lang="${lang}">`;
+  if (lineNumbers || highlightLines.length > 0) {
+    const lines = shikiHtml.split("\n");
+    const processedHtml = lines.map((line, i) => {
+      const lineNum = i + 1;
+      const isHighlighted = highlightLines.includes(lineNum);
+      const classes = ["ardo-code-line"];
+      if (isHighlighted) classes.push("highlighted");
+      let prefix = "";
+      if (lineNumbers) {
+        prefix = `<span class="ardo-line-number">${lineNum}</span>`;
+      }
+      return `<span class="${classes.join(" ")}">${prefix}${line}</span>`;
+    }).join("\n");
+    html += processedHtml;
+  } else {
+    html += shikiHtml;
+  }
+  html += `<button class="ardo-copy-button" data-code="${encodeURIComponent(extractCodeFromHtml(shikiHtml))}">
+    <span class="ardo-copy-icon">Copy</span>
+    <span class="ardo-copied-icon" style="display:none">Copied!</span>
+  </button>`;
+  html += "</div>";
+  return html;
+}
+function extractCodeFromHtml(html) {
+  return html.replace(/<[^>]+>/g, "").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+}
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function remarkCodeMeta() {
+  return function(tree) {
+    visit(tree, "code", (node) => {
+      if (!node.meta) return;
+      const meta = node.meta;
+      const data = node.data || (node.data = {});
+      const hProperties = data.hProperties || {};
+      hProperties.metastring = meta;
+      data.hProperties = hProperties;
+      node.meta = null;
+    });
+  };
+}
+function ardoLineTransformer(options = {}) {
+  let highlightLines = [];
+  let showLineNumbers = false;
+  let metaRaw = "";
+  return {
+    name: "ardo:lines",
+    // preprocess runs BEFORE line() hooks, so state is ready for line()
+    preprocess(_code, shikiOptions) {
+      metaRaw = shikiOptions.meta?.__raw || "";
+      highlightLines = parseHighlightLines(metaRaw);
+      showLineNumbers = options.globalLineNumbers || metaRaw.includes("showLineNumbers");
+    },
+    // pre runs AFTER line() — used only for node property modifications
+    pre(node) {
+      node.properties = node.properties || {};
+      const title = parseTitle(metaRaw);
+      if (title) {
+        node.properties["data-title"] = title;
+      }
+      const labelMatch = metaRaw.match(/\[([^\]]+)\]/);
+      if (labelMatch) {
+        node.properties["data-label"] = labelMatch[1];
+      }
+    },
+    line(node, line) {
+      const currentClass = node.properties?.class || "";
+      const classes = currentClass ? currentClass.split(" ") : [];
+      classes.push("ardo-code-line");
+      if (highlightLines.includes(line)) {
+        classes.push("highlighted");
+      }
+      node.properties = node.properties || {};
+      node.properties.class = classes.join(" ");
+      if (showLineNumbers) {
+        node.children.unshift({
+          type: "element",
+          tagName: "span",
+          properties: { class: "ardo-line-number" },
+          children: [{ type: "text", value: String(line) }]
+        });
+      }
+    }
+  };
+}
+
+// src/markdown/containers.ts
+import { visit as visit2 } from "unist-util-visit";
+var containerTypes = [
+  "tip",
+  "warning",
+  "danger",
+  "info",
+  "note",
+  "details",
+  "code-group"
+];
+var defaultTitles = {
+  tip: "TIP",
+  warning: "WARNING",
+  danger: "DANGER",
+  info: "INFO",
+  note: "NOTE",
+  details: "Details",
+  "code-group": ""
+};
+function remarkContainers() {
+  return function(tree) {
+    visit2(tree, "containerDirective", (node) => {
+      const type = node.name;
+      if (!containerTypes.includes(type)) {
+        return;
+      }
+      const data = node.data || (node.data = {});
+      const titleNode = node.children[0];
+      let customTitle;
+      if (titleNode && titleNode.type === "paragraph" && titleNode.children[0]?.type === "text" && titleNode.data?.directiveLabel) {
+        customTitle = titleNode.children[0].value;
+        node.children.shift();
+      }
+      const title = customTitle || defaultTitles[type];
+      if (type === "code-group") {
+        data.hName = "div";
+        data.hProperties = {
+          className: ["ardo-code-group"]
+        };
+        const tabs = [];
+        for (const child of node.children) {
+          if (child.type === "code") {
+            const codeNode = child;
+            const meta = codeNode.meta || "";
+            const labelMatch = meta.match(/\[([^\]]+)\]/);
+            const label = labelMatch ? labelMatch[1] : codeNode.lang || "Code";
+            tabs.push({ label, content: child });
+          }
+        }
+        const tabsHtml = tabs.map(
+          (tab, i) => `<button class="ardo-code-group-tab${i === 0 ? " active" : ""}" data-index="${i}">${escapeHtml2(tab.label)}</button>`
+        ).join("");
+        node.children = [
+          {
+            type: "html",
+            value: `<div class="ardo-code-group-tabs">${tabsHtml}</div>`
+          },
+          {
+            type: "html",
+            value: '<div class="ardo-code-group-panels">'
+          },
+          ...tabs.map(
+            (tab, i) => ({
+              type: "html",
+              value: `<div class="ardo-code-group-panel${i === 0 ? " active" : ""}" data-index="${i}">`
+            })
+          ),
+          ...node.children.flatMap((child, _i) => [
+            child,
+            {
+              type: "html",
+              value: "</div>"
+            }
+          ]),
+          {
+            type: "html",
+            value: "</div>"
+          }
+        ];
+        return;
+      }
+      if (type === "details") {
+        data.hName = "details";
+        data.hProperties = {
+          className: ["ardo-details"]
+        };
+        node.children.unshift({
+          type: "html",
+          value: `<summary class="ardo-details-summary">${escapeHtml2(title)}</summary>`
+        });
+        return;
+      }
+      data.hName = "div";
+      data.hProperties = {
+        className: ["ardo-container", `ardo-container-${type}`]
+      };
+      node.children.unshift({
+        type: "html",
+        value: `<p class="ardo-container-title">${escapeHtml2(title)}</p>`
+      });
+    });
+  };
+}
+function escapeHtml2(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var containerToComponent = {
+  tip: "Tip",
+  warning: "Warning",
+  danger: "Danger",
+  info: "Info",
+  note: "Note"
+};
+function remarkContainersMdx() {
+  return function(tree) {
+    visit2(tree, "containerDirective", (node, index, parent) => {
+      if (!parent || typeof index !== "number") return;
+      if (node.name === "code-group") {
+        const labels = node.children.filter((child) => child.type === "code").map((child) => {
+          const meta = child.meta || "";
+          const match = meta.match(/\[([^\]]+)\]/);
+          return match ? match[1] : child.lang || "Code";
+        });
+        const jsxNode2 = {
+          type: "mdxJsxFlowElement",
+          name: "CodeGroup",
+          attributes: [
+            {
+              type: "mdxJsxAttribute",
+              name: "labels",
+              value: labels.join(",")
+            }
+          ],
+          children: node.children
+        };
+        parent.children[index] = jsxNode2;
+        return;
+      }
+      const componentName = containerToComponent[node.name];
+      if (!componentName) return;
+      const titleNode = node.children[0];
+      let customTitle;
+      if (titleNode && titleNode.type === "paragraph" && titleNode.children[0]?.type === "text" && titleNode.data?.directiveLabel) {
+        customTitle = titleNode.children[0].value;
+        node.children.shift();
+      }
+      const attributes = [];
+      if (customTitle) {
+        attributes.push({
+          type: "mdxJsxAttribute",
+          name: "title",
+          value: customTitle
+        });
+      }
+      const jsxNode = {
+        type: "mdxJsxFlowElement",
+        name: componentName,
+        attributes,
+        children: node.children
+      };
+      parent.children[index] = jsxNode;
+    });
+  };
+}
+
+// src/vite/plugin.ts
 import fs2 from "fs/promises";
 import fsSync2 from "fs";
 import path2 from "path";
 import { execSync } from "child_process";
+import matter from "gray-matter";
 
 // src/vite/routes-plugin.ts
 import fs from "fs/promises";
@@ -182,6 +578,35 @@ function detectGitHubRepoName(cwd) {
     return void 0;
   }
 }
+function readProjectMeta(root) {
+  const pkgPath = path2.join(root, "package.json");
+  try {
+    const raw = fsSync2.readFileSync(pkgPath, "utf-8");
+    const pkg = JSON.parse(raw);
+    let repository;
+    if (typeof pkg.repository === "string") {
+      repository = pkg.repository;
+    } else if (pkg.repository?.url) {
+      repository = pkg.repository.url.replace(/^git\+/, "").replace(/^git:\/\//, "https://").replace(/\.git$/, "");
+    }
+    let author;
+    if (typeof pkg.author === "string") {
+      author = pkg.author;
+    } else if (pkg.author?.name) {
+      author = pkg.author.name;
+    }
+    return {
+      name: pkg.name,
+      homepage: pkg.homepage,
+      repository,
+      version: pkg.version,
+      author,
+      license: pkg.license
+    };
+  } catch {
+    return {};
+  }
+}
 var VIRTUAL_MODULE_ID = "virtual:ardo/config";
 var RESOLVED_VIRTUAL_MODULE_ID = "\0" + VIRTUAL_MODULE_ID;
 var VIRTUAL_SIDEBAR_ID = "virtual:ardo/sidebar";
@@ -225,6 +650,8 @@ function ardoPlugin(options = {}) {
     async configResolved(config) {
       const root = config.root;
       routesDir = routesDirOption || path2.join(root, "app", "routes");
+      const detectedProject = readProjectMeta(root);
+      const project = { ...detectedProject, ...pressConfig.project };
       const defaultConfig = {
         title: pressConfig.title ?? "Ardo",
         description: pressConfig.description ?? "Documentation powered by Ardo"
@@ -232,6 +659,7 @@ function ardoPlugin(options = {}) {
       const configWithRoutes = {
         ...defaultConfig,
         ...pressConfig,
+        project,
         srcDir: routesDir
       };
       resolvedConfig = resolveConfig(configWithRoutes, root);
@@ -254,7 +682,8 @@ function ardoPlugin(options = {}) {
           description: resolvedConfig.description,
           base: resolvedConfig.base,
           lang: resolvedConfig.lang,
-          themeConfig: resolvedConfig.themeConfig
+          themeConfig: resolvedConfig.themeConfig,
+          project: resolvedConfig.project
         };
         return `export default ${JSON.stringify(clientConfig)}`;
       }
@@ -317,14 +746,17 @@ function ardoPlugin(options = {}) {
   }
   const themeConfig = pressConfig.markdown?.theme;
   const hasThemeObject = themeConfig && typeof themeConfig === "object" && "light" in themeConfig;
+  const lineNumbers = pressConfig.markdown?.lineNumbers || false;
   const shikiOptions = hasThemeObject ? {
     themes: {
       light: themeConfig.light || "github-light",
       dark: themeConfig.dark || "github-dark"
     },
-    defaultColor: false
+    defaultColor: false,
+    transformers: [ardoLineTransformer({ globalLineNumbers: lineNumbers })]
   } : {
-    theme: themeConfig || "github-dark"
+    theme: themeConfig || "github-dark",
+    transformers: [ardoLineTransformer({ globalLineNumbers: lineNumbers })]
   };
   const mdxPlugin = mdx({
     include: /\.(md|mdx)$/,
@@ -332,7 +764,9 @@ function ardoPlugin(options = {}) {
       remarkFrontmatter,
       [remarkMdxFrontmatter, { name: "frontmatter" }],
       remarkGfm,
-      remarkDirective
+      remarkDirective,
+      remarkContainersMdx,
+      remarkCodeMeta
     ],
     rehypePlugins: [[rehypeShiki, shikiOptions]],
     providerImportSource: "ardo/mdx-provider"
@@ -352,251 +786,131 @@ async function generateSidebar(config, routesDir) {
     return themeConfig.sidebar;
   }
   try {
-    const sidebar = await scanDirectory(routesDir, routesDir, config.base);
+    const sidebar = await scanDirectory(routesDir, routesDir);
     return sidebar;
   } catch {
     return [];
   }
 }
-async function scanDirectory(dir, rootDir, _basePath) {
+async function scanDirectory(dir, rootDir) {
   const entries = await fs2.readdir(dir, { withFileTypes: true });
   const items = [];
   for (const entry of entries) {
     const fullPath = path2.join(dir, entry.name);
     const relativePath = path2.relative(rootDir, fullPath);
     if (entry.isDirectory()) {
-      const children = await scanDirectory(fullPath, rootDir, _basePath);
+      const children = await scanDirectory(fullPath, rootDir);
       if (children.length > 0) {
         const indexPath = path2.join(fullPath, "index.mdx");
         let link;
         try {
-          await fs2.access(indexPath);
-          link = "/" + relativePath.replace(/\\/g, "/");
-        } catch {
-        }
-        items.push({
-          text: formatTitle(entry.name),
-          link,
-          items: children
-        });
-      }
-    } else if ((entry.name.endsWith(".mdx") || entry.name.endsWith(".md")) && entry.name !== "index.mdx" && entry.name !== "index.md") {
-      const fileContent = await fs2.readFile(fullPath, "utf-8");
-      const frontmatterMatch = fileContent.match(/^---\n([\s\S]*?)\n---/);
-      const ext = entry.name.endsWith(".mdx") ? ".mdx" : ".md";
-      let title = formatTitle(entry.name.replace(ext, ""));
-      let order;
-      if (frontmatterMatch) {
-        const frontmatterText = frontmatterMatch[1];
-        const titleMatch = frontmatterText.match(/title:\s*["']?([^"'\n]+)["']?/);
-        const orderMatch = frontmatterText.match(/order:\s*(\d+)/);
-        if (titleMatch) {
-          title = titleMatch[1].trim();
-        }
-        if (orderMatch) {
-          order = parseInt(orderMatch[1], 10);
-        }
-      }
-      const link = "/" + relativePath.replace(ext, "").replace(/\\/g, "/");
-      items.push({
-        text: title,
-        link,
-        order
-      });
-    }
-  }
-  items.sort((a, b) => {
-    if (a.order !== void 0 && b.order !== void 0) {
-      return a.order - b.order;
-    }
-    if (a.order !== void 0) return -1;
-    if (b.order !== void 0) return 1;
-    return a.text.localeCompare(b.text);
-  });
-  return items.map(({ order: _order, ...item }) => item);
-}
-function formatTitle(name) {
-  return name.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
-async function generateSearchIndex(routesDir) {
-  const docs = [];
-  async function scanForSearch(dir, section) {
-    try {
-      const entries = await fs2.readdir(dir, { withFileTypes: true });
-      for (const entry of entries) {
-        const fullPath = path2.join(dir, entry.name);
-        if (entry.isDirectory()) {
-          const newSection = section ? `${section} > ${formatTitle(entry.name)}` : formatTitle(entry.name);
-          await scanForSearch(fullPath, newSection);
-        } else if (entry.name.endsWith(".mdx") || entry.name.endsWith(".md")) {
-          const relativePath = path2.relative(routesDir, fullPath);
-          const fileContent = await fs2.readFile(fullPath, "utf-8");
-          const frontmatterMatch = fileContent.match(/^---\n([\s\S]*?)\n---/);
-          const ext = entry.name.endsWith(".mdx") ? ".mdx" : ".md";
-          let title = formatTitle(entry.name.replace(ext, ""));
-          let content = fileContent;
-          if (frontmatterMatch) {
-            const frontmatterText = frontmatterMatch[1];
-            const titleMatch = frontmatterText.match(/title:\s*["']?([^"'\n]+)["']?/);
-            if (titleMatch) {
-              title = titleMatch[1].trim();
-            }
-            content = fileContent.slice(frontmatterMatch[0].length);
-          }
-          content = content.replace(/```[\s\S]*?```/g, "").replace(/`[^`]+`/g, "").replace(/import\s+.*?from\s+['"].*?['"]/g, "").replace(/<[^>]+>/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/[#*_~>]/g, "").replace(/\n+/g, " ").replace(/\s+/g, " ").trim().slice(0, 2e3);
-          const routePath = entry.name === "index.mdx" || entry.name === "index.md" ? "/" + path2.dirname(relativePath).replace(/\\/g, "/") : "/" + relativePath.replace(ext, "").replace(/\\/g, "/");
-          const finalPath = routePath === "/." ? "/" : routePath;
-          docs.push({
-            id: relativePath,
-            title,
-            content,
-            path: finalPath,
-            section
-          });
-        }
-      }
-    } catch {
-    }
-  }
-  await scanForSearch(routesDir);
-  return docs;
-}
-
-// src/runtime/loader.ts
-import fs3 from "fs/promises";
-import path3 from "path";
-
-// src/markdown/pipeline.ts
-import { unified } from "unified";
-import remarkParse from "remark-parse";
-import remarkGfm2 from "remark-gfm";
-import remarkFrontmatter2 from "remark-frontmatter";
-import remarkDirective2 from "remark-directive";
-import remarkRehype from "remark-rehype";
-import rehypeStringify from "rehype-stringify";
-import matter from "gray-matter";
-
-// src/markdown/containers.ts
-import { visit } from "unist-util-visit";
-var containerTypes = [
-  "tip",
-  "warning",
-  "danger",
-  "info",
-  "note",
-  "details",
-  "code-group"
-];
-var defaultTitles = {
-  tip: "TIP",
-  warning: "WARNING",
-  danger: "DANGER",
-  info: "INFO",
-  note: "NOTE",
-  details: "Details",
-  "code-group": ""
-};
-function remarkContainers() {
-  return function(tree) {
-    visit(tree, "containerDirective", (node) => {
-      const type = node.name;
-      if (!containerTypes.includes(type)) {
-        return;
-      }
-      const data = node.data || (node.data = {});
-      const titleNode = node.children[0];
-      let customTitle;
-      if (titleNode && titleNode.type === "paragraph" && titleNode.children[0]?.type === "text" && titleNode.data?.directiveLabel) {
-        customTitle = titleNode.children[0].value;
-        node.children.shift();
-      }
-      const title = customTitle || defaultTitles[type];
-      if (type === "code-group") {
-        data.hName = "div";
-        data.hProperties = {
-          className: ["ardo-code-group"]
-        };
-        const tabs = [];
-        for (const child of node.children) {
-          if (child.type === "code") {
-            const codeNode = child;
-            const meta = codeNode.meta || "";
-            const labelMatch = meta.match(/\[([^\]]+)\]/);
-            const label = labelMatch ? labelMatch[1] : codeNode.lang || "Code";
-            tabs.push({ label, content: child });
-          }
-        }
-        const tabsHtml = tabs.map(
-          (tab, i) => `<button class="ardo-code-group-tab${i === 0 ? " active" : ""}" data-index="${i}">${escapeHtml(tab.label)}</button>`
-        ).join("");
-        node.children = [
-          {
-            type: "html",
-            value: `<div class="ardo-code-group-tabs">${tabsHtml}</div>`
-          },
-          {
-            type: "html",
-            value: '<div class="ardo-code-group-panels">'
-          },
-          ...tabs.map(
-            (tab, i) => ({
-              type: "html",
-              value: `<div class="ardo-code-group-panel${i === 0 ? " active" : ""}" data-index="${i}">`
-            })
-          ),
-          ...node.children.flatMap((child, _i) => [
-            child,
-            {
-              type: "html",
-              value: "</div>"
-            }
-          ]),
-          {
-            type: "html",
-            value: "</div>"
-          }
-        ];
-        return;
-      }
-      if (type === "details") {
-        data.hName = "details";
-        data.hProperties = {
-          className: ["ardo-details"]
-        };
-        node.children.unshift({
-          type: "html",
-          value: `<summary class="ardo-details-summary">${escapeHtml(title)}</summary>`
+          await fs2.access(indexPath);
+          link = "/" + relativePath.replace(/\\/g, "/");
+        } catch {
+        }
+        items.push({
+          text: formatTitle(entry.name),
+          link,
+          items: children
         });
-        return;
       }
-      data.hName = "div";
-      data.hProperties = {
-        className: ["ardo-container", `ardo-container-${type}`]
-      };
-      node.children.unshift({
-        type: "html",
-        value: `<p class="ardo-container-title">${escapeHtml(title)}</p>`
+    } else if ((entry.name.endsWith(".mdx") || entry.name.endsWith(".md")) && entry.name !== "index.mdx" && entry.name !== "index.md") {
+      const fileContent = await fs2.readFile(fullPath, "utf-8");
+      const { data: frontmatter } = matter(fileContent);
+      const ext = entry.name.endsWith(".mdx") ? ".mdx" : ".md";
+      const title = frontmatter.title || formatTitle(entry.name.replace(ext, ""));
+      const order = typeof frontmatter.order === "number" ? frontmatter.order : void 0;
+      const link = "/" + relativePath.replace(ext, "").replace(/\\/g, "/");
+      items.push({
+        text: title,
+        link,
+        order
       });
-    });
-  };
+    }
+  }
+  items.sort((a, b) => {
+    if (a.order !== void 0 && b.order !== void 0) {
+      return a.order - b.order;
+    }
+    if (a.order !== void 0) return -1;
+    if (b.order !== void 0) return 1;
+    return a.text.localeCompare(b.text);
+  });
+  return items.map(({ order: _order, ...item }) => item);
 }
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function formatTitle(name) {
+  return name.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+async function generateSearchIndex(routesDir) {
+  const docs = [];
+  async function scanForSearch(dir, section) {
+    try {
+      const entries = await fs2.readdir(dir, { withFileTypes: true });
+      for (const entry of entries) {
+        const fullPath = path2.join(dir, entry.name);
+        if (entry.isDirectory()) {
+          const newSection = section ? `${section} > ${formatTitle(entry.name)}` : formatTitle(entry.name);
+          await scanForSearch(fullPath, newSection);
+        } else if (entry.name.endsWith(".mdx") || entry.name.endsWith(".md")) {
+          const relativePath = path2.relative(routesDir, fullPath);
+          const fileContent = await fs2.readFile(fullPath, "utf-8");
+          const { data: frontmatter, content: rawContent } = matter(fileContent);
+          const ext = entry.name.endsWith(".mdx") ? ".mdx" : ".md";
+          const title = frontmatter.title || formatTitle(entry.name.replace(ext, ""));
+          let content = rawContent;
+          content = content.replace(/```[\s\S]*?```/g, "").replace(/`[^`]+`/g, "").replace(/import\s+.*?from\s+['"].*?['"]/g, "").replace(/<[^>]+>/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/[#*_~>]/g, "").replace(/\n+/g, " ").replace(/\s+/g, " ").trim().slice(0, 2e3);
+          const routePath = entry.name === "index.mdx" || entry.name === "index.md" ? "/" + path2.dirname(relativePath).replace(/\\/g, "/") : "/" + relativePath.replace(ext, "").replace(/\\/g, "/");
+          const finalPath = routePath === "/." ? "/" : routePath;
+          docs.push({
+            id: relativePath,
+            title,
+            content,
+            path: finalPath,
+            section
+          });
+        }
+      }
+    } catch (error) {
+      console.warn(
+        "[ardo] Failed to scan for search index:",
+        error instanceof Error ? error.message : error
+      );
+    }
+  }
+  await scanForSearch(routesDir);
+  return docs;
 }
 
+// src/runtime/loader.ts
+import fs3 from "fs/promises";
+import path3 from "path";
+
+// src/markdown/pipeline.ts
+import { unified } from "unified";
+import remarkParse from "remark-parse";
+import remarkGfm2 from "remark-gfm";
+import remarkFrontmatter2 from "remark-frontmatter";
+import remarkDirective2 from "remark-directive";
+import remarkRehype from "remark-rehype";
+import rehypeStringify from "rehype-stringify";
+import matter2 from "gray-matter";
+
 // src/markdown/toc.ts
-import { visit as visit2 } from "unist-util-visit";
+import { visit as visit3 } from "unist-util-visit";
 function remarkExtractToc(options) {
   const { tocExtraction, levels } = options;
   const [minLevel, maxLevel] = levels;
   return function(tree) {
     const headings = [];
-    visit2(tree, "heading", (node) => {
+    let headingIndex = 0;
+    visit3(tree, "heading", (node) => {
       if (node.depth < minLevel || node.depth > maxLevel) {
         return;
       }
       const text = getHeadingText(node);
-      const id = slugify(text);
+      const slug = slugify(text);
+      const id = slug || `heading-${headingIndex}`;
+      headingIndex++;
       headings.push({
         text,
         level: node.depth,
@@ -654,174 +968,6 @@ function buildTocTree(headings, _minLevel) {
   return result;
 }
 
-// src/markdown/shiki.ts
-import { createHighlighter } from "shiki";
-import { visit as visit3 } from "unist-util-visit";
-async function createShikiHighlighter(config) {
-  const themeConfig = config.theme ?? {
-    light: "github-light",
-    dark: "github-dark"
-  };
-  const themes = typeof themeConfig === "string" ? [themeConfig] : [themeConfig.light, themeConfig.dark];
-  const highlighter = await createHighlighter({
-    themes,
-    langs: [
-      "javascript",
-      "typescript",
-      "jsx",
-      "tsx",
-      "json",
-      "html",
-      "css",
-      "markdown",
-      "bash",
-      "shell",
-      "yaml",
-      "python",
-      "rust",
-      "go",
-      "sql",
-      "diff"
-    ]
-  });
-  return highlighter;
-}
-function rehypeShikiFromHighlighter(options) {
-  const { highlighter, config } = options;
-  const themeConfig = config.theme ?? {
-    light: "github-light",
-    dark: "github-dark"
-  };
-  return function(tree) {
-    visit3(tree, "element", (node, index, parent) => {
-      if (node.tagName !== "pre" || !node.children[0] || node.children[0].tagName !== "code") {
-        return;
-      }
-      const codeNode = node.children[0];
-      const className = codeNode.properties?.className || [];
-      const langClass = className.find((c) => c.startsWith("language-"));
-      const lang = langClass ? langClass.replace("language-", "") : "text";
-      const codeContent = getTextContent(codeNode);
-      if (!codeContent.trim()) {
-        return;
-      }
-      try {
-        let html;
-        if (typeof themeConfig === "string") {
-          html = highlighter.codeToHtml(codeContent, {
-            lang,
-            theme: themeConfig
-          });
-        } else {
-          html = highlighter.codeToHtml(codeContent, {
-            lang,
-            themes: {
-              light: themeConfig.light,
-              dark: themeConfig.dark
-            },
-            defaultColor: false
-          });
-        }
-        const metaString = codeNode.properties?.metastring || "";
-        const lineNumbers = config.lineNumbers || metaString.includes("showLineNumbers");
-        const highlightLines = parseHighlightLines(metaString);
-        const title = parseTitle(metaString);
-        const wrapperHtml = buildCodeBlockHtml(html, {
-          lang,
-          lineNumbers,
-          highlightLines,
-          title
-        });
-        if (parent && typeof index === "number") {
-          const newNode = {
-            type: "element",
-            tagName: "div",
-            properties: {
-              className: ["ardo-code-block"],
-              "data-lang": lang
-            },
-            children: [
-              {
-                type: "raw",
-                value: wrapperHtml
-              }
-            ]
-          };
-          parent.children[index] = newNode;
-        }
-      } catch {
-      }
-    });
-  };
-}
-function getTextContent(node) {
-  if (node.type === "text") {
-    return node.value;
-  }
-  if ("children" in node) {
-    return node.children.map((child) => getTextContent(child)).join("");
-  }
-  return "";
-}
-function parseHighlightLines(meta) {
-  const match = meta.match(/\{([\d,-]+)\}/);
-  if (!match) return [];
-  const ranges = match[1].split(",");
-  const lines = [];
-  for (const range of ranges) {
-    if (range.includes("-")) {
-      const [start, end] = range.split("-").map(Number);
-      for (let i = start; i <= end; i++) {
-        lines.push(i);
-      }
-    } else {
-      lines.push(Number(range));
-    }
-  }
-  return lines;
-}
-function parseTitle(meta) {
-  const match = meta.match(/title="([^"]+)"/);
-  return match ? match[1] : void 0;
-}
-function buildCodeBlockHtml(shikiHtml, options) {
-  const { lang, lineNumbers, highlightLines, title } = options;
-  let html = "";
-  if (title) {
-    html += `<div class="ardo-code-title">${escapeHtml2(title)}</div>`;
-  }
-  html += `<div class="ardo-code-wrapper" data-lang="${lang}">`;
-  if (lineNumbers || highlightLines.length > 0) {
-    const lines = shikiHtml.split("\n");
-    const processedHtml = lines.map((line, i) => {
-      const lineNum = i + 1;
-      const isHighlighted = highlightLines.includes(lineNum);
-      const classes = ["ardo-code-line"];
-      if (isHighlighted) classes.push("highlighted");
-      let prefix = "";
-      if (lineNumbers) {
-        prefix = `<span class="ardo-line-number">${lineNum}</span>`;
-      }
-      return `<span class="${classes.join(" ")}">${prefix}${line}</span>`;
-    }).join("\n");
-    html += processedHtml;
-  } else {
-    html += shikiHtml;
-  }
-  html += `<button class="ardo-copy-button" data-code="${encodeURIComponent(extractCodeFromHtml(shikiHtml))}">
-    <span class="ardo-copy-icon">Copy</span>
-    <span class="ardo-copied-icon" style="display:none">Copied!</span>
-  </button>`;
-  html += "</div>";
-  return html;
-}
-function extractCodeFromHtml(html) {
-  return html.replace(/<[^>]+>/g, "").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#39;/g, "'");
-}
-function escapeHtml2(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-
 // src/markdown/links.ts
 import { visit as visit4 } from "unist-util-visit";
 function rehypeLinks(options) {
@@ -847,7 +993,7 @@ function rehypeLinks(options) {
 
 // src/markdown/pipeline.ts
 async function transformMarkdown(content, config, options = {}) {
-  const { data: frontmatter, content: markdownContent } = matter(content);
+  const { data: frontmatter, content: markdownContent } = matter2(content);
   const { basePath = "/", highlighter: providedHighlighter } = options;
   const tocExtraction = { toc: [] };
   const highlighter = providedHighlighter ?? await createShikiHighlighter(config);
@@ -961,7 +1107,7 @@ function getPageDataForRoute(docs, slug) {
 // src/runtime/sidebar.ts
 import fs4 from "fs/promises";
 import path4 from "path";
-import matter2 from "gray-matter";
+import matter3 from "gray-matter";
 async function generateSidebar2(options) {
   const { contentDir, basePath, config } = options;
   const configSidebar = config.themeConfig.sidebar;
@@ -998,7 +1144,7 @@ async function scanDirectoryForSidebar(dir, rootDir, _basePath) {
         let order;
         try {
           const indexContent = await fs4.readFile(indexPath, "utf-8");
-          const { data: frontmatter } = matter2(indexContent);
+          const { data: frontmatter } = matter3(indexContent);
           if (frontmatter.title) {
             title = frontmatter.title;
           }
@@ -1018,7 +1164,7 @@ async function scanDirectoryForSidebar(dir, rootDir, _basePath) {
       }
     } else if (entry.name.endsWith(".md") && entry.name !== "index.md") {
       const fileContent = await fs4.readFile(fullPath, "utf-8");
-      const { data: frontmatter } = matter2(fileContent);
+      const { data: frontmatter } = matter3(fileContent);
       if (frontmatter.sidebar === false) {
         continue;
       }
@@ -1050,9 +1196,9 @@ function normalizePath(p) {
 }
 
 export {
+  createShikiHighlighter,
   ardoRoutesPlugin,
   ardoPlugin,
-  createShikiHighlighter,
   transformMarkdown,
   transformMarkdownToReact,
   loadDoc,
@@ -1061,4 +1207,4 @@ export {
   getPageDataForRoute,
   generateSidebar2 as generateSidebar
 };
-//# sourceMappingURL=chunk-LUOUBO3L.js.map
+//# sourceMappingURL=chunk-SWER4H2H.js.map