@slidev-react/node 0.2.2 → 0.2.4

package/dist/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,5 @@
+import { createRequire } from "node:module";
+//#region \0rolldown/runtime.js
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+//#endregion
+export { __require };

package/dist/slides/build/createSlidesViteConfig.mjs

@@ -1,16 +1,22 @@
 import { resolveSlidesSourceFile } from "./slidesSourceFile.mjs";
 import { generatedSlidesAlias, generatedSlidesEntry, pluginCompileTimeSlides } from "./generateCompiledSlides.mjs";
+import { pluginTheme } from "./themePlugin.mjs";
 import path from "node:path";
 import react from "@vitejs/plugin-react";
 //#region src/slides/build/createSlidesViteConfig.ts
 function createSlidesViteConfig(options) {
 	const { appRoot, slidesFile } = options;
+	const slidesSourceFile = resolveSlidesSourceFile(appRoot, slidesFile);
 	return {
 		root: appRoot,
-		plugins: [pluginCompileTimeSlides({
-			appRoot,
-			slidesSourceFile: resolveSlidesSourceFile(appRoot, slidesFile)
-		}), react()],
+		plugins: [
+			pluginCompileTimeSlides({
+				appRoot,
+				slidesSourceFile
+			}),
+			pluginTheme({ slidesSourceFile }),
+			react()
+		],
 		resolve: { alias: {
 			"@": path.resolve(appRoot, "./packages/client/src"),
 			[generatedSlidesAlias]: path.resolve(appRoot, generatedSlidesEntry),

package/dist/slides/build/themePlugin.mjs

@@ -0,0 +1,58 @@
+import { __require } from "../../_virtual/_rolldown/runtime.mjs";
+import { parse } from "yaml";
+import { readFileSync } from "node:fs";
+//#region src/slides/build/themePlugin.ts
+const VIRTUAL_THEME = "virtual:slidev-react/active-theme";
+const RESOLVED_VIRTUAL = "\0" + VIRTUAL_THEME;
+function extractThemeIdFromSlidesFile(slidesSourceFile) {
+	let source;
+	try {
+		source = readFileSync(slidesSourceFile, "utf8");
+	} catch {
+		return;
+	}
+	const match = source.match(/^---\r?\n([\s\S]*?)\r?\n---/);
+	if (!match) return void 0;
+	try {
+		const data = parse(match[1]);
+		return typeof data?.theme === "string" ? data.theme : void 0;
+	} catch {
+		return;
+	}
+}
+function resolveThemePackage(themeId) {
+	const candidates = [`@slidev-react/theme-${themeId}`, `slidev-react-theme-${themeId}`];
+	for (const pkg of candidates) try {
+		__require.resolve(pkg);
+		return pkg;
+	} catch {}
+}
+function generateThemeModuleCode(options) {
+	const { themeId } = options;
+	if (!themeId) return "export default undefined;\n";
+	const themePackage = resolveThemePackage(themeId);
+	if (themePackage) return [
+		`import theme from '${themePackage}';`,
+		`import '${themePackage}/style.css';`,
+		`export default theme;`,
+		""
+	].join("\n");
+	console.warn(`[slidev-react] Theme "${themeId}" not found. Falling back to default theme.`);
+	return "export default undefined;\n";
+}
+function pluginTheme(options) {
+	const themeId = extractThemeIdFromSlidesFile(options.slidesSourceFile);
+	return {
+		name: "slidev-react:themes",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === VIRTUAL_THEME) return RESOLVED_VIRTUAL;
+		},
+		load(id) {
+			if (id !== RESOLVED_VIRTUAL) return;
+			return generateThemeModuleCode({ themeId });
+		}
+	};
+}
+//#endregion
+export { pluginTheme };

package/dist/slides/validation/validateSlidesAuthoring.mjs

@@ -2,8 +2,8 @@ import path from "node:path";
 import { readFile, readdir } from "node:fs/promises";
 import { layoutNames } from "@slidev-react/core/slides/layout";
 //#region src/slides/validation/validateSlidesAuthoring.ts
-const CLIENT_THEME_THEMES_DIR = "packages/client/src/theme/themes";
 const CLIENT_ADDONS_DIR = "packages/client/src/addons";
+const THEME_PACKAGE_PREFIX = "theme-";
 function collectKnownLayouts() {
 	return new Set(layoutNames);
 }
@@ -17,6 +17,13 @@ async function readLocalIds(rootDir) {
 		return [];
 	}
 }
+async function readThemePackageIds(packagesDir) {
+	try {
+		return (await readdir(packagesDir, { withFileTypes: true })).filter((entry) => entry.isDirectory() && entry.name.startsWith(THEME_PACKAGE_PREFIX)).map((entry) => entry.name.slice(6));
+	} catch {
+		return [];
+	}
+}
 async function findDefinitionFile(rootDir) {
 	for (const candidate of [
 		"index.ts",
@@ -64,20 +71,35 @@ async function readCustomLayoutIds(rootDir) {
 	}));
 	return layouts;
 }
+async function readThemePackageLayoutIds(packagesDir) {
+	const layouts = /* @__PURE__ */ new Set();
+	try {
+		const themeEntries = (await readdir(packagesDir, { withFileTypes: true })).filter((entry) => entry.isDirectory() && entry.name.startsWith(THEME_PACKAGE_PREFIX));
+		await Promise.all(themeEntries.map(async (entry) => {
+			const definitionFile = await findDefinitionFile(path.join(packagesDir, entry.name));
+			if (!definitionFile) return;
+			try {
+				const source = await readFile(definitionFile, "utf8");
+				for (const layoutName of extractObjectLiteralKeys(source, "layouts")) layouts.add(layoutName);
+			} catch {}
+		}));
+	} catch {}
+	return layouts;
+}
 async function validateSlidesAuthoring({ appRoot, slides }) {
 	const warnings = [];
-	const themeRootDir = path.join(appRoot, CLIENT_THEME_THEMES_DIR);
 	const addonsRootDir = path.join(appRoot, CLIENT_ADDONS_DIR);
-	const [themeIdList, addonIdList, themeLayouts, addonLayouts] = await Promise.all([
-		readLocalIds(themeRootDir),
+	const packagesDir = path.join(appRoot, "packages");
+	const [themePackageIdList, addonIdList, themePackageLayouts, addonLayouts] = await Promise.all([
+		readThemePackageIds(packagesDir),
 		readLocalIds(addonsRootDir),
-		readCustomLayoutIds(themeRootDir),
+		readThemePackageLayoutIds(packagesDir),
 		readCustomLayoutIds(addonsRootDir)
 	]);
-	const themeIds = new Set(themeIdList);
+	const themeIds = new Set(themePackageIdList);
 	const addonIds = new Set(addonIdList);
 	const knownLayouts = collectKnownLayouts();
-	for (const layoutName of themeLayouts) knownLayouts.add(layoutName);
+	for (const layoutName of themePackageLayouts) knownLayouts.add(layoutName);
 	for (const layoutName of addonLayouts) knownLayouts.add(layoutName);
 	if (slides.meta.theme && !themeIds.has(slides.meta.theme)) warnings.push(`Unknown theme "${slides.meta.theme}". The runtime will fall back to the default theme.`);
 	for (const addonId of slides.meta.addons ?? []) if (!addonIds.has(addonId)) warnings.push(`Unknown addon "${addonId}". It will be ignored until a matching local addon exists.`);
@@ -87,6 +109,9 @@ async function validateSlidesAuthoring({ appRoot, slides }) {
 		if (!slideLayout || knownLayouts.has(slideLayout)) continue;
 		warnings.push(`Unknown layout "${slideLayout}" in ${formatSlideLabel(slide)}. The runtime will fall back to the default layout.`);
 	}
+	const declaredAddons = new Set(slides.meta.addons ?? []);
+	const allSource = slides.slides.map((slide) => slide.source).join("\n");
+	if (!declaredAddons.has("mermaid") && /^```mermaid\s*$/m.test(allSource)) warnings.push("Slides contain mermaid code fences but the \"mermaid\" addon is not declared. Add addons: [\"mermaid\"] to the deck frontmatter.");
 	return warnings;
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev-react/node",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "description": "Node-side command APIs for slidev-react authoring and build workflows",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "vite": "^8.0.0",
     "yaml": "2.8.2",
     "zod": "4.3.6",
-    "@slidev-react/core": "0.2.2"
+    "@slidev-react/core": "0.2.4"
   },
   "publishConfig": {
     "access": "public"