@slidev/cli 51.7.1 → 51.8.0

package/dist/{build-DZzwHGen.js → build-BCss6wHH.js}

@@ -1,4 +1,4 @@
-import { resolveViteConfigs } from "./shared-RU9XA03U.js";
+import { resolveViteConfigs } from "./shared-CIQE-F_F.js";
 import "./resolver-BShaA6qw.js";
 import fs from "node:fs/promises";
 import { join, resolve } from "node:path";

package/dist/cli.js

@@ -1,6 +1,6 @@
-import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-RU9XA03U.js";
+import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-CIQE-F_F.js";
 import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-BShaA6qw.js";
-import { createServer } from "./serve-R48bjx01.js";
+import { createServer } from "./serve-DgKBytqU.js";
 import { exec } from "node:child_process";
 import fs from "node:fs/promises";
 import os from "node:os";
@@ -295,7 +295,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-DZzwHGen.js");
+	const { build } = await import("./build-BCss6wHH.js");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,

package/dist/index.js

@@ -1,5 +1,5 @@
-import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-RU9XA03U.js";
+import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-CIQE-F_F.js";
 import "./resolver-BShaA6qw.js";
-import { createServer } from "./serve-R48bjx01.js";
+import { createServer } from "./serve-DgKBytqU.js";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/{serve-R48bjx01.js → serve-DgKBytqU.js}

@@ -1,4 +1,4 @@
-import { resolveViteConfigs } from "./shared-RU9XA03U.js";
+import { resolveViteConfigs } from "./shared-CIQE-F_F.js";
 import { join } from "node:path";
 import process from "node:process";
 import { createServer } from "vite";

package/dist/{shared-RU9XA03U.js → shared-CIQE-F_F.js}

@@ -43,7 +43,7 @@ import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
 
 //#region package.json
-var version = "51.7.1";
+var version = "51.8.0";
 
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-link.ts
@@ -615,7 +615,7 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 		].filter((x) => x.content)
 	}, ...inputs] });
 	const baseInDev = mode === "dev" && base ? base.slice(0, -1) : "";
-	main = main.replace("__ENTRY__", baseInDev + toAtFS(join(clientRoot, "main.ts"))).replace("<!-- body -->", body);
+	main = main.replace("__ENTRY__", baseInDev + encodeURI(toAtFS(join(clientRoot, "main.ts")))).replace("<!-- body -->", body);
 	const html = await transformHtmlTemplate(unhead, main);
 	return html;
 }
@@ -1183,14 +1183,7 @@ const templateSlides = {
 		];
 		const slides = data.slides.map((_, idx) => {
 			const no = idx + 1;
-			statements.push(
-				`import { meta as f${no} } from '${VIRTUAL_SLIDE_PREFIX}${no}/frontmatter'`,
-				// For some unknown reason, import error won't be caught by the error component. Catch it here.
-				`const load${no} = async () => {`,
-				`  try { return componentsCache[${idx}] ??= await import('${VIRTUAL_SLIDE_PREFIX}${no}/md') }`,
-				`  catch (e) { console.error('slide failed to load', e); return SlideError }`,
-				`}`
-);
+			statements.push(`import { meta as f${no} } from '${VIRTUAL_SLIDE_PREFIX}${no}/frontmatter'`, `const load${no} = async () => {`, `  try { return componentsCache[${idx}] ??= await import('${VIRTUAL_SLIDE_PREFIX}${no}/md') }`, `  catch (e) { console.error('slide failed to load', e); return SlideError }`, `}`);
 			return `{ no: ${no}, meta: f${no}, load: load${no}, component: getAsyncComponent(${idx}, load${no}) }`;
 		});
 		return [
@@ -1807,16 +1800,16 @@ async function setupTransformers(roots) {
 
 //#endregion
 //#region node/syntax/transform/code-wrapper.ts
-const reCodeBlock = /^```([\w'-]+)?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n([ \t]*\S[\s\S]*?)^```$/gm;
+const reCodeBlock = /^```([\w'-]+)?\s*(?:\[(.*?)\])?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n([ \t]*\S[\s\S]*?)^```$/gm;
 /**
 * Transform code block with wrapper
 */
 function transformCodeWrapper(ctx) {
-	ctx.s.replace(reCodeBlock, (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
+	ctx.s.replace(reCodeBlock, (full, lang = "", title = "", rangeStr = "", options = "", attrs = "", code) => {
 		const ranges = normalizeRangeStr(rangeStr);
 		code = code.trimEnd();
 		options = options.trim() || "{}";
-		return `\n<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>\n\n\`\`\`${lang}${attrs}\n${code}\n\`\`\`\n\n</CodeBlockWrapper>`;
+		return `\n<CodeBlockWrapper v-bind="${options}" :title='${JSON.stringify(title)}' :ranges='${JSON.stringify(ranges)}'>\n\n\`\`\`${lang}${title ? ` [${title}]` : ""}${attrs}\n${code}\n\`\`\`\n\n</CodeBlockWrapper>`;
 	});
 }
 
@@ -1862,10 +1855,10 @@ function transformMagicMove(ctx) {
 		const matches = Array.from(body.matchAll(reCodeBlock));
 		if (!matches.length) throw new Error("Magic Move block must contain at least one code block");
 		const defaultLineNumbers = parseLineNumbersOption(options) ?? ctx.options.data.config.lineNumbers;
-		const ranges = matches.map((i) => normalizeRangeStr(i[2]));
+		const ranges = matches.map((i) => normalizeRangeStr(i[3]));
 		const steps = matches.map((i) => {
-			const lineNumbers = parseLineNumbersOption(i[3]) ?? defaultLineNumbers;
-			return codeToKeyedTokens(ctx.options.utils.shiki, i[5].trimEnd(), {
+			const lineNumbers = parseLineNumbersOption(i[4]) ?? defaultLineNumbers;
+			return codeToKeyedTokens(ctx.options.utils.shiki, i[6].trimEnd(), {
 				...ctx.options.utils.shikiOptions,
 				lang: i[1]
 			}, lineNumbers);
@@ -2040,35 +2033,31 @@ const reMonacoWrite = /^\{monaco-write\}/;
 function transformSnippet({ s, slide, options }) {
 	const watchFiles = options.data.watchFiles;
 	const dir = path.dirname(slide.source?.filepath ?? options.entry ?? options.userRoot);
-	s.replace(
-		// eslint-disable-next-line regexp/no-super-linear-backtracking
-		/^<<<\s*(\S.*?)(#[\w-]+)?\s*(?:\s(\S+?))?\s*(\{.*)?$/gm,
-		(full, filepath = "", regionName = "", lang = "", meta = "") => {
-			const src = slash(/^@\//.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath));
-			meta = meta.trim();
+	s.replace(/^<<<\s*(\S.*?)(#[\w-]+)?\s*(?:\s(\S+?))?\s*(\{.*)?$/gm, (full, filepath = "", regionName = "", lang = "", meta = "") => {
+		const src = slash(/^@\//.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath));
+		meta = meta.trim();
+		lang = lang.trim();
+		lang = lang || path.extname(filepath).slice(1);
+		const isAFile = fs$1.statSync(src).isFile();
+		if (!fs$1.existsSync(src) || !isAFile) throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
+		let content = fs$1.readFileSync(src, "utf8");
+		if (regionName) {
+			const lines = content.split(/\r?\n/);
+			const region = findRegion(lines, regionName.slice(1));
+			if (region) content = dedent(lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n"));
+		}
+		if (meta.match(reMonacoWrite)) {
+			monacoWriterWhitelist.add(filepath);
 			lang = lang.trim();
-			lang = lang || path.extname(filepath).slice(1);
-			const isAFile = fs$1.statSync(src).isFile();
-			if (!fs$1.existsSync(src) || !isAFile) throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
-			let content = fs$1.readFileSync(src, "utf8");
-			if (regionName) {
-				const lines = content.split(/\r?\n/);
-				const region = findRegion(lines, regionName.slice(1));
-				if (region) content = dedent(lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n"));
-			}
-			if (meta.match(reMonacoWrite)) {
-				monacoWriterWhitelist.add(filepath);
-				lang = lang.trim();
-				meta = meta.replace(reMonacoWrite, "").trim() || "{}";
-				const encoded = lz.compressToBase64(content);
-				return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
-			} else {
-				watchFiles[src] ??= new Set();
-				watchFiles[src].add(slide.index);
-			}
-			return `\`\`\`${lang} ${meta}\n${content}\n\`\`\``;
+			meta = meta.replace(reMonacoWrite, "").trim() || "{}";
+			const encoded = lz.compressToBase64(content);
+			return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
+		} else {
+			watchFiles[src] ??= new Set();
+			watchFiles[src].add(slide.index);
 		}
-);
+		return `\`\`\`${lang} ${meta}\n${content}\n\`\`\``;
+	});
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "51.7.1",
+  "version": "51.8.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -54,7 +54,7 @@
     "@unocss/extractor-mdc": "^66.1.2",
     "@unocss/reset": "^66.1.2",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vitejs/plugin-vue-jsx": "^4.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
     "ansis": "^4.0.0",
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
@@ -93,7 +93,7 @@
     "sirv": "^3.0.1",
     "source-map-js": "^1.2.1",
     "typescript": "^5.8.3",
-    "unhead": "^2.0.9",
+    "unhead": "^2.0.10",
     "unocss": "^66.1.2",
     "unplugin-icons": "^22.1.0",
     "unplugin-vue-components": "^28.5.0",
@@ -101,7 +101,7 @@
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
     "vite": "^6.3.5",
-    "vite-plugin-inspect": "^11.0.1",
+    "vite-plugin-inspect": "^11.1.0",
     "vite-plugin-remote-assets": "^2.0.0",
     "vite-plugin-static-copy": "^3.0.0",
     "vite-plugin-vue-server-ref": "^1.0.0",
@@ -109,9 +109,9 @@
     "vue": "^3.5.14",
     "yaml": "^2.8.0",
     "yargs": "^17.7.2",
-    "@slidev/client": "51.7.1",
-    "@slidev/types": "51.7.1",
-    "@slidev/parser": "51.7.1"
+    "@slidev/types": "51.8.0",
+    "@slidev/client": "51.8.0",
+    "@slidev/parser": "51.8.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",