@slidev/cli 52.1.0 → 52.2.4

package/README.md

@@ -26,9 +26,9 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <table>
 <tbody>
 <td align="center">
-<img width="2000" height="0" alt="" aria-hiden><br>
+<img width="2000" height="0" alt="" aria-hidden><br>
 <sub>Made possible by my <a href="https://github.com/sponsors/antfu">Sponsor Program 💖</a></sub><br>
-<img width="2000" height="0" alt="" aria-hiden>
+<img width="2000" height="0" alt="" aria-hidden>
 </td>
 </tbody>
 </table>

package/dist/{build-DuUdJ0C5.js → build-DPsrmpe8.js}

@@ -1,5 +1,5 @@
-import { resolveViteConfigs } from "./shared-s9xIcfim.js";
-import "./resolver-BShaA6qw.js";
+import { resolveViteConfigs } from "./shared-DyssOEyb.js";
+import "./resolver-3bFppHAb.js";
 import fs from "node:fs/promises";
 import { join, resolve } from "node:path";
 import { build as build$1 } from "vite";
@@ -35,8 +35,7 @@ async function build(options, viteConfig = {}, args) {
 		const filename = options.data.config.seoMeta?.ogImage === "auto" ? "og-image.png" : options.data.config.seoMeta.ogImage;
 		const projectOgImagePath = resolve(options.userRoot, filename);
 		const outputOgImagePath = resolve(outDir, filename);
-		const projectOgImageExists = await fs.access(projectOgImagePath).then(() => true).catch(() => false);
-		if (projectOgImageExists) await fs.copyFile(projectOgImagePath, outputOgImagePath);
+		if (await fs.access(projectOgImagePath).then(() => true).catch(() => false)) await fs.copyFile(projectOgImagePath, outputOgImagePath);
 		else if (options.data.config.seoMeta?.ogImage === "auto") {
 			const port = 12445;
 			const app = connect();
@@ -47,7 +46,7 @@ async function build(options, viteConfig = {}, args) {
 				dev: true
 			}));
 			server.listen(port);
-			const { exportSlides } = await import("./export-D1Zqc-n1.js");
+			const { exportSlides } = await import("./export-DCKSbBi5.js");
 			const tempDir = resolve(outDir, "temp");
 			await fs.mkdir(tempDir, { recursive: true });
 			await exportSlides({
@@ -62,12 +61,12 @@ async function build(options, viteConfig = {}, args) {
 				height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
 				routerMode: options.data.config.routerMode,
 				waitUntil: "networkidle",
-				timeout: 3e4,
+				timeout: args.timeout || 3e4,
 				perSlide: true,
-				omitBackground: false
+				omitBackground: false,
+				dark: args.dark
 			});
-			const tempFiles = await fs.readdir(tempDir);
-			const pngFile = tempFiles.find((file) => file.endsWith(".png"));
+			const pngFile = (await fs.readdir(tempDir)).find((file) => file.endsWith(".png"));
 			if (pngFile) {
 				const generatedPath = resolve(tempDir, pngFile);
 				await fs.copyFile(generatedPath, projectOgImagePath);
@@ -88,7 +87,7 @@ async function build(options, viteConfig = {}, args) {
 		"true",
 		"auto"
 	].includes(options.data.config.download)) {
-		const { exportSlides, getExportOptions } = await import("./export-D1Zqc-n1.js");
+		const { exportSlides, getExportOptions } = await import("./export-DCKSbBi5.js");
 		const port = 12445;
 		const app = connect();
 		const server = http.createServer(app);

package/dist/cli.d.ts

@@ -1 +1 @@
-export { };
+export {};

package/dist/cli.js

@@ -1,6 +1,6 @@
-import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-s9xIcfim.js";
-import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-BShaA6qw.js";
-import { createServer } from "./serve-CCcAw521.js";
+import { getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, updateFrontmatterPatch, version } from "./shared-DyssOEyb.js";
+import { getRoots, isInstalledGlobally, resolveEntry } from "./resolver-3bFppHAb.js";
+import { createServer } from "./serve-BD4iUCHr.js";
 import { exec } from "node:child_process";
 import fs from "node:fs/promises";
 import os from "node:os";
@@ -22,12 +22,11 @@ function setupPreparser() {
 		const addons = Array.isArray(headmatter?.addons) ? headmatter.addons : [];
 		const { userRoot } = await getRoots();
 		const roots = uniq([...await resolveAddons(addons), userRoot]);
-		const returns = await loadSetups(roots, "preparser.ts", [{
+		return (await loadSetups(roots, "preparser.ts", [{
 			filepath,
 			headmatter,
 			mode
-		}]);
-		return returns.flat();
+		}])).flat();
 	});
 }
 
@@ -180,11 +179,10 @@ cli.command("* [entry]", "Start a local server for Slidev", (args) => commonOpti
 	}
 	async function openTunnel(port$1) {
 		const { startTunnel } = await import("untun");
-		const tunnel$1 = await startTunnel({
+		return await (await startTunnel({
 			port: port$1,
 			acceptCloudflareNotice: true
-		});
-		return await tunnel$1?.getURL() ?? "";
+		}))?.getURL() ?? "";
 	}
 	const SHORTCUTS = [
 		{
@@ -295,7 +293,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-DuUdJ0C5.js");
+	const { build } = await import("./build-DPsrmpe8.js");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,
@@ -358,7 +356,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-D1Zqc-n1.js");
+	const { exportSlides, getExportOptions } = await import("./export-DCKSbBi5.js");
 	const port = await getPort(12445);
 	let warned = false;
 	for (const entryFile of entry) {
@@ -405,7 +403,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-D1Zqc-n1.js");
+	const { exportNotes } = await import("./export-DCKSbBi5.js");
 	const port = await getPort(12445);
 	for (const entryFile of entry) {
 		const options = await resolveOptions({ entry: entryFile }, "export");
@@ -543,4 +541,5 @@ function printInfo(options, port, base, remote, tunnelUrl, publicIp) {
 	}
 }
 
-//#endregion
+//#endregion
+export {  };

package/dist/{export-D1Zqc-n1.js → export-DCKSbBi5.js}

@@ -1,4 +1,4 @@
-import { getRoots } from "./resolver-BShaA6qw.js";
+import { getRoots } from "./resolver-3bFppHAb.js";
 import fs from "node:fs/promises";
 import path, { dirname, relative } from "node:path";
 import process from "node:process";
@@ -74,8 +74,7 @@ function createSlidevProgress(indeterminate = false) {
 async function exportNotes({ port = 18724, base = "/", output = "notes", timeout = 3e4, wait = 0 }) {
 	const { chromium } = await importPlaywright();
 	const browser = await chromium.launch();
-	const context = await browser.newContext();
-	const page = await context.newPage();
+	const page = await (await browser.newContext()).newPage();
 	const progress = createSlidevProgress(true);
 	progress.start(1);
 	if (!output.endsWith(".pdf")) output = `${output}.pdf`;
@@ -105,14 +104,13 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 	const pages = parseRangeString(total, range$1);
 	const { chromium } = await importPlaywright();
 	const browser = await chromium.launch({ executablePath });
-	const context = await browser.newContext({
+	const page = await (await browser.newContext({
 		viewport: {
 			width,
 			height: perSlide ? height : height * pages.length
 		},
 		deviceScaleFactor: scale
-	});
-	const page = await context.newPage();
+	})).newPage();
 	const progress = createSlidevProgress(!perSlide);
 	progress.start(pages.length);
 	if (format === "pdf") await genPagePdf();
@@ -167,8 +165,7 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 		}
 		{
 			const container = slide.locator("#mermaid-rendering-container");
-			const count = await container.count();
-			if (count > 0) {
+			if (await container.count() > 0) {
 				while (true) {
 					const element = container.locator("div").first();
 					if (await element.count() === 0) break;
@@ -180,10 +177,7 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 		{
 			const elements = slide.locator(".monaco-aria-container");
 			const count = await elements.count();
-			for (let index = 0; index < count; index++) {
-				const element = elements.nth(index);
-				await element.evaluate((node) => node.style.display = "none");
-			}
+			for (let index = 0; index < count; index++) await elements.nth(index).evaluate((node) => node.style.display = "none");
 		}
 		if (wait) await page.waitForTimeout(wait);
 	}
@@ -196,11 +190,10 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 			const path$1 = Number(id.split("-")[0]);
 			clicksBySlide[path$1] = (clicksBySlide[path$1] || 0) + 1;
 		}
-		const slideIndexes = Object.fromEntries(Object.entries(clicksBySlide).reduce((acc, [path$1, clicks], i) => {
+		return Object.fromEntries(Object.entries(clicksBySlide).reduce((acc, [path$1, clicks], i) => {
 			acc.push([path$1, clicks + (acc[i - 1]?.[1] ?? 0)]);
 			return acc;
 		}, []));
-		return slideIndexes;
 	}
 	function getClicksFromUrl(url) {
 		return url.match(/clicks=([1-9]\d*)/)?.[1];
@@ -240,8 +233,7 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 		let mergedPdf = await PDFDocument.create({});
 		for (const pdfBytes of buffers) {
 			const pdf = await PDFDocument.load(pdfBytes);
-			const copiedPages = await mergedPdf.copyPages(pdf, pdf.getPageIndices());
-			copiedPages.forEach((page$1) => {
+			(await mergedPdf.copyPages(pdf, pdf.getPageIndices())).forEach((page$1) => {
 				mergedPdf.addPage(page$1);
 			});
 		}
@@ -375,7 +367,7 @@ async function exportSlides({ port = 18724, total = 0, range: range$1, format =
 	}
 }
 function getExportOptions(args, options, outFilename) {
-	const config = {
+	const { entry, output, format, timeout, wait, waitUntil, range: range$1, dark, withClicks, executablePath, withToc, perSlide, scale, omitBackground } = {
 		...options.data.config.export,
 		...args,
 		...clearUndefined({
@@ -387,7 +379,6 @@ function getExportOptions(args, options, outFilename) {
 			omitBackground: args["omit-background"]
 		})
 	};
-	const { entry, output, format, timeout, wait, waitUntil, range: range$1, dark, withClicks, executablePath, withToc, perSlide, scale, omitBackground } = config;
 	outFilename = output || options.data.config.exportFilename || outFilename || `${path.basename(entry, ".md")}-export`;
 	return {
 		output: outFilename,

package/dist/index.js

@@ -1,5 +1,5 @@
-import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-s9xIcfim.js";
-import "./resolver-BShaA6qw.js";
-import { createServer } from "./serve-CCcAw521.js";
+import { ViteSlidevPlugin, createDataUtils, parser, resolveOptions } from "./shared-DyssOEyb.js";
+import "./resolver-3bFppHAb.js";
+import { createServer } from "./serve-BD4iUCHr.js";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

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

@@ -82,8 +82,7 @@ function createResolver(type, officials) {
 		if (name.startsWith("@/")) return [name, resolve(userRoot, name.slice(2))];
 		if (name[0] === "." || name[0] !== "@" && name.includes("/")) return [name, resolve(dirname(importer), name)];
 		if (name.startsWith(`@slidev/${type}-`) || name.startsWith(`slidev-${type}-`)) {
-			const pkgRoot = await findPkgRoot(name, importer);
-			if (!pkgRoot) await promptForInstallation(name);
+			if (!await findPkgRoot(name, importer)) await promptForInstallation(name);
 			return [name, await findPkgRoot(name, importer, true)];
 		}
 		{
@@ -114,12 +113,10 @@ function hasWorkspacePackageJSON(root) {
 	} catch {
 		return false;
 	}
-	const content = JSON.parse(fs$1.readFileSync(path$1, "utf-8")) || {};
-	return !!content.workspaces;
+	return !!(JSON.parse(fs$1.readFileSync(path$1, "utf-8")) || {}).workspaces;
 }
 function hasRootFile(root) {
-	const ROOT_FILES = ["pnpm-workspace.yaml"];
-	return ROOT_FILES.some((file) => fs$1.existsSync(join(root, file)));
+	return ["pnpm-workspace.yaml"].some((file) => fs$1.existsSync(join(root, file)));
 }
 /**
 * Search up for the nearest workspace root

package/dist/{serve-CCcAw521.js → serve-BD4iUCHr.js}

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

package/dist/{shared-s9xIcfim.js → shared-DyssOEyb.js}

@@ -1,6 +1,6 @@
-import { createResolver, getRoots, isInstalledGlobally, resolveEntry, resolveImportPath, resolveImportUrl, toAtFS } from "./resolver-BShaA6qw.js";
+import { createResolver, getRoots, isInstalledGlobally, resolveEntry, resolveImportPath, resolveImportUrl, toAtFS } from "./resolver-3bFppHAb.js";
 import { builtinModules } from "node:module";
-import fs from "node:fs/promises";
+import fs, { readFile } from "node:fs/promises";
 import path, { basename, dirname, join, resolve } from "node:path";
 import { bold, gray, red, white, yellow } from "ansis";
 import equal from "fast-deep-equal";
@@ -16,7 +16,6 @@ import Components from "unplugin-vue-components/vite";
 import { createResolve } from "mlly";
 import { findDepPkgJsonPath } from "vitefu";
 import Icons from "unplugin-icons/vite";
-import * as parser$1 from "@slidev/parser/fs";
 import * as parser from "@slidev/parser/fs";
 import Debug from "debug";
 import fg from "fast-glob";
@@ -43,7 +42,7 @@ import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
 
 //#region package.json
-var version = "52.1.0";
+var version = "52.2.4";
 
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-link.ts
@@ -78,8 +77,7 @@ function stringifyMarkdownTokens(tokens) {
 }
 function generateFontParams(options) {
 	const weights = options.weights.flatMap((i) => options.italic ? [`0,${i}`, `1,${i}`] : [`${i}`]).sort().join(";");
-	const fontParams = options.webfonts.map((i) => `family=${i.replace(/^(['"])(.*)\1$/, "$1").replace(/\s+/g, "+")}:${options.italic ? "ital," : ""}wght@${weights}`).join("&");
-	return fontParams;
+	return options.webfonts.map((i) => `family=${i.replace(/^(['"])(.*)\1$/, "$1").replace(/\s+/g, "+")}:${options.italic ? "ital," : ""}wght@${weights}`).join("&");
 }
 function generateGoogleFontsUrl(options) {
 	return `https://fonts.googleapis.com/css2?${generateFontParams(options)}&display=swap`;
@@ -141,14 +139,14 @@ function createVueCompilerFlagsPlugin(options) {
 	return {
 		name: "slidev:flags",
 		enforce: "pre",
-		transform(code, id) {
+		transform: { handler(code, id) {
 			if (!id.match(/\.vue($|\?)/) && !id.includes("?vue&")) return;
 			const original = code;
 			define.forEach(([from, to]) => {
 				code = code.replaceAll(from, to);
 			});
 			if (original !== code) return code;
-		}
+		} }
 	};
 }
 
@@ -200,7 +198,7 @@ const templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $pa
 function createContextInjectionPlugin() {
 	return {
 		name: "slidev:context-injection",
-		async transform(code, id) {
+		transform: { async handler(code, id) {
 			if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/")) return;
 			if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()")) return code;
 			const imports = [
@@ -208,18 +206,23 @@ function createContextInjectionPlugin() {
 				templateInitContext,
 				templateInjectionMarker
 			];
-			const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
-			if (matchScript && matchScript[2]) return code.replace(/(<script.*>)/g, `$1\n${imports.join("\n")}\n`);
-			else if (matchScript && !matchScript[2]) {
+			const matchScripts = [...code.matchAll(/<script([^>]*)>/g)];
+			const setupScriptMatch = [...code.matchAll(/<script([^>]*)setup([^>]*)>/g)].at(0);
+			if (setupScriptMatch) {
+				const setupTag = setupScriptMatch[0];
+				const setupTagEnd = (setupScriptMatch.index || 0) + setupTag.length;
+				return `${code.slice(0, setupTagEnd)}\n${imports.join("\n")}\n${code.slice(setupTagEnd)}`;
+			} else if (!setupScriptMatch && matchScripts.length === 1) {
 				const matchExport = code.match(/export\s+default\s+\{/);
 				if (matchExport) {
 					const exportIndex = (matchExport.index || 0) + matchExport[0].length;
 					let component = code.slice(exportIndex);
-					component = component.slice(0, component.indexOf("</script>"));
-					const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
-					const provideImport = "\nimport { injectionSlidevContext } from \"@slidev/client/constants.ts\"\n";
-					code = `${code.slice(0, scriptIndex)}${provideImport}${code.slice(scriptIndex)}`;
-					let injectIndex = exportIndex + provideImport.length;
+					component = component.slice(0, component.indexOf("<\/script>"));
+					const scriptIndex = (matchScripts[0].index || 0) + matchScripts[0][0].length;
+					code = `${code.slice(0, scriptIndex)}
+import { injectionSlidevContext } from "@slidev/client/constants.ts"
+${code.slice(scriptIndex)}`;
+					let injectIndex = exportIndex + 70;
 					let injectObject = "$slidev: { from: injectionSlidevContext },";
 					const matchInject = component.match(/.*inject\s*:\s*([[{])/);
 					if (matchInject) {
@@ -235,8 +238,8 @@ function createContextInjectionPlugin() {
 					return `${code.slice(0, injectIndex)}\ninject: { ${injectObject} },\n${code.slice(injectIndex)}`;
 				}
 			}
-			return `<script setup>\n${imports.join("\n")}\n</script>\n${code}`;
-		}
+			return `<script setup>\n${imports.join("\n")}\n<\/script>\n${code}`;
+		} }
 	};
 }
 
@@ -396,9 +399,12 @@ function createConfigPlugin(options) {
 function createHmrPatchPlugin() {
 	return {
 		name: "slidev:hmr-patch",
-		transform(code, id) {
-			if (!id.match(regexSlideSourceId)) return;
-			return code.replace("if (_rerender_only)", "if (false)");
+		transform: {
+			filter: { id: { include: regexSlideSourceId } },
+			handler(code, id) {
+				if (!id.match(regexSlideSourceId)) return;
+				return code.replace("if (_rerender_only)", "if (false)");
+			}
 		}
 	};
 }
@@ -430,40 +436,42 @@ async function createInspectPlugin(options, pluginOptions) {
 function createLayoutWrapperPlugin({ data, utils }) {
 	return {
 		name: "slidev:layout-wrapper",
-		async transform(code, id) {
-			const match = id.match(regexSlideSourceId);
-			if (!match) return;
-			const [, no, type] = match;
-			if (type !== "md") return;
-			const index = +no - 1;
-			const layouts = utils.getLayouts();
-			const rawLayoutName = data.slides[index]?.frontmatter?.layout ?? data.slides[0]?.frontmatter?.defaults?.layout;
-			let layoutName = rawLayoutName || (index === 0 ? "cover" : "default");
-			if (!layouts[layoutName]) {
-				console.error(red(`\nUnknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
-				console.error();
-				layoutName = "default";
+		transform: {
+			filter: { id: { include: regexSlideSourceId } },
+			async handler(code, id) {
+				const match = id.match(regexSlideSourceId);
+				if (!match) return;
+				const [, no, type] = match;
+				if (type !== "md") return;
+				const index = +no - 1;
+				const layouts = utils.getLayouts();
+				let layoutName = (data.slides[index]?.frontmatter?.layout ?? data.slides[0]?.frontmatter?.defaults?.layout) || (index === 0 ? "cover" : "default");
+				if (!layouts[layoutName]) {
+					console.error(red(`\nUnknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
+					console.error();
+					layoutName = "default";
+				}
+				const setupTag = code.match(/^<script setup.*>/m);
+				if (!setupTag) throw new Error(`[Slidev] Internal error: <script setup> block not found in slide ${index + 1}.`);
+				const templatePart = code.slice(0, setupTag.index);
+				const scriptPart = code.slice(setupTag.index);
+				const bodyStart = templatePart.indexOf("<template>") + 10;
+				const bodyEnd = templatePart.lastIndexOf("</template>");
+				let body = code.slice(bodyStart, bodyEnd).trim();
+				if (body.startsWith("<div>") && body.endsWith("</div>")) body = body.slice(5, -6);
+				return [
+					templatePart.slice(0, bodyStart),
+					`<InjectedLayout v-bind="_frontmatterToProps($frontmatter,${index})">\n${body}\n</InjectedLayout>`,
+					templatePart.slice(bodyEnd),
+					scriptPart.slice(0, setupTag[0].length),
+					`import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
+					templateImportContextUtils,
+					templateInitContext,
+					"$clicksContext.setup()",
+					templateInjectionMarker,
+					scriptPart.slice(setupTag[0].length)
+				].join("\n");
 			}
-			const setupTag = code.match(/^<script setup.*>/m);
-			if (!setupTag) throw new Error(`[Slidev] Internal error: <script setup> block not found in slide ${index + 1}.`);
-			const templatePart = code.slice(0, setupTag.index);
-			const scriptPart = code.slice(setupTag.index);
-			const bodyStart = templatePart.indexOf("<template>") + 10;
-			const bodyEnd = templatePart.lastIndexOf("</template>");
-			let body = code.slice(bodyStart, bodyEnd).trim();
-			if (body.startsWith("<div>") && body.endsWith("</div>")) body = body.slice(5, -6);
-			return [
-				templatePart.slice(0, bodyStart),
-				`<InjectedLayout v-bind="_frontmatterToProps($frontmatter,${index})">\n${body}\n</InjectedLayout>`,
-				templatePart.slice(bodyEnd),
-				scriptPart.slice(0, setupTag[0].length),
-				`import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
-				templateImportContextUtils,
-				templateInitContext,
-				"$clicksContext.setup()",
-				templateInjectionMarker,
-				scriptPart.slice(setupTag[0].length)
-			].join("\n");
 		}
 	};
 }
@@ -518,16 +526,16 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 	for (const root of roots) {
 		const path$1 = join(root, "index.html");
 		if (!existsSync(path$1)) continue;
-		const html$1 = readFileSync(path$1, "utf-8");
-		if (root === userRoot && html$1.includes("<!DOCTYPE")) {
+		const html = readFileSync(path$1, "utf-8");
+		if (root === userRoot && html.includes("<!DOCTYPE")) {
 			console.error(yellow(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path$1)})`));
 			console.error(yellow("This file may be generated by Slidev, please remove it from your project."));
 			continue;
 		}
-		inputs.push(extractUnheadInputFromHtml(html$1).input);
-		body += `\n${(html$1.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
+		inputs.push(extractUnheadInputFromHtml(html).input);
+		body += `\n${(html.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
 	}
-	if (data.features.tweet) body += "\n<script async src=\"https://platform.twitter.com/widgets.js\"></script>";
+	if (data.features.tweet) body += "\n<script async src=\"https://platform.twitter.com/widgets.js\"><\/script>";
 	const webFontsLink = [];
 	if (data.config.fonts.webfonts.length) {
 		const { provider } = data.config.fonts;
@@ -564,7 +572,7 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 				content: version
 			},
 			{
-				charset: "slidev:entry",
+				property: "slidev:entry",
 				content: mode === "dev" && slash(entry)
 			},
 			{
@@ -623,8 +631,7 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 	}, ...inputs] });
 	const baseInDev = mode === "dev" && base ? base.slice(0, -1) : "";
 	main = main.replace("__ENTRY__", baseInDev + encodeURI(toAtFS(join(clientRoot, "main.ts")))).replace("<!-- body -->", body);
-	const html = await transformHtmlTemplate(unhead, main);
-	return html;
+	return await transformHtmlTemplate(unhead, main);
 }
 
 //#endregion
@@ -690,13 +697,13 @@ const debug = Debug("slidev:options");
 async function resolveOptions(entryOptions, mode) {
 	const entry = await resolveEntry(entryOptions.entry);
 	const rootsInfo = await getRoots(entry);
-	const loaded = await parser$1.load(rootsInfo.userRoot, entry, void 0, mode);
+	const loaded = await parser.load(rootsInfo.userRoot, entry, void 0, mode);
 	let themeRaw = entryOptions.theme || loaded.headmatter.theme;
 	themeRaw = themeRaw === null ? "none" : themeRaw || "default";
 	const [theme, themeRoot] = await resolveTheme(themeRaw, entry);
 	const themeRoots = themeRoot ? [themeRoot] : [];
 	const themeMeta = themeRoot ? await getThemeMeta(theme, themeRoot) : void 0;
-	const config = parser$1.resolveConfig(loaded.headmatter, themeMeta, entryOptions.entry);
+	const config = parser.resolveConfig(loaded.headmatter, themeMeta, entryOptions.entry);
 	const addonRoots = await resolveAddons(config.addons);
 	const roots = uniq([
 		...themeRoots,
@@ -962,7 +969,7 @@ const templateLegacyTitles = {
 import TitleRenderer from '#slidev/title-renderer'
 defineProps<{ no: number | string }>()
 console.warn('/@slidev/titles.md is deprecated, import from #slidev/title-renderer instead')
-</script>
+<\/script>
 
 <TitleRenderer :no="no" />
 `;
@@ -1061,8 +1068,7 @@ const templateMonacoTypes = {
 			const mainPackageName = moduleSpecifier.split("/")[0];
 			if (builtinModules.includes(mainPackageName) && !mainPackageName.startsWith("@")) return "node";
 			const [a = "", b = ""] = moduleSpecifier.split("/");
-			const moduleName = a.startsWith("@") ? `${a}/${b}` : a;
-			return moduleName;
+			return a.startsWith("@") ? `${a}/${b}` : a;
 		}
 		let deps = [...data.config.monacoTypesAdditionalPackages];
 		if (data.config.monacoTypesSource === "local") deps.push(...data.features.monaco.types);
@@ -1174,10 +1180,9 @@ const VIRTUAL_SLIDE_PREFIX = "/@slidev/slides/";
 const templateSlides = {
 	id: "/@slidev/slides",
 	getContent({ data, utils }) {
-		const layouts = utils.getLayouts();
 		const statements = [
 			`import { defineAsyncComponent, shallowRef } from 'vue'`,
-			`import SlideError from '${layouts.error}'`,
+			`import SlideError from '${utils.getLayouts().error}'`,
 			`import SlideLoading from '@slidev/client/internals/SlideLoading.vue'`,
 			`const componentsCache = new Array(${data.slides.length})`,
 			`const getAsyncComponent = (idx, loader) => defineAsyncComponent({`,
@@ -1249,7 +1254,7 @@ const templateTitleRendererMd = {
 	id: "/@slidev/title-renderer.md",
 	getContent({ data }) {
 		const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="no === ${i + 1}">\n\n${title}\n\n</template>`);
-		lines.push(`<script setup lang="ts">`, `import { useSlideContext } from '@slidev/client/context.ts'`, `import { computed } from 'vue'`, `const props = defineProps<{ no?: number | string }>()`, `const { $page } = useSlideContext()`, `const no = computed(() => +(props.no ?? $page.value))`, `</script>`);
+		lines.push(`<script setup lang="ts">`, `import { useSlideContext } from '@slidev/client/context.ts'`, `import { computed } from 'vue'`, `const props = defineProps<{ no?: number | string }>()`, `const { $page } = useSlideContext()`, `const no = computed(() => +(props.no ?? $page.value))`, `<\/script>`);
 		return lines.join("\n");
 	}
 };
@@ -1512,11 +1517,10 @@ function createSlidesLoader(options, serverOptions) {
 	};
 	function renderNote(text = "") {
 		let clickCount = 0;
-		const html = notesMd.render(text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
+		return notesMd.render(text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
 			clickCount += Number(count);
 			return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
 		}));
-		return html;
 	}
 	function withRenderedNote(data$1) {
 		return {
@@ -1565,9 +1569,7 @@ function taskLists(md, options = {
 		return "</label>";
 	};
 	md.renderer.rules.taskListItemLabel_open = (tokens) => {
-		const token = tokens[0];
-		const id = token.attrGet("id");
-		return `<label for="${id}">`;
+		return `<label for="${tokens[0].attrGet("id")}">`;
 	};
 }
 function processToken(state, options) {
@@ -1578,8 +1580,7 @@ function processToken(state, options) {
 		allTokens[i - 2].attrJoin("class", `task-list-item ${options.enabled ? " enabled" : ""}`);
 		const parentToken = findParentToken(allTokens, i - 2);
 		if (parentToken) {
-			const classes = parentToken.attrGet("class") ?? "";
-			if (!classes.match(/(^| )contains-task-list/)) parentToken.attrJoin("class", "contains-task-list");
+			if (!(parentToken.attrGet("class") ?? "").match(/(^| )contains-task-list/)) parentToken.attrJoin("class", "contains-task-list");
 		}
 	}
 	return false;
@@ -1587,7 +1588,6 @@ function processToken(state, options) {
 function findParentToken(tokens, index) {
 	const targetLevel = tokens[index].level - 1;
 	for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) if (tokens[currentTokenIndex].level === targetLevel) return tokens[currentTokenIndex];
-	return void 0;
 }
 function isTodoItem(tokens, index) {
 	return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
@@ -1611,9 +1611,7 @@ function createCheckboxToken(token, enabled, id) {
 	if (!enabled) checkbox.attrSet("disabled", "true");
 	if (token.map) checkbox.attrSet("line", token.map[0].toString());
 	checkbox.attrSet("id", id);
-	const checkboxRegexResult = checkboxRegex.exec(token.content);
-	const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
-	if (isChecked) checkbox.attrSet("checked", "true");
+	if (checkboxRegex.exec(token.content)?.[1].toLowerCase() === "x") checkbox.attrSet("checked", "true");
 	return checkbox;
 }
 function createLabelBeginToken(id) {
@@ -1642,8 +1640,7 @@ function startsWithTodoMarkdown(token) {
 function MarkdownItEscapeInlineCode(md) {
 	const codeInline = md.renderer.rules.code_inline;
 	md.renderer.rules.code_inline = (tokens, idx, options, env, self) => {
-		const result = codeInline(tokens, idx, options, env, self);
-		return result.replace(/^<code/, "<code v-pre");
+		return codeInline(tokens, idx, options, env, self).replace(/^<code/, "<code v-pre");
 	};
 }
 
@@ -1807,7 +1804,7 @@ async function setupTransformers(roots) {
 
 //#endregion
 //#region node/syntax/transform/code-wrapper.ts
-const reCodeBlock = /^```([\w'-]+)?\s*(?:\[(.*?)\])?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n([ \t]*\S[\s\S]*?)^```$/gm;
+const reCodeBlock = /^```([\w'-]+)?\s*(?:\[(.*?)\])?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n((?:(?!^```)[\s\S])*?)^```$/gm;
 /**
 * Transform code block with wrapper
 */
@@ -1884,16 +1881,14 @@ function transformMermaid(ctx) {
 	ctx.s.replace(/^```mermaid *(\{[^\n]*\})?\n([\s\S]+?)\n```/gm, (full, options = "", code = "") => {
 		code = code.trim();
 		options = options.trim() || "{}";
-		const encoded = lz.compressToBase64(code);
-		return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
+		return `<Mermaid code-lz="${lz.compressToBase64(code)}" v-bind="${options}" />`;
 	});
 }
 
 //#endregion
 //#region node/syntax/transform/monaco.ts
 function transformMonaco(ctx) {
-	const enabled = ctx.options.data.config.monaco === true || ctx.options.data.config.monaco === ctx.options.mode;
-	if (!enabled) {
+	if (!(ctx.options.data.config.monaco === true || ctx.options.data.config.monaco === ctx.options.mode)) {
 		ctx.s.replace(/\{monaco([\w:,-]*)\}/g, "");
 		return;
 	}
@@ -1907,14 +1902,12 @@ function transformMonaco(ctx) {
 	ctx.s.replace(/^```(\w+) *\{monaco\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm, (full, lang = "ts", options = "{}", code) => {
 		lang = lang.trim();
 		options = options.trim() || "{}";
-		const encoded = lz.compressToBase64(code);
-		return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+		return `<Monaco code-lz="${lz.compressToBase64(code)}" lang="${lang}" v-bind="${options}" />`;
 	});
 	ctx.s.replace(/^```(\w+) *\{monaco-run\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm, (full, lang = "ts", options = "{}", code) => {
 		lang = lang.trim();
 		options = options.trim() || "{}";
-		const encoded = lz.compressToBase64(code);
-		return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+		return `<Monaco runnable code-lz="${lz.compressToBase64(code)}" lang="${lang}" v-bind="${options}" />`;
 	});
 }
 
@@ -2187,6 +2180,26 @@ function createMonacoTypesLoader({ userRoot, utils }) {
 	};
 }
 
+//#endregion
+//#region node/vite/patchMonacoSourceMap.ts
+const postfixRE = /[?#].*$/;
+function cleanUrl(url) {
+	return url.replace(postfixRE, "");
+}
+/**
+* Temporary workaround for https://github.com/microsoft/monaco-editor/issues/4712
+*/
+function createPatchMonacoSourceMapPlugin() {
+	return {
+		name: "slidev:patch-monaco-sourcemap",
+		enforce: "pre",
+		load(id) {
+			if (!id.includes("node_modules/monaco-editor/esm/vs/base")) return;
+			return readFile(cleanUrl(id), "utf-8");
+		}
+	};
+}
+
 //#endregion
 //#region node/vite/remoteAssets.ts
 async function createRemoteAssetsPlugin({ data: { config }, mode }, pluginOptions) {
@@ -2225,8 +2238,7 @@ async function loadDrawings(options) {
 	await Promise.all(files.map(async (path$1) => {
 		const num = +basename(path$1, ".svg");
 		if (Number.isNaN(num)) return;
-		const content = await fs.readFile(path$1, "utf8");
-		const lines = content.split(/\n/g);
+		const lines = (await fs.readFile(path$1, "utf8")).split(/\n/g);
 		obj[num.toString()] = lines.slice(1, -1).join("\n");
 	}));
 	return obj;
@@ -2348,10 +2360,7 @@ async function createUnocssPlugin(options, pluginOptions) {
 async function createUserVitePlugins(options) {
 	const createPluginTasks = options.roots.map(async (root) => {
 		const modulePath = path.join(root, "setup", "vite-plugins.ts");
-		if (existsSync(modulePath)) {
-			const module = await loadModule(modulePath);
-			return module.default(options);
-		}
+		if (existsSync(modulePath)) return (await loadModule(modulePath)).default(options);
 		return [];
 	});
 	return (await Promise.all(createPluginTasks)).flatMap((p) => p);
@@ -2410,8 +2419,7 @@ async function createVuePlugin(_options, pluginOptions) {
 			}
 		}
 	});
-	const VueJsxPlugin = VueJsx(vuejsxOptions);
-	return [VueJsxPlugin, VuePlugin];
+	return [VueJsx(vuejsxOptions), VuePlugin];
 }
 
 //#endregion
@@ -2435,7 +2443,8 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 		createUnocssPlugin(options, pluginOptions),
 		createStaticCopyPlugin(options, pluginOptions),
 		createInspectPlugin(options, pluginOptions),
-		createUserVitePlugins(options)
+		createUserVitePlugins(options),
+		createPatchMonacoSourceMapPlugin()
 	]);
 }
 
@@ -2472,4 +2481,4 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
 }
 
 //#endregion
-export { ViteSlidevPlugin, createDataUtils, getThemeMeta, loadSetups, parser$1 as parser, resolveAddons, resolveOptions, resolveTheme, resolveViteConfigs, updateFrontmatterPatch, version };
+export { ViteSlidevPlugin, createDataUtils, getThemeMeta, loadSetups, parser, resolveAddons, resolveOptions, resolveTheme, resolveViteConfigs, updateFrontmatterPatch, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.1.0",
+  "version": "52.2.4",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,22 +44,22 @@
   "dependencies": {
     "@antfu/ni": "^25.0.0",
     "@antfu/utils": "^9.2.0",
-    "@iconify-json/carbon": "^1.2.11",
+    "@iconify-json/carbon": "^1.2.13",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/svg-spinners": "^1.2.2",
+    "@iconify-json/svg-spinners": "^1.2.4",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^3.8.1",
-    "@shikijs/twoslash": "^3.8.1",
-    "@shikijs/vitepress-twoslash": "^3.8.1",
-    "@unocss/extractor-mdc": "^66.3.3",
-    "@unocss/reset": "^66.3.3",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@shikijs/markdown-it": "^3.13.0",
+    "@shikijs/twoslash": "^3.13.0",
+    "@shikijs/vitepress-twoslash": "^3.13.0",
+    "@unocss/extractor-mdc": "^66.5.1",
+    "@unocss/reset": "^66.5.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
     "ansis": "^4.1.0",
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
     "connect": "^3.7.0",
-    "debug": "^4.4.1",
+    "debug": "^4.4.3",
     "fast-deep-equal": "^3.1.3",
     "fast-glob": "^3.3.3",
     "get-port-please": "^3.2.0",
@@ -68,15 +68,15 @@
     "is-installed-globally": "^1.0.0",
     "jiti": "^2.5.1",
     "katex": "^0.16.22",
-    "local-pkg": "^1.1.1",
+    "local-pkg": "^1.1.2",
     "lz-string": "^1.5.0",
-    "magic-string": "^0.30.17",
-    "magic-string-stack": "^1.0.0",
+    "magic-string": "^0.30.19",
+    "magic-string-stack": "^1.1.0",
     "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.6",
-    "mlly": "^1.7.4",
-    "monaco-editor": "^0.52.2",
+    "mlly": "^1.8.0",
+    "monaco-editor": "^0.53.0",
     "open": "^10.2.0",
     "pdf-lib": "^1.17.1",
     "picomatch": "^4.0.3",
@@ -88,34 +88,34 @@
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.7.2",
-    "shiki": "^3.8.1",
+    "shiki": "^3.13.0",
     "shiki-magic-move": "^1.1.0",
-    "sirv": "^3.0.1",
+    "sirv": "^3.0.2",
     "source-map-js": "^1.2.1",
-    "typescript": "^5.8.3",
-    "unhead": "^2.0.12",
-    "unocss": "^66.3.3",
-    "unplugin-icons": "^22.1.0",
+    "typescript": "^5.9.2",
+    "unhead": "^2.0.17",
+    "unocss": "^66.5.1",
+    "unplugin-icons": "^22.3.0",
     "unplugin-vue-components": "^28.8.0",
     "unplugin-vue-markdown": "^29.1.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^7.0.6",
-    "vite-plugin-inspect": "^11.3.2",
-    "vite-plugin-remote-assets": "^2.0.0",
-    "vite-plugin-static-copy": "^3.1.1",
+    "vite": "^7.1.6",
+    "vite-plugin-inspect": "^11.3.3",
+    "vite-plugin-remote-assets": "^2.1.0",
+    "vite-plugin-static-copy": "^3.1.2",
     "vite-plugin-vue-server-ref": "^1.0.0",
     "vitefu": "^1.1.1",
-    "vue": "^3.5.18",
-    "yaml": "^2.8.0",
+    "vue": "^3.5.21",
+    "yaml": "^2.8.1",
     "yargs": "^18.0.0",
-    "@slidev/parser": "52.1.0",
-    "@slidev/client": "52.1.0",
-    "@slidev/types": "52.1.0"
+    "@slidev/parser": "52.2.4",
+    "@slidev/client": "52.2.4",
+    "@slidev/types": "52.2.4"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",
-    "@types/picomatch": "^4.0.1",
+    "@types/picomatch": "^4.0.2",
     "@types/plantuml-encoder": "^1.4.2"
   },
   "scripts": {