@kadal/deck 0.0.0-stage → 0.1.0

package/dist/themes/minimal.css

@@ -0,0 +1,83 @@
+/* minimal — the default: black on white, a wide sans serif, one accent, nothing else asking for
+   attention. Dark mode inverts. Fonts are system by default; set `fonts` in the headmatter to
+   load a Google family and point --deck-body-font at it. */
+.theme-minimal {
+  --deck-bg: #ffffff;
+  --deck-fg: #0a0a0a;
+  --deck-muted: #737373;
+  --deck-accent: #0a0a0a;
+  --deck-accent-2: #525252;
+  --deck-surface: #f5f5f5;
+  --deck-border: #e5e5e5;
+  --deck-code-bg: #fafafa;
+  --deck-code-fg: #171717;
+  --deck-code-active: rgba(10, 10, 10, 0.07);
+  --deck-radius: 10px;
+  --deck-pad: 96px;
+  --deck-base-size: 36px;
+  --deck-heading-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --deck-body-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --deck-mono-font: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
+}
+.theme-minimal[data-color-scheme="dark"] {
+  --deck-bg: #0a0a0a;
+  --deck-fg: #fafafa;
+  --deck-muted: #a3a3a3;
+  --deck-accent: #fafafa;
+  --deck-accent-2: #a3a3a3;
+  --deck-surface: #171717;
+  --deck-border: #262626;
+  --deck-code-bg: #111111;
+  --deck-code-fg: #e5e5e5;
+  --deck-code-active: rgba(250, 250, 250, 0.1);
+}
+.theme-minimal .deck-slide h1 {
+  font-size: 3.2em;
+  font-weight: 600;
+  letter-spacing: -0.035em;
+}
+.theme-minimal .deck-slide h2 {
+  font-size: 2.1em;
+  font-weight: 600;
+  letter-spacing: -0.03em;
+}
+.theme-minimal .deck-layout-cover h1,
+.theme-minimal .deck-layout-intro h1 {
+  font-size: 3.8em;
+}
+.theme-minimal .deck-layout-cover p,
+.theme-minimal .deck-layout-intro p,
+.theme-minimal .deck-layout-section p {
+  color: var(--deck-muted);
+}
+.theme-minimal .deck-layout-section {
+  align-items: flex-start;
+}
+.theme-minimal .deck-layout-section h1,
+.theme-minimal .deck-layout-section h2 {
+  font-size: 3.4em;
+  max-width: 14ch;
+}
+.theme-minimal .deck-layout-section::before {
+  content: "";
+  display: block;
+  width: 2.5em;
+  height: 6px;
+  background: var(--deck-fg);
+  margin-bottom: 1em;
+}
+.theme-minimal .deck-slide a {
+  color: inherit;
+  text-decoration-color: var(--deck-muted);
+}
+.theme-minimal .deck-slide blockquote {
+  border-inline-start-color: var(--deck-fg);
+  background: transparent;
+  font-style: italic;
+}
+.theme-minimal .deck-progress span {
+  background: var(--deck-fg);
+}
+.theme-minimal .deck-controls {
+  --deck-controls-color: var(--deck-fg);
+}

package/dist/themes/rla.css

@@ -0,0 +1,92 @@
+/* rla — the semester-2 look: zinc-950 with a blue→violet ramp, dot-matrix headings (Bitcount
+   Grid Double), a dyslexia-friendly body face, Fira Code for code, and the animated backgrounds
+   from the backgrounds module (`background: sparkles` / `lines` / `mesh` in frontmatter). */
+@import url("https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@400;700&family=Bitcount+Grid+Single&family=Fira+Code:wght@400;500;600&family=Atkinson+Hyperlegible:wght@400;700&display=swap");
+
+.theme-rla {
+  --deck-bg: #09090b;
+  --deck-fg: #fafafa;
+  --deck-muted: #a1a1aa;
+  --deck-accent: #3b82f6;
+  --deck-accent-2: #8b5cf6;
+  --deck-surface: rgba(255, 255, 255, 0.05);
+  --deck-border: rgba(255, 255, 255, 0.12);
+  --deck-code-bg: #111114;
+  --deck-code-fg: #e4e4e7;
+  --deck-code-active: rgba(59, 130, 246, 0.18);
+  --deck-radius: 14px;
+  --deck-pad: 72px;
+  --deck-base-size: 34px;
+  --deck-heading-font: "Bitcount Grid Double", "Pixelify Sans", system-ui, sans-serif;
+  --deck-body-font: "Atkinson Hyperlegible", "OpenDyslexic", system-ui, sans-serif;
+  --deck-mono-font: "Fira Code", ui-monospace, monospace;
+  color-scheme: dark;
+}
+.theme-rla[data-color-scheme="light"] {
+  --deck-bg: #f4f4f5;
+  --deck-fg: #09090b;
+  --deck-muted: #52525b;
+  --deck-surface: rgba(0, 0, 0, 0.05);
+  --deck-border: rgba(0, 0, 0, 0.12);
+  --deck-code-bg: #ffffff;
+  --deck-code-fg: #18181b;
+}
+.theme-rla .deck-slide h1,
+.theme-rla .deck-slide h2 {
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  line-height: 1.05;
+}
+.theme-rla .deck-slide h1 {
+  font-size: 2.9em;
+}
+.theme-rla .deck-slide h3,
+.theme-rla .deck-slide h4 {
+  font-family: "Bitcount Grid Single", var(--deck-heading-font);
+  font-weight: 400;
+}
+.theme-rla .gradient-text,
+.theme-rla .deck-layout-cover h1 {
+  background: linear-gradient(90deg, #60a5fa, #a78bfa);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.theme-rla .deck-layout-cover h1 + p,
+.theme-rla .deck-layout-cover h1 + h3 {
+  color: #60a5fa;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-size: 0.8em;
+}
+.theme-rla .deck-slide blockquote {
+  border-inline-start-color: var(--deck-accent-2);
+}
+.theme-rla .deck-progress span {
+  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
+}
+.theme-rla .deck-controls {
+  --deck-controls-color: #3b82f6;
+}
+.theme-rla .deck-poll,
+.theme-rla .deck-quiz,
+.theme-rla .deck-callout {
+  backdrop-filter: blur(10px);
+}
+/* the RLA card: a bordered glassy panel with a small uppercase tag */
+.theme-rla .card {
+  border: 1px solid var(--deck-border);
+  border-radius: var(--deck-radius);
+  background: rgba(24, 24, 27, 0.6);
+  padding: 0.6em 0.9em;
+  backdrop-filter: blur(8px);
+}
+.theme-rla .tag {
+  font: 0.45em var(--deck-mono-font);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: #60a5fa;
+  border: 1px solid rgba(96, 165, 250, 0.4);
+  border-radius: 6px;
+  padding: 0.2em 0.6em;
+}

package/dist/themes/sketch.css

@@ -0,0 +1,121 @@
+/* ─────────────────────────────────────────────────────────────────────────────
+   @kadal/deck — sketch: Excalidraw drawings on slides, their click tour and the canvas.
+   Loaded by base.css.
+   ───────────────────────────────────────────────────────────────────────────── */
+.deck-sketch {
+  position: relative;
+  margin: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.35em;
+}
+.deck-sketch-body {
+  width: 100%;
+  line-height: 0;
+  text-align: center;
+}
+/* Width follows the column; a height limit shrinks the width with it (no letterboxing). */
+.deck-sketch-body svg {
+  width: min(100%, calc(var(--sk-max-h, 100000px) * var(--sk-ratio, 1)));
+  height: auto;
+  overflow: visible;
+}
+.deck-sketch .sk-el {
+  transition:
+    opacity 0.45s ease,
+    filter 0.45s ease;
+}
+.deck-sketch .sk-el.is-dim {
+  opacity: 0.12;
+  filter: saturate(0.2);
+}
+.deck-sketch-caption {
+  font-size: 0.6em;
+  line-height: 1.35;
+  color: var(--deck-muted);
+  text-align: center;
+  max-width: 60ch;
+  animation: deck-sketch-caption 0.4s ease both;
+}
+.deck-sketch-caption strong {
+  color: var(--deck-fg);
+}
+@keyframes deck-sketch-caption {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+.deck-sketch-loading,
+.deck-sketch-missing {
+  font-size: 0.6em;
+  color: var(--deck-muted);
+  padding: 1.5em;
+}
+.deck-sketch-error {
+  font-size: 0.5em;
+  color: var(--tone-bad);
+  white-space: pre-wrap;
+  text-align: left;
+}
+.deck-sketch-open {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1.5em;
+  height: 1.5em;
+  display: grid;
+  place-items: center;
+  border-radius: 999px;
+  border: 1px solid var(--deck-border);
+  background: color-mix(in oklab, var(--deck-bg) 80%, transparent);
+  color: var(--deck-muted);
+  backdrop-filter: blur(6px);
+  cursor: pointer;
+  opacity: 0;
+  transition:
+    opacity 0.2s ease,
+    color 0.2s ease;
+  font-size: 0.7em;
+}
+.deck-sketch:hover .deck-sketch-open,
+.deck-sketch.hints-on .deck-sketch-open,
+.deck-sketch-open:focus-visible {
+  opacity: 1;
+}
+.deck-sketch-open:hover {
+  color: var(--deck-accent);
+}
+
+/* The canvas in the lightbox. */
+.deck-lightbox-media[data-fit="sketch"] > * {
+  width: 100%;
+  height: 100%;
+}
+.deck-sketch-canvas {
+  width: 100%;
+  height: 100%;
+  border-radius: 12px;
+  overflow: hidden;
+  background: var(--deck-bg);
+}
+.deck-sketch-canvas .excalidraw {
+  --color-primary: var(--deck-accent);
+  --color-primary-darker: var(--deck-accent);
+  --color-primary-darkest: var(--deck-accent);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .deck-sketch .sk-el {
+    transition: none;
+  }
+  .deck-sketch-caption {
+    animation: none;
+  }
+}

package/dist/themes/stack.css

@@ -0,0 +1,62 @@
+/* stack — the monorepo's brand: an emerald accent on warm neutrals, Inter, and the same tokens
+   the portals use, so a deck about the platform looks like the platform. */
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");
+
+.theme-stack {
+  --deck-bg: #fbfbf9;
+  --deck-fg: #14171a;
+  --deck-muted: #6b7280;
+  --deck-accent: #059669;
+  --deck-accent-2: #0d9488;
+  --deck-surface: #f1f2ee;
+  --deck-border: #e2e4dd;
+  --deck-code-bg: #f3f4f0;
+  --deck-code-fg: #1f2937;
+  --deck-code-active: rgba(5, 150, 105, 0.14);
+  --deck-radius: 12px;
+  --deck-pad: 88px;
+  --deck-base-size: 34px;
+  --deck-heading-font: "Inter", system-ui, sans-serif;
+  --deck-body-font: "Inter", system-ui, sans-serif;
+  --deck-mono-font: "JetBrains Mono", ui-monospace, monospace;
+}
+.theme-stack[data-color-scheme="dark"] {
+  --deck-bg: #0f1412;
+  --deck-fg: #f3f4f1;
+  --deck-muted: #9aa39e;
+  --deck-accent: #34d399;
+  --deck-accent-2: #2dd4bf;
+  --deck-surface: #1a2320;
+  --deck-border: #26332e;
+  --deck-code-bg: #141b18;
+  --deck-code-fg: #e5e7e2;
+  --deck-code-active: rgba(52, 211, 153, 0.16);
+}
+.theme-stack .deck-slide h1 {
+  font-weight: 800;
+  letter-spacing: -0.035em;
+}
+.theme-stack .deck-slide h2 {
+  font-weight: 700;
+  letter-spacing: -0.03em;
+}
+.theme-stack .deck-layout-section::before,
+.theme-stack .deck-layout-cover::before {
+  content: "";
+  display: block;
+  width: 3em;
+  height: 0.35em;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--deck-accent), var(--deck-accent-2));
+  margin-bottom: 0.8em;
+}
+.theme-stack .deck-layout-cover {
+  align-items: flex-start;
+}
+.theme-stack .deck-slide a {
+  color: var(--deck-accent);
+}
+.theme-stack .deck-badge.tone-accent {
+  background: color-mix(in oklab, var(--deck-accent) 15%, transparent);
+  border-color: transparent;
+}

package/dist/vite/index.d.ts

@@ -0,0 +1,15 @@
+import { Plugin } from "vite";
+//#region src/vite/index.d.ts
+export interface DeckPluginOptions {
+  /** The deck file, relative to the Vite root. Default `deck.mdx`. */
+  entry?: string;
+  /** Shiki themes. Defaults suit the neutral theme; the deck's theme CSS can override the colours. */
+  shiki?: {
+    light?: string;
+    dark?: string;
+    langs?: string[];
+  };
+}
+export declare function deck(options?: DeckPluginOptions): Plugin;
+//#endregion
+export { deck as default };

package/dist/vite/index.js

@@ -0,0 +1,320 @@
+import { DEFAULT_GLOSSARY, buildMatcher, glossaryOptions } from "../glossary/model.js";
+import { parseCodeMeta, serialiseSteps } from "../compiler/code-meta.js";
+import { levelOf, splitDeck, titleOf } from "../compiler/split.js";
+import { findMagicMoves } from "../compiler/magic-move.js";
+import { rehypeDeckCode } from "../compiler/rehype-code.js";
+import { rehypeGlossary } from "../compiler/rehype-glossary.js";
+import { parseGlossary } from "../glossary/parse.js";
+import { applySlots } from "../compiler/slots.js";
+import { plainText } from "../compiler/plain-text.js";
+import { renderToString } from "katex";
+import { compile } from "@mdx-js/mdx";
+import { cpSync, createReadStream, existsSync, readFileSync, statSync } from "node:fs";
+import { createRequire } from "node:module";
+import { dirname, join, resolve } from "node:path";
+import rehypeKatex from "rehype-katex";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import { createHighlighter } from "shiki";
+import { codeToKeyedTokens } from "shiki-magic-move/core";
+//#region src/vite/index.ts
+/**
+* ─────────────────────────────────────────────────────────────────────────────
+* THE VITE PLUGIN: deck.mdx → modules
+* ─────────────────────────────────────────────────────────────────────────────
+*
+* `import deck from "virtual:deck"` gives a deck its slides. The plugin reads `deck.mdx`, cuts it
+* into slides (`compiler/split.ts`), lifts the magic-move blocks, and compiles each slide's MDX
+* and each slide's notes to their own module — so a change to one slide re-evaluates one module,
+* code is highlighted once at build time, and the browser never loads a Markdown parser.
+*
+* Module ids:
+*   virtual:deck             the manifest: config, slides (with lazy components), the glossary
+*   virtual:deck/slide/N     slide N's compiled MDX (default export: the component)
+*   virtual:deck/notes/N     slide N's notes, compiled MDX (default export)
+*   virtual:deck/magic/N     slide N's precomputed magic-move steps
+*
+* A `glossary.yaml` beside the deck file (or the headmatter's `glossary:` path) is read here too:
+* every slide's key terms are linked to it as the slide compiles (`compiler/rehype-glossary.ts`),
+* and its entries ride in the manifest for the cards the runtime shows.
+*
+* It also self-hosts Excalidraw's fonts for `<Sketch>`: `<base>excalidraw/fonts/…` is served
+* from the package in dev and copied into `dist/excalidraw/fonts` on build (all families but the
+* 12 MB CJK one), so a sketch never reaches for a CDN.
+* ─────────────────────────────────────────────────────────────────────────────
+*/
+/** `node_modules/@excalidraw/excalidraw/dist/prod`, or null when the package is not installed. */
+function excalidrawDist() {
+	try {
+		return dirname(createRequire(import.meta.url).resolve("@excalidraw/excalidraw"));
+	} catch {
+		return null;
+	}
+}
+const SKIP_FONTS = /* @__PURE__ */ new Set(["Xiaolai"]);
+/** Build-time KaTeX for the maths in a definition; the browser gets finished HTML. */
+const renderMath = (tex) => renderToString(tex, { throwOnError: false });
+const VIRTUAL = "virtual:deck";
+const RESOLVED = "\0virtual:deck";
+const DEFAULT_LANGS = [
+	"ts",
+	"tsx",
+	"js",
+	"jsx",
+	"json",
+	"bash",
+	"sh",
+	"python",
+	"rust",
+	"go",
+	"html",
+	"css",
+	"md",
+	"yaml",
+	"sql",
+	"toml",
+	"diff",
+	"c",
+	"cpp",
+	"java",
+	"kotlin",
+	"swift",
+	"text"
+];
+function deck(options = {}) {
+	const entry = options.entry ?? "deck.mdx";
+	const themes = {
+		light: options.shiki?.light ?? "github-light",
+		dark: options.shiki?.dark ?? "github-dark"
+	};
+	let root = process.cwd();
+	let entryPath = "";
+	let base = "/";
+	let outDir = "dist";
+	let building = false;
+	let highlighter = null;
+	let server = null;
+	let manifest = null;
+	const included = /* @__PURE__ */ new Set();
+	/** The glossary file the last build read (or looked for), watched like an included file. */
+	let glossaryFile = null;
+	const getHighlighter = async () => {
+		highlighter ??= await createHighlighter({
+			themes: [themes.light, themes.dark],
+			langs: options.shiki?.langs ?? DEFAULT_LANGS
+		});
+		return highlighter;
+	};
+	function build() {
+		included.clear();
+		const text = readFileSync(entryPath, "utf8");
+		const split = splitDeck(text, {
+			file: entryPath,
+			resolveInclude: (path, from) => {
+				const file = resolve(dirname(from), path);
+				if (!existsSync(file)) return null;
+				included.add(file);
+				return {
+					file,
+					text: readFileSync(file, "utf8")
+				};
+			}
+		});
+		const slides = split.slides.map((s) => {
+			const { text: content, blocks } = findMagicMoves(applySlots(s.content));
+			return {
+				...s,
+				content,
+				magic: blocks
+			};
+		});
+		return {
+			headmatter: split.headmatter,
+			slides,
+			glossary: readGlossary(split.headmatter)
+		};
+	}
+	function readGlossary(headmatter) {
+		const opts = glossaryOptions(headmatter.glossary);
+		let entries = [];
+		glossaryFile = opts.src ? resolve(dirname(entryPath), opts.src) : null;
+		if (glossaryFile && existsSync(glossaryFile)) {
+			const parsed = parseGlossary(readFileSync(glossaryFile, "utf8"), glossaryFile, renderMath);
+			entries = parsed.entries;
+			for (const w of parsed.warnings) console.warn(`[deck] glossary: ${w}`);
+			server?.watcher.add(glossaryFile);
+		} else if (glossaryFile && opts.src !== DEFAULT_GLOSSARY.src) console.warn(`[deck] glossary: ${glossaryFile} does not exist`);
+		return {
+			options: opts,
+			entries,
+			matcher: buildMatcher(entries)
+		};
+	}
+	const ensure = () => {
+		manifest ??= build();
+		return manifest;
+	};
+	const invalidate = () => {
+		manifest = null;
+		if (!server) return;
+		const mods = [...server.moduleGraph.idToModuleMap.keys()].filter((id) => id.startsWith(RESOLVED));
+		for (const id of mods) {
+			const mod = server.moduleGraph.getModuleById(id);
+			if (mod) server.moduleGraph.invalidateModule(mod);
+		}
+		server.ws.send({ type: "full-reload" });
+	};
+	/** `terms` is the slide's own frontmatter switch; null compiles without the glossary (notes). */
+	async function compileMdx(source, file, terms = null) {
+		const hl = await getHighlighter();
+		const { options: g, matcher } = ensure().glossary;
+		const skipTerms = terms && typeof terms === "object" && Array.isArray(terms.skip) ? terms.skip : [];
+		const glossaryPass = terms === null ? [] : [[rehypeGlossary, {
+			matcher,
+			auto: terms !== false,
+			repeat: g.repeat,
+			headings: g.headings,
+			skip: g.skip,
+			exclude: new Set(skipTerms.map((t) => matcher.resolve(String(t))?.id).filter((id) => !!id)),
+			math: renderMath,
+			warn: (message) => console.warn(`[deck] ${file}: ${message}`)
+		}]];
+		const out = await compile(source, {
+			jsx: false,
+			jsxImportSource: "react",
+			development: false,
+			remarkPlugins: [remarkGfm, remarkMath],
+			rehypePlugins: [
+				rehypeKatex,
+				[rehypeDeckCode, {
+					highlighter: hl,
+					themes
+				}],
+				...glossaryPass
+			],
+			providerImportSource: "@kadal/deck/mdx-provider",
+			format: "mdx"
+		});
+		return `// ${file}\n${String(out)}`;
+	}
+	return {
+		name: "stack:deck",
+		enforce: "pre",
+		configResolved(config) {
+			root = config.root;
+			entryPath = resolve(root, entry);
+			base = config.base.endsWith("/") ? config.base : `${config.base}/`;
+			outDir = resolve(root, config.build.outDir);
+			building = config.command === "build";
+		},
+		configureServer(s) {
+			server = s;
+			const dist = excalidrawDist();
+			s.middlewares.use((req, res, next) => {
+				const url = (req.url ?? "").split("?")[0];
+				const prefix = [`${base}excalidraw/fonts/`, "/excalidraw/fonts/"].find((p) => url.startsWith(p));
+				if (!dist || !prefix) return next();
+				const rel = decodeURIComponent(url.slice(prefix.length));
+				const file = join(dist, "fonts", rel);
+				if (rel.includes("..") || !existsSync(file) || !statSync(file).isFile()) {
+					res.statusCode = 404;
+					res.end();
+					return;
+				}
+				res.setHeader("Content-Type", "font/woff2");
+				res.setHeader("Cache-Control", "public, max-age=31536000, immutable");
+				res.setHeader("Access-Control-Allow-Origin", "*");
+				createReadStream(file).pipe(res);
+			});
+			s.watcher.add(entryPath);
+			s.watcher.add(resolve(dirname(entryPath), DEFAULT_GLOSSARY.src));
+			const changed = (file) => {
+				if (file === entryPath || included.has(file) || file === glossaryFile) invalidate();
+			};
+			s.watcher.on("change", changed);
+			s.watcher.on("add", changed);
+			s.watcher.on("unlink", changed);
+		},
+		writeBundle() {
+			if (!building) return;
+			const dist = excalidrawDist();
+			if (!dist) return;
+			cpSync(join(dist, "fonts"), join(outDir, "excalidraw", "fonts"), {
+				recursive: true,
+				filter: (src) => !SKIP_FONTS.has(src.split("/").pop() ?? "")
+			});
+		},
+		resolveId(id) {
+			if (id === VIRTUAL || id.startsWith(`${VIRTUAL}/`)) return `\0${id}`;
+			if (id === "@kadal/deck/mdx-provider") return id;
+			return null;
+		},
+		async load(id) {
+			if (id === "@kadal/deck/mdx-provider") return `export { useMDXComponents } from "@kadal/deck";`;
+			if (!id.startsWith(RESOLVED)) return null;
+			const m = ensure();
+			if (id === RESOLVED) {
+				const entries = m.slides.map((s, i) => {
+					const title = titleOf(s);
+					return `  {
+    index: ${i},
+    h: ${s.h},
+    v: ${s.v},
+    id: ${JSON.stringify(typeof s.frontmatter.id === "string" ? s.frontmatter.id : `s${i}`)},
+    title: ${JSON.stringify(title)},
+    level: ${levelOf(s)},
+    frontmatter: ${JSON.stringify(s.frontmatter)},
+    hasNotes: ${s.notes ? "true" : "false"},
+    text: ${JSON.stringify(plainText(s.content))},
+    source: ${JSON.stringify(s.source)},
+    load: () => import("${VIRTUAL}/slide/${i}"),
+    loadNotes: ${s.notes ? `() => import("${VIRTUAL}/notes/${i}")` : "null"},
+    loadMagic: ${s.magic.length ? `() => import("${VIRTUAL}/magic/${i}")` : "null"},
+  }`;
+				});
+				return `export const headmatter = ${JSON.stringify(m.headmatter)};
+export const slides = [
+${entries.join(",\n")}
+];
+export const glossary = ${JSON.stringify(m.glossary.entries)};
+export default { headmatter, slides, glossary };
+`;
+			}
+			if (!id.startsWith("\0virtual:deck/")) return null;
+			const slide = /^(slide|notes|magic)\/(\d+)$/.exec(id.slice(14));
+			if (!slide) return null;
+			const kind = slide[1];
+			const s = m.slides[Number(slide[2])];
+			if (!s) return `export default () => null;`;
+			if (kind === "slide") return compileMdx(s.content, `${s.source.file}:${s.source.line}`, s.frontmatter.terms === void 0 ? true : s.frontmatter.terms);
+			if (kind === "notes") return compileMdx(s.notes ?? "", `${s.source.file}:${s.source.line} (notes)`);
+			const hl = await getHighlighter();
+			const blocks = s.magic.map((block) => ({
+				options: block.options,
+				title: block.title,
+				steps: block.steps.map((step) => {
+					const lang = hl.getLoadedLanguages().includes(step.lang) ? step.lang : "text";
+					const meta = parseCodeMeta(step.meta);
+					return {
+						lang: step.lang,
+						lines: meta.lines,
+						highlight: meta.steps ? serialiseSteps(meta.steps) : null,
+						tokens: {
+							light: codeToKeyedTokens(hl, step.code, {
+								lang,
+								theme: themes.light
+							}),
+							dark: codeToKeyedTokens(hl, step.code, {
+								lang,
+								theme: themes.dark
+							})
+						}
+					};
+				})
+			}));
+			return `export default ${JSON.stringify(blocks)};`;
+		}
+	};
+}
+//#endregion
+export { deck, deck as default };