@slidev/cli 0.49.3 → 0.49.5

package/dist/{build-B7KZ5KHE.mjs → build-KJ6XT4WV.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-TQT222QW.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-RG2EEPCO.mjs";
 import "./chunk-BXO7ZPPU.mjs";
@@ -63,7 +63,7 @@ async function build(options, viteConfig = {}, args) {
     await fs.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides, getExportOptions } = await import("./export-WUI5C4U3.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-Q4LURPEZ.mjs");
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{chunk-OL3F2SCP.mjs → chunk-5LCF46EH.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   mergeViteConfigs,
   version
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-TQT222QW.mjs";
 import {
   createResolver,
   getRoots,

package/dist/{chunk-NQBDNZ65.mjs → chunk-TQT222QW.mjs}

@@ -89,17 +89,17 @@ var require_visit = __commonJS({
     visit.BREAK = BREAK;
     visit.SKIP = SKIP;
     visit.REMOVE = REMOVE;
-    function visit_(key, node, visitor, path3) {
-      const ctrl = callVisitor(key, node, visitor, path3);
+    function visit_(key, node, visitor, path4) {
+      const ctrl = callVisitor(key, node, visitor, path4);
       if (identity.isNode(ctrl) || identity.isPair(ctrl)) {
-        replaceNode(key, path3, ctrl);
-        return visit_(key, ctrl, visitor, path3);
+        replaceNode(key, path4, ctrl);
+        return visit_(key, ctrl, visitor, path4);
       }
       if (typeof ctrl !== "symbol") {
         if (identity.isCollection(node)) {
-          path3 = Object.freeze(path3.concat(node));
+          path4 = Object.freeze(path4.concat(node));
           for (let i = 0; i < node.items.length; ++i) {
-            const ci = visit_(i, node.items[i], visitor, path3);
+            const ci = visit_(i, node.items[i], visitor, path4);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -110,13 +110,13 @@ var require_visit = __commonJS({
             }
           }
         } else if (identity.isPair(node)) {
-          path3 = Object.freeze(path3.concat(node));
-          const ck = visit_("key", node.key, visitor, path3);
+          path4 = Object.freeze(path4.concat(node));
+          const ck = visit_("key", node.key, visitor, path4);
           if (ck === BREAK)
             return BREAK;
           else if (ck === REMOVE)
             node.key = null;
-          const cv = visit_("value", node.value, visitor, path3);
+          const cv = visit_("value", node.value, visitor, path4);
           if (cv === BREAK)
             return BREAK;
           else if (cv === REMOVE)
@@ -137,17 +137,17 @@ var require_visit = __commonJS({
     visitAsync.BREAK = BREAK;
     visitAsync.SKIP = SKIP;
     visitAsync.REMOVE = REMOVE;
-    async function visitAsync_(key, node, visitor, path3) {
-      const ctrl = await callVisitor(key, node, visitor, path3);
+    async function visitAsync_(key, node, visitor, path4) {
+      const ctrl = await callVisitor(key, node, visitor, path4);
       if (identity.isNode(ctrl) || identity.isPair(ctrl)) {
-        replaceNode(key, path3, ctrl);
-        return visitAsync_(key, ctrl, visitor, path3);
+        replaceNode(key, path4, ctrl);
+        return visitAsync_(key, ctrl, visitor, path4);
       }
       if (typeof ctrl !== "symbol") {
         if (identity.isCollection(node)) {
-          path3 = Object.freeze(path3.concat(node));
+          path4 = Object.freeze(path4.concat(node));
           for (let i = 0; i < node.items.length; ++i) {
-            const ci = await visitAsync_(i, node.items[i], visitor, path3);
+            const ci = await visitAsync_(i, node.items[i], visitor, path4);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -158,13 +158,13 @@ var require_visit = __commonJS({
             }
           }
         } else if (identity.isPair(node)) {
-          path3 = Object.freeze(path3.concat(node));
-          const ck = await visitAsync_("key", node.key, visitor, path3);
+          path4 = Object.freeze(path4.concat(node));
+          const ck = await visitAsync_("key", node.key, visitor, path4);
           if (ck === BREAK)
             return BREAK;
           else if (ck === REMOVE)
             node.key = null;
-          const cv = await visitAsync_("value", node.value, visitor, path3);
+          const cv = await visitAsync_("value", node.value, visitor, path4);
           if (cv === BREAK)
             return BREAK;
           else if (cv === REMOVE)
@@ -191,23 +191,23 @@ var require_visit = __commonJS({
       }
       return visitor;
     }
-    function callVisitor(key, node, visitor, path3) {
+    function callVisitor(key, node, visitor, path4) {
       if (typeof visitor === "function")
-        return visitor(key, node, path3);
+        return visitor(key, node, path4);
       if (identity.isMap(node))
-        return visitor.Map?.(key, node, path3);
+        return visitor.Map?.(key, node, path4);
       if (identity.isSeq(node))
-        return visitor.Seq?.(key, node, path3);
+        return visitor.Seq?.(key, node, path4);
       if (identity.isPair(node))
-        return visitor.Pair?.(key, node, path3);
+        return visitor.Pair?.(key, node, path4);
       if (identity.isScalar(node))
-        return visitor.Scalar?.(key, node, path3);
+        return visitor.Scalar?.(key, node, path4);
       if (identity.isAlias(node))
-        return visitor.Alias?.(key, node, path3);
+        return visitor.Alias?.(key, node, path4);
       return void 0;
     }
-    function replaceNode(key, path3, node) {
-      const parent = path3[path3.length - 1];
+    function replaceNode(key, path4, node) {
+      const parent = path4[path4.length - 1];
       if (identity.isCollection(parent)) {
         parent.items[key] = node;
       } else if (identity.isPair(parent)) {
@@ -805,10 +805,10 @@ var require_Collection = __commonJS({
     var createNode = require_createNode();
     var identity = require_identity();
     var Node = require_Node();
-    function collectionFromPath(schema, path3, value) {
+    function collectionFromPath(schema, path4, value) {
       let v = value;
-      for (let i = path3.length - 1; i >= 0; --i) {
-        const k = path3[i];
+      for (let i = path4.length - 1; i >= 0; --i) {
+        const k = path4[i];
         if (typeof k === "number" && Number.isInteger(k) && k >= 0) {
           const a = [];
           a[k] = v;
@@ -827,7 +827,7 @@ var require_Collection = __commonJS({
         sourceObjects: /* @__PURE__ */ new Map()
       });
     }
-    var isEmptyPath = (path3) => path3 == null || typeof path3 === "object" && !!path3[Symbol.iterator]().next().done;
+    var isEmptyPath = (path4) => path4 == null || typeof path4 === "object" && !!path4[Symbol.iterator]().next().done;
     var Collection = class extends Node.NodeBase {
       constructor(type, schema) {
         super(type);
@@ -857,11 +857,11 @@ var require_Collection = __commonJS({
        * be a Pair instance or a `{ key, value }` object, which may not have a key
        * that already exists in the map.
        */
-      addIn(path3, value) {
-        if (isEmptyPath(path3))
+      addIn(path4, value) {
+        if (isEmptyPath(path4))
           this.add(value);
         else {
-          const [key, ...rest] = path3;
+          const [key, ...rest] = path4;
           const node = this.get(key, true);
           if (identity.isCollection(node))
             node.addIn(rest, value);
@@ -875,8 +875,8 @@ var require_Collection = __commonJS({
        * Removes a value from the collection.
        * @returns `true` if the item was found and removed.
        */
-      deleteIn(path3) {
-        const [key, ...rest] = path3;
+      deleteIn(path4) {
+        const [key, ...rest] = path4;
         if (rest.length === 0)
           return this.delete(key);
         const node = this.get(key, true);
@@ -890,8 +890,8 @@ var require_Collection = __commonJS({
        * scalar values from their surrounding node; to disable set `keepScalar` to
        * `true` (collections are always returned intact).
        */
-      getIn(path3, keepScalar) {
-        const [key, ...rest] = path3;
+      getIn(path4, keepScalar) {
+        const [key, ...rest] = path4;
         const node = this.get(key, true);
         if (rest.length === 0)
           return !keepScalar && identity.isScalar(node) ? node.value : node;
@@ -909,8 +909,8 @@ var require_Collection = __commonJS({
       /**
        * Checks if the collection includes a value with the key `key`.
        */
-      hasIn(path3) {
-        const [key, ...rest] = path3;
+      hasIn(path4) {
+        const [key, ...rest] = path4;
         if (rest.length === 0)
           return this.has(key);
         const node = this.get(key, true);
@@ -920,8 +920,8 @@ var require_Collection = __commonJS({
        * Sets a value in this collection. For `!!set`, `value` needs to be a
        * boolean to add/remove the item from the set.
        */
-      setIn(path3, value) {
-        const [key, ...rest] = path3;
+      setIn(path4, value) {
+        const [key, ...rest] = path4;
         if (rest.length === 0) {
           this.set(key, value);
         } else {
@@ -3369,9 +3369,9 @@ var require_Document = __commonJS({
           this.contents.add(value);
       }
       /** Adds a value to the document. */
-      addIn(path3, value) {
+      addIn(path4, value) {
         if (assertCollection(this.contents))
-          this.contents.addIn(path3, value);
+          this.contents.addIn(path4, value);
       }
       /**
        * Create a new `Alias` node, ensuring that the target `node` has the required anchor.
@@ -3446,14 +3446,14 @@ var require_Document = __commonJS({
        * Removes a value from the document.
        * @returns `true` if the item was found and removed.
        */
-      deleteIn(path3) {
-        if (Collection.isEmptyPath(path3)) {
+      deleteIn(path4) {
+        if (Collection.isEmptyPath(path4)) {
           if (this.contents == null)
             return false;
           this.contents = null;
           return true;
         }
-        return assertCollection(this.contents) ? this.contents.deleteIn(path3) : false;
+        return assertCollection(this.contents) ? this.contents.deleteIn(path4) : false;
       }
       /**
        * Returns item at `key`, or `undefined` if not found. By default unwraps
@@ -3468,10 +3468,10 @@ var require_Document = __commonJS({
        * scalar values from their surrounding node; to disable set `keepScalar` to
        * `true` (collections are always returned intact).
        */
-      getIn(path3, keepScalar) {
-        if (Collection.isEmptyPath(path3))
+      getIn(path4, keepScalar) {
+        if (Collection.isEmptyPath(path4))
           return !keepScalar && identity.isScalar(this.contents) ? this.contents.value : this.contents;
-        return identity.isCollection(this.contents) ? this.contents.getIn(path3, keepScalar) : void 0;
+        return identity.isCollection(this.contents) ? this.contents.getIn(path4, keepScalar) : void 0;
       }
       /**
        * Checks if the document includes a value with the key `key`.
@@ -3482,10 +3482,10 @@ var require_Document = __commonJS({
       /**
        * Checks if the document includes a value at `path`.
        */
-      hasIn(path3) {
-        if (Collection.isEmptyPath(path3))
+      hasIn(path4) {
+        if (Collection.isEmptyPath(path4))
           return this.contents !== void 0;
-        return identity.isCollection(this.contents) ? this.contents.hasIn(path3) : false;
+        return identity.isCollection(this.contents) ? this.contents.hasIn(path4) : false;
       }
       /**
        * Sets a value in this document. For `!!set`, `value` needs to be a
@@ -3502,13 +3502,13 @@ var require_Document = __commonJS({
        * Sets a value in this document. For `!!set`, `value` needs to be a
        * boolean to add/remove the item from the set.
        */
-      setIn(path3, value) {
-        if (Collection.isEmptyPath(path3)) {
+      setIn(path4, value) {
+        if (Collection.isEmptyPath(path4)) {
           this.contents = value;
         } else if (this.contents == null) {
-          this.contents = Collection.collectionFromPath(this.schema, Array.from(path3), value);
+          this.contents = Collection.collectionFromPath(this.schema, Array.from(path4), value);
         } else if (assertCollection(this.contents)) {
-          this.contents.setIn(path3, value);
+          this.contents.setIn(path4, value);
         }
       }
       /**
@@ -5403,9 +5403,9 @@ var require_cst_visit = __commonJS({
     visit.BREAK = BREAK;
     visit.SKIP = SKIP;
     visit.REMOVE = REMOVE;
-    visit.itemAtPath = (cst, path3) => {
+    visit.itemAtPath = (cst, path4) => {
       let item = cst;
-      for (const [field, index] of path3) {
+      for (const [field, index] of path4) {
         const tok = item?.[field];
         if (tok && "items" in tok) {
           item = tok.items[index];
@@ -5414,23 +5414,23 @@ var require_cst_visit = __commonJS({
       }
       return item;
     };
-    visit.parentCollection = (cst, path3) => {
-      const parent = visit.itemAtPath(cst, path3.slice(0, -1));
-      const field = path3[path3.length - 1][0];
+    visit.parentCollection = (cst, path4) => {
+      const parent = visit.itemAtPath(cst, path4.slice(0, -1));
+      const field = path4[path4.length - 1][0];
       const coll = parent?.[field];
       if (coll && "items" in coll)
         return coll;
       throw new Error("Parent collection not found");
     };
-    function _visit(path3, item, visitor) {
-      let ctrl = visitor(item, path3);
+    function _visit(path4, item, visitor) {
+      let ctrl = visitor(item, path4);
       if (typeof ctrl === "symbol")
         return ctrl;
       for (const field of ["key", "value"]) {
         const token = item[field];
         if (token && "items" in token) {
           for (let i = 0; i < token.items.length; ++i) {
-            const ci = _visit(Object.freeze(path3.concat([[field, i]])), token.items[i], visitor);
+            const ci = _visit(Object.freeze(path4.concat([[field, i]])), token.items[i], visitor);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -5441,10 +5441,10 @@ var require_cst_visit = __commonJS({
             }
           }
           if (typeof ctrl === "function" && field === "key")
-            ctrl = ctrl(item, path3);
+            ctrl = ctrl(item, path4);
         }
       }
-      return typeof ctrl === "function" ? ctrl(item, path3) : ctrl;
+      return typeof ctrl === "function" ? ctrl(item, path4) : ctrl;
     }
     exports.visit = visit;
   }
@@ -6707,14 +6707,14 @@ var require_parser = __commonJS({
             case "scalar":
             case "single-quoted-scalar":
             case "double-quoted-scalar": {
-              const fs6 = this.flowScalar(this.type);
+              const fs7 = this.flowScalar(this.type);
               if (atNextItem || it.value) {
-                map.items.push({ start, key: fs6, sep: [] });
+                map.items.push({ start, key: fs7, sep: [] });
                 this.onKeyLine = true;
               } else if (it.sep) {
-                this.stack.push(fs6);
+                this.stack.push(fs7);
               } else {
-                Object.assign(it, { key: fs6, sep: [] });
+                Object.assign(it, { key: fs7, sep: [] });
                 this.onKeyLine = true;
               }
               return;
@@ -6832,13 +6832,13 @@ var require_parser = __commonJS({
             case "scalar":
             case "single-quoted-scalar":
             case "double-quoted-scalar": {
-              const fs6 = this.flowScalar(this.type);
+              const fs7 = this.flowScalar(this.type);
               if (!it || it.value)
-                fc.items.push({ start: [], key: fs6, sep: [] });
+                fc.items.push({ start: [], key: fs7, sep: [] });
               else if (it.sep)
-                this.stack.push(fs6);
+                this.stack.push(fs7);
               else
-                Object.assign(it, { key: fs6, sep: [] });
+                Object.assign(it, { key: fs7, sep: [] });
               return;
             }
             case "flow-map-end":
@@ -7143,13 +7143,12 @@ var require_dist = __commonJS({
 });
 
 // package.json
-var version = "0.49.3";
+var version = "0.49.5";
 
 // node/commands/shared.ts
 import { existsSync, promises as fs } from "node:fs";
 import { join } from "node:path";
 import { loadConfigFromFile, mergeConfig, resolveConfig } from "vite";
-import { isString } from "unocss";
 import MarkdownIt from "markdown-it";
 import { slash } from "@antfu/utils";
 
@@ -7202,8 +7201,8 @@ function updateFrontmatterPatch(slide, frontmatter) {
       const valueNode = doc.createNode(value);
       let found = false;
       import_yaml.default.visit(doc.contents, {
-        Pair(_key, node, path3) {
-          if (path3.length === 1 && import_yaml.default.isScalar(node.key) && node.key.value === key) {
+        Pair(_key, node, path4) {
+          if (path4.length === 1 && import_yaml.default.isScalar(node.key) && node.key.value === key) {
             node.value = valueNode;
             found = true;
             return import_yaml.default.visit.BREAK;
@@ -7224,12 +7223,11 @@ function updateFrontmatterPatch(slide, frontmatter) {
 // node/commands/shared.ts
 var sharedMd = MarkdownIt({ html: true });
 sharedMd.use(markdownItLink);
-function getTitle(data) {
-  if (isString(data.config.title)) {
-    const tokens = sharedMd.parseInline(data.config.title, {});
-    return stringifyMarkdownTokens(tokens);
-  }
-  return data.config.title;
+function getSlideTitle(data) {
+  const tokens = sharedMd.parseInline(data.config.title, {});
+  const title = stringifyMarkdownTokens(tokens);
+  const slideTitle = data.config.titleTemplate.replace("%s", title);
+  return slideTitle === "Slidev - Slidev" ? "Slidev" : slideTitle;
 }
 function escapeHtml(unsafe) {
   return JSON.stringify(
@@ -7245,16 +7243,16 @@ async function getIndexHtml({ entry, clientRoot, roots, data }) {
     `<meta name="slidev:version" content="${version}">`,
     `<meta charset="slidev:entry" content="${slash(entry)}">`,
     `<link rel="icon" href="${data.config.favicon}">`,
-    `<title>${getTitle(data)}</title>`,
+    `<title>${getSlideTitle(data)}</title>`,
     info && `<meta name="description" content=${escapeHtml(info)}>`,
     author && `<meta name="author" content=${escapeHtml(author)}>`,
     keywords && `<meta name="keywords" content=${escapeHtml(Array.isArray(keywords) ? keywords.join(", ") : keywords)}>`
   ].filter(Boolean).join("\n");
   for (const root of roots) {
-    const path3 = join(root, "index.html");
-    if (!existsSync(path3))
+    const path4 = join(root, "index.html");
+    if (!existsSync(path4))
       continue;
-    const index = await fs.readFile(path3, "utf-8");
+    const index = await fs.readFile(path4, "utf-8");
     head += `
 ${(index.match(/<head>([\s\S]*?)<\/head>/i)?.[1] || "").trim()}`;
     body += `
@@ -7320,11 +7318,11 @@ async function loadDrawings(options) {
     suppressErrors: true
   });
   const obj = {};
-  await Promise.all(files.map(async (path3) => {
-    const num = +basename(path3, ".svg");
+  await Promise.all(files.map(async (path4) => {
+    const num = +basename(path4, ".svg");
     if (Number.isNaN(num))
       return;
-    const content = await fs2.readFile(path3, "utf8");
+    const content = await fs2.readFile(path4, "utf8");
     const lines = content.split(/\n/g);
     obj[num.toString()] = lines.slice(1, -1).join("\n");
   }));
@@ -7552,6 +7550,7 @@ function getDefine(options) {
     __SLIDEV_FEATURE_DRAWINGS_PERSIST__: JSON.stringify(!!options.data.config.drawings.persist === true),
     __SLIDEV_FEATURE_RECORD__: JSON.stringify(options.data.config.record === true || options.data.config.record === options.mode),
     __SLIDEV_FEATURE_PRESENTER__: JSON.stringify(options.data.config.presenter === true || options.data.config.presenter === options.mode),
+    __SLIDEV_FEATURE_PRINT__: JSON.stringify(options.mode === "export" || options.mode === "build" && [true, "true", "auto"].includes(options.data.config.download)),
     __SLIDEV_HAS_SERVER__: options.mode !== "build" ? "true" : "false"
   };
 }
@@ -7565,23 +7564,16 @@ import * as parser from "@slidev/parser/fs";
 import equal from "fast-deep-equal";
 
 // node/virtual/configs.ts
-import { isString as isString2 } from "@antfu/utils";
+import { isString } from "@antfu/utils";
 var templateConfigs = {
   id: "/@slidev/configs",
   getContent: async ({ data, remote }, { md }) => {
-    function getTitle2() {
-      if (isString2(data.config.title)) {
-        const tokens = md.parseInline(data.config.title, {});
-        return stringifyMarkdownTokens(tokens);
-      }
-      return data.config.title;
-    }
     const config = {
       ...data.config,
       remote,
-      title: getTitle2()
+      slidesTitle: getSlideTitle(data)
     };
-    if (isString2(config.info))
+    if (isString(config.info))
       config.info = md.render(config.info);
     return `export default ${JSON.stringify(config)}`;
   }
@@ -7774,12 +7766,12 @@ function createSetupTemplate(name) {
     id: `/@slidev/setups/${name}`,
     getContent({ roots }) {
       const setups = roots.flatMap((i) => {
-        const path3 = join6(i, "setup", name);
-        return [".ts", ".mts", ".js", ".mjs"].map((ext) => path3 + ext);
+        const path4 = join6(i, "setup", name);
+        return [".ts", ".mts", ".js", ".mjs"].map((ext) => path4 + ext);
       }).filter((i) => existsSync3(i));
       const imports = [];
-      setups.forEach((path3, idx) => {
-        imports.push(`import __n${idx} from '${toAtFS(path3)}'`);
+      setups.forEach((path4, idx) => {
+        imports.push(`import __n${idx} from '${toAtFS(path4)}'`);
       });
       imports.push(`export default [${setups.map((_, idx) => `__n${idx}`).join(",")}]`);
       return imports.join("\n");
@@ -7798,9 +7790,9 @@ async function loadShikiSetups(clientRoot, roots) {
     "shiki.ts",
     {
       /** @deprecated */
-      async loadTheme(path3) {
+      async loadTheme(path4) {
         console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
-        return JSON.parse(await fs3.readFile(path3, "utf-8"));
+        return JSON.parse(await fs3.readFile(path4, "utf-8"));
       }
     },
     {},
@@ -8866,11 +8858,11 @@ function markdownItVDrag(md, markdownTransformMap) {
       return `[${toOriginalPos(start)},${toOriginalPos(end)},${idx}]`;
     }
     return _parse.call(this, src, env).map((token) => {
-      if (token.type !== "html_block" || !token.content.includes("v-drag") || visited.has(token))
+      if (!["html_block", "html_inline"].includes(token.type) || !token.content.includes("v-drag") || visited.has(token))
         return token;
       token.content = token.content.replace(
-        /<v-drag([\s>])/g,
-        (_, space, idx) => `<v-drag :markdownSource="${toMarkdownSource(token.map, idx)}"${space}`
+        /<(v-?drag-?\w*)([\s>])/gi,
+        (_, tag, space, idx) => `<${tag} :markdownSource="${toMarkdownSource(token.map, idx)}"${space}`
       ).replace(
         /(?<![</\w])v-drag(=".*?")?/g,
         (_, value, idx) => `v-drag${value ?? ""} :markdownSource="[${token.map[0]},${token.map[1]},${idx}]"`
@@ -8906,7 +8898,10 @@ ${code}
 import { codeToKeyedTokens } from "shiki-magic-move/core";
 import lz from "lz-string";
 var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?: *(\{[^}]*\})?([^\n]*))?\n([\s\S]+?)^````$/gm;
-function transformMagicMove(shiki, shikiOptions) {
+function parseLineNumbersOption(options) {
+  return /lines: *true/.test(options) ? true : /lines: *false/.test(options) ? false : void 0;
+}
+function transformMagicMove(shiki, shikiOptions, configLineNumbers) {
   return (ctx) => {
     ctx.s.replace(
       reMagicMoveBlock,
@@ -8916,13 +8911,15 @@ function transformMagicMove(shiki, shikiOptions) {
         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) ?? configLineNumbers;
         const ranges = matches.map((i) => normalizeRangeStr(i[2]));
-        const steps = matches.map(
-          (i) => codeToKeyedTokens(shiki, i[5].trimEnd(), {
+        const steps = matches.map((i) => {
+          const lineNumbers = parseLineNumbersOption(i[3]) ?? defaultLineNumbers;
+          return codeToKeyedTokens(shiki, i[5].trimEnd(), {
             ...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)}' />`;
       }
@@ -8959,9 +8956,45 @@ function transformPlantUml(ctx) {
 }
 
 // node/syntax/transform/snippet.ts
-import path2 from "node:path";
-import fs4 from "fs-extra";
+import path3 from "node:path";
+import lz3 from "lz-string";
+import fs5 from "fs-extra";
 import { slash as slash3 } from "@antfu/utils";
+
+// node/vite/monacoWrite.ts
+import fs4 from "node:fs/promises";
+import path2 from "node:path";
+var monacoWriterWhitelist = /* @__PURE__ */ new Set();
+function createMonacoWriter({ userRoot }) {
+  return {
+    name: "slidev:monaco-write",
+    apply: "serve",
+    configureServer(server) {
+      server.ws.on("connection", (socket) => {
+        socket.on("message", async (data) => {
+          let json;
+          try {
+            json = JSON.parse(data.toString());
+          } catch (e) {
+            return;
+          }
+          if (json.type === "custom" && json.event === "slidev:monaco-write") {
+            const { file, content } = json.data;
+            if (!monacoWriterWhitelist.has(file)) {
+              console.error(`[Slidev] Unauthorized file write: ${file}`);
+              return;
+            }
+            const filepath = path2.join(userRoot, file);
+            console.log("[Slidev] Writing file:", filepath);
+            await fs4.writeFile(filepath, content, "utf-8");
+          }
+        });
+      });
+    }
+  };
+}
+
+// node/syntax/transform/snippet.ts
 function dedent(text) {
   const lines = text.split("\n");
   const minIndentLength = lines.reduce((acc, line) => {
@@ -9020,21 +9053,20 @@ function transformSnippet(ctx) {
     return;
   const data = options.data;
   const slideInfo = data.slides[+slideId - 1];
-  const dir = path2.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
+  const dir = path3.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
   ctx.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 firstLine = `\`\`\`${lang || path2.extname(filepath).slice(1)} ${meta}`;
       const src = slash3(
-        /^@\//.test(filepath) ? path2.resolve(options.userRoot, filepath.slice(2)) : path2.resolve(dir, filepath)
+        /^@\//.test(filepath) ? path3.resolve(options.userRoot, filepath.slice(2)) : path3.resolve(dir, filepath)
       );
       data.watchFiles.push(src);
-      const isAFile = fs4.statSync(src).isFile();
-      if (!fs4.existsSync(src) || !isAFile) {
+      const isAFile = fs5.statSync(src).isFile();
+      if (!fs5.existsSync(src) || !isAFile) {
         throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
       }
-      let content = fs4.readFileSync(src, "utf8");
+      let content = fs5.readFileSync(src, "utf8");
       slideInfo.snippetsUsed ??= {};
       slideInfo.snippetsUsed[src] = content;
       if (regionName) {
@@ -9046,7 +9078,17 @@ function transformSnippet(ctx) {
           );
         }
       }
-      return `${firstLine}
+      meta = meta.trim();
+      lang = lang.trim();
+      lang = lang || path3.extname(filepath).slice(1);
+      if (meta.match(/^\{monaco-write\}/)) {
+        monacoWriterWhitelist.add(filepath);
+        lang = lang.trim();
+        meta = meta.replace(/^\{monaco-write\}/, "").trim() || "{}";
+        const encoded = lz3.compressToBase64(content);
+        return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
+      }
+      return `\`\`\`${lang} ${meta}
 ${content}
 \`\`\``;
     }
@@ -9101,7 +9143,7 @@ ${css}${end}`;
 }
 
 // node/syntax/transform/monaco.ts
-import lz3 from "lz-string";
+import lz4 from "lz-string";
 function transformMonaco(ctx) {
   const enabled = ctx.options.data.config.monaco === true || ctx.options.data.config.monaco === ctx.options.mode;
   if (!enabled) {
@@ -9113,8 +9155,8 @@ function transformMonaco(ctx) {
     (full, lang = "ts", options = "{}", code, diff) => {
       lang = lang.trim();
       options = options.trim() || "{}";
-      const encoded = lz3.compressToBase64(code);
-      const encodedDiff = lz3.compressToBase64(diff);
+      const encoded = lz4.compressToBase64(code);
+      const encodedDiff = lz4.compressToBase64(diff);
       return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
     }
   );
@@ -9123,7 +9165,7 @@ function transformMonaco(ctx) {
     (full, lang = "ts", options = "{}", code) => {
       lang = lang.trim();
       options = options.trim() || "{}";
-      const encoded = lz3.compressToBase64(code);
+      const encoded = lz4.compressToBase64(code);
       return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
@@ -9132,7 +9174,7 @@ function transformMonaco(ctx) {
     (full, lang = "ts", options = "{}", code) => {
       lang = lang.trim();
       options = options.trim() || "{}";
-      const encoded = lz3.compressToBase64(code);
+      const encoded = lz4.compressToBase64(code);
       return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
@@ -9275,7 +9317,7 @@ function MarkdownItEscapeInlineCode(md) {
 function applyMarkdownTransform(ctx, shiki, shikiOptions) {
   const transformers = [
     transformSnippet,
-    ctx.options.data.config.highlighter ? transformMagicMove(shiki, shikiOptions) : void 0,
+    ctx.options.data.config.highlighter ? transformMagicMove(shiki, shikiOptions, ctx.options.data.config.lineNumbers) : void 0,
     transformMermaid,
     transformPlantUml,
     transformMonaco,
@@ -9317,7 +9359,7 @@ function createVueCompilerFlagsPlugin(options) {
 }
 
 // node/vite/monacoTypes.ts
-import fs5 from "node:fs/promises";
+import fs6 from "node:fs/promises";
 import { dirname as dirname2, resolve as resolve4 } from "node:path";
 import { slash as slash5 } from "@antfu/utils";
 import fg4 from "fast-glob";
@@ -9343,7 +9385,7 @@ function createMonacoTypesLoader({ userRoot }) {
         if (!pkgJsonPath)
           throw new Error(`Package "${pkg}" not found in "${importer}"`);
         const root = dirname2(pkgJsonPath);
-        const pkgJson = JSON.parse(await fs5.readFile(pkgJsonPath, "utf-8"));
+        const pkgJson = JSON.parse(await fs6.readFile(pkgJsonPath, "utf-8"));
         const deps = pkgJson.dependencies ?? {};
         return [
           `import "/@slidev-monaco-types/load?root=${slash5(root)}&name=${pkgJson.name}"`,
@@ -9456,6 +9498,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     createMarkdownPlugin(options, pluginOptions),
     createVuePlugin(options, pluginOptions),
     createSlidesLoader(options, pluginOptions, serverOptions),
+    createMonacoWriter(options),
     Components({
       extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
       dirs: [

package/dist/cli.mjs

@@ -5,10 +5,10 @@ import {
   resolveAddons,
   resolveOptions,
   resolveTheme
-} from "./chunk-OL3F2SCP.mjs";
+} from "./chunk-5LCF46EH.mjs";
 import {
   version
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-TQT222QW.mjs";
 import {
   loadSetups
 } from "./chunk-LOUKLO2C.mjs";
@@ -168,6 +168,11 @@ cli.command(
               restartServer();
               return false;
             }
+            if (newData.features.katex && !oldData.features.katex || newData.features.monaco && !oldData.features.monaco) {
+              console.log(yellow("\n  restarting on feature change\n"));
+              restartServer();
+              return false;
+            }
             return newData;
           }
         }
@@ -323,7 +328,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-B7KZ5KHE.mjs");
+    const { build } = await import("./build-KJ6XT4WV.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -403,7 +408,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-WUI5C4U3.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-Q4LURPEZ.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -452,7 +457,7 @@ cli.command(
     timeout,
     wait
   }) => {
-    const { exportNotes } = await import("./export-WUI5C4U3.mjs");
+    const { exportNotes } = await import("./export-Q4LURPEZ.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -496,7 +501,7 @@ function exportOptions(args) {
     describe: "path to the output"
   }).option("format", {
     type: "string",
-    choices: ["pdf", "png", "md"],
+    choices: ["pdf", "png", "pptx", "md"],
     describe: "output format"
   }).option("timeout", {
     type: "number",

package/dist/{export-WUI5C4U3.mjs → export-Q4LURPEZ.mjs}

@@ -152,8 +152,7 @@ async function exportSlides({
       query.set("range", range);
     if (clicks)
       query.set("clicks", clicks);
-    const path2 = `${no}?${query.toString()}`;
-    const url = routerMode === "hash" ? `http://localhost:${port}${base}#${path2}` : `http://localhost:${port}${base}${path2}`;
+    const url = routerMode === "hash" ? `http://localhost:${port}${base}?${query}#${no}` : `http://localhost:${port}${base}${no}?${query}`;
     await page.goto(url, {
       waitUntil: "networkidle",
       timeout
@@ -228,13 +227,13 @@ async function exportSlides({
   function getClicksFromUrl(url) {
     return url.match(/clicks=([1-9]\d*)/)?.[1];
   }
-  async function genPageWithClicks(fn, i, clicks) {
-    await fn(i, clicks);
+  async function genPageWithClicks(fn, no, clicks) {
+    await fn(no, clicks);
     if (withClicks) {
       await page.keyboard.press("ArrowRight", { delay: 100 });
       const _clicks = getClicksFromUrl(page.url());
       if (_clicks && clicks !== _clicks)
-        await genPageWithClicks(fn, i, _clicks);
+        await genPageWithClicks(fn, no, _clicks);
     }
   }
   async function genPagePdfPerSlide() {
@@ -298,50 +297,57 @@ async function exportSlides({
     pdfData = Buffer.from(await pdf.save());
     await fs.writeFile(output, pdfData);
   }
-  async function genPagePngOnePiece() {
+  async function genPagePngOnePiece(writeToDisk) {
+    const result = [];
     await go("print");
     await fs.emptyDir(output);
-    const slides2 = await page.locator(".print-slide-container");
-    const count = await slides2.count();
+    const slideContainers = page.locator(".print-slide-container");
+    const count = await slideContainers.count();
     for (let i = 0; i < count; i++) {
       progress.update(i + 1);
-      let id = await slides2.nth(i).getAttribute("id") || "";
-      id = withClicks ? id : id.split("-")[0];
-      const buffer = await slides2.nth(i).screenshot();
-      await fs.writeFile(path.join(output, `${id}.png`), buffer);
+      const id = await slideContainers.nth(i).getAttribute("id") || "";
+      const slideNo = +id.split("-")[0];
+      const buffer = await slideContainers.nth(i).screenshot();
+      result.push({ slideIndex: slideNo - 1, buffer });
+      if (writeToDisk)
+        await fs.writeFile(path.join(output, `${withClicks ? id : slideNo}.png`), buffer);
     }
+    return result;
   }
-  async function genPagePngPerSlide() {
-    const genScreenshot = async (i, clicks) => {
-      await go(i, clicks);
-      await page.screenshot({
-        omitBackground: false,
-        path: path.join(
-          output,
-          `${i.toString().padStart(2, "0")}${clicks ? `-${clicks}` : ""}.png`
-        )
-      });
+  async function genPagePngPerSlide(writeToDisk) {
+    const result = [];
+    const genScreenshot = async (no, clicks) => {
+      await go(no, clicks);
+      const buffer = await page.screenshot();
+      result.push({ slideIndex: no - 1, buffer });
+      if (writeToDisk) {
+        await fs.writeFile(
+          path.join(output, `${no.toString().padStart(2, "0")}${clicks ? `-${clicks}` : ""}.png`),
+          buffer
+        );
+      }
     };
-    for (const i of pages)
-      await genPageWithClicks(genScreenshot, i);
+    for (const no of pages)
+      await genPageWithClicks(genScreenshot, no);
+    return result;
   }
   function genPagePdf() {
     if (!output.endsWith(".pdf"))
       output = `${output}.pdf`;
     return perSlide ? genPagePdfPerSlide() : genPagePdfOnePiece();
   }
-  function genPagePng() {
-    return perSlide ? genPagePngPerSlide() : genPagePngOnePiece();
+  function genPagePng(writeToDisk = true) {
+    return perSlide ? genPagePngPerSlide(writeToDisk) : genPagePngOnePiece(writeToDisk);
   }
-  async function genPageMd(slides2) {
+  async function genPageMd() {
     const files = await fs.readdir(output);
     const mds = files.map((file, i, files2) => {
       const slideIndex = getSlideIndex(file);
-      const mdImg = `![${slides2[slideIndex]?.title}](./${path.join(output, file)})
+      const mdImg = `![${slides[slideIndex]?.title}](./${path.join(output, file)})
 
 `;
-      if ((i + 1 === files2.length || getSlideIndex(files2[i + 1]) !== slideIndex) && slides2[slideIndex]?.note)
-        return `${mdImg}${slides2[slideIndex]?.note}
+      if ((i + 1 === files2.length || getSlideIndex(files2[i + 1]) !== slideIndex) && slides[slideIndex]?.note)
+        return `${mdImg}${slides[slideIndex]?.note}
 
 `;
       return mdImg;
@@ -350,6 +356,39 @@ async function exportSlides({
       output = `${output}.md`;
     await fs.writeFile(output, mds.join(""));
   }
+  async function genPagePptx(pngs) {
+    const { default: PptxGenJS } = await import("pptxgenjs");
+    const pptx = new PptxGenJS();
+    const layoutName = `${width}x${height}`;
+    pptx.defineLayout({
+      name: layoutName,
+      width: width / 96,
+      height: height / 96
+    });
+    pptx.layout = layoutName;
+    const titleSlide = slides[0];
+    pptx.author = titleSlide?.frontmatter?.author;
+    pptx.company = "Created using Slidev";
+    if (titleSlide?.title)
+      pptx.title = titleSlide?.title;
+    if (titleSlide?.frontmatter?.info)
+      pptx.subject = titleSlide?.frontmatter?.info;
+    pngs.forEach(({ slideIndex, buffer: buffer2 }) => {
+      const slide = pptx.addSlide();
+      slide.background = {
+        data: `data:image/png;base64,${buffer2.toString("base64")}`
+      };
+      const note = slides[slideIndex].note;
+      if (note)
+        slide.addNotes(note);
+    });
+    const buffer = await pptx.write({
+      outputType: "nodebuffer"
+    });
+    if (!output.endsWith(".pptx"))
+      output = `${output}.pptx`;
+    await fs.writeFile(output, buffer);
+  }
   function getSlideIndex(file) {
     const slideId = file.substring(0, file.indexOf(".")).split("-")[0];
     return Number(slideId) - 1;
@@ -386,7 +425,10 @@ async function exportSlides({
     await genPagePng();
   } else if (format === "md") {
     await genPagePng();
-    await genPageMd(slides);
+    await genPageMd();
+  } else if (format === "pptx") {
+    const buffers = await genPagePng(false);
+    await genPagePptx(buffers);
   } else {
     throw new Error(`Unsupported exporting format "${format}"`);
   }
@@ -434,11 +476,11 @@ function getExportOptions(args, options, outDir, outFilename) {
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,
     height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
-    withClicks: withClicks || false,
+    withClicks: withClicks ?? format === "pptx",
     executablePath,
     withToc: withToc || false,
     perSlide: perSlide || false,
-    scale: scale || 1
+    scale: scale || 2
   };
 }
 async function importPlaywright() {

package/dist/index.mjs

@@ -2,10 +2,10 @@ import {
   createServer,
   parser,
   resolveOptions
-} from "./chunk-OL3F2SCP.mjs";
+} from "./chunk-5LCF46EH.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-TQT222QW.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-RG2EEPCO.mjs";
 import "./chunk-BXO7ZPPU.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.49.3",
+  "version": "0.49.5",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,15 +44,15 @@
   "dependencies": {
     "@antfu/ni": "^0.21.12",
     "@antfu/utils": "^0.7.8",
-    "@iconify-json/carbon": "^1.1.33",
+    "@iconify-json/carbon": "^1.1.34",
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.5.2",
-    "@shikijs/twoslash": "^1.5.2",
-    "@shikijs/vitepress-twoslash": "^1.5.2",
-    "@unocss/extractor-mdc": "^0.60.2",
-    "@unocss/reset": "^0.60.2",
+    "@shikijs/markdown-it": "^1.6.1",
+    "@shikijs/twoslash": "^1.6.1",
+    "@shikijs/vitepress-twoslash": "^1.6.1",
+    "@unocss/extractor-mdc": "^0.60.3",
+    "@unocss/reset": "^0.60.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "chokidar": "^3.6.0",
@@ -78,39 +78,40 @@
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.3",
     "mlly": "^1.7.0",
-    "monaco-editor": "^0.48.0",
+    "monaco-editor": "^0.49.0",
     "open": "^10.1.0",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
     "postcss-nested": "^6.0.1",
+    "pptxgenjs": "^3.12.0",
     "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
     "public-ip": "^6.0.2",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.2",
-    "shiki": "^1.5.2",
+    "shiki": "^1.6.1",
     "shiki-magic-move": "^0.4.2",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.0",
     "typescript": "^5.4.5",
-    "unocss": "^0.60.2",
+    "unocss": "^0.60.3",
     "unplugin-icons": "^0.19.0",
     "unplugin-vue-components": "^0.27.0",
     "unplugin-vue-markdown": "^0.26.2",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.2.11",
+    "vite": "^5.2.12",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-remote-assets": "^0.4.1",
-    "vite-plugin-static-copy": "^1.0.4",
+    "vite-plugin-static-copy": "^1.0.5",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
     "vue": "^3.4.27",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.49.3",
-    "@slidev/parser": "0.49.3",
-    "@slidev/types": "0.49.3"
+    "@slidev/client": "0.49.5",
+    "@slidev/parser": "0.49.5",
+    "@slidev/types": "0.49.5"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -56,7 +56,7 @@ Slidev is a slides maker and presenter designed for developers, consist of the f
 - 🧑‍💻 **Developer Friendly** - code highlighting, live coding with autocompletion
 - 🤹 **Interactive** - embedding Vue components to enhance your expressions
 - 🎥 **Recording** - built-in recording and camera view
-- 📤 **Portable** - export into PDF, PNGs, or even a hostable SPA
+- 📤 **Portable** - export into PDF, PPTX, PNGs, or even a hostable SPA
 - 🛠 **Hackable** - anything possible on a webpage
 
 <br>