@open-slide/core 1.2.0 → 1.3.0

package/dist/{build-6BeQ3cxb.js → build-_276DMmJ.js}

@@ -1,5 +1,5 @@
-import "./design-C13iz9_4.js";
-import { createViteConfig } from "./config-AxZ5OE1u.js";
+import "./design-cpzS8aud.js";
+import { createViteConfig } from "./config-BAwKWNtW.js";
 import path from "node:path";
 import { build as build$1, mergeConfig } from "vite";
 

package/dist/cli/bin.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { detectSkillsDrift, syncSkills } from "../sync-3oqN1WyK.js";
+import { detectSkillsDrift, syncSkills } from "../sync-BCJDRIqo.js";
 import chalk from "chalk";
 import { readFile } from "node:fs/promises";
 import path from "node:path";
@@ -57,19 +57,19 @@ async function run(argv) {
 	program.name("open-slide").description("Author slides — we handle the Vite/React stack.").version(version, "-v, --version", "print version").helpOption("-h, --help", "show help").showHelpAfterError(chalk.dim("(run `open-slide --help` for usage)"));
 	program.command("dev").description("Start the dev server").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").option("--no-skills-check", "skip the built-in skills drift check").action(async (flags) => {
 		if (flags.skillsCheck !== false) await runSkillsDriftCheck(resolveBuiltinSkillsDir());
-		const { dev } = await import("../dev-C9eLmUEq.js");
+		const { dev } = await import("../dev-BoqeVXVq.js");
 		await dev(flags);
 	});
 	program.command("build").description("Build a static site").option("--out-dir <dir>", "output directory (defaults to `dist`)").action(async (flags) => {
-		const { build } = await import("../build-6BeQ3cxb.js");
+		const { build } = await import("../build-_276DMmJ.js");
 		await build(flags);
 	});
 	program.command("preview").description("Preview the production build").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").action(async (flags) => {
-		const { preview } = await import("../preview-Cunm-f4i.js");
+		const { preview } = await import("../preview-BLPxspc9.js");
 		await preview(flags);
 	});
 	program.command("sync:skills").description("Sync built-in skills from @open-slide/core into this workspace").option("--dry-run", "show what would change without writing").action(async (flags) => {
-		const { syncSkills: syncSkills$1 } = await import("../sync-B4eLo2H6.js");
+		const { syncSkills: syncSkills$1 } = await import("../sync-j9_QPovT.js");
 		await syncSkills$1(resolveBuiltinSkillsDir(), flags);
 	});
 	await program.parseAsync(argv, { from: "user" });

package/dist/{config-AxZ5OE1u.js → config-BAwKWNtW.js}

@@ -1,4 +1,4 @@
-import { defaultDesign } from "./design-C13iz9_4.js";
+import { defaultDesign } from "./design-cpzS8aud.js";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -12,7 +12,7 @@ import * as t$1 from "@babel/types";
 import * as t from "@babel/types";
 import { isJSXElement, isJSXFragment } from "@babel/types";
 import fg from "fast-glob";
-import { loadConfigFromFile } from "vite";
+import { loadConfigFromFile, normalizePath } from "vite";
 
 //#region src/vite/babel-walk.ts
 const SKIP_KEYS = new Set([
@@ -2505,7 +2505,7 @@ async function readFoldersManifest(file) {
 		throw err;
 	}
 }
-function resolved(id) {
+function resolved$1(id) {
 	return `\0${id}`;
 }
 async function findSlides(userCwd, slidesDir) {
@@ -2522,19 +2522,59 @@ function toId(absFile, slidesRoot) {
 	const rel = path.relative(slidesRoot, absFile);
 	return rel.split(path.sep)[0];
 }
-function generateSlidesModule(files, slidesRoot, isDev) {
-	const entries = files.map((abs) => {
+const META_THEME_RE = /(?:^|[\s,{])theme\s*:\s*['"]([^'"]+)['"]/;
+function extractMetaTheme(src) {
+	const metaStart = src.search(/export\s+const\s+meta\b/);
+	if (metaStart === -1) return null;
+	const eqIdx = src.indexOf("=", metaStart);
+	if (eqIdx === -1) return null;
+	const openBrace = src.indexOf("{", eqIdx);
+	if (openBrace === -1) return null;
+	let depth = 0;
+	let closeBrace = -1;
+	for (let i = openBrace; i < src.length; i++) {
+		const ch = src[i];
+		if (ch === "{") depth++;
+		else if (ch === "}") {
+			depth--;
+			if (depth === 0) {
+				closeBrace = i;
+				break;
+			}
+		}
+	}
+	if (closeBrace === -1) return null;
+	const body = src.slice(openBrace + 1, closeBrace);
+	const m = body.match(META_THEME_RE);
+	return m ? m[1] : null;
+}
+async function readSlideTheme(abs) {
+	try {
+		const src = await fs.readFile(abs, "utf8");
+		return extractMetaTheme(src);
+	} catch {
+		return null;
+	}
+}
+async function generateSlidesModule(files, slidesRoot, isDev) {
+	const entries = await Promise.all(files.map(async (abs) => {
 		const id = toId(abs, slidesRoot);
 		const importPath = isDev ? `/@fs/${abs.replace(/^\/+/, "")}` : abs;
+		const theme = await readSlideTheme(abs);
 		return {
 			id,
-			importPath
+			importPath,
+			theme
 		};
-	});
+	}));
 	const ids = JSON.stringify(entries.map((e) => e.id).sort());
+	const themesMap = {};
+	for (const e of entries) if (e.theme) themesMap[e.id] = e.theme;
+	const themesJson = JSON.stringify(themesMap);
 	const cases = entries.map((e) => `    case ${JSON.stringify(e.id)}: return import(${JSON.stringify(e.importPath)});`).join("\n");
 	return `// virtual:open-slide/slides — generated
 export const slideIds = ${ids};
+export const slideThemes = ${themesJson};
 
 export async function loadSlide(id) {
   switch (id) {
@@ -2557,17 +2597,17 @@ function openSlidePlugin(opts) {
 			return { server: { fs: { allow: [userCwd] } } };
 		},
 		resolveId(id) {
-			if (id === SLIDES_VMOD) return resolved(SLIDES_VMOD);
-			if (id === CONFIG_VMOD) return resolved(CONFIG_VMOD);
-			if (id === FOLDERS_VMOD) return resolved(FOLDERS_VMOD);
+			if (id === SLIDES_VMOD) return resolved$1(SLIDES_VMOD);
+			if (id === CONFIG_VMOD) return resolved$1(CONFIG_VMOD);
+			if (id === FOLDERS_VMOD) return resolved$1(FOLDERS_VMOD);
 			return null;
 		},
 		async load(id) {
-			if (id === resolved(SLIDES_VMOD)) {
+			if (id === resolved$1(SLIDES_VMOD)) {
 				const files = await findSlides(userCwd, slidesDir);
-				return generateSlidesModule(files, slidesRoot, isDev);
+				return await generateSlidesModule(files, slidesRoot, isDev);
 			}
-			if (id === resolved(CONFIG_VMOD)) {
+			if (id === resolved$1(CONFIG_VMOD)) {
 				const userBuild = config.build ?? {};
 				const buildResolved = isDev ? {
 					showSlideBrowser: true,
@@ -2584,7 +2624,7 @@ function openSlidePlugin(opts) {
 				};
 				return `export default ${JSON.stringify(resolvedConfig)};\n`;
 			}
-			if (id === resolved(FOLDERS_VMOD)) {
+			if (id === resolved$1(FOLDERS_VMOD)) {
 				const manifest = await readFoldersManifest(foldersManifestPath);
 				return `export default ${JSON.stringify(manifest)};\n`;
 			}
@@ -2603,24 +2643,36 @@ function openSlidePlugin(opts) {
 				if (reloadTimer) clearTimeout(reloadTimer);
 				reloadTimer = setTimeout(() => {
 					reloadTimer = null;
-					const mod = server.moduleGraph.getModuleById(resolved(SLIDES_VMOD));
+					const mod = server.moduleGraph.getModuleById(resolved$1(SLIDES_VMOD));
 					if (mod) server.moduleGraph.invalidateModule(mod);
 					server.ws.send({ type: "full-reload" });
 				}, 150);
 			};
-			server.watcher.add(path.join(slidesRoot, "*/index.{tsx,jsx,ts,js}"));
+			if (existsSync(slidesRoot)) server.watcher.add(slidesRoot);
 			server.watcher.on("add", (p) => {
 				if (isSlideEntry(p)) reload();
 			});
 			server.watcher.on("unlink", (p) => {
 				if (isSlideEntry(p)) reload();
 			});
+			let slideThemeTimer = null;
+			const invalidateSlidesVmod = () => {
+				if (slideThemeTimer) clearTimeout(slideThemeTimer);
+				slideThemeTimer = setTimeout(() => {
+					slideThemeTimer = null;
+					const mod = server.moduleGraph.getModuleById(resolved$1(SLIDES_VMOD));
+					if (mod) server.moduleGraph.invalidateModule(mod);
+				}, 100);
+			};
+			server.watcher.on("change", (p) => {
+				if (isSlideEntry(p)) invalidateSlidesVmod();
+			});
 			let foldersTimer = null;
 			const invalidateFolders = () => {
 				if (foldersTimer) clearTimeout(foldersTimer);
 				foldersTimer = setTimeout(() => {
 					foldersTimer = null;
-					const mod = server.moduleGraph.getModuleById(resolved(FOLDERS_VMOD));
+					const mod = server.moduleGraph.getModuleById(resolved$1(FOLDERS_VMOD));
 					if (mod) server.moduleGraph.invalidateModule(mod);
 				}, 100);
 			};
@@ -2647,6 +2699,144 @@ async function loadUserConfig(userCwd) {
 	return loaded?.config ?? {};
 }
 
+//#endregion
+//#region src/vite/themes-plugin.ts
+const THEMES_VMOD = "virtual:open-slide/themes";
+function resolved(id) {
+	return `\0${id}`;
+}
+const FM_RE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;
+function parseFrontmatter(raw, themeId) {
+	const match = raw.match(FM_RE);
+	const fmText = match ? match[1] : "";
+	const body = match ? match[2] : raw;
+	const data = {};
+	for (const line of fmText.split(/\r?\n/)) {
+		const m = line.match(/^([A-Za-z0-9_-]+)\s*:\s*(.*)$/);
+		if (!m) continue;
+		let value = m[2].trim();
+		if (value.startsWith("\"") && value.endsWith("\"") || value.startsWith("'") && value.endsWith("'")) value = value.slice(1, -1);
+		data[m[1]] = value;
+	}
+	return {
+		fm: {
+			name: data.name || themeId,
+			description: data.description || ""
+		},
+		body: body.trim()
+	};
+}
+async function findThemes(userCwd, themesDir) {
+	const abs = path.resolve(userCwd, themesDir);
+	if (!existsSync(abs)) return [];
+	const hits = await fg("*.md", {
+		cwd: abs,
+		absolute: true,
+		onlyFiles: true
+	});
+	return hits.sort();
+}
+async function readTheme(mdAbs, themesRoot) {
+	const id = path.basename(mdAbs, ".md");
+	const raw = await fs.readFile(mdAbs, "utf8");
+	const { fm, body } = parseFrontmatter(raw, id);
+	const demoCandidates = [
+		`${id}.demo.tsx`,
+		`${id}.demo.jsx`,
+		`${id}.demo.ts`,
+		`${id}.demo.js`
+	];
+	let demoAbs = null;
+	for (const cand of demoCandidates) {
+		const p = path.join(themesRoot, cand);
+		if (existsSync(p)) {
+			demoAbs = p;
+			break;
+		}
+	}
+	return {
+		id,
+		frontmatter: fm,
+		body,
+		demoAbs
+	};
+}
+function generateThemesModule(themes, isDev) {
+	const meta = themes.map((t$3) => ({
+		id: t$3.id,
+		name: t$3.frontmatter.name,
+		description: t$3.frontmatter.description,
+		body: t$3.body,
+		hasDemo: t$3.demoAbs !== null
+	}));
+	const cases = themes.flatMap((t$3) => {
+		const abs = t$3.demoAbs;
+		if (!abs) return [];
+		const importPath = isDev ? `/@fs/${normalizePath(abs).replace(/^\/+/, "")}` : abs;
+		return [`    case ${JSON.stringify(t$3.id)}: return import(${JSON.stringify(importPath)});`];
+	}).join("\n");
+	return `// virtual:open-slide/themes — generated
+export const themes = ${JSON.stringify(meta)};
+
+export async function loadThemeDemo(id) {
+  switch (id) {
+${cases}
+    default: throw new Error('Theme demo not found: ' + id);
+  }
+}
+`;
+}
+function themesPlugin(opts) {
+	const { userCwd, config } = opts;
+	const themesDir = config.themesDir ?? "themes";
+	const themesRoot = path.resolve(userCwd, themesDir);
+	let isDev = false;
+	return {
+		name: "open-slide:themes",
+		config(_c, env) {
+			isDev = env.command === "serve";
+		},
+		resolveId(id) {
+			if (id === THEMES_VMOD) return resolved(THEMES_VMOD);
+			return null;
+		},
+		async load(id) {
+			if (id !== resolved(THEMES_VMOD)) return null;
+			const files = await findThemes(userCwd, themesDir);
+			const themes = await Promise.all(files.map((f) => readTheme(f, themesRoot)));
+			return generateThemesModule(themes, isDev);
+		},
+		configureServer(server) {
+			const isThemeFile = (p) => {
+				const rel = path.relative(themesRoot, p);
+				if (rel.startsWith("..") || path.isAbsolute(rel)) return false;
+				if (rel.includes(path.sep)) return false;
+				return /\.(md|demo\.(tsx|jsx|ts|js))$/.test(rel);
+			};
+			let reloadTimer = null;
+			const reload = () => {
+				if (reloadTimer) clearTimeout(reloadTimer);
+				reloadTimer = setTimeout(() => {
+					reloadTimer = null;
+					const mod = server.moduleGraph.getModuleById(resolved(THEMES_VMOD));
+					if (mod) server.moduleGraph.invalidateModule(mod);
+					server.ws.send({ type: "full-reload" });
+				}, 150);
+			};
+			if (existsSync(themesRoot)) server.watcher.add(themesRoot);
+			server.watcher.on("add", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+			server.watcher.on("unlink", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+			server.watcher.on("change", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+		}
+	};
+}
+
 //#endregion
 //#region src/vite/config.ts
 function findPackageRoot(fromFile) {
@@ -2663,7 +2853,9 @@ async function createViteConfig(opts) {
 	const userCwd = path.resolve(opts.userCwd);
 	const config = opts.config ?? await loadUserConfig(userCwd);
 	const slidesDir = config.slidesDir ?? "slides";
+	const themesDir = config.themesDir ?? "themes";
 	const slidesAbs = path.resolve(userCwd, slidesDir);
+	const themesAbs = path.resolve(userCwd, themesDir);
 	return {
 		root: APP_ROOT,
 		configFile: false,
@@ -2679,6 +2871,10 @@ async function createViteConfig(opts) {
 				userCwd,
 				config
 			}),
+			themesPlugin({
+				userCwd,
+				config
+			}),
 			designPlugin({ userCwd }),
 			commentsPlugin({
 				userCwd,
@@ -2728,7 +2924,8 @@ async function createViteConfig(opts) {
 			fs: { allow: [
 				APP_ROOT,
 				userCwd,
-				slidesAbs
+				slidesAbs,
+				themesAbs
 			] }
 		},
 		build: {

package/dist/{config-CtT8K4VF.d.ts → config-D9cZ1A0X.d.ts}

@@ -1,4 +1,4 @@
-import { Locale } from "./types-CRHIeoNq.js";
+import { Locale } from "./types-JYG1cmwC.js";
 
 //#region src/config.d.ts
 type OpenSlideBuildConfig = {
@@ -8,6 +8,7 @@ type OpenSlideBuildConfig = {
 };
 type OpenSlideConfig = {
   slidesDir?: string;
+  themesDir?: string;
   port?: number;
   locale?: Locale;
   build?: OpenSlideBuildConfig;

package/dist/{dev-C9eLmUEq.js → dev-BoqeVXVq.js}

@@ -1,5 +1,5 @@
-import "./design-C13iz9_4.js";
-import { createViteConfig } from "./config-AxZ5OE1u.js";
+import "./design-cpzS8aud.js";
+import { createViteConfig } from "./config-BAwKWNtW.js";
 import { createServer, mergeConfig } from "vite";
 
 //#region src/cli/dev.ts