@slidev/cli 52.11.5 → 52.13.0

package/dist/{build-DnSiH_hX.mjs → build-ul0zdJ3D.mjs}

@@ -1,5 +1,5 @@
 import "./resolver-B4CxEjJF.mjs";
-import { t as resolveViteConfigs } from "./shared-DHY1ulq4.mjs";
+import { t as resolveViteConfigs } from "./shared-CPfgmHz0.mjs";
 import { join, resolve } from "node:path";
 import { build as build$1 } from "vite";
 import { existsSync } from "node:fs";

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 import { i as resolveEntry, n as getRoots, r as isInstalledGlobally } from "./resolver-B4CxEjJF.mjs";
-import { a as parser, c as resolveAddons, d as updateFrontmatterPatch, i as resolveOptions, l as version, o as getThemeMeta, s as resolveTheme, u as loadSetups } from "./shared-DHY1ulq4.mjs";
-import { t as createServer } from "./serve-imvXJyRN.mjs";
+import { a as parser, c as resolveAddons, d as updateFrontmatterPatch, i as resolveOptions, l as version, o as getThemeMeta, s as resolveTheme, u as loadSetups } from "./shared-CPfgmHz0.mjs";
+import { t as createServer } from "./serve-BhkY5tXJ.mjs";
 import path from "node:path";
 import process from "node:process";
 import fs from "node:fs/promises";
@@ -288,7 +288,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, "without-notes": withoutNotes } = args;
-	const { build } = await import("./build-DnSiH_hX.mjs");
+	const { build } = await import("./build-ul0zdJ3D.mjs");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,
@@ -353,7 +353,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-C4evmDwN.mjs");
-	const port = await getPort(12445);
+	const candidatePort = await getPort(12445);
 	let warned = false;
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
@@ -365,21 +365,26 @@ cli.command("export [entry..]", "Export slides to PDF", (args) => exportOptions(
 			console.log(cyanBright("[Slidev] Try the new browser exporter!"));
 			console.log(cyanBright("You can use the browser exporter instead by starting the dev server as normal and visit"), `${blue("localhost:")}${dim("<port>")}${blue("/export")}\n`);
 		}
-		const server = await createServer(options, {
-			server: { port },
-			clearScreen: false
-		});
-		await server.listen(port);
-		printInfo(options);
-		const result = await exportSlides({
-			port,
-			...getExportOptions({
-				...args,
-				entry: entryFile
-			}, options)
-		});
-		console.log(`${green("  ✓ ")}${dim("exported to ")}${result}\n`);
-		server.close();
+		let server;
+		try {
+			server = await createServer(options, {
+				server: { port: candidatePort },
+				clearScreen: false
+			});
+			await server.listen(candidatePort);
+			const port = getViteServerPort(server);
+			printInfo(options);
+			const result = await exportSlides({
+				port,
+				...getExportOptions({
+					...args,
+					entry: entryFile
+				}, options)
+			});
+			console.log(`${green("  ✓ ")}${dim("exported to ")}${result}\n`);
+		} finally {
+			await server?.close();
+		}
 	}
 	process.exit(0);
 });
@@ -400,27 +405,37 @@ cli.command("export-notes [entry..]", "Export slide notes to PDF", (args) => arg
 	describe: "wait for the specified ms before exporting"
 }).strict().help(), async ({ entry, output, timeout, wait }) => {
 	const { exportNotes } = await import("./export-C4evmDwN.mjs");
-	const port = await getPort(12445);
+	const candidatePort = await getPort(12445);
 	for (const entryFile of entry) {
 		const options = await resolveOptions({ entry: entryFile }, "export");
-		const server = await createServer(options, {
-			server: { port },
-			clearScreen: false
-		});
-		await server.listen(port);
-		printInfo(options);
-		const result = await exportNotes({
-			port,
-			output: output || (options.data.config.exportFilename ? `${options.data.config.exportFilename}-notes` : `${path.basename(entryFile, ".md")}-export-notes`),
-			timeout,
-			wait
-		});
-		console.log(`${green("  ✓ ")}${dim("exported to ")}${result}\n`);
-		server.close();
+		let server;
+		try {
+			server = await createServer(options, {
+				server: { port: candidatePort },
+				clearScreen: false
+			});
+			await server.listen(candidatePort);
+			const port = getViteServerPort(server);
+			printInfo(options);
+			const result = await exportNotes({
+				port,
+				output: output || (options.data.config.exportFilename ? `${options.data.config.exportFilename}-notes` : `${path.basename(entryFile, ".md")}-export-notes`),
+				timeout,
+				wait
+			});
+			console.log(`${green("  ✓ ")}${dim("exported to ")}${result}\n`);
+		} finally {
+			await server?.close();
+		}
 	}
 	process.exit(0);
 });
 cli.help().parse();
+function getViteServerPort(server) {
+	const address = server.httpServer?.address();
+	if (address && typeof address === "object") return address.port;
+	throw new Error("Failed to get Vite server port");
+}
 function commonOptions(args) {
 	return args.positional("entry", {
 		default: "slides.md",

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import "./resolver-B4CxEjJF.mjs";
-import { a as parser, i as resolveOptions, n as ViteSlidevPlugin, r as createDataUtils } from "./shared-DHY1ulq4.mjs";
-import { t as createServer } from "./serve-imvXJyRN.mjs";
+import { a as parser, i as resolveOptions, n as ViteSlidevPlugin, r as createDataUtils } from "./shared-CPfgmHz0.mjs";
+import { t as createServer } from "./serve-BhkY5tXJ.mjs";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/{serve-imvXJyRN.mjs → serve-BhkY5tXJ.mjs}

@@ -1,4 +1,4 @@
-import { t as resolveViteConfigs } from "./shared-DHY1ulq4.mjs";
+import { t as resolveViteConfigs } from "./shared-CPfgmHz0.mjs";
 import { join } from "node:path";
 import process from "node:process";
 import { createServer } from "vite";

package/dist/{shared-DHY1ulq4.mjs → shared-CPfgmHz0.mjs}

@@ -2,7 +2,7 @@ import { a as resolveImportPath, c as toAtFS, i as resolveEntry, n as getRoots,
 import { builtinModules } from "node:module";
 import path, { basename, dirname, join, relative, resolve } from "node:path";
 import { loadConfigFromFile, mergeConfig } from "vite";
-import MarkdownIt from "markdown-it";
+import MarkdownExit from "markdown-exit";
 import fs, { existsSync } from "node:fs";
 import fs$1, { readFile } from "node:fs/promises";
 import { fileURLToPath, pathToFileURL } from "node:url";
@@ -21,7 +21,6 @@ import fg from "fast-glob";
 import { createDebug } from "obug";
 import pm from "picomatch";
 import { satisfies } from "semver";
-import { escapeHtml } from "markdown-it/lib/common/utils.mjs";
 import { createHead, extractUnheadInputFromHtml, transformHtmlTemplate } from "unhead/server";
 import { createSingletonShorthands, createdBundledHighlighter } from "shiki/core";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
@@ -29,7 +28,6 @@ import { bundledLanguages, bundledThemes } from "shiki";
 import katex from "katex";
 import MagicString from "magic-string-stack";
 import Markdown from "unplugin-vue-markdown/vite";
-import Token from "markdown-it/lib/token.mjs";
 import MarkdownItFootnote from "markdown-it-footnote";
 import MarkdownItMdc from "markdown-it-mdc";
 import { fromAsyncCodeToHtml } from "@shikijs/markdown-it/async";
@@ -505,7 +503,7 @@ function createLayoutWrapperPlugin({ data, utils }) {
 
 //#endregion
 //#region package.json
-var version = "52.11.5";
+var version = "52.13.0";
 
 //#endregion
 //#region node/integrations/addons.ts
@@ -547,9 +545,33 @@ async function getThemeMeta(name, root) {
 
 //#endregion
 //#region node/setups/indexHtml.ts
+function escapeHtml(str) {
+	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
 function toAttrValue(unsafe) {
 	return JSON.stringify(escapeHtml(String(unsafe)));
 }
+function collectPreloadImages(data, base) {
+	if (data.config.preloadImages === false) return [];
+	const seen = /* @__PURE__ */ new Set();
+	const links = [];
+	const basePrefix = base ? base.replace(/\/$/, "") : "";
+	for (const slide of data.slides) {
+		const images = slide.images || slide.source?.images;
+		if (!images?.length) continue;
+		for (const url of images) {
+			if (seen.has(url)) continue;
+			seen.add(url);
+			const href = url.startsWith("http") || url.startsWith("//") ? url : `${basePrefix}${url.startsWith("/") ? url : `/${url}`}`;
+			links.push({
+				rel: "preload",
+				as: "image",
+				href
+			});
+		}
+	}
+	return links;
+}
 async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
 	let main = await readFile(join(clientRoot, "index.html"), "utf-8");
 	let body = "";
@@ -589,10 +611,14 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 	const unhead = createHead({ init: [{
 		htmlAttrs: data.headmatter.lang ? { lang: data.headmatter.lang } : void 0,
 		title,
-		link: [data.config.favicon ? {
-			rel: "icon",
-			href: data.config.favicon
-		} : null, ...webFontsLink].filter((x) => x),
+		link: [
+			data.config.favicon ? {
+				rel: "icon",
+				href: data.config.favicon
+			} : null,
+			...webFontsLink,
+			...collectPreloadImages(data, base)
+		].filter((x) => x),
 		meta: [
 			{
 				"http-equiv": "Content-Type",
@@ -1301,12 +1327,12 @@ const templateStyle = {
 			return toAtFS(join(clientRoot, name));
 		}
 		const imports = [
-			`import "${resolveUrlOfClient("styles/vars.css")}"`,
-			`import "${resolveUrlOfClient("styles/index.css")}"`,
-			`import "${resolveUrlOfClient("styles/code.css")}"`,
-			`import "${resolveUrlOfClient("styles/katex.css")}"`,
-			`import "${resolveUrlOfClient("styles/transitions.css")}"`
-		];
+			"styles/vars.css",
+			"styles/index.css",
+			"styles/code.css",
+			"styles/katex.css",
+			"styles/transitions.css"
+		].map((path$1) => makeAbsoluteImportGlob(userRoot, [join(clientRoot, path$1)]));
 		for (const root of roots) imports.push(makeAbsoluteImportGlob(userRoot, [
 			join(root, "styles/index.{ts,js,css}"),
 			join(root, "styles.{ts,js,css}"),
@@ -1359,7 +1385,7 @@ const templates = [
 //#region node/vite/loaders.ts
 function createSlidesLoader(options, serverOptions) {
 	const { data, mode, utils, withoutNotes } = options;
-	const notesMd = MarkdownIt({ html: true });
+	const notesMd = MarkdownExit({ html: true });
 	notesMd.use(MarkdownItLink);
 	if (data.features.katex) notesMd.use(MarkdownItKatex, utils.katexOptions);
 	const hmrSlidesIndexes = /* @__PURE__ */ new Set();
@@ -1632,6 +1658,162 @@ var SpecialCharacters;
 	SpecialCharacters$1[SpecialCharacters$1["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
 })(SpecialCharacters || (SpecialCharacters = {}));
 
+//#endregion
+//#region ../../node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/token.mjs
+/**
+* class Token
+**/
+/**
+* new Token(type, tag, nesting)
+*
+* Create new token and fill passed properties.
+**/
+function Token(type, tag, nesting) {
+	/**
+	* Token#type -> String
+	*
+	* Type of the token (string, e.g. "paragraph_open")
+	**/
+	this.type = type;
+	/**
+	* Token#tag -> String
+	*
+	* html tag name, e.g. "p"
+	**/
+	this.tag = tag;
+	/**
+	* Token#attrs -> Array
+	*
+	* Html attributes. Format: `[ [ name1, value1 ], [ name2, value2 ] ]`
+	**/
+	this.attrs = null;
+	/**
+	* Token#map -> Array
+	*
+	* Source map info. Format: `[ line_begin, line_end ]`
+	**/
+	this.map = null;
+	/**
+	* Token#nesting -> Number
+	*
+	* Level change (number in {-1, 0, 1} set), where:
+	*
+	* -  `1` means the tag is opening
+	* -  `0` means the tag is self-closing
+	* - `-1` means the tag is closing
+	**/
+	this.nesting = nesting;
+	/**
+	* Token#level -> Number
+	*
+	* nesting level, the same as `state.level`
+	**/
+	this.level = 0;
+	/**
+	* Token#children -> Array
+	*
+	* An array of child nodes (inline and img tokens)
+	**/
+	this.children = null;
+	/**
+	* Token#content -> String
+	*
+	* In a case of self-closing tag (code, html, fence, etc.),
+	* it has contents of this tag.
+	**/
+	this.content = "";
+	/**
+	* Token#markup -> String
+	*
+	* '*' or '_' for emphasis, fence string for fence, etc.
+	**/
+	this.markup = "";
+	/**
+	* Token#info -> String
+	*
+	* Additional information:
+	*
+	* - Info string for "fence" tokens
+	* - The value "auto" for autolink "link_open" and "link_close" tokens
+	* - The string value of the item marker for ordered-list "list_item_open" tokens
+	**/
+	this.info = "";
+	/**
+	* Token#meta -> Object
+	*
+	* A place for plugins to store an arbitrary data
+	**/
+	this.meta = null;
+	/**
+	* Token#block -> Boolean
+	*
+	* True for block-level tokens, false for inline tokens.
+	* Used in renderer to calculate line breaks
+	**/
+	this.block = false;
+	/**
+	* Token#hidden -> Boolean
+	*
+	* If it's true, ignore this element when rendering. Used for tight lists
+	* to hide paragraphs.
+	**/
+	this.hidden = false;
+}
+/**
+* Token.attrIndex(name) -> Number
+*
+* Search attribute index by name.
+**/
+Token.prototype.attrIndex = function attrIndex(name) {
+	if (!this.attrs) return -1;
+	const attrs = this.attrs;
+	for (let i = 0, len = attrs.length; i < len; i++) if (attrs[i][0] === name) return i;
+	return -1;
+};
+/**
+* Token.attrPush(attrData)
+*
+* Add `[ name, value ]` attribute to list. Init attrs if necessary
+**/
+Token.prototype.attrPush = function attrPush(attrData) {
+	if (this.attrs) this.attrs.push(attrData);
+	else this.attrs = [attrData];
+};
+/**
+* Token.attrSet(name, value)
+*
+* Set `name` attribute to `value`. Override old value if exists.
+**/
+Token.prototype.attrSet = function attrSet(name, value) {
+	const idx = this.attrIndex(name);
+	const attrData = [name, value];
+	if (idx < 0) this.attrPush(attrData);
+	else this.attrs[idx] = attrData;
+};
+/**
+* Token.attrGet(name)
+*
+* Get the value of attribute `name`, or null if it does not exist.
+**/
+Token.prototype.attrGet = function attrGet(name) {
+	const idx = this.attrIndex(name);
+	let value = null;
+	if (idx >= 0) value = this.attrs[idx][1];
+	return value;
+};
+/**
+* Token.attrJoin(name, value)
+*
+* Join value to existing attribute via space. Or create new attribute if not
+* exists. Useful to operate with token classes.
+**/
+Token.prototype.attrJoin = function attrJoin(name, value) {
+	const idx = this.attrIndex(name);
+	if (idx < 0) this.attrPush([name, value]);
+	else this.attrs[idx][1] = this.attrs[idx][1] + " " + value;
+};
+var token_default = Token;
+
 //#endregion
 //#region ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=49e14003b6caa0b7d164cbe71da573809d375bab_d6f3113a192503d8f8553bee4b7feffb/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
 const checkboxRegex = /^ *\[([\sx])] /i;
@@ -1691,7 +1873,7 @@ function generateIdForToken(token) {
 	else return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
 }
 function createCheckboxToken(token, enabled, id) {
-	const checkbox = new Token("taskListItemCheckbox", "", 0);
+	const checkbox = new token_default("taskListItemCheckbox", "", 0);
 	if (!enabled) checkbox.attrSet("disabled", "true");
 	if (token.map) checkbox.attrSet("line", token.map[0].toString());
 	checkbox.attrSet("id", id);
@@ -1699,12 +1881,12 @@ function createCheckboxToken(token, enabled, id) {
 	return checkbox;
 }
 function createLabelBeginToken(id) {
-	const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+	const labelBeginToken = new token_default("taskListItemLabel_open", "", 1);
 	labelBeginToken.attrSet("id", id);
 	return labelBeginToken;
 }
 function createLabelEndToken() {
-	return new Token("taskListItemLabel_close", "", -1);
+	return new token_default("taskListItemLabel_close", "", -1);
 }
 function isInline(token) {
 	return token.type === "inline";
@@ -1723,8 +1905,8 @@ function startsWithTodoMarkdown(token) {
 //#region node/syntax/markdown-it/markdown-it-escape-code.ts
 function MarkdownItEscapeInlineCode(md) {
 	const codeInline = md.renderer.rules.code_inline;
-	md.renderer.rules.code_inline = (tokens, idx, options, env, self) => {
-		return codeInline(tokens, idx, options, env, self).replace(/^<code/, "<code v-pre");
+	md.renderer.rules.code_inline = async (tokens, idx, options, env, self) => {
+		return (await codeInline(tokens, idx, options, env, self)).replace(/^<code/, "<code v-pre");
 	};
 }
 
@@ -2214,17 +2396,17 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
 		headEnabled: false,
 		frontmatter: false,
 		escapeCodeTagInterpolation: false,
-		markdownItOptions: {
+		markdownOptions: {
 			quotes: "\"\"''",
 			html: true,
 			xhtmlOut: true,
 			linkify: true,
-			...mdOptions?.markdownItOptions
+			...mdOptions?.markdownOptions
 		},
 		...mdOptions,
-		async markdownItSetup(md) {
+		async markdownSetup(md) {
 			await useMarkdownItPlugins(md, options, markdownTransformMap);
-			await mdOptions?.markdownItSetup?.(md);
+			await mdOptions?.markdownSetup?.(md);
 		},
 		transforms: {
 			...mdOptions?.transforms,
@@ -2564,7 +2746,7 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 
 //#endregion
 //#region node/commands/shared.ts
-const sharedMd = MarkdownIt({ html: true });
+const sharedMd = MarkdownExit({ html: true });
 sharedMd.use(MarkdownItLink);
 function getSlideTitle(data) {
 	const title = stringifyMarkdownTokens(sharedMd.parseInline(data.config.title, {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.11.5",
+  "version": "52.13.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -72,7 +72,7 @@
     "lz-string": "^1.5.0",
     "magic-string": "^0.30.21",
     "magic-string-stack": "^1.1.0",
-    "markdown-it": "^14.1.0",
+    "markdown-exit": "^1.0.0-beta.8",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.8",
     "mlly": "^1.8.0",
@@ -98,7 +98,7 @@
     "unocss": "^66.6.0",
     "unplugin-icons": "^23.0.1",
     "unplugin-vue-components": "^31.0.0",
-    "unplugin-vue-markdown": "^29.2.0",
+    "unplugin-vue-markdown": "^30.0.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
     "vite": "^7.3.1",
@@ -110,9 +110,9 @@
     "vue": "^3.5.27",
     "yaml": "^2.8.2",
     "yargs": "^18.0.0",
-    "@slidev/client": "52.11.5",
-    "@slidev/types": "52.11.5",
-    "@slidev/parser": "52.11.5"
+    "@slidev/client": "52.13.0",
+    "@slidev/types": "52.13.0",
+    "@slidev/parser": "52.13.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",