@slidev/cli 0.48.7 → 0.48.9

package/dist/{build-4QIFFIAR.mjs → build-CPSFSDEL.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-M3AHQMLP.mjs";
+} from "./chunk-STSW6326.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-AQQIBD5X.mjs";
 
@@ -62,7 +62,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-F3TWPZMI.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-H5Y2LN6J.mjs");
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{chunk-IYOBM2Q4.mjs → chunk-JGRWIL55.mjs}

@@ -1,7 +1,7 @@
 import {
   ViteSlidevPlugin,
   mergeViteConfigs
-} from "./chunk-M3AHQMLP.mjs";
+} from "./chunk-STSW6326.mjs";
 import {
   createResolver,
   getRoots,
@@ -48,7 +48,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 import * as parser from "@slidev/parser/fs";
 
 // package.json
-var version = "0.48.7";
+var version = "0.48.9";
 
 // node/integrations/themes.ts
 import { join as join2 } from "node:path";

package/dist/{chunk-M3AHQMLP.mjs → chunk-STSW6326.mjs}

@@ -140,14 +140,14 @@ var dependencies = {
   "@iconify-json/carbon": "^1.1.31",
   "@iconify-json/ph": "^1.1.11",
   "@iconify-json/svg-spinners": "^1.1.2",
-  "@shikijs/monaco": "^1.1.7",
-  "@shikijs/vitepress-twoslash": "^1.1.7",
+  "@shikijs/monaco": "^1.2.3",
+  "@shikijs/vitepress-twoslash": "^1.2.3",
   "@slidev/parser": "workspace:*",
   "@slidev/rough-notation": "^0.1.0",
   "@slidev/types": "workspace:*",
   "@typescript/ata": "^0.9.4",
-  "@unhead/vue": "^1.8.18",
-  "@unocss/reset": "^0.58.5",
+  "@unhead/vue": "^1.9.4",
+  "@unocss/reset": "^0.58.9",
   "@vueuse/core": "^10.9.0",
   "@vueuse/math": "^10.9.0",
   "@vueuse/motion": "^2.1.0",
@@ -157,16 +157,16 @@ var dependencies = {
   "floating-vue": "^5.2.2",
   "fuse.js": "^7.0.0",
   "js-yaml": "^4.1.0",
-  katex: "^0.16.9",
+  katex: "^0.16.10",
   "lz-string": "^1.5.0",
   mermaid: "^10.9.0",
   "monaco-editor": "^0.47.0",
   prettier: "^3.2.5",
   recordrtc: "^5.6.2",
-  shiki: "^1.1.7",
-  "shiki-magic-move": "^0.3.4",
-  typescript: "^5.4.2",
-  unocss: "^0.58.5",
+  shiki: "^1.2.3",
+  "shiki-magic-move": "^0.3.5",
+  typescript: "^5.4.3",
+  unocss: "^0.58.9",
   vue: "^3.4.21",
   "vue-demi": "^0.14.7",
   "vue-router": "^4.3.0"
@@ -232,7 +232,7 @@ function createConfigPlugin(options) {
             },
             {
               find: "vue",
-              replacement: await resolveImportPath("vue/dist/vue.esm-browser.js", true)
+              replacement: await resolveImportPath("vue/dist/vue.esm-bundler.js", true)
             }
           ],
           dedupe: ["vue"]
@@ -476,38 +476,42 @@ import { uniq as uniq2 } from "@antfu/utils";
 // node/syntax/transform/monaco.ts
 import { isTruthy } from "@antfu/utils";
 import lz from "lz-string";
-function transformMonaco(md2, enabled = true) {
-  if (!enabled)
-    return truncateMancoMark(md2);
-  md2 = md2.replace(
+function transformMonaco(ctx, enabled = true) {
+  if (!enabled) {
+    ctx.s.replace(/{monaco([\w:,-]*)}/g, "");
+    return;
+  }
+  ctx.s.replace(
     /^```(\w+?)\s*{monaco-diff}\s*?({.*?})?\s*?\n([\s\S]+?)^~~~\s*?\n([\s\S]+?)^```/mg,
-    (full, lang = "ts", options = "{}", code, diff) => {
+    (full, lang = "ts", options = "{}", code, diff, index) => {
       lang = lang.trim();
       options = options.trim() || "{}";
       const encoded = lz.compressToBase64(code);
       const encodedDiff = lz.compressToBase64(diff);
+      ctx.ignores.push([index, index + full.length]);
       return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
     }
   );
-  md2 = md2.replace(
+  ctx.s.replace(
     /^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg,
-    (full, lang = "ts", options = "{}", code) => {
+    (full, lang = "ts", options = "{}", code, index) => {
       lang = lang.trim();
       options = options.trim() || "{}";
       const encoded = lz.compressToBase64(code);
+      ctx.ignores.push([index, index + full.length]);
       return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
-  md2 = md2.replace(
+  ctx.s.replace(
     /^```(\w+?)\s*{monaco-run}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg,
-    (full, lang = "ts", options = "{}", code) => {
+    (full, lang = "ts", options = "{}", code, index) => {
       lang = lang.trim();
       options = options.trim() || "{}";
       const encoded = lz.compressToBase64(code);
+      ctx.ignores.push([index, index + full.length]);
       return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
-  return md2;
 }
 function scanMonacoModules(md2) {
   const typeModules = /* @__PURE__ */ new Set();
@@ -524,9 +528,6 @@ function scanMonacoModules(md2) {
   );
   return Array.from(typeModules);
 }
-function truncateMancoMark(md2) {
-  return md2.replace(/{monaco([\w:,-]*)}/g, "");
-}
 
 // node/virtual/monaco-types.ts
 var templateMonacoTypes = {
@@ -768,12 +769,20 @@ var templateStyle = {
 var templateTitleRendererMd = {
   id: "/@slidev/title-renderer.md",
   async getContent({ data }) {
-    const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
+    const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="no === ${i + 1}">
 
 ${title}
 
 </template>`);
-    lines.push(`<script setup lang="ts">defineProps<{ no: number | string }>()</script>`);
+    lines.push(
+      `<script setup lang="ts">`,
+      `import { useSlideContext } from '@slidev/client'`,
+      `import { computed } from 'vue'`,
+      `const props = defineProps<{ no?: number | string }>()`,
+      `const { $page } = useSlideContext()`,
+      `const no = computed(() => +(props.no ?? $page.value))`,
+      `</script>`
+    );
     return lines.join("\n");
   }
 };
@@ -911,6 +920,16 @@ function createSlidesLoader(options, pluginOptions, serverOptions) {
           }
           next();
         });
+        server.middlewares.use(async (req, res, next) => {
+          const match = req.url?.match(/^\/\@slidev\/resolve-id\/(.*)$/);
+          if (!match)
+            return next();
+          const [, specifier] = match;
+          const resolved = await server.pluginContainer.resolveId(specifier);
+          res.statusCode = 200;
+          res.write(resolved?.id ?? "");
+          return res.end();
+        });
       },
       async handleHotUpdate(ctx) {
         if (!data.watchFiles.includes(ctx.file))
@@ -1245,7 +1264,7 @@ ${code}`;
 import Markdown2 from "unplugin-vue-markdown/vite";
 import { isTruthy as isTruthy3, slash } from "@antfu/utils";
 
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.1.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
 var SpecialCharacters;
 (function(SpecialCharacters2) {
   SpecialCharacters2[SpecialCharacters2["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
@@ -1261,7 +1280,7 @@ var SpecialCharacters;
   SpecialCharacters2[SpecialCharacters2["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
 })(SpecialCharacters || (SpecialCharacters = {}));
 
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.1.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
 import Token from "markdown-it/lib/token.mjs";
 var checkboxRegex = /^ *\[([\sx])] /i;
 function taskLists(md2, options = { enabled: false, label: false, lineNumber: false }) {
@@ -1372,6 +1391,7 @@ function startsWithTodoMarkdown(token) {
 
 // node/vite/markdown.ts
 import MarkdownItMdc from "markdown-it-mdc";
+import MagicString from "magic-string";
 import MarkdownItAttrs from "markdown-it-link-attributes";
 import MarkdownItFootnote from "markdown-it-footnote";
 
@@ -1532,24 +1552,6 @@ import * as htmlparser2 from "htmlparser2";
 function normalizeRangeStr(rangeStr = "") {
   return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
 }
-function getCodeBlocks(md2) {
-  const codeblocks = Array.from(md2.matchAll(/^```[\s\S]*?^```/mg)).map((m) => {
-    const start = m.index;
-    const end = m.index + m[0].length;
-    const startLine = md2.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md2.slice(0, end).match(/\n/g)?.length || 0;
-    return [start, end, startLine, endLine];
-  });
-  return {
-    codeblocks,
-    isInsideCodeblocks(idx) {
-      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
-    },
-    isLineInsideCodeblocks(line) {
-      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
-    }
-  };
-}
 function escapeVueInCode(md2) {
   return md2.replace(/{{/g, "&lbrace;&lbrace;");
 }
@@ -1653,13 +1655,16 @@ function markdownItPrism(markdownit, useroptions) {
 
 // node/syntax/transform/code-wrapper.ts
 var reCodeBlock = /^```([\w'-]+?)(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?(.*?))?\n([\s\S]+?)^```$/mg;
-function transformCodeWrapper(md2) {
-  return md2.replace(
+function transformCodeWrapper(ctx) {
+  ctx.s.replace(
     reCodeBlock,
-    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
+    (full, lang = "", rangeStr = "", options = "", attrs = "", code, index) => {
+      if (ctx.isIgnored(index))
+        return full;
       const ranges = normalizeRangeStr(rangeStr);
       code = code.trimEnd();
       options = options.trim() || "{}";
+      ctx.ignores.push([index, index + full.length]);
       return `
 <CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
 
@@ -1676,10 +1681,10 @@ ${code}
 import { codeToKeyedTokens } from "shiki-magic-move/core";
 import lz2 from "lz-string";
 var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?:[ ]*(\{.*?\})?([^\n]*?))?\n([\s\S]+?)^````$/mg;
-function transformMagicMove(md2, shiki2, shikiOptions2) {
-  return md2.replace(
+function transformMagicMove(ctx, shiki2, shikiOptions2) {
+  ctx.s.replace(
     reMagicMoveBlock,
-    (full, options = "{}", _attrs = "", body) => {
+    (full, options = "{}", _attrs = "", body, index) => {
       if (!shiki2 || !shikiOptions2)
         throw new Error("Shiki is required for Magic Move. You may need to set `highlighter: shiki` in your Slidev config.");
       const matches = Array.from(body.matchAll(reCodeBlock));
@@ -1693,6 +1698,7 @@ function transformMagicMove(md2, shiki2, shikiOptions2) {
         })
       );
       const compressed = lz2.compressToBase64(JSON.stringify(steps));
+      ctx.ignores.push([index, index + full.length]);
       return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :step-ranges='${JSON.stringify(ranges)}' />`;
     }
   );
@@ -1700,21 +1706,23 @@ function transformMagicMove(md2, shiki2, shikiOptions2) {
 
 // node/syntax/transform/mermaid.ts
 import lz3 from "lz-string";
-function transformMermaid(md2) {
-  return md2.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "") => {
+function transformMermaid(ctx) {
+  ctx.s.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "", index) => {
     code = code.trim();
     options = options.trim() || "{}";
     const encoded = lz3.compressToBase64(code);
+    ctx.ignores.push([index, index + full.length]);
     return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
   });
 }
 
 // node/syntax/transform/plant-uml.ts
 import { encode as encodePlantUml } from "plantuml-encoder";
-function transformPlantUml(md2, server) {
-  return md2.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "") => {
+function transformPlantUml(ctx, server) {
+  ctx.s.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "", index) => {
     const code = encodePlantUml(content.trim());
     options = options.trim() || "{}";
+    ctx.ignores.push([index, index + full.length]);
     return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
   });
 }
@@ -1773,14 +1781,14 @@ function findRegion(lines, regionName) {
   }
   return null;
 }
-function transformSnippet(md2, options, id) {
+function transformSnippet(ctx, options, id) {
   const slideId = id.match(/(\d+)\.md$/)?.[1];
   if (!slideId)
-    return md2;
+    return;
   const data = options.data;
   const slideInfo = data.slides[+slideId - 1];
   const dir = path.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
-  return md2.replace(
+  ctx.s.replace(
     /^<<< *(.+?)(#[\w-]+)? *(?: (\S+?))? *(\{.*)?$/mg,
     (full, filepath = "", regionName = "", lang = "", meta = "") => {
       const firstLine = `\`\`\`${lang || path.extname(filepath).slice(1)} ${meta}`;
@@ -1810,35 +1818,41 @@ ${content}
 }
 
 // node/syntax/transform/slot-sugar.ts
-function transformSlotSugar(md2) {
-  const lines = md2.split(/\r?\n/g);
+function transformSlotSugar(ctx) {
+  const linesWithNewline = ctx.s.original.split(/(\r?\n)/g);
+  const lines = [];
+  for (let i = 0; i < linesWithNewline.length; i += 2) {
+    const line = linesWithNewline[i];
+    const newline = linesWithNewline[i + 1] || "";
+    lines.push(line + newline);
+  }
   let prevSlot = false;
-  const { isLineInsideCodeblocks } = getCodeBlocks(md2);
-  lines.forEach((line, idx) => {
-    if (isLineInsideCodeblocks(idx))
+  let offset = 0;
+  lines.forEach((line) => {
+    const start = offset;
+    offset += line.length;
+    if (ctx.isIgnored(start))
       return;
-    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/);
+    const match = line.match(/^::\s*([\w\.\-\:]+)\s*::(\s*)?$/);
     if (match) {
-      lines[idx] = `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
-`;
+      ctx.s.overwrite(start, offset - match[2].length, `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
+`);
       prevSlot = true;
     }
   });
   if (prevSlot)
-    lines[lines.length - 1] += "\n\n</template>";
-  return lines.join("\n");
+    ctx.s.append("\n\n</template>");
 }
 
 // node/syntax/transform/in-page-css.ts
-function transformPageCSS(md2, id) {
+function transformPageCSS(ctx, id) {
   const page = id.match(/(\d+)\.md$/)?.[1];
   if (!page)
-    return md2;
-  const { isInsideCodeblocks } = getCodeBlocks(md2);
-  const result = md2.replace(
+    return;
+  ctx.s.replace(
     /(\n<style[^>]*?>)([\s\S]+?)(<\/style>)/g,
     (full, start, css, end, index) => {
-      if (index < 0 || isInsideCodeblocks(index))
+      if (ctx.isIgnored(index))
         return full;
       if (!start.includes("scoped"))
         start = start.replace("<style", "<style scoped");
@@ -1846,17 +1860,17 @@ function transformPageCSS(md2, id) {
 ${css}${end}`;
     }
   );
-  return result;
 }
 
 // node/syntax/transform/katex-wrapper.ts
-function transformKaTexWrapper(md2) {
-  return md2.replace(
+function transformKaTexWrapper(ctx) {
+  ctx.s.replace(
     /^\$\$(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?\s*?)?\n([\s\S]+?)^\$\$/mg,
-    (full, rangeStr = "", options = "", code) => {
+    (full, rangeStr = "", options = "", code, index) => {
       const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
       code = code.trimEnd();
       options = options.trim() || "{}";
+      ctx.ignores.push([index, index + full.length]);
       return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
 
 $$
@@ -1957,17 +1971,24 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
         if (id === entryPath)
           return "";
         const monacoEnabled = config.monaco === true || config.monaco === mode;
+        const ctx = {
+          s: new MagicString(code),
+          ignores: [],
+          isIgnored(index) {
+            return index < 0 || ctx.ignores.some(([start, end]) => start <= index && index < end);
+          }
+        };
+        transformSnippet(ctx, options, id);
         if (config.highlighter === "shiki")
-          code = transformMagicMove(code, shiki, shikiOptions);
-        code = transformSlotSugar(code);
-        code = transformSnippet(code, options, id);
-        code = transformMermaid(code);
-        code = transformPlantUml(code, config.plantUmlServer);
-        code = transformMonaco(code, monacoEnabled);
-        code = transformCodeWrapper(code);
-        code = transformPageCSS(code, id);
-        code = transformKaTexWrapper(code);
-        return code;
+          transformMagicMove(ctx, shiki, shikiOptions);
+        transformMermaid(ctx);
+        transformPlantUml(ctx, config.plantUmlServer);
+        transformMonaco(ctx, monacoEnabled);
+        transformCodeWrapper(ctx);
+        transformKaTexWrapper(ctx);
+        transformPageCSS(ctx, id);
+        transformSlotSugar(ctx);
+        return ctx.s.toString();
       }
     }
   });

package/dist/cli.mjs

@@ -6,8 +6,8 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-IYOBM2Q4.mjs";
-import "./chunk-M3AHQMLP.mjs";
+} from "./chunk-JGRWIL55.mjs";
+import "./chunk-STSW6326.mjs";
 import {
   loadSetups
 } from "./chunk-LOUKLO2C.mjs";
@@ -325,7 +325,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await import("./build-4QIFFIAR.mjs");
+    const { build } = await import("./build-CPSFSDEL.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -406,7 +406,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-F3TWPZMI.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-H5Y2LN6J.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -444,13 +444,18 @@ cli.command(
     default: 3e4,
     type: "number",
     describe: "timeout for rendering the print page"
+  }).option("wait", {
+    default: 0,
+    type: "number",
+    describe: "wait for the specified ms before exporting"
   }).strict().help(),
   async ({
     entry,
     output,
-    timeout
+    timeout,
+    wait
   }) => {
-    const { exportNotes } = await import("./export-F3TWPZMI.mjs");
+    const { exportNotes } = await import("./export-H5Y2LN6J.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -466,7 +471,8 @@ cli.command(
       const result = await exportNotes({
         port,
         output: output || (options.data.config.exportFilename ? `${options.data.config.exportFilename}-notes` : `${path.basename(entryFile, ".md")}-export-notes`),
-        timeout
+        timeout,
+        wait
       });
       console.log(`${green("  \u2713 ")}${dim("exported to ")}./${result}
 `);
@@ -498,6 +504,9 @@ function exportOptions(args) {
   }).option("timeout", {
     type: "number",
     describe: "timeout for rendering the print page"
+  }).option("wait", {
+    type: "number",
+    describe: "wait for the specified ms before exporting"
   }).option("range", {
     type: "string",
     describe: 'page ranges to export, for example "1,4-5,6"'

package/dist/{export-F3TWPZMI.mjs → export-H5Y2LN6J.mjs}

@@ -75,7 +75,8 @@ async function exportNotes({
   port = 18724,
   base = "/",
   output = "notes",
-  timeout = 3e4
+  timeout = 3e4,
+  wait = 0
 }) {
   const { chromium } = await importPlaywright();
   const browser = await chromium.launch();
@@ -88,6 +89,8 @@ async function exportNotes({
   await page.goto(`http://localhost:${port}${base}presenter/print`, { waitUntil: "networkidle", timeout });
   await page.waitForLoadState("networkidle");
   await page.emulateMedia({ media: "screen" });
+  if (wait)
+    await page.waitForTimeout(wait);
   await page.pdf({
     path: output,
     margin: {
@@ -112,6 +115,7 @@ async function exportSlides({
   slides,
   base = "/",
   timeout = 3e4,
+  wait = 0,
   dark = false,
   routerMode = "history",
   width = 1920,
@@ -202,6 +206,8 @@ async function exportSlides({
         await element.evaluate((node) => node.style.display = "none");
       }
     }
+    if (wait)
+      await page.waitForTimeout(wait);
   }
   async function getSlidesIndex() {
     const clicksBySlide = {};
@@ -403,6 +409,7 @@ function getExportOptions(args, options, outDir, outFilename) {
     output,
     format,
     timeout,
+    wait,
     range,
     dark,
     withClicks,
@@ -421,6 +428,7 @@ function getExportOptions(args, options, outDir, outFilename) {
     range,
     format: format || "pdf",
     timeout: timeout ?? 3e4,
+    wait: wait ?? 0,
     dark: dark || options.data.config.colorSchema === "dark",
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,

package/dist/index.mjs

@@ -2,10 +2,10 @@ import {
   createServer,
   parser,
   resolveOptions
-} from "./chunk-IYOBM2Q4.mjs";
+} from "./chunk-JGRWIL55.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-M3AHQMLP.mjs";
+} from "./chunk-STSW6326.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-AQQIBD5X.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.48.7",
+  "version": "0.48.9",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -48,11 +48,11 @@
     "@iconify-json/ph": "^1.1.11",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.1.7",
-    "@shikijs/twoslash": "^1.1.7",
-    "@shikijs/vitepress-twoslash": "^1.1.7",
-    "@unocss/extractor-mdc": "^0.58.5",
-    "@unocss/reset": "^0.58.5",
+    "@shikijs/markdown-it": "^1.2.3",
+    "@shikijs/twoslash": "^1.2.3",
+    "@shikijs/vitepress-twoslash": "^1.2.3",
+    "@unocss/extractor-mdc": "^0.58.9",
+    "@unocss/reset": "^0.58.9",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "chokidar": "^3.6.0",
@@ -68,11 +68,12 @@
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^1.21.0",
-    "katex": "^0.16.9",
+    "katex": "^0.16.10",
     "kolorist": "^1.8.0",
     "local-pkg": "^0.5.0",
     "lz-string": "^1.5.0",
-    "markdown-it": "^14.0.0",
+    "magic-string": "^0.30.9",
+    "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-mdc": "^0.2.3",
@@ -84,31 +85,31 @@
     "postcss-nested": "^6.0.1",
     "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
-    "public-ip": "^6.0.1",
+    "public-ip": "^6.0.2",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.0",
-    "shiki": "^1.1.7",
-    "shiki-magic-move": "^0.3.4",
+    "shiki": "^1.2.3",
+    "shiki-magic-move": "^0.3.5",
     "sirv": "^2.0.4",
-    "typescript": "^5.4.2",
-    "unocss": "^0.58.5",
+    "typescript": "^5.4.3",
+    "unocss": "^0.58.9",
     "unplugin-icons": "^0.18.5",
     "unplugin-vue-components": "^0.26.0",
     "unplugin-vue-markdown": "^0.26.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.1.6",
+    "vite": "^5.2.7",
     "vite-plugin-inspect": "^0.8.3",
     "vite-plugin-remote-assets": "^0.4.1",
-    "vite-plugin-static-copy": "^1.0.1",
+    "vite-plugin-static-copy": "^1.0.2",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
     "vue": "^3.4.21",
     "yargs": "^17.7.2",
-    "@slidev/parser": "0.48.7",
-    "@slidev/types": "0.48.7",
-    "@slidev/client": "0.48.7"
+    "@slidev/client": "0.48.9",
+    "@slidev/parser": "0.48.9",
+    "@slidev/types": "0.48.9"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",