@slidev/cli 52.2.5 → 52.4.0

package/README.md

@@ -15,7 +15,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <a href="https://sli.dev/" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20demos&color=45b8cd" alt="Docs & Demos"></a>
 <a href="https://sli.dev/resources/theme-gallery" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=themes&color=4ec5d4" alt="Themes"></a>
 <br>
-<a href="https://github.com/slidevjs/slidev" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/slidevjs/slidev?style=social"></a>
+<a href="https://github.com/slidevjs/slidev/stargazers" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/slidevjs/slidev?style=social"></a>
 </p>
 
 <p align="center">

package/dist/{build-Cm80m3td.js → build-C0y3jflF.js}

@@ -1,5 +1,5 @@
-import { resolveViteConfigs } from "./shared-BFEB8gHi.js";
-import "./resolver-3bFppHAb.js";
+import { resolveViteConfigs } from "./shared-Dgsw_Krn.js";
+import "./resolver-BVx3X6zp.js";
 import fs from "node:fs/promises";
 import { join, resolve } from "node:path";
 import { build as build$1 } from "vite";
@@ -16,7 +16,7 @@ async function build(options, viteConfig = {}, args) {
 	await fs.writeFile(indexPath, options.utils.indexHtml, "utf-8");
 	let config = void 0;
 	try {
-		const inlineConfig = await resolveViteConfigs(options, {
+		await build$1(await resolveViteConfigs(options, {
 			plugins: [{
 				name: "resolve-config",
 				configResolved(_config) {
@@ -24,8 +24,7 @@ async function build(options, viteConfig = {}, args) {
 				}
 			}],
 			build: { chunkSizeWarningLimit: 2e3 }
-		}, viteConfig, "build");
-		await build$1(inlineConfig);
+		}, viteConfig, "build"));
 	} finally {
 		if (originalIndexHTML != null) await fs.writeFile(indexPath, originalIndexHTML, "utf-8");
 		else await fs.unlink(indexPath);
@@ -46,7 +45,7 @@ async function build(options, viteConfig = {}, args) {
 				dev: true
 			}));
 			server.listen(port);
-			const { exportSlides } = await import("./export-DCKSbBi5.js");
+			const { exportSlides } = await import("./export-DxrcqKLf.js");
 			const tempDir = resolve(outDir, "temp");
 			await fs.mkdir(tempDir, { recursive: true });
 			await exportSlides({
@@ -87,7 +86,7 @@ async function build(options, viteConfig = {}, args) {
 		"true",
 		"auto"
 	].includes(options.data.config.download)) {
-		const { exportSlides, getExportOptions } = await import("./export-DCKSbBi5.js");
+		const { exportSlides, getExportOptions } = await import("./export-DxrcqKLf.js");
 		const port = 12445;
 		const app = connect();
 		const server = http.createServer(app);

package/dist/cli.js

@@ -1,6 +1,6 @@
-import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-BFEB8gHi.js";
-import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-3bFppHAb.js";
-import { createServer } from "./serve-DRKKt6zF.js";
+import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-Dgsw_Krn.js";
+import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-BVx3X6zp.js";
+import { createServer } from "./serve-DmyF8x-T.js";
 import { exec } from "node:child_process";
 import fs from "node:fs/promises";
 import os from "node:os";
@@ -21,8 +21,7 @@ function setupPreparser() {
 	injectPreparserExtensionLoader(async (headmatter, filepath, mode) => {
 		const addons = Array.isArray(headmatter?.addons) ? headmatter.addons : [];
 		const { userRoot } = await getRoots();
-		const roots = uniq([...await resolveAddons(addons), userRoot]);
-		return (await loadSetups(roots, "preparser.ts", [{
+		return (await loadSetups(uniq([...await resolveAddons(addons), userRoot]), "preparser.ts", [{
 			filepath,
 			headmatter,
 			mode
@@ -293,7 +292,7 @@ cli.command("build [entry..]", "Build hostable SPA", (args) => exportOptions(com
 	describe: "enable the inspect plugin for debugging"
 }).strict().help(), async (args) => {
 	const { entry, theme, base, download, out, inspect } = args;
-	const { build } = await import("./build-Cm80m3td.js");
+	const { build } = await import("./build-C0y3jflF.js");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,
@@ -356,7 +355,7 @@ cli.command("theme [subcommand]", "Theme related operations", (command) => {
 });
 cli.command("export [entry..]", "Export slides to PDF", (args) => exportOptions(commonOptions(args)).strict().help(), async (args) => {
 	const { entry, theme } = args;
-	const { exportSlides, getExportOptions } = await import("./export-DCKSbBi5.js");
+	const { exportSlides, getExportOptions } = await import("./export-DxrcqKLf.js");
 	const port = await getPort(12445);
 	let warned = false;
 	for (const entryFile of entry) {
@@ -403,7 +402,7 @@ cli.command("export-notes [entry..]", "Export slide notes to PDF", (args) => arg
 	type: "number",
 	describe: "wait for the specified ms before exporting"
 }).strict().help(), async ({ entry, output, timeout, wait }) => {
-	const { exportNotes } = await import("./export-DCKSbBi5.js");
+	const { exportNotes } = await import("./export-DxrcqKLf.js");
 	const port = await getPort(12445);
 	for (const entryFile of entry) {
 		const options = await resolveOptions({ entry: entryFile }, "export");

package/dist/{export-DCKSbBi5.js → export-DxrcqKLf.js}

@@ -1,4 +1,4 @@
-import { getRoots } from "./resolver-3bFppHAb.js";
+import { getRoots } from "./resolver-BVx3X6zp.js";
 import fs from "node:fs/promises";
 import path, { dirname, relative } from "node:path";
 import process from "node:process";
@@ -116,10 +116,8 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 	if (format === "pdf") await genPagePdf();
 	else if (format === "png") await genPagePng(output);
 	else if (format === "md") await genPageMd();
-	else if (format === "pptx") {
-		const buffers = await genPagePng(false);
-		await genPagePptx(buffers);
-	} else throw new Error(`[slidev] Unsupported exporting format "${format}"`);
+	else if (format === "pptx") await genPagePptx(await genPagePng(false));
+	else throw new Error(`[slidev] Unsupported exporting format "${format}"`);
 	progress.stop();
 	browser.close();
 	const relativeOutput = slash(relative(".", output));
@@ -355,13 +353,11 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 	async function addTocToPdf(pdf) {
 		const outlinePdf = outlinePdfFactory(pdfLib);
 		const slideIndexes = await getSlidesIndex();
-		const tocTree = slides.filter((slide) => slide.title).reduce((acc, slide) => {
-			addToTree(acc, slide, slideIndexes);
-			return acc;
-		}, []);
-		const outline = makeOutline(tocTree);
 		return await outlinePdf({
-			outline,
+			outline: makeOutline(slides.filter((slide) => slide.title).reduce((acc, slide) => {
+				addToTree(acc, slide, slideIndexes);
+				return acc;
+			}, [])),
 			pdf
 		});
 	}

package/dist/index.js

@@ -1,5 +1,5 @@
-import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-BFEB8gHi.js";
-import "./resolver-3bFppHAb.js";
-import { createServer } from "./serve-DRKKt6zF.js";
+import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-Dgsw_Krn.js";
+import "./resolver-BVx3X6zp.js";
+import { createServer } from "./serve-DmyF8x-T.js";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/{resolver-3bFppHAb.js → resolver-BVx3X6zp.js}

@@ -136,14 +136,12 @@ async function getRoots(entry) {
 	isInstalledGlobally.value = slash(relative(userRoot, process.argv[1])).includes("/.pnpm/") || (await import("is-installed-globally")).default;
 	const clientRoot = await findPkgRoot("@slidev/client", cliRoot, true);
 	const closestPkgRoot = dirname(await findClosestPkgJsonPath(userRoot) || userRoot);
-	const userPkgJson = getUserPkgJson(closestPkgRoot);
-	const userWorkspaceRoot = searchForWorkspaceRoot(closestPkgRoot);
 	rootsInfo = {
 		cliRoot,
 		clientRoot,
 		userRoot,
-		userPkgJson,
-		userWorkspaceRoot
+		userPkgJson: getUserPkgJson(closestPkgRoot),
+		userWorkspaceRoot: searchForWorkspaceRoot(closestPkgRoot)
 	};
 	return rootsInfo;
 }

package/dist/serve-DmyF8x-T.js

@@ -0,0 +1,13 @@
+import { resolveViteConfigs } from "./shared-Dgsw_Krn.js";
+import { join } from "node:path";
+import process from "node:process";
+import { createServer } from "vite";
+
+//#region node/commands/serve.ts
+async function createServer$1(options, viteConfig = {}, serverOptions) {
+	process.env.EDITOR = process.env.EDITOR || "code";
+	return await createServer(await resolveViteConfigs(options, { optimizeDeps: { entries: [join(options.clientRoot, "main.ts")] } }, viteConfig, "serve", serverOptions));
+}
+
+//#endregion
+export { createServer$1 as createServer };

package/dist/{shared-BFEB8gHi.js → shared-Dgsw_Krn.js}

@@ -1,4 +1,4 @@
-import { createResolver, getRoots, isInstalledGlobally, resolveEntry, resolveImportPath, resolveImportUrl, toAtFS } from "./resolver-3bFppHAb.js";
+import { createResolver, getRoots, isInstalledGlobally, resolveEntry, resolveImportPath, resolveImportUrl, toAtFS } from "./resolver-BVx3X6zp.js";
 import { builtinModules } from "node:module";
 import fs, { readFile } from "node:fs/promises";
 import path, { basename, dirname, join, resolve } from "node:path";
@@ -42,7 +42,7 @@ import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
 
 //#region package.json
-var version = "52.2.5";
+var version = "52.4.0";
 
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-link.ts
@@ -1090,12 +1090,10 @@ const templateNavControls = {
 		const components = roots.flatMap((root) => {
 			return [join(root, "custom-nav-controls.vue"), join(root, "CustomNavControls.vue")];
 		}).filter((i) => existsSync(i));
-		const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-		const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-		return `${imports}
+		return `${components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n")}
 import { h } from 'vue'
 export default {
-  render: () => [${render}],
+  render: () => [${components.map((i, idx) => `h(__n${idx})`).join(",")}],
 }`;
 	}
 };
@@ -1159,8 +1157,7 @@ const templateShiki = {
 			return r.default || r;
 		}
 		async function resolveLangs(langs$1) {
-			const awaited = await Promise.all(langs$1.map((lang) => normalizeGetter(lang)));
-			return uniq(awaited.flat());
+			return uniq((await Promise.all(langs$1.map((lang) => normalizeGetter(lang)))).flat());
 		}
 		async function resolveTheme$1(theme) {
 			return typeof theme === "string" ? theme : await normalizeGetter(theme);
@@ -1411,11 +1408,10 @@ function createSlidesLoader(options, serverOptions) {
 			const vueModules = Array.from(hmrSlidesIndexes).flatMap((idx) => {
 				const frontmatter = ctx.server.moduleGraph.getModuleById(sourceIds.frontmatter[idx]);
 				const main = ctx.server.moduleGraph.getModuleById(sourceIds.md[idx]);
-				const styles = main ? [...main.clientImportedModules].find((m) => m.id?.includes(`&type=style`)) : void 0;
 				return [
 					frontmatter,
 					main,
-					styles
+					main ? [...main.clientImportedModules].find((m) => m.id?.includes(`&type=style`)) : void 0
 				];
 			});
 			hmrSlidesIndexes.clear();
@@ -1517,10 +1513,20 @@ function createSlidesLoader(options, serverOptions) {
 	};
 	function renderNote(text = "") {
 		let clickCount = 0;
-		return notesMd.render(text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
+		const notesAutoRuby = data.headmatter.notesAutoRuby || {};
+		let md = text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
 			clickCount += Number(count);
 			return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
-		}));
+		});
+		const keys = Object.keys(notesAutoRuby).sort((b, a) => b.length - a.length).map((i) => /^[\w-]+$/.test(i) ? `\\b${i}\\b` : i);
+		if (keys.length) {
+			const regex = new RegExp(`(${keys.join("|")})`, "g");
+			md = md.replace(regex, (match) => {
+				if (notesAutoRuby[match]) return `<ruby>${match}<rt>${notesAutoRuby[match]}</rt></ruby>`;
+				return match;
+			});
+		}
+		return notesMd.render(md);
 	}
 	function withRenderedNote(data$1) {
 		return {
@@ -1562,8 +1568,7 @@ function taskLists(md, options = {
 		const disabledAttribute = token.attrGet("disabled") ? "disabled=\"\" " : "";
 		const line = token.attrGet("line");
 		const idAttribute = `id="${token.attrGet("id")}" `;
-		const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : "";
-		return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`;
+		return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${line && options.lineNumber ? `data-line="${line}" ` : ""}${idAttribute}/>`;
 	};
 	md.renderer.rules.taskListItemLabel_close = () => {
 		return "</label>";
@@ -1653,13 +1658,11 @@ function getCodeBlocks(md) {
 	const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
 		const start = m.index;
 		const end = m.index + m[0].length;
-		const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
-		const endLine = md.slice(0, end).match(/\n/g)?.length || 0;
 		return [
 			start,
 			end,
-			startLine,
-			endLine
+			md.slice(0, start).match(/\n/g)?.length || 0,
+			md.slice(0, end).match(/\n/g)?.length || 0
 		];
 	});
 	return {
@@ -1867,8 +1870,7 @@ function transformMagicMove(ctx) {
 				lang: i[1]
 			}, lineNumbers);
 		});
-		const compressed = lz.compressToBase64(JSON.stringify(steps));
-		return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
+		return `<ShikiMagicMove v-bind="${options}" steps-lz="${lz.compressToBase64(JSON.stringify(steps))}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
 	});
 }
 
@@ -1895,9 +1897,7 @@ function transformMonaco(ctx) {
 	ctx.s.replace(/^```(\w+) *\{monaco-diff\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^~~~ *\n([\s\S]+?)^```/gm, (full, lang = "ts", options = "{}", code, diff) => {
 		lang = lang.trim();
 		options = options.trim() || "{}";
-		const encoded = lz.compressToBase64(code);
-		const encodedDiff = lz.compressToBase64(diff);
-		return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
+		return `<Monaco code-lz="${lz.compressToBase64(code)}" diff-lz="${lz.compressToBase64(diff)}" lang="${lang}" v-bind="${options}" />`;
 	});
 	ctx.s.replace(/^```(\w+) *\{monaco\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm, (full, lang = "ts", options = "{}", code) => {
 		lang = lang.trim();
@@ -2247,8 +2247,7 @@ async function writeDrawings(options, drawing) {
 	const dir = resolveDrawingsDir(options);
 	if (!dir) return;
 	const width = options.data.config.canvasWidth;
-	const height = Math.round(width / options.data.config.aspectRatio);
-	const SVG_HEAD = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`;
+	const SVG_HEAD = `<svg width="${width}" height="${Math.round(width / options.data.config.aspectRatio)}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`;
 	await fs.mkdir(dir, { recursive: true });
 	return Promise.all(Object.entries(drawing).map(async ([key, value]) => {
 		if (!value) return;
@@ -2325,7 +2324,7 @@ async function setupUnocss({ clientRoot, roots, data, utils }) {
 		}))).filter((x) => !!x);
 	}
 	const tokens = await loadModule(resolve(clientRoot, ".generated/unocss-tokens.ts"));
-	const configs = [
+	const config = mergeConfigs([
 		{
 			presets: [presetIcons({
 				collectionsNodeResolvePath: utils.iconsResolvePath,
@@ -2335,8 +2334,7 @@ async function setupUnocss({ clientRoot, roots, data, utils }) {
 		},
 		...await loadFileConfigs(clientRoot),
 		...await loadSetups(roots, "unocss.ts", [], loadFileConfigs)
-	].filter(Boolean);
-	const config = mergeConfigs(configs);
+	].filter(Boolean));
 	config.theme ||= {};
 	config.theme.fontFamily ||= {};
 	config.theme.fontFamily.sans ||= data.config.fonts.sans.join(",");
@@ -2453,8 +2451,7 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 const sharedMd = MarkdownIt({ html: true });
 sharedMd.use(MarkdownItLink);
 function getSlideTitle(data) {
-	const tokens = sharedMd.parseInline(data.config.title, {});
-	const title = stringifyMarkdownTokens(tokens);
+	const title = stringifyMarkdownTokens(sharedMd.parseInline(data.config.title, {}));
 	const slideTitle = data.config.titleTemplate.replace("%s", title);
 	return slideTitle === "Slidev - Slidev" ? "Slidev" : slideTitle;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.2.5",
+  "version": "52.4.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,17 +42,17 @@
     }
   },
   "dependencies": {
-    "@antfu/ni": "^25.0.0",
+    "@antfu/ni": "^27.0.0",
     "@antfu/utils": "^9.3.0",
-    "@iconify-json/carbon": "^1.2.13",
+    "@iconify-json/carbon": "^1.2.14",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
     "@lillallol/outline-pdf": "^4.0.0",
     "@shikijs/markdown-it": "^3.13.0",
     "@shikijs/twoslash": "^3.13.0",
     "@shikijs/vitepress-twoslash": "^3.13.0",
-    "@unocss/extractor-mdc": "^66.5.2",
-    "@unocss/reset": "^66.5.2",
+    "@unocss/extractor-mdc": "^66.5.4",
+    "@unocss/reset": "^66.5.4",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
     "ansis": "^4.2.0",
@@ -67,7 +67,7 @@
     "htmlparser2": "^10.0.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^2.6.1",
-    "katex": "^0.16.23",
+    "katex": "^0.16.25",
     "local-pkg": "^1.1.2",
     "lz-string": "^1.5.0",
     "magic-string": "^0.30.19",
@@ -84,34 +84,34 @@
     "postcss-nested": "^7.0.2",
     "pptxgenjs": "^4.0.1",
     "prompts": "^2.4.2",
-    "public-ip": "^7.0.1",
+    "public-ip": "^8.0.0",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
-    "semver": "^7.7.2",
+    "semver": "^7.7.3",
     "shiki": "^3.13.0",
     "shiki-magic-move": "^1.2.0",
     "sirv": "^3.0.2",
     "source-map-js": "^1.2.1",
     "typescript": "^5.9.3",
-    "unhead": "^2.0.17",
-    "unocss": "^66.5.2",
-    "unplugin-icons": "^22.4.2",
-    "unplugin-vue-components": "^28.8.0",
+    "unhead": "^2.0.19",
+    "unocss": "^66.5.4",
+    "unplugin-icons": "^22.5.0",
+    "unplugin-vue-components": "^30.0.0",
     "unplugin-vue-markdown": "^29.2.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^7.1.9",
+    "vite": "^7.1.10",
     "vite-plugin-inspect": "^11.3.3",
     "vite-plugin-remote-assets": "^2.1.0",
-    "vite-plugin-static-copy": "^3.1.3",
+    "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-vue-server-ref": "^1.0.0",
     "vitefu": "^1.1.1",
     "vue": "^3.5.22",
     "yaml": "^2.8.1",
     "yargs": "^18.0.0",
-    "@slidev/client": "52.2.5",
-    "@slidev/parser": "52.2.5",
-    "@slidev/types": "52.2.5"
+    "@slidev/client": "52.4.0",
+    "@slidev/parser": "52.4.0",
+    "@slidev/types": "52.4.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/dist/serve-DRKKt6zF.js

@@ -1,14 +0,0 @@
-import { resolveViteConfigs } from "./shared-BFEB8gHi.js";
-import { join } from "node:path";
-import process from "node:process";
-import { createServer } from "vite";
-
-//#region node/commands/serve.ts
-async function createServer$1(options, viteConfig = {}, serverOptions) {
-	process.env.EDITOR = process.env.EDITOR || "code";
-	const inlineConfig = await resolveViteConfigs(options, { optimizeDeps: { entries: [join(options.clientRoot, "main.ts")] } }, viteConfig, "serve", serverOptions);
-	return await createServer(inlineConfig);
-}
-
-//#endregion
-export { createServer$1 as createServer };