@slidev/cli 0.49.4 → 0.49.6

package/dist/{build-6VAW6JNE.mjs → build-F3OEADD3.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-UUONTUWJ.mjs";
+} from "./chunk-4Y3EWPMH.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-RG2EEPCO.mjs";
 import "./chunk-BXO7ZPPU.mjs";

package/dist/{chunk-UUONTUWJ.mjs → chunk-4Y3EWPMH.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.4";
+var version = "0.49.6";
 
 // 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 += `
@@ -7289,8 +7287,8 @@ async function mergeViteConfigs({ roots, entry }, viteConfig, config, command) {
 }
 
 // node/vite/index.ts
-import { join as join8 } from "node:path";
-import { existsSync as existsSync5 } from "node:fs";
+import { join as join9 } from "node:path";
+import { existsSync as existsSync6 } from "node:fs";
 import process2 from "node:process";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
 import Icons from "unplugin-icons/vite";
@@ -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)}`;
   }
@@ -7612,65 +7604,57 @@ console.warn('/@slidev/titles.md is deprecated, import from #slidev/title-render
   }
 };
 
-// node/virtual/global-components.ts
+// node/virtual/global-layers.ts
 import { existsSync as existsSync2 } from "node:fs";
 import { join as join4 } from "node:path";
-function createGlobalComponentTemplate(layer) {
-  return {
-    id: `/@slidev/global-components/${layer}`,
-    getContent({ roots }) {
-      const components = roots.flatMap((root) => {
-        if (layer === "top") {
-          return [
-            join4(root, "global.vue"),
-            join4(root, "global-top.vue"),
-            join4(root, "GlobalTop.vue")
-          ];
-        } else {
-          return [
-            join4(root, "global-bottom.vue"),
-            join4(root, "GlobalBottom.vue")
-          ];
-        }
-      }).filter((i) => existsSync2(i));
-      const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-      const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-      return `
-${imports}
-import { h } from 'vue'
-export default {
-render() {
-  return [${render}]
-}
-}
-`;
-    }
-  };
-}
+var templateGlobalLayers = {
+  id: `/@slidev/global-layers`,
+  getContent({ roots }) {
+    const imports = [];
+    let n = 0;
+    function getComponent(names) {
+      const components = roots.flatMap((root) => names.map((name) => join4(root, name))).filter((i) => existsSync2(i));
+      imports.push(components.map((path4, i) => `import __n${n}_${i} from '${toAtFS(path4)}'`).join("\n"));
+      const render = components.map((_, i) => `h(__n${n}_${i})`).join(",");
+      n++;
+      return `{ render: () => [${render}] }`;
+    }
+    const globalTop = getComponent(["global.vue", "global-top.vue", "GlobalTop.vue"]);
+    const globalBottom = getComponent(["global-bottom.vue", "GlobalBottom.vue"]);
+    const slideTop = getComponent(["slide-top.vue", "SlideTop.vue"]);
+    const slideBottom = getComponent(["slide-bottom.vue", "SlideBottom.vue"]);
+    return [
+      imports.join("\n"),
+      `import { h } from 'vue'`,
+      `export const GlobalTop = ${globalTop}`,
+      `export const GlobalBottom = ${globalBottom}`,
+      `export const SlideTop = ${slideTop}`,
+      `export const SlideBottom = ${slideBottom}`
+    ].join("\n");
+  }
+};
+
+// node/virtual/nav-controls.ts
+import { existsSync as existsSync3 } from "node:fs";
+import { join as join5 } from "node:path";
 var templateNavControls = {
   id: "/@slidev/custom-nav-controls",
   getContent({ roots }) {
     const components = roots.flatMap((root) => {
       return [
-        join4(root, "custom-nav-controls.vue"),
-        join4(root, "CustomNavControls.vue")
+        join5(root, "custom-nav-controls.vue"),
+        join5(root, "CustomNavControls.vue")
       ];
-    }).filter((i) => existsSync2(i));
+    }).filter((i) => existsSync3(i));
     const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
     const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-    return `
-${imports}
+    return `${imports}
 import { h } from 'vue'
 export default {
-render() {
-  return [${render}]
-}
-}
-`;
+  render: () => [${render}],
+}`;
   }
 };
-var templateGlobalTop = createGlobalComponentTemplate("top");
-var templateGlobalBottom = createGlobalComponentTemplate("bottom");
 
 // node/virtual/layouts.ts
 import { objectMap } from "@antfu/utils";
@@ -7724,7 +7708,7 @@ var templateMonacoRunDeps = {
 
 // node/virtual/monaco-types.ts
 import { builtinModules } from "node:module";
-import { join as join5, resolve as resolve3 } from "node:path";
+import { join as join6, resolve as resolve3 } from "node:path";
 import fg2 from "fast-glob";
 import { uniq as uniq3 } from "@antfu/utils";
 var templateMonacoTypes = {
@@ -7732,7 +7716,7 @@ var templateMonacoTypes = {
   getContent: async ({ userRoot, data }) => {
     if (!data.features.monaco)
       return "";
-    const typesRoot = join5(userRoot, "snippets");
+    const typesRoot = join6(userRoot, "snippets");
     const files = await fg2(["**/*.ts", "**/*.mts", "**/*.cts"], { cwd: typesRoot });
     let result = 'import { addFile } from "@slidev/client/setup/monaco.ts"\n';
     for (const file of files) {
@@ -7767,19 +7751,19 @@ var templateMonacoTypes = {
 };
 
 // node/virtual/setups.ts
-import { existsSync as existsSync3 } from "node:fs";
-import { join as join6 } from "node:path";
+import { existsSync as existsSync4 } from "node:fs";
+import { join as join7 } from "node:path";
 function createSetupTemplate(name) {
   return {
     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);
-      }).filter((i) => existsSync3(i));
+        const path4 = join7(i, "setup", name);
+        return [".ts", ".mts", ".js", ".mjs"].map((ext) => path4 + ext);
+      }).filter((i) => existsSync4(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 +7782,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"));
       }
     },
     {},
@@ -7913,13 +7897,13 @@ ${slides.join(",\n")}
 };
 
 // node/virtual/styles.ts
-import { join as join7 } from "node:path";
-import { existsSync as existsSync4 } from "node:fs";
+import { join as join8 } from "node:path";
+import { existsSync as existsSync5 } from "node:fs";
 var templateStyle = {
   id: "/@slidev/styles",
   getContent: async ({ data, clientRoot, roots }) => {
     function resolveUrlOfClient(name) {
-      return toAtFS(join7(clientRoot, name));
+      return toAtFS(join8(clientRoot, name));
     }
     const imports = [
       `import "${resolveUrlOfClient("styles/vars.css")}"`,
@@ -7930,14 +7914,14 @@ var templateStyle = {
     ];
     for (const root of roots) {
       const styles = [
-        join7(root, "styles", "index.ts"),
-        join7(root, "styles", "index.js"),
-        join7(root, "styles", "index.css"),
-        join7(root, "styles.css"),
-        join7(root, "style.css")
+        join8(root, "styles", "index.ts"),
+        join8(root, "styles", "index.js"),
+        join8(root, "styles", "index.css"),
+        join8(root, "styles.css"),
+        join8(root, "style.css")
       ];
       for (const style of styles) {
-        if (existsSync4(style)) {
+        if (existsSync5(style)) {
           imports.push(`import "${toAtFS(style)}"`);
           continue;
         }
@@ -7999,8 +7983,7 @@ var templates = [
   templateMonacoRunDeps,
   templateConfigs,
   templateStyle,
-  templateGlobalBottom,
-  templateGlobalTop,
+  templateGlobalLayers,
   templateNavControls,
   templateSlides,
   templateLayouts,
@@ -8866,11 +8849,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 +8889,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 +8902,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 +8947,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 +9044,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 +9069,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 +9134,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 +9146,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 +9156,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 +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 runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
@@ -9275,7 +9308,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 +9350,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 +9376,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}"`,
@@ -9451,19 +9484,20 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     data: { config }
   } = options;
   const drawingData = await loadDrawings(options);
-  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join8(i, "public")).filter(existsSync5);
+  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join9(i, "public")).filter(existsSync6);
   const plugins = [
     createMarkdownPlugin(options, pluginOptions),
     createVuePlugin(options, pluginOptions),
     createSlidesLoader(options, pluginOptions, serverOptions),
+    createMonacoWriter(options),
     Components({
       extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
       dirs: [
-        join8(options.clientRoot, "builtin"),
-        ...roots.map((i) => join8(i, "components")),
+        join9(options.clientRoot, "builtin"),
+        ...roots.map((i) => join9(i, "components")),
         "src/components",
         "components",
-        join8(process2.cwd(), "components")
+        join9(process2.cwd(), "components")
       ],
       include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
       exclude: [],

package/dist/{chunk-R4VWCFXW.mjs → chunk-UFFECLAV.mjs}

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

package/dist/cli.mjs

@@ -5,10 +5,10 @@ import {
   resolveAddons,
   resolveOptions,
   resolveTheme
-} from "./chunk-R4VWCFXW.mjs";
+} from "./chunk-UFFECLAV.mjs";
 import {
   version
-} from "./chunk-UUONTUWJ.mjs";
+} from "./chunk-4Y3EWPMH.mjs";
 import {
   loadSetups
 } from "./chunk-LOUKLO2C.mjs";
@@ -328,7 +328,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-6VAW6JNE.mjs");
+    const { build } = await import("./build-F3OEADD3.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)

package/dist/index.mjs

@@ -2,10 +2,10 @@ import {
   createServer,
   parser,
   resolveOptions
-} from "./chunk-R4VWCFXW.mjs";
+} from "./chunk-UFFECLAV.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-UUONTUWJ.mjs";
+} from "./chunk-4Y3EWPMH.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.4",
+  "version": "0.49.6",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -48,9 +48,9 @@
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.6.0",
-    "@shikijs/twoslash": "^1.6.0",
-    "@shikijs/vitepress-twoslash": "^1.6.0",
+    "@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",
@@ -90,7 +90,7 @@
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.2",
-    "shiki": "^1.6.0",
+    "shiki": "^1.6.1",
     "shiki-magic-move": "^0.4.2",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.0",
@@ -101,7 +101,7 @@
     "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.5",
@@ -109,9 +109,9 @@
     "vitefu": "^0.2.5",
     "vue": "^3.4.27",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.49.4",
-    "@slidev/types": "0.49.4",
-    "@slidev/parser": "0.49.4"
+    "@slidev/client": "0.49.6",
+    "@slidev/types": "0.49.6",
+    "@slidev/parser": "0.49.6"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",