reallysimpledocs 1.0.0-beta.3 → 1.0.0-beta.5

package/src/runtime/components/mdx/CodeGroup.astro

@@ -1,18 +1,14 @@
 ---
-const { defaultTab, class: className = "" } = Astro.props;
+const { class: className = "" } = Astro.props;
 const id = `code-group-${Math.random().toString(36).slice(2)}`;
 const slotHtml = Astro.slots.has("default") ? await Astro.slots.render("default") : "";
 const normalizedTabs = parseCodeTabs(slotHtml);
-const defaultValue = defaultTab || normalizedTabs[0]?.value;
-const classes = [
-  "relative my-6 w-full max-w-full overflow-hidden rounded-lg [&>[role=tabpanel]]:border-t-0 [&_[data-code-block]]:my-0 [&_[data-code-block]]:min-w-0 [&_[data-code-block]]:rounded-none [&_[data-code-block]>header]:hidden",
-  className,
-];
+const defaultValue = normalizedTabs[0]?.value;
 
 function parseCodeTabs(html) {
   const blocks = [];
   const pattern =
-    /<div\b(?=[^>]*\bdata-code-block\b)(?=[^>]*\bdata-code-title="([^"]*)")[^>]*>([\s\S]*?)<\/div>/g;
+    /<div\b(?=[^>]*\bclass="[^"]*\bcode-block\b[^"]*")(?=[^>]*\bdata-code-title="([^"]*)")[^>]*>([\s\S]*?)<\/div>/g;
   let match;
   while ((match = pattern.exec(html))) {
     const label = decodeHtml(match[1]).trim();
@@ -36,10 +32,10 @@ function decodeHtml(value) {
 }
 ---
 
-<div class:list={classes} data-code-group>
-  <header class="flex h-10 items-center gap-2 border-b border-border/50 bg-muted/50 px-3 text-sm font-medium">
-    <div class="tabs my-0 min-w-0 max-w-full gap-0">
-      <nav class="h-full justify-start rounded-none bg-transparent p-0" role="tablist" aria-orientation="horizontal" data-variant="line">
+<div class:list={["code-group", className]}>
+  <header>
+    <div class="tabs">
+      <nav role="tablist" aria-orientation="horizontal" data-variant="line">
         {
           normalizedTabs.map((tab, index) => {
             const selected = tab.value === defaultValue;

package/src/runtime/components/mdx/Preview.astro

@@ -4,15 +4,13 @@ import { highlightCode } from "../../lib/highlight.js";
 const { code = "", lang = "html", title = "Preview", class: className = "" } = Astro.props;
 const id = `preview-${Math.random().toString(36).slice(2)}`;
 const html = await highlightCode(code, lang);
+const previewClassName = className || "w-fit";
 ---
 
-<section
-  class="relative my-6 max-w-full overflow-hidden rounded-lg border [&>[role=tabpanel]]:border-t-0 [&>[data-code-panel]_[data-code-block]]:my-0 [&>[data-code-panel]_[data-code-block]]:min-w-0 [&>[data-code-panel]_[data-code-block]]:rounded-none [&>[data-preview-panel]>div]:flex [&>[data-preview-panel]>div]:min-h-64 [&>[data-preview-panel]>div]:w-full [&>[data-preview-panel]>div]:items-center [&>[data-preview-panel]>div]:justify-center [&>[data-preview-panel]>div]:p-6"
-  data-preview
->
-  <header class="flex h-10 items-center gap-2 border-b border-border/50 bg-muted/50 px-3 text-sm font-medium">
-    <div class="tabs my-0 min-w-0 max-w-full gap-0">
-      <nav class="h-full justify-start rounded-none bg-transparent p-0" role="tablist" aria-orientation="horizontal" data-variant="line">
+<section class="preview">
+  <header>
+    <div class="tabs">
+      <nav role="tablist" aria-orientation="horizontal" data-variant="line">
         <button
           type="button"
           role="tab"
@@ -44,7 +42,7 @@ const html = await highlightCode(code, lang);
     tabindex="-1"
     aria-selected="true"
   >
-    <div class={className}>
+    <div class={previewClassName}>
       <slot />
     </div>
   </section>
@@ -57,10 +55,7 @@ const html = await highlightCode(code, lang);
     aria-selected="false"
     hidden
   >
-    <div
-      class="relative my-6 w-full max-w-full overflow-hidden rounded-lg"
-      data-code-block
-    >
+    <div class="code-block">
       <Fragment set:html={html} />
     </div>
   </section>

package/src/runtime/components/mdx/Steps.astro

@@ -1,11 +1,7 @@
 ---
 const { class: className = "" } = Astro.props;
-const classes = [
-  "mb-12 mt-6 [counter-reset:step] md:ml-4 md:border-l md:pl-8 [&>section]:mb-10 [&>section]:[counter-increment:step] [&>section:last-child]:mb-0 [&>section>*+*]:mt-6 [&>section>*]:leading-relaxed [&>section>*:first-child]:mt-0 [&>section>*:last-child]:mb-0 [&>section>h3+*]:mt-4 [&>section>h3]:relative [&>section>h3]:scroll-m-28 [&>section>h3]:text-lg [&>section>h3]:font-medium [&>section>h3]:tracking-tight [&>section>h3]:before:mr-4 [&>section>h3]:before:inline-flex [&>section>h3]:before:size-7 [&>section>h3]:before:items-center [&>section>h3]:before:justify-center [&>section>h3]:before:rounded-full [&>section>h3]:before:bg-muted [&>section>h3]:before:text-sm [&>section>h3]:before:font-medium [&>section>h3]:before:text-muted-foreground [&>section>h3]:before:content-[counter(step)] md:[&>section>h3]:before:absolute md:[&>section>h3]:before:left-0 md:[&>section>h3]:before:top-0 md:[&>section>h3]:before:mr-0 md:[&>section>h3]:before:-translate-x-[2.875rem]",
-  className,
-];
 ---
 
-<div role="list" class:list={classes}>
+<div role="list" class:list={["steps", className]}>
   <slot />
 </div>

package/src/runtime/components/mdx/Tab.astro

@@ -0,0 +1,6 @@
+---
+const { title } = Astro.props;
+void title;
+---
+
+<slot />

package/src/runtime/components/mdx/Tabs.astro

@@ -1,16 +1,17 @@
 ---
-const { tabs = [], defaultTab, orientation = "horizontal", variant, class: className = "" } = Astro.props;
+const { tabs = [], variant, class: className = "" } = Astro.props;
 const id = `tabs-${Math.random().toString(36).slice(2)}`;
-const normalizedTabs = tabs.map((tab, index) => ({
+const configuredTabs = typeof tabs === "string" ? JSON.parse(tabs) : tabs;
+const normalizedTabs = configuredTabs.map((tab, index) => ({
   ...tab,
   slot: tab.slot || String(index),
   value: tab.value || tab.slot || String(index),
 }));
-const defaultValue = defaultTab || normalizedTabs.find((tab) => !tab.disabled)?.value || normalizedTabs[0]?.value;
+const defaultValue = normalizedTabs[0]?.value;
 ---
 
-<div class:list={["tabs my-6", className]}>
-  <nav role="tablist" aria-orientation={orientation} data-variant={variant}>
+<div class:list={["tabs", className]}>
+  <nav role="tablist" aria-orientation="horizontal" data-variant={variant}>
     {
       normalizedTabs.map((tab, index) => {
         const selected = tab.value === defaultValue;
@@ -21,8 +22,7 @@ const defaultValue = defaultTab || normalizedTabs.find((tab) => !tab.disabled)?.
             id={`${id}-tab-${index + 1}`}
             aria-controls={`${id}-panel-${index + 1}`}
             aria-selected={selected ? "true" : "false"}
-            tabindex={selected && !tab.disabled ? "0" : "-1"}
-            disabled={tab.disabled}
+            tabindex={selected ? "0" : "-1"}
           >
             {tab.label}
           </button>

package/src/runtime/lib/docs.js

@@ -2,8 +2,9 @@ import fs from "node:fs";
 import path from "node:path";
 import { marked } from "marked";
 import GithubSlugger from "github-slugger";
+import { codeToHtml } from "shiki";
 import * as lucideIcons from "lucide-static";
-import { highlightCode as renderHighlightedCode } from "./highlight.js";
+import { normalizeDocMarkdown } from "./markdown-export.js";
 import { markdownPath, routePath } from "./paths.js";
 
 export function getManifest(config) {
@@ -83,7 +84,7 @@ export function getDocMarkdown(config, page) {
 }
 
 export function getMarkdownExport(config, page) {
-  return `${getDocMarkdown(config, page).trim()}\n`;
+  return `${getNormalizedDocMarkdown(config, page).trim()}\n`;
 }
 
 export async function renderDoc(config, page) {
@@ -117,7 +118,7 @@ export async function renderDoc(config, page) {
   };
 
   const tokens = marked.lexer(content);
-  await highlightMarkdownCode(tokens);
+  await highlightCode(tokens);
   const html = marked.parser(tokens, { renderer });
   return { page, html, headings };
 }
@@ -182,13 +183,26 @@ export function buildMenus(config, currentSlug) {
       icon,
       url: page.path,
       label: item.label || page.title,
+      badge: item.badge,
       current: page.slug === currentSlug,
       keywords: page.title,
+      attrs: item.attrs,
     };
   };
 
   const processItem = (item) => {
     if (typeof item === "string") return processSlug(item);
+    if (item?.url && item?.label) {
+      return {
+        type: "item",
+        icon: resolveIcon(item.icon),
+        url: item.url,
+        label: item.label,
+        badge: item.badge,
+        external: /^https?:\/\//.test(item.url),
+        attrs: item.attrs,
+      };
+    }
     const slug = getPageItemSlug(item);
     if (slug) return processSlug(slug, item);
     if (item?.type === "submenu") {
@@ -221,6 +235,7 @@ export function buildMenus(config, currentSlug) {
       url: item.url,
       label: item.label,
       keywords: item.keywords,
+      attrs: item.attrs,
     })),
   }));
 
@@ -230,22 +245,81 @@ export function buildMenus(config, currentSlug) {
 export function getLlmDocs(config) {
   return getPages(config).map((page) => ({
     ...page,
-    content: parseDocMarkdown(getDocMarkdown(config, page), page.title).body.trim(),
+    content: getNormalizedDocMarkdown(config, page, { includeTitle: false }).trim(),
   }));
 }
 
 export function getSearchDocs(config) {
-  return getPages(config).map((page) => {
-    const parsed = parseDocMarkdown(getDocMarkdown(config, page), page.title);
+  const pages = getPages(config);
+  const trails = getPageTrails(config, pages);
+
+  return pages.map((page) => {
+    const markdown = getNormalizedDocMarkdown(config, page, { includeTitle: false });
+    const { prose, code } = splitFencedMarkdown(markdown);
+    const trail = trails.get(page.slug) || [page.title];
+
     return {
       slug: page.slug,
       title: page.title,
+      breadcrumb: trail.length > 1 ? trail.join(" › ") : "",
       path: page.path,
-      body: markdownPlainText(parsed.body),
+      body: markdownPlainText(prose),
+      code: markdownPlainText(code),
     };
   });
 }
 
+function getPageTrails(config, pages) {
+  const manifest = getManifest(config);
+  const pagesBySlug = new Map(pages.map((page) => [page.slug, page]));
+  const trails = new Map();
+
+  const pageLabel = (item, slug) => {
+    if (typeof item === "object" && item?.label) return item.label;
+    return pagesBySlug.get(slug)?.title || fallbackLabelFromSlug(slug);
+  };
+
+  const walk = (items = [], parents = []) => {
+    items.forEach((item) => {
+      if (typeof item === "string") {
+        trails.set(item, [...parents, pageLabel(item, item)]);
+        return;
+      }
+
+      if (item?.type === "submenu") {
+        walk(item.items || [], [...parents, item.label].filter(Boolean));
+        return;
+      }
+
+      const slug = getPageItemSlug(item);
+      if (slug) trails.set(slug, [...parents, pageLabel(item, slug)]);
+    });
+  };
+
+  (manifest.menu || []).forEach((group) => {
+    if (group?.type === "group") walk(group.items || []);
+  });
+
+  return trails;
+}
+
+function splitFencedMarkdown(markdown) {
+  const code = [];
+  const prose = String(markdown || "").replace(/```[^\n]*\n([\s\S]*?)```/g, (_, block) => {
+    code.push(block);
+    return "\n";
+  });
+
+  return { prose, code: code.join("\n\n") };
+}
+
+function getNormalizedDocMarkdown(config, page, { includeTitle = true } = {}) {
+  const source = getDocMarkdown(config, page);
+  const parsed = parseDocMarkdown(source, page.title);
+  const body = normalizeDocMarkdown(renderNunjucksCompat(parsed.body), collectMdxExports(source));
+  return includeTitle ? `# ${parsed.title}\n\n${body}` : body;
+}
+
 function flattenSidebarItems(items = []) {
   return items.flatMap((item) => (item.type === "submenu" ? flattenSidebarItems(item.items) : [item]));
 }
@@ -277,6 +351,15 @@ function markdownPlainText(markdown) {
   return tokensText(marked.lexer(renderNunjucksCompat(normalizeDocSource(markdown))));
 }
 
+function collectMdxExports(source) {
+  const values = new Map();
+  const pattern = /export\s+const\s+([A-Za-z_$][\w$]*)\s*=\s*`([\s\S]*?)`;/g;
+  for (const match of String(source || "").matchAll(pattern)) {
+    values.set(match[1], match[2].replace(/\\n/g, "\n").replace(/\\`/g, "`"));
+  }
+  return values;
+}
+
 function normalizeDocSource(source) {
   const withoutFrontmatter = String(source || "")
     .trimStart()
@@ -288,7 +371,7 @@ function normalizeDocSource(source) {
     .trimStart();
 }
 
-async function highlightMarkdownCode(tokens) {
+async function highlightCode(tokens) {
   for (const token of tokens) {
     if (token.type === "code") {
       const html = await highlightToken(token);
@@ -302,24 +385,33 @@ async function highlightMarkdownCode(tokens) {
     }
 
     for (const childTokens of nestedTokenLists(token)) {
-      await highlightMarkdownCode(childTokens);
+      await highlightCode(childTokens);
     }
   }
 }
 
 async function highlightToken(token) {
-  const lang = normalizeLanguage(token.lang);
   try {
-    return wrapCodeBlock(await renderHighlightedCode(token.text, lang));
+    return await codeToHtml(token.text, {
+      lang: normalizeLanguage(token.lang),
+      themes: {
+        light: "github-light",
+        dark: "github-dark",
+      },
+      defaultColor: false,
+    });
   } catch {
-    return wrapCodeBlock(await renderHighlightedCode(token.text, "text"));
+    return codeToHtml(token.text, {
+      lang: "text",
+      themes: {
+        light: "github-light",
+        dark: "github-dark",
+      },
+      defaultColor: false,
+    });
   }
 }
 
-function wrapCodeBlock(html) {
-  return `<div class="relative my-6 w-full max-w-full overflow-hidden rounded-lg" data-code-block>${html}</div>`;
-}
-
 function normalizeLanguage(lang) {
   const value = lang?.trim().split(/\s+/)[0].toLowerCase() || "text";
   if (value === "njk") return "html";
@@ -349,6 +441,7 @@ function plainText(tokens) {
 function tokensText(tokens) {
   return tokens
     .map((token) => {
+      if (token.type === "html") return htmlText(token.raw || token.text || "");
       const childTokens = [];
       if (token.tokens) childTokens.push(token.tokens);
       if (token.items) childTokens.push(...token.items.flatMap((item) => (item.tokens ? [item.tokens] : [])));
@@ -360,3 +453,16 @@ function tokensText(tokens) {
     .replace(/\s+/g, " ")
     .trim();
 }
+
+function htmlText(html) {
+  return String(html || "")
+    .replace(/<script\b[\s\S]*?<\/script>/gi, " ")
+    .replace(/<style\b[\s\S]*?<\/style>/gi, " ")
+    .replace(/<[^>]+>/g, " ")
+    .replace(/&nbsp;/g, " ")
+    .replace(/&amp;/g, "&")
+    .replace(/&lt;/g, "<")
+    .replace(/&gt;/g, ">")
+    .replace(/&quot;/g, '"')
+    .replace(/&#39;/g, "'");
+}

package/src/runtime/lib/highlight.js

@@ -3,7 +3,7 @@ import { codeToHtml } from "shiki";
 export async function highlightCode(code, lang = "text") {
   const value = String(code || "");
   const language = String(lang || "text").toLowerCase() === "mdx" ? "tsx" : String(lang || "text");
-  const html = await codeToHtml(value, {
+  return codeToHtml(value, {
     lang: language,
     themes: {
       light: "github-light",
@@ -11,17 +11,4 @@ export async function highlightCode(code, lang = "text") {
     },
     defaultColor: false,
   });
-  return addCodeLayoutClasses(html);
-}
-
-function addCodeLayoutClasses(html) {
-  return String(html)
-    .replace(
-      /<pre class="/,
-      '<pre class="!my-0 max-w-full overflow-x-auto !rounded-none !border-0 ',
-    )
-    .replace(
-      /<code>/,
-      '<code class="block min-w-full w-max px-4 py-3 text-[13px]">',
-    );
 }

package/src/runtime/lib/macros.js

@@ -1,5 +1,6 @@
 import Search from "lucide-static/icons/search.svg?raw";
-import { attrs, escapeHtml } from "./html.js";
+import ArrowUpRight from "lucide-static/icons/arrow-up-right.svg?raw";
+import { addSvgClass, attrs, escapeHtml } from "./html.js";
 
 export function renderSidebar({
   id = "sidebar",
@@ -58,16 +59,24 @@ export function renderSidebarContent(items = [], parentIdPrefix = "content") {
   <a${attrs({ href: item.url, "aria-current": item.current ? "page" : undefined, ...without(item.attrs, ["href", "aria-current"]) })}>
     ${item.icon || ""}
     <span>${escapeHtml(item.label)}</span>
+    ${renderSidebarMeta(item)}
   </a>
 </li>`;
     })
     .join("");
 }
 
+function renderSidebarMeta(item) {
+  const badge = item.badge ? `<span class="badge" data-variant="outline">${escapeHtml(item.badge)}</span>` : "";
+  const external = item.external ? addSvgClass(ArrowUpRight, "size-3 opacity-50") : "";
+  if (!badge && !external) return "";
+  return `<span class="ml-auto inline-flex items-center gap-1">${badge}${external}</span>`;
+}
+
 export function renderCommandDialog({
   id = "command-search",
   items = [],
-  placeholder = "Search the docs...",
+  placeholder = "Search...",
   emptyText = "No results found.",
   open = false,
   commandAttrs = {},

package/src/runtime/lib/markdown-export.js

@@ -0,0 +1,163 @@
+export function normalizeDocMarkdown(markdown, context = new Map()) {
+  return transformMarkdownTextSegments(markdown, (content) => {
+    return normalizeMdxComponents(stripMdxModuleSyntax(content), context);
+  })
+    .replace(/[ \t]+\n/g, "\n")
+    .replace(/\n{3,}/g, "\n\n")
+    .trim();
+}
+
+function stripMdxModuleSyntax(content) {
+  return String(content || "")
+    .replace(/^\s*import\s+[^;\n]+;?\s*$/gm, "")
+    .replace(/^\s*export\s+(?:const|let|var|function)\s+[\s\S]*?(?=\n(?:#|[A-Z][A-Za-z]*\(|<[A-Z]|\w|\s*$))/gm, "");
+}
+
+function transformMarkdownTextSegments(markdown, transform) {
+  return String(markdown || "")
+    .split(/(```[\s\S]*?```)/g)
+    .map((part) => (part.startsWith("```") ? part : transform(part)))
+    .join("");
+}
+
+const serializers = {
+  Code: serializeCode,
+  CodeGroup: serializeChildren,
+  Tabs: serializeChildren,
+  Tab: serializeChildren,
+  CardGrid: serializeChildren,
+  Preview: serializePreview,
+  Callout: serializeCallout,
+  Steps: serializeSteps,
+  Card: serializeCard,
+};
+
+export function normalizeMdxComponents(content, context = new Map()) {
+  let out = String(content || "");
+  const previewBlocks = [];
+
+  out = replacePairedComponent(out, "Preview", (attrs, children) => {
+    const token = `\u0000RSD_PREVIEW_${previewBlocks.length}\u0000`;
+    previewBlocks.push(serializers.Preview(attrs, children, context));
+    return token;
+  });
+
+  for (const name of ["CodeGroup", "Tabs", "Tab", "CardGrid", "Callout", "Steps", "Code"]) {
+    out = replacePairedComponent(out, name, (attrs, children) => serializers[name](attrs, children, context));
+  }
+
+  out = out.replace(/<Code\b([^>]*)\/>/g, (_, attrs) => serializeCode(attrs, getCodeAttr(attrs, context), context));
+  out = out.replace(/<Card\b([^>]*)\/>/g, (_, attrs) => serializeCard(attrs));
+  previewBlocks.forEach((block, index) => {
+    out = out.replaceAll(`\u0000RSD_PREVIEW_${index}\u0000`, block);
+  });
+
+  return out;
+}
+
+function replacePairedComponent(content, name, serialize) {
+  return content.replace(new RegExp(`<${name}\\b([^>]*)>([\\s\\S]*?)<\\/${name}>`, "g"), (_, attrs, children) =>
+    serialize(attrs, children),
+  );
+}
+
+function serializeChildren(_attrs, children, context = new Map()) {
+  return `\n\n${normalizeMdxComponents(children, context).trim()}\n\n`;
+}
+
+function serializePreview(attrs, children, context = new Map()) {
+  const lang = getStringAttr(attrs, "lang") || "mdx";
+  const code = getExpressionAttr(attrs, "code");
+  const source = stripCommonIndent(code && context.has(code) ? context.get(code) : children).trim();
+  return `\n\n${fencedCode(lang, source)}\n\n`;
+}
+
+function serializeCallout(attrs, children, context = new Map()) {
+  const title = getStringAttr(attrs, "title") || calloutTitle(getStringAttr(attrs, "type"));
+  const body = normalizeMdxComponents(children, context)
+    .trim()
+    .split("\n")
+    .map((line) => `> ${line}`)
+    .join("\n");
+  return `\n\n> **${title}**\n${body ? `${body}\n` : ""}\n`;
+}
+
+function serializeSteps(_attrs, children, context = new Map()) {
+  let index = 0;
+  const steps = children.replace(/<Step\b([^>]*)>([\s\S]*?)<\/Step>/g, (_step, attrs, body) => {
+    index += 1;
+    const title = getStringAttr(attrs, "title");
+    const text = normalizeMdxComponents(body, context).trim();
+    return `${index}. ${title ? `**${title}**` : ""}${text ? `\n\n${indentMarkdown(text, "   ")}` : ""}`;
+  });
+  return `\n\n${steps}\n\n`;
+}
+
+function serializeCode(attrs, children, context = new Map()) {
+  const lang = getStringAttr(attrs, "lang") || "text";
+  const title = getStringAttr(attrs, "title");
+  const label = title ? ` ${title}` : "";
+  const code = unwrapMdxString(children, context).trim();
+  return `\n\n${fencedCode(`${lang}${label}`, code)}\n\n`;
+}
+
+function serializeCard(attrs) {
+  const title = getStringAttr(attrs, "title") || "Card";
+  const description = getStringAttr(attrs, "description");
+  const href = getStringAttr(attrs, "href");
+  const label = description ? `**${title}**: ${description}` : `**${title}**`;
+  return href ? `\n\n- [${label}](${href})\n` : `\n\n- ${label}\n`;
+}
+
+function getStringAttr(attrs, name) {
+  return String(attrs || "").match(new RegExp(`${name}=["']([^"']*)["']`))?.[1] || "";
+}
+
+function getExpressionAttr(attrs, name) {
+  return String(attrs || "").match(new RegExp(`${name}=\\{([A-Za-z_$][\\w$]*)\\}`))?.[1] || "";
+}
+
+function getCodeAttr(attrs, context = new Map()) {
+  const direct = String(attrs || "").match(/\bcode=\{`([\s\S]*?)`\}/)?.[1] || "";
+  if (direct) return direct.replace(/\\n/g, "\n").replace(/\\`/g, "`");
+  const ref = getExpressionAttr(attrs, "code");
+  return ref && context.has(ref) ? context.get(ref) : "";
+}
+
+function unwrapMdxString(value, context = new Map()) {
+  const text = String(value || "").trim();
+  const ref = text.match(/^\{([A-Za-z_$][\w$]*)\}$/)?.[1];
+  if (ref && context.has(ref)) return context.get(ref);
+  const template = text.match(/^\{`([\s\S]*)`\}$/);
+  if (template) return template[1].replace(/\\n/g, "\n").replace(/\\`/g, "`");
+  return text.replace(/^\{["']([\s\S]*)["']\}$/, "$1");
+}
+
+function calloutTitle(type) {
+  if (type === "warning") return "Warning";
+  if (type === "destructive") return "Danger";
+  return "Note";
+}
+
+function indentMarkdown(markdown, prefix) {
+  return String(markdown || "")
+    .split("\n")
+    .map((line) => `${prefix}${line}`)
+    .join("\n");
+}
+
+function fencedCode(info, code) {
+  const fence = longestBacktickRun(code) >= 3 ? "`".repeat(longestBacktickRun(code) + 1) : "```";
+  return `${fence}${info}\n${code}\n${fence}`;
+}
+
+function longestBacktickRun(value) {
+  return Math.max(0, ...String(value || "").matchAll(/`+/g).map((match) => match[0].length));
+}
+
+function stripCommonIndent(value) {
+  const lines = String(value || "").replace(/^\n+|\n+$/g, "").split("\n");
+  const indents = lines.filter((line) => line.trim()).map((line) => line.match(/^[ \t]*/)[0].length);
+  const indent = indents.length ? Math.min(...indents) : 0;
+  return indent ? lines.map((line) => line.slice(Math.min(indent, line.match(/^[ \t]*/)[0].length))).join("\n") : lines.join("\n");
+}

package/src/runtime/lib/site.js

@@ -4,7 +4,6 @@ export const defaultSite = {
   title: "ReallySimpleDocs",
   description: "A really simple documentation site.",
   url: "",
-  links: [],
 };
 
 export function getSite(config) {

package/src/runtime/pages/search-index.ts

@@ -7,7 +7,9 @@ export function GET() {
   const index = lunr(function () {
     this.ref("slug");
     this.field("title", { boost: 10 });
+    this.field("breadcrumb", { boost: 8 });
     this.field("body");
+    this.field("code", { boost: 0.2 });
     this.metadataWhitelist = ["position"];
 
     documents.forEach((doc) => this.add(doc));
@@ -16,7 +18,14 @@ export function GET() {
   return new Response(
     JSON.stringify({
       index,
-      documents: documents.map(({ slug, title, path, body }) => ({ slug, title, path, body })),
+      documents: documents.map(({ slug, title, breadcrumb, path, body, code }) => ({
+        slug,
+        title,
+        breadcrumb,
+        path,
+        body,
+        code,
+      })),
     }),
     {
       headers: {

package/src/css/overrides.css

@@ -1 +0,0 @@
-/* Custom CSS overrides (loaded last). */

package/src/css/sources.css

@@ -1 +0,0 @@
-@source "../runtime/**/*.{astro,js,ts}";