kitfly 0.1.2 → 0.2.0

package/scripts/dev.ts

@@ -14,20 +14,23 @@
  */
 
 import { watch } from "node:fs";
-import { readFile } from "node:fs/promises";
+import { readdir, readFile, stat } from "node:fs/promises";
 import { basename, extname, join, resolve } from "node:path";
 import { marked, Renderer } from "marked";
 import { ENGINE_ASSETS_DIR, ENGINE_SITE_DIR } from "../src/engine.ts";
+import { loadPluginInjections } from "../src/plugin-loader.ts";
 import {
 	buildBreadcrumbsSimple,
 	buildFooter,
 	buildNavSimple,
 	buildPageMeta,
+	buildSlideNav,
 	buildToc,
 	// Network utilities
 	checkPortOrExit,
 	// Navigation/template building
 	collectFiles,
+	collectSlides,
 	envBool,
 	envInt,
 	// Config helpers
@@ -41,13 +44,16 @@ import {
 	type Provenance,
 	// Markdown utilities
 	parseFrontmatter,
+	parseYaml,
 	resolveStylesPath,
 	resolveTemplatePath,
+	rewriteRelativeAssetUrls,
 	// Types
 	type SiteConfig,
 	slugify,
 	toUrlPath,
 	validatePath,
+	validateSlidesVisualsFences,
 } from "../src/shared.ts";
 import { generateThemeCSS, getPrismUrls, loadTheme, type Theme } from "../src/theme.ts";
 
@@ -187,6 +193,72 @@ marked.use({ renderer });
 // Track connected clients for hot reload
 const clients: Set<ReadableStreamDefaultController> = new Set();
 
+let pluginCache: { key: string; head: string; bodyEnd: string } | null = null;
+
+async function isSlidesVisualsEnabled(): Promise<boolean> {
+	const configPath = join(ROOT, "kitfly.plugins.yaml");
+	try {
+		const raw = await readFile(configPath, "utf-8");
+		const parsed = parseYaml(raw) as unknown as Record<string, unknown>;
+		const plugins = Array.isArray(parsed?.plugins) ? (parsed.plugins as unknown[]) : [];
+		return plugins.some((p) => typeof p === "string" && p.startsWith("slides-visuals@"));
+	} catch {
+		return false;
+	}
+}
+
+async function getPluginInjectionsCached(
+	mode: "docs" | "slides",
+): Promise<{ head: string; bodyEnd: string }> {
+	const configPath = join(ROOT, "kitfly.plugins.yaml");
+	let configMtime = "missing";
+	try {
+		configMtime = String((await stat(configPath)).mtimeMs);
+	} catch {
+		return { head: "", bodyEnd: "" };
+	}
+
+	const siteRegistryPath = join(ROOT, "registry", "plugins.yaml");
+	let registryMtime = "none";
+	try {
+		registryMtime = String((await stat(siteRegistryPath)).mtimeMs);
+	} catch {
+		// Uses engine registry by default.
+	}
+
+	let pluginAssetsMtime = "none";
+	try {
+		const mtimes: number[] = [];
+		const dirs = [join(ROOT, "plugins-dist"), join(ENGINE_SITE_DIR, "..", "plugins-dist")];
+		for (const dir of dirs) {
+			try {
+				const entries = await readdir(dir);
+				for (const name of entries) {
+					if (!/\.(js|css)$/i.test(name)) continue;
+					try {
+						mtimes.push((await stat(join(dir, name))).mtimeMs);
+					} catch {
+						// ignore
+					}
+				}
+			} catch {
+				// ignore
+			}
+		}
+		pluginAssetsMtime = mtimes.length ? String(Math.max(...mtimes)) : "none";
+	} catch {
+		// ignore
+	}
+
+	const key = `${mode}:${configMtime}:${registryMtime}:${pluginAssetsMtime}`;
+	if (pluginCache && pluginCache.key === key) {
+		return { head: pluginCache.head, bodyEnd: pluginCache.bodyEnd };
+	}
+	const injected = await loadPluginInjections({ root: ROOT, mode });
+	pluginCache = { key, head: injected.head, bodyEnd: injected.bodyEnd };
+	return injected;
+}
+
 // Convert markdown to HTML with template
 async function renderPage(
 	filePath: string,
@@ -234,6 +306,7 @@ async function renderPage(
 	const themeCSS = generateThemeCSS(theme);
 	const prismUrls = getPrismUrls(theme);
 	const pathPrefix = "/";
+	const plugins = await getPluginInjectionsCached(config.mode === "slides" ? "slides" : "docs");
 
 	const hotReloadScript = `
 <script>
@@ -243,12 +316,15 @@ async function renderPage(
 </script>`;
 
 	const logoClass = config.brand.logoType === "wordmark" ? "logo-wordmark" : "logo-icon";
+	const brandInitial = escapeHtml(config.brand.name.trim().charAt(0).toUpperCase() || "K");
 
 	return template
+		.replace("{{BODY_CLASS}}", "mode-docs")
 		.replace(/\{\{PATH_PREFIX\}\}/g, pathPrefix)
 		.replace(/\{\{BRAND_URL\}\}/g, config.brand.url)
 		.replace(/\{\{BRAND_TARGET\}\}/g, brandTarget)
 		.replace(/\{\{BRAND_NAME\}\}/g, config.brand.name)
+		.replace(/\{\{BRAND_INITIAL\}\}/g, brandInitial)
 		.replace(/\{\{BRAND_LOGO\}\}/g, config.brand.logo || "assets/brand/logo.png")
 		.replace(/\{\{BRAND_FAVICON\}\}/g, config.brand.favicon || "assets/brand/favicon.png")
 		.replace(/\{\{BRAND_LOGO_CLASS\}\}/g, logoClass)
@@ -263,6 +339,118 @@ async function renderPage(
 		.replace("{{TOC}}", toc)
 		.replace("{{FOOTER}}", footer)
 		.replace("{{THEME_CSS}}", themeCSS)
+		.replace("{{PLUGIN_HEAD}}", plugins.head)
+		.replace("{{PLUGIN_BODY_END}}", plugins.bodyEnd)
+		.replace("{{PRISM_LIGHT_URL}}", prismUrls.light)
+		.replace("{{PRISM_DARK_URL}}", prismUrls.dark)
+		.replace("{{HOT_RELOAD_SCRIPT}}", hotReloadScript);
+}
+
+async function renderSlidesPage(
+	provenance: Provenance,
+	config: SiteConfig,
+	theme: Theme,
+): Promise<string> {
+	const uiVersion = provenance.version ? `v${provenance.version}` : "unversioned";
+	const template = await readFile(await resolveTemplatePath(ROOT), "utf-8");
+	const files = await collectFiles(ROOT, config);
+	const slides = await collectSlides(files);
+
+	if (slides.length === 0) {
+		return renderGettingStarted(provenance, config, theme);
+	}
+	const pathPrefix = "/";
+	const validateFences = await isSlidesVisualsEnabled();
+
+	const sections = await Promise.all(
+		slides.map(async (slide, i) => {
+			let inner = "";
+			if (slide.kind === "markdown") {
+				if (validateFences) {
+					const diagnostics = validateSlidesVisualsFences(slide.body);
+					if (diagnostics.length) {
+						const msg = diagnostics
+							.slice(0, 12)
+							.map((d) => `  - ${slide.sourcePath}:${d.line} ${d.message}`)
+							.join("\n");
+						throw new Error(`slides-visuals fence contract violations:\n${msg}`);
+					}
+				}
+				inner = marked.parse(slide.body) as string;
+			} else if (slide.kind === "yaml") {
+				inner = `<pre><code class="language-yaml">${escapeHtml(slide.body)}</code></pre>`;
+			} else {
+				let prettyJson = slide.body;
+				try {
+					prettyJson = JSON.stringify(JSON.parse(slide.body), null, 2);
+				} catch {
+					// Use original if not valid JSON
+				}
+				inner = `<pre><code class="language-json">${escapeHtml(prettyJson)}</code></pre>`;
+			}
+			inner = rewriteRelativeAssetUrls(inner, slide.sourceUrlPath, pathPrefix);
+
+			const classToken = slide.className ? ` ${slide.className}` : "";
+			const activeClass = i === 0 ? " active" : "";
+			return `<section id="${slide.id}" class="slide${classToken}${activeClass}" data-slide-index="${i}">${inner}</section>`;
+		}),
+	);
+
+	const htmlContent = `
+        <div class="slides-shell" style="--slide-aspect: ${config.aspect || "16/9"}">
+          <div class="slide-viewport">
+            <div class="slide-frame">
+              ${sections.join("\n")}
+            </div>
+          </div>
+          <div class="slide-nav" aria-label="Slide navigation">
+            <button class="slide-prev" type="button" aria-label="Previous slide">Prev</button>
+            <span class="slide-counter">1 / ${slides.length}</span>
+            <button class="slide-next" type="button" aria-label="Next slide">Next</button>
+            <div class="slide-progress" role="presentation">
+              <span class="slide-progress-bar" style="width: ${(1 / slides.length) * 100}%"></span>
+            </div>
+          </div>
+        </div>`;
+
+	const nav = buildSlideNav(slides, config, "slide-1");
+	const footer = buildFooter(provenance, config);
+	const brandTarget = config.brand.external ? ' target="_blank" rel="noopener"' : "";
+	const themeCSS = generateThemeCSS(theme);
+	const prismUrls = getPrismUrls(theme);
+	const hotReloadScript = `
+<script>
+  const es = new EventSource('/__reload');
+  es.onmessage = () => location.reload();
+  es.onerror = () => setTimeout(() => location.reload(), 1000);
+</script>`;
+	const plugins = await getPluginInjectionsCached("slides");
+	const logoClass = config.brand.logoType === "wordmark" ? "logo-wordmark" : "logo-icon";
+	const brandInitial = escapeHtml(config.brand.name.trim().charAt(0).toUpperCase() || "K");
+
+	return template
+		.replace("{{BODY_CLASS}}", "mode-slides")
+		.replace(/\{\{PATH_PREFIX\}\}/g, pathPrefix)
+		.replace(/\{\{BRAND_URL\}\}/g, config.brand.url)
+		.replace(/\{\{BRAND_TARGET\}\}/g, brandTarget)
+		.replace(/\{\{BRAND_NAME\}\}/g, config.brand.name)
+		.replace(/\{\{BRAND_INITIAL\}\}/g, brandInitial)
+		.replace(/\{\{BRAND_LOGO\}\}/g, config.brand.logo || "assets/brand/logo.png")
+		.replace(/\{\{BRAND_FAVICON\}\}/g, config.brand.favicon || "assets/brand/favicon.png")
+		.replace(/\{\{BRAND_LOGO_CLASS\}\}/g, logoClass)
+		.replace(/\{\{SITE_TITLE\}\}/g, config.title)
+		.replace("{{TITLE}}", config.title)
+		.replace("{{VERSION}}", uiVersion)
+		.replace("{{BRANCH}}", provenance.gitBranch)
+		.replace("{{BREADCRUMBS}}", "")
+		.replace("{{PAGE_META}}", "")
+		.replace("{{NAV}}", nav)
+		.replace("{{CONTENT}}", htmlContent)
+		.replace("{{TOC}}", "")
+		.replace("{{FOOTER}}", footer)
+		.replace("{{THEME_CSS}}", themeCSS)
+		.replace("{{PLUGIN_HEAD}}", plugins.head)
+		.replace("{{PLUGIN_BODY_END}}", plugins.bodyEnd)
 		.replace("{{PRISM_LIGHT_URL}}", prismUrls.light)
 		.replace("{{PRISM_DARK_URL}}", prismUrls.dark)
 		.replace("{{HOT_RELOAD_SCRIPT}}", hotReloadScript);
@@ -303,6 +491,7 @@ sections:
 	const themeCSS = generateThemeCSS(theme);
 	const prismUrls = getPrismUrls(theme);
 	const pathPrefix = "/";
+	const plugins = await getPluginInjectionsCached(config.mode === "slides" ? "slides" : "docs");
 
 	const hotReloadScript = `
 <script>
@@ -312,12 +501,15 @@ sections:
 </script>`;
 
 	const logoClass = config.brand.logoType === "wordmark" ? "logo-wordmark" : "logo-icon";
+	const brandInitial = escapeHtml(config.brand.name.trim().charAt(0).toUpperCase() || "K");
 
 	return template
+		.replace("{{BODY_CLASS}}", "mode-docs")
 		.replace(/\{\{PATH_PREFIX\}\}/g, pathPrefix)
 		.replace(/\{\{BRAND_URL\}\}/g, config.brand.url)
 		.replace(/\{\{BRAND_TARGET\}\}/g, brandTarget)
 		.replace(/\{\{BRAND_NAME\}\}/g, config.brand.name)
+		.replace(/\{\{BRAND_INITIAL\}\}/g, brandInitial)
 		.replace(/\{\{BRAND_LOGO\}\}/g, config.brand.logo || "assets/brand/logo.png")
 		.replace(/\{\{BRAND_FAVICON\}\}/g, config.brand.favicon || "assets/brand/favicon.png")
 		.replace(/\{\{BRAND_LOGO_CLASS\}\}/g, logoClass)
@@ -332,6 +524,8 @@ sections:
 		.replace("{{TOC}}", "")
 		.replace("{{FOOTER}}", buildFooter(provenance, config))
 		.replace("{{THEME_CSS}}", themeCSS)
+		.replace("{{PLUGIN_HEAD}}", plugins.head)
+		.replace("{{PLUGIN_BODY_END}}", plugins.bodyEnd)
 		.replace("{{PRISM_LIGHT_URL}}", prismUrls.light)
 		.replace("{{PRISM_DARK_URL}}", prismUrls.dark)
 		.replace("{{HOT_RELOAD_SCRIPT}}", hotReloadScript);
@@ -610,6 +804,14 @@ async function main() {
 			});
 		}
 
+		// Slides mode renders as a single-page deck with hash routing
+		if (config.mode === "slides") {
+			const html = await renderSlidesPage(provenance, config, theme);
+			return new Response(html, {
+				headers: { "Content-Type": "text/html" },
+			});
+		}
+
 		// Find and render markdown/yaml file
 		const filePath = await findFile(url.pathname, config);
 		if (filePath) {

package/src/__tests__/build.test.ts

@@ -5,6 +5,7 @@
  *   create a temp site directory -> run build() -> verify output files
  */
 
+import { createHash } from "node:crypto";
 import { mkdir, mkdtemp, readdir, readFile, rm, writeFile } from "node:fs/promises";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
@@ -31,8 +32,10 @@ async function writeSiteYaml(dir: string, extra: Record<string, unknown> = {}):
 	const sections = extra.sections ?? "  - name: Docs\n    path: docs";
 	const title = extra.title ?? "Test Site";
 	const version = extra.version ? `version: ${extra.version}\n` : "";
+	const mode = extra.mode ? `mode: ${extra.mode}\n` : "";
+	const aspect = extra.aspect ? `aspect: ${extra.aspect}\n` : "";
 	const home = extra.home ? `home: ${extra.home}\n` : "";
-	const yaml = `title: ${title}\n${version}brand:\n${brand}\n${home}sections:\n${sections}\n`;
+	const yaml = `title: ${title}\n${version}${mode}${aspect}brand:\n${brand}\n${home}sections:\n${sections}\n`;
 	await writeFile(join(dir, "site.yaml"), yaml);
 }
 
@@ -43,6 +46,10 @@ async function writeMd(dir: string, relPath: string, content: string): Promise<v
 	await writeFile(fullPath, content);
 }
 
+function sha256Hex(text: string): string {
+	return createHash("sha256").update(new TextEncoder().encode(text)).digest("hex");
+}
+
 // ---------------------------------------------------------------------------
 // Cleanup
 // ---------------------------------------------------------------------------
@@ -209,6 +216,41 @@ describe("build", () => {
 		expect(html).toContain("unversioned");
 	});
 
+	it("builds a single-page hash-routed deck when mode is slides", async () => {
+		const siteDir = await makeTempDir();
+		const outDir = "out";
+		await writeSiteYaml(siteDir, {
+			mode: "slides",
+			aspect: '"4/3"',
+			sections: "  - name: Slides\n    path: slides",
+		});
+		await writeMd(
+			siteDir,
+			"slides/deck.md",
+			`---
+title: Intro
+---
+
+# Intro
+![Diagram](./img/diagram.png)
+[Report](../files/report.pdf)
+--- slide ---
+# Next`,
+		);
+
+		await build({ folder: siteDir, out: outDir });
+
+		const html = await readFile(join(siteDir, outDir, "index.html"), "utf-8");
+		expect(html).toContain('class="mode-slides"');
+		expect(html).toContain('id="slide-1"');
+		expect(html).toContain('id="slide-2"');
+		expect(html).toContain('href="#slide-1"');
+		expect(html).toContain('href="#slide-2"');
+		expect(html).toContain('src="./slides/img/diagram.png"');
+		expect(html).toContain('href="./files/report.pdf"');
+		expect(await exists(join(siteDir, outDir, "slides", "deck.html"))).toBe(false);
+	});
+
 	it("generates AI accessibility files (content-index.json, llms.txt, _raw/)", async () => {
 		const siteDir = await makeTempDir();
 		const outDir = "out";
@@ -237,4 +279,119 @@ describe("build", () => {
 		const rawEntries = await readdir(join(dist, "_raw"), { recursive: true });
 		expect(rawEntries.length).toBeGreaterThan(0);
 	});
+
+	it("injects enabled plugins into generated HTML", async () => {
+		const siteDir = await makeTempDir();
+		const outDir = "out";
+		await writeSiteYaml(siteDir);
+		await writeMd(siteDir, "docs/page.md", "> NOTE: Hello\n\nBody");
+
+		// Local plugin assets + registry
+		const js = "console.log('callouts');";
+		const css = ".kitfly-callout{border-left:6px solid red;}";
+		await mkdir(join(siteDir, "plugins-dist"), { recursive: true });
+		await writeFile(join(siteDir, "plugins-dist", "callouts.js"), js, "utf-8");
+		await writeFile(join(siteDir, "plugins-dist", "callouts.css"), css, "utf-8");
+
+		await mkdir(join(siteDir, "registry"), { recursive: true });
+		await writeFile(
+			join(siteDir, "registry", "plugins.yaml"),
+			`version: 1
+updated: "2026-02-12"
+baseUrl: ""
+plugins:
+  callouts:
+    name: "Callout Boxes"
+    description: "Test callouts"
+    version: "0.2.0"
+    contract: "1"
+    kitfly: ">=0.2.0 <1.0.0"
+    license: MIT
+    verified: true
+    assets:
+      js: "plugins-dist/callouts.js"
+      css: "plugins-dist/callouts.css"
+      assetSha256:
+        js: "sha256:${sha256Hex(js)}"
+        css: "sha256:${sha256Hex(css)}"
+`,
+			"utf-8",
+		);
+
+		await writeFile(
+			join(siteDir, "kitfly.plugins.yaml"),
+			"plugins:\n  - callouts@0.2.0\n",
+			"utf-8",
+		);
+
+		await build({ folder: siteDir, out: outDir });
+
+		const html = await readFile(join(siteDir, outDir, "index.html"), "utf-8");
+		expect(html).toContain('data-kitfly-plugin="callouts@0.2.0"');
+		expect(html).toContain(css);
+		expect(html).toContain(js);
+	});
+
+	it("injects slides-only plugins when mode=slides", async () => {
+		const siteDir = await makeTempDir();
+		const outDir = "out";
+		await writeSiteYaml(siteDir, { mode: "slides" });
+		await writeMd(
+			siteDir,
+			"docs/deck.md",
+			`# Title
+
+:::kpi
+label: Uptime
+value: 99.95%
+trend: +0.3%
+:::
+`,
+		);
+
+		const js = "console.log('slides visuals');";
+		const css = ".kitfly-visual{border:1px solid red;}";
+		await mkdir(join(siteDir, "plugins-dist"), { recursive: true });
+		await writeFile(join(siteDir, "plugins-dist", "slides-visuals.js"), js, "utf-8");
+		await writeFile(join(siteDir, "plugins-dist", "slides-visuals.css"), css, "utf-8");
+
+		await mkdir(join(siteDir, "registry"), { recursive: true });
+		await writeFile(
+			join(siteDir, "registry", "plugins.yaml"),
+			`version: 1
+updated: "2026-02-13"
+baseUrl: ""
+plugins:
+  slides-visuals:
+    name: "Slides Visuals"
+    description: "Test visuals"
+    version: "0.2.0"
+    contract: "1"
+    kitfly: ">=0.2.0 <1.0.0"
+    license: MIT
+    verified: true
+    modes: ["slides"]
+    assets:
+      js: "plugins-dist/slides-visuals.js"
+      css: "plugins-dist/slides-visuals.css"
+      assetSha256:
+        js: "sha256:${sha256Hex(js)}"
+        css: "sha256:${sha256Hex(css)}"
+`,
+			"utf-8",
+		);
+
+		await writeFile(
+			join(siteDir, "kitfly.plugins.yaml"),
+			"plugins:\n  - slides-visuals@0.2.0\n",
+			"utf-8",
+		);
+
+		await build({ folder: siteDir, out: outDir });
+
+		const html = await readFile(join(siteDir, outDir, "index.html"), "utf-8");
+		expect(html).toContain('data-kitfly-plugin="slides-visuals@0.2.0"');
+		expect(html).toContain(css);
+		expect(html).toContain(js);
+	});
 });

package/src/__tests__/bundle.test.ts

@@ -648,6 +648,12 @@ describe("buildBundleSidebarHeader", () => {
 		expect(source).toContain(`\${themeCSS}`);
 	});
 
+	it("bundle script keeps docs-mode smooth anchor scrolling", async () => {
+		const source = await readFile(`${process.cwd()}/scripts/bundle.ts`, "utf-8");
+		expect(source).toContain("if (!shell) {");
+		expect(source).toContain("scrollIntoView({ behavior: 'smooth', block: 'start' });");
+	});
+
 	it("shows version label with v prefix when version is provided", () => {
 		const config: SiteConfig = {
 			docroot: ".",
@@ -684,6 +690,31 @@ describe("buildBundleSidebarHeader", () => {
 		expect(html).toContain('alt="My Company"');
 	});
 
+	it("includes initial fallback metadata and onerror handler", () => {
+		const config: SiteConfig = {
+			docroot: ".",
+			title: "Test",
+			brand: { name: "Acme", url: "/" },
+			sections: [],
+		};
+
+		const html = buildBundleSidebarHeader(config, "1.0", "logo.png");
+		expect(html).toContain('data-initial="A"');
+		expect(html).toContain("classList.add('logo-fallback')");
+	});
+
+	it("escapes initial fallback character in data attribute", () => {
+		const config: SiteConfig = {
+			docroot: ".",
+			title: "Test",
+			brand: { name: '"quoted', url: "/" },
+			sections: [],
+		};
+
+		const html = buildBundleSidebarHeader(config, "1.0", "logo.png");
+		expect(html).toContain('data-initial="""');
+	});
+
 	it("links brand to brand URL", () => {
 		const config: SiteConfig = {
 			docroot: ".",

package/src/__tests__/cli.test.ts

@@ -54,7 +54,7 @@ kitfly v${version} - Turn your writing into a website
 Usage:
   kitfly dev [folder]     Start dev server with hot reload
   kitfly build [folder]   Build static site to dist/
-  kitfly bundle [folder]  Build single-file HTML bundle
+  kitfly bundle [folder]  Build single-file HTML bundle to bundles/
   kitfly init [name]      Create new project from template
   kitfly servers          List running dev servers
   kitfly stop <port|all>  Stop dev server(s)
@@ -68,11 +68,15 @@ Dev options:
   --json        Output JSON (implies --daemon)
   --no-open     Don't open browser
 
-Build/bundle options:
+Build options:
   --out <dir>   Output directory [env: KITFLY_BUILD_OUT] (default: dist)
-  --name <file> Bundle filename (default: bundle.html)
   --no-raw      Don't include raw markdown
 
+Bundle options:
+  --out <dir>   Output directory [env: KITFLY_BUNDLE_OUT] (default: bundles)
+  --name <file> Bundle filename (default: bundle.html)
+  --no-raw      Don't include raw markdown [env: KITFLY_BUNDLE_RAW]
+
 Stop options:
   --force       Skip graceful shutdown, kill immediately
 
@@ -84,6 +88,7 @@ Examples:
   kitfly stop 4000
   kitfly stop all
   kitfly build ./docs --out ./public
+  kitfly bundle ./docs --out ./bundles --name docs.html
   kitfly init my-handbook
 
 Documentation: https://kitfly.app
@@ -647,6 +652,12 @@ describe("command argument defaults", () => {
 		const name = (flags.name as string) || "bundle.html";
 		expect(name).toBe("bundle.html");
 	});
+
+	it("bundle defaults out to bundles", () => {
+		const { flags } = routeCommand(["bundle"]);
+		const out = (flags.out as string) || "bundles";
+		expect(out).toBe("bundles");
+	});
 });
 
 describe("daemon mode detection", () => {

package/src/__tests__/fixtures/fences/slides-visuals/invalid/bad-list-indent.md

@@ -0,0 +1,5 @@
+:::stat-grid
+metrics:
+- label: Users
+  value: 1,234
+:::

package/src/__tests__/fixtures/fences/slides-visuals/invalid/blank-line.md

@@ -0,0 +1,5 @@
+:::kpi
+label: A
+
+value: B
+:::

package/src/__tests__/fixtures/fences/slides-visuals/invalid/compare-object-items.md

@@ -0,0 +1,9 @@
+:::compare
+left-title: "Build"
+right-title: "Buy"
+left:
+  - label: "Control"
+    value: "High"
+right:
+  - "Fast to ship"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/invalid/indented-fence.md

@@ -0,0 +1,4 @@
+  :::kpi
+label: A
+value: B
+:::

package/src/__tests__/fixtures/fences/slides-visuals/invalid/stat-grid-missing-fields.md

@@ -0,0 +1,5 @@
+:::stat-grid
+metrics:
+  - label: "Users"
+  - label: "Revenue"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/invalid/unknown-type.md

@@ -0,0 +1,3 @@
+:::mystery
+key: value
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/compare.md

@@ -0,0 +1,10 @@
+:::compare
+left-title: "Pros"
+right-title: "Cons"
+left:
+  - "Fast"
+  - "Simple"
+right:
+  - "Limited"
+  - "Opinionated"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/comparison-table.md

@@ -0,0 +1,14 @@
+:::comparison-table
+headers:
+  - Feature
+  - Us
+  - Competitor A
+  - Competitor B
+rows:
+  - ["Real-time sync", "Yes", "Yes", "No"]
+  - ["Offline mode", "Yes", "No", "Yes"]
+  - ["Plugin system", "Yes (v0.2.0)", "No", "Limited"]
+  - ["Self-hosted option", "Yes", "No", "No"]
+  - ["AI generation", "Yes", "Beta", "No"]
+  - ["Price (team/mo)", "$49", "$79", "$39"]
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/funnel.md

@@ -0,0 +1,7 @@
+:::funnel
+stages:
+  - "Leads (1,200)"
+  - "Qualified (420)"
+  - "Proposals (120)"
+  - "Closed (47)"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/kpi.md

@@ -0,0 +1,5 @@
+:::kpi
+label: "Deals Closed"
+value: "$8.1M"
+trend: "+12%"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/layer-cake.md

@@ -0,0 +1,6 @@
+:::layer-cake
+layers:
+  - "Product"
+  - "Platform"
+  - "Infrastructure"
+:::

package/src/__tests__/fixtures/fences/slides-visuals/valid/pyramid.md

@@ -0,0 +1,6 @@
+:::pyramid
+levels:
+  - "Vision"
+  - "Strategy"
+  - "Execution"
+:::