@slidev/cli 51.7.1 → 51.8.1

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

@@ -1,4 +1,4 @@
-import { resolveViteConfigs } from "./shared-RU9XA03U.js";
+import { resolveViteConfigs } from "./shared-jWq2eLu4.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-jWq2eLu4.js";
 import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-BShaA6qw.js";
-import { createServer } from "./serve-R48bjx01.js";
+import { createServer } from "./serve-BlpmhsWk.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-CRBvV9Bi.js");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,

package/dist/index.d.ts

@@ -5,15 +5,12 @@ import { ResolvedSlidevOptions, ResolvedSlidevUtils, SlidevEntryOptions, SlidevP
 
 //#region node/commands/serve.d.ts
 declare function createServer(options: ResolvedSlidevOptions, viteConfig?: InlineConfig, serverOptions?: SlidevServerOptions): Promise<vite0.ViteDevServer>;
-
 //#endregion
 //#region node/options.d.ts
 declare function resolveOptions(entryOptions: SlidevEntryOptions, mode: ResolvedSlidevOptions['mode']): Promise<ResolvedSlidevOptions>;
 declare function createDataUtils(resolved: Omit<ResolvedSlidevOptions, 'utils'>): Promise<ResolvedSlidevUtils>;
-
 //#endregion
 //#region node/vite/index.d.ts
 declare function ViteSlidevPlugin(options: ResolvedSlidevOptions, pluginOptions?: SlidevPluginOptions, serverOptions?: SlidevServerOptions): Promise<PluginOption[]>;
-
 //#endregion
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/index.js

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

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

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

package/dist/{shared-RU9XA03U.js → shared-jWq2eLu4.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.1";
 
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-link.ts
@@ -374,6 +374,8 @@ function createConfigPlugin(options) {
 			return () => {
 				server.middlewares.use(async (req, res, next) => {
 					if (req.url === "/index.html") {
+						const headers = server.config.server.headers ?? {};
+						for (const header in headers) res.setHeader(header, headers[header]);
 						res.setHeader("Content-Type", "text/html");
 						res.statusCode = 200;
 						res.end(options.utils.indexHtml);
@@ -615,7 +617,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 +1185,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 [
@@ -1286,7 +1281,7 @@ function createSlidesLoader(options, serverOptions) {
 	const notesMd = MarkdownIt({ html: true });
 	notesMd.use(MarkdownItLink);
 	if (data.features.katex) notesMd.use(MarkdownItKatex, utils.katexOptions);
-	const hmrSlidesIndexes = new Set();
+	const hmrSlidesIndexes = /* @__PURE__ */ new Set();
 	let server;
 	let skipHmr = null;
 	let sourceIds = resolveSourceIds(data);
@@ -1365,7 +1360,7 @@ function createSlidesLoader(options, serverOptions) {
 				skipHmr = null;
 				return [];
 			}
-			const moduleIds = new Set();
+			const moduleIds = /* @__PURE__ */ new Set();
 			const newSourceIds = resolveSourceIds(newData);
 			for (const type of ["md", "frontmatter"]) {
 				const old = sourceIds[type];
@@ -1712,8 +1707,8 @@ async function MarkdownItShiki({ data: { config }, mode, utils }) {
 const dragComponentRegex = /<(v-?drag-?\w*)([\s>])/i;
 const dragDirectiveRegex = /(?<![</\w])v-drag(=".*?")?/i;
 function MarkdownItVDrag(md, markdownTransformMap) {
-	const visited = new WeakSet();
-	const sourceMapConsumers = new WeakMap();
+	const visited = /* @__PURE__ */ new WeakSet();
+	const sourceMapConsumers = /* @__PURE__ */ new WeakMap();
 	function getSourceMapConsumer(id) {
 		const s = markdownTransformMap.get(id);
 		if (!s) return void 0;
@@ -1807,16 +1802,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>`;
 	});
 }
 
@@ -1850,7 +1845,7 @@ function transformKaTexWrapper(ctx) {
 
 //#endregion
 //#region node/syntax/transform/magic-move.ts
-const reMagicMoveBlock = /^````(?:md|markdown) magic-move *(\{[^}]*\})?([^ \n]*)\n([\s\S]+?)^````$/gm;
+const reMagicMoveBlock = /^````(?:md|markdown) magic-move(?: *\[([^\]]*)\])?(?: *(\{[^}]*\}))? *([^ \n]*)\n([\s\S]+?)^````$/gm;
 function parseLineNumbersOption(options) {
 	return /lines: *true/.test(options) ? true : /lines: *false/.test(options) ? false : void 0;
 }
@@ -1858,20 +1853,20 @@ function parseLineNumbersOption(options) {
 * Transform magic-move code blocks
 */
 function transformMagicMove(ctx) {
-	ctx.s.replace(reMagicMoveBlock, (full, options = "{}", _attrs = "", body) => {
+	ctx.s.replace(reMagicMoveBlock, (full, title = "", options = "{}", _attrs = "", body) => {
 		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);
 		});
 		const compressed = lz.compressToBase64(JSON.stringify(steps));
-		return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :step-ranges='${JSON.stringify(ranges)}' />`;
+		return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
 	});
 }
 
@@ -1957,7 +1952,7 @@ function transformSlotSugar(ctx) {
 
 //#endregion
 //#region node/vite/monacoWrite.ts
-const monacoWriterWhitelist = new Set();
+const monacoWriterWhitelist = /* @__PURE__ */ new Set();
 function createMonacoWriterPlugin({ userRoot }) {
 	return {
 		name: "slidev:monaco-write",
@@ -2040,35 +2035,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(/^<<<[ \t]*(\S.*?)(#[\w-]+)?[ \t]*(?:[ \t](\S+?))?[ \t]*(\{.*)?$/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] ??= /* @__PURE__ */ new Set();
+			watchFiles[src].add(slide.index);
 		}
-);
+		return `\`\`\`${lang} ${meta}\n${content}\n\`\`\``;
+	});
 }
 
 //#endregion
@@ -2095,7 +2086,7 @@ async function getMarkdownTransformers(options) {
 //#endregion
 //#region node/vite/markdown.ts
 async function createMarkdownPlugin(options, { markdown: mdOptions }) {
-	const markdownTransformMap = new Map();
+	const markdownTransformMap = /* @__PURE__ */ new Map();
 	const transformers = await getMarkdownTransformers(options);
 	return Markdown({
 		include: [/\.md$/],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "51.7.1",
+  "version": "51.8.1",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -51,11 +51,11 @@
     "@shikijs/markdown-it": "^3.4.2",
     "@shikijs/twoslash": "^3.4.2",
     "@shikijs/vitepress-twoslash": "^3.4.2",
-    "@unocss/extractor-mdc": "^66.1.2",
-    "@unocss/reset": "^66.1.2",
+    "@unocss/extractor-mdc": "^66.1.3",
+    "@unocss/reset": "^66.1.3",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vitejs/plugin-vue-jsx": "^4.1.2",
-    "ansis": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "ansis": "^4.1.0",
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
     "connect": "^3.7.0",
@@ -93,25 +93,25 @@
     "sirv": "^3.0.1",
     "source-map-js": "^1.2.1",
     "typescript": "^5.8.3",
-    "unhead": "^2.0.9",
-    "unocss": "^66.1.2",
+    "unhead": "^2.0.10",
+    "unocss": "^66.1.3",
     "unplugin-icons": "^22.1.0",
-    "unplugin-vue-components": "^28.5.0",
+    "unplugin-vue-components": "^28.7.0",
     "unplugin-vue-markdown": "^28.3.1",
     "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",
     "vitefu": "^1.0.6",
-    "vue": "^3.5.14",
+    "vue": "^3.5.16",
     "yaml": "^2.8.0",
     "yargs": "^17.7.2",
-    "@slidev/client": "51.7.1",
-    "@slidev/types": "51.7.1",
-    "@slidev/parser": "51.7.1"
+    "@slidev/client": "51.8.1",
+    "@slidev/parser": "51.8.1",
+    "@slidev/types": "51.8.1"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",