@slidev/cli 51.0.1 → 51.1.0

package/dist/{build-47SVPVZN.js → build-5CO2TPP4.js}

@@ -1,6 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-3JQYTPPL.js";
+} from "./chunk-UAXJBAYZ.js";
 import "./chunk-UNQ5DBLZ.js";
 
 // node/commands/build.ts

package/dist/{chunk-UF7FZDYU.js → chunk-HPAG2I6S.js}

@@ -1,6 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-3JQYTPPL.js";
+} from "./chunk-UAXJBAYZ.js";
 
 // node/commands/serve.ts
 import { join } from "node:path";

package/dist/{chunk-3JQYTPPL.js → chunk-UAXJBAYZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-UNQ5DBLZ.js";
 
 // package.json
-var version = "51.0.1";
+var version = "51.1.0";
 
 // node/integrations/themes.ts
 import { join } from "node:path";
@@ -80,7 +80,7 @@ import { escapeHtml } from "markdown-it/lib/common/utils.mjs";
 // node/commands/shared.ts
 import { existsSync as existsSync7 } from "node:fs";
 import { join as join12 } from "node:path";
-import MarkdownIt from "markdown-it";
+import MarkdownIt2 from "markdown-it";
 import { loadConfigFromFile, mergeConfig as mergeConfig2 } from "vite";
 
 // node/syntax/markdown-it/markdown-it-link.ts
@@ -119,10 +119,16 @@ function loadModule(absolutePath) {
 function stringifyMarkdownTokens(tokens) {
   return tokens.map((token) => token.children?.filter((t) => ["text", "code_inline"].includes(t.type) && !t.content.match(/^\s*$/)).map((t) => t.content.trim()).join(" ")).filter(Boolean).join(" ");
 }
-function generateGoogleFontsUrl(options) {
+function generateFontParams(options) {
   const weights = options.weights.flatMap((i) => options.italic ? [`0,${i}`, `1,${i}`] : [`${i}`]).sort().join(";");
-  const fonts = options.webfonts.map((i) => `family=${i.replace(/^(['"])(.*)\1$/, "$1").replace(/\s+/g, "+")}:${options.italic ? "ital," : ""}wght@${weights}`).join("&");
-  return `https://fonts.googleapis.com/css2?${fonts}&display=swap`;
+  const fontParams = options.webfonts.map((i) => `family=${i.replace(/^(['"])(.*)\1$/, "$1").replace(/\s+/g, "+")}:${options.italic ? "ital," : ""}wght@${weights}`).join("&");
+  return fontParams;
+}
+function generateGoogleFontsUrl(options) {
+  return `https://fonts.googleapis.com/css2?${generateFontParams(options)}&display=swap`;
+}
+function generateCoollabsFontsUrl(options) {
+  return `https://api.fonts.coollabs.io/fonts?${generateFontParams(options)}&display=swap`;
 }
 function updateFrontmatterPatch(slide, frontmatter) {
   const source = slide.source;
@@ -538,8 +544,154 @@ ${body}
 import { notNullish, range } from "@antfu/utils";
 import * as parser2 from "@slidev/parser/fs";
 import equal from "fast-deep-equal";
+import MarkdownIt from "markdown-it";
 import YAML2 from "yaml";
 
+// node/syntax/markdown-it/markdown-it-katex.ts
+import katex from "katex";
+function isValidDelim(state, pos) {
+  const max = state.posMax;
+  let can_open = true;
+  let can_close = true;
+  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
+  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
+  if (prevChar === 32 || prevChar === 9 || /* \t */
+  nextChar >= 48 && nextChar <= 57)
+    can_close = false;
+  if (nextChar === 32 || nextChar === 9)
+    can_open = false;
+  return {
+    can_open,
+    can_close
+  };
+}
+function math_inline(state, silent) {
+  let match, token, res, pos;
+  if (state.src[state.pos] !== "$")
+    return false;
+  res = isValidDelim(state, state.pos);
+  if (!res.can_open) {
+    if (!silent)
+      state.pending += "$";
+    state.pos += 1;
+    return true;
+  }
+  const start = state.pos + 1;
+  match = start;
+  while ((match = state.src.indexOf("$", match)) !== -1) {
+    pos = match - 1;
+    while (state.src[pos] === "\\") pos -= 1;
+    if ((match - pos) % 2 === 1)
+      break;
+    match += 1;
+  }
+  if (match === -1) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
+  }
+  if (match - start === 0) {
+    if (!silent)
+      state.pending += "$$";
+    state.pos = start + 1;
+    return true;
+  }
+  res = isValidDelim(state, match);
+  if (!res.can_close) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
+  }
+  if (!silent) {
+    token = state.push("math_inline", "math", 0);
+    token.markup = "$";
+    token.content = state.src.slice(start, match);
+  }
+  state.pos = match + 1;
+  return true;
+}
+function math_block(state, start, end, silent) {
+  let firstLine;
+  let lastLine;
+  let next;
+  let lastPos;
+  let found = false;
+  let pos = state.bMarks[start] + state.tShift[start];
+  let max = state.eMarks[start];
+  if (pos + 2 > max)
+    return false;
+  if (state.src.slice(pos, pos + 2) !== "$$")
+    return false;
+  pos += 2;
+  firstLine = state.src.slice(pos, max);
+  if (silent)
+    return true;
+  if (firstLine.trim().slice(-2) === "$$") {
+    firstLine = firstLine.trim().slice(0, -2);
+    found = true;
+  }
+  for (next = start; !found; ) {
+    next++;
+    if (next >= end)
+      break;
+    pos = state.bMarks[next] + state.tShift[next];
+    max = state.eMarks[next];
+    if (pos < max && state.tShift[next] < state.blkIndent) {
+      break;
+    }
+    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = true;
+    }
+  }
+  state.line = next + 1;
+  const token = state.push("math_block", "math", 0);
+  token.block = true;
+  token.content = (firstLine && firstLine.trim() ? `${firstLine}
+` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
+  token.map = [start, state.line];
+  token.markup = "$$";
+  return true;
+}
+function MarkdownItKatex(md, options) {
+  const katexInline = function(latex) {
+    options.displayMode = false;
+    try {
+      return katex.renderToString(latex, options);
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const inlineRenderer = function(tokens, idx) {
+    return katexInline(tokens[idx].content);
+  };
+  const katexBlock = function(latex) {
+    options.displayMode = true;
+    try {
+      return `<p>${katex.renderToString(latex, options)}</p>`;
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const blockRenderer = function(tokens, idx) {
+    return `${katexBlock(tokens[idx].content)}
+`;
+  };
+  md.inline.ruler.after("escape", "math_inline", math_inline);
+  md.block.ruler.after("blockquote", "math_block", math_block, {
+    alt: ["paragraph", "reference", "blockquote", "list"]
+  });
+  md.renderer.rules.math_inline = inlineRenderer;
+  md.renderer.rules.math_block = blockRenderer;
+}
+
 // node/virtual/configs.ts
 import { isString } from "@antfu/utils";
 var templateConfigs = {
@@ -788,13 +940,14 @@ var templateShiki = {
     const lines = [];
     lines.push(
       `import { createHighlighterCore } from "${await resolveImportUrl("shiki/core")}"`,
+      `import { createJavaScriptRegexEngine } from "${await resolveImportUrl("@shikijs/engine-javascript")}"`,
       `export { shikiToMonaco } from "${await resolveImportUrl("@shikijs/monaco")}"`,
       `export const languages = ${JSON.stringify(langNames)}`,
       `export const themes = ${JSON.stringify(themeOptionsNames.themes || themeOptionsNames.theme)}`,
       "export const shiki = createHighlighterCore({",
       `  themes: [${themesInit.join(",")}],`,
       `  langs: [${langsInit.join(",")}],`,
-      `  loadWasm: import('${await resolveImportUrl("shiki/wasm")}'),`,
+      `  engine: createJavaScriptRegexEngine(),`,
       "})",
       "let highlight",
       "export async function getHighlighter() {",
@@ -960,24 +1113,12 @@ var templates = [
 ];
 
 // node/vite/loaders.ts
-function renderNote(text = "") {
-  let clickCount = 0;
-  const html = sharedMd.render(
-    text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
-      clickCount += Number(count);
-      return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
-    })
-  );
-  return html;
-}
-function withRenderedNote(data) {
-  return {
-    ...data,
-    noteHTML: renderNote(data?.note)
-  };
-}
 function createSlidesLoader(options, serverOptions) {
   const { data, mode, utils } = options;
+  const notesMd = MarkdownIt({ html: true });
+  notesMd.use(MarkdownItLink);
+  if (data.features.katex)
+    notesMd.use(MarkdownItKatex, utils.katexOptions);
   const hmrSlidesIndexes = /* @__PURE__ */ new Set();
   let server;
   let skipHmr = null;
@@ -1252,6 +1393,22 @@ function createSlidesLoader(options, serverOptions) {
         return "";
     }
   };
+  function renderNote(text = "") {
+    let clickCount = 0;
+    const html = notesMd.render(
+      text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
+        clickCount += Number(count);
+        return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
+      })
+    );
+    return html;
+  }
+  function withRenderedNote(data2) {
+    return {
+      ...data2,
+      noteHTML: renderNote(data2?.note)
+    };
+  }
 }
 
 // node/vite/markdown.ts
@@ -1387,35 +1544,6 @@ function startsWithTodoMarkdown(token) {
 import MarkdownItFootnote from "markdown-it-footnote";
 import MarkdownItMdc from "markdown-it-mdc";
 
-// node/setups/load.ts
-import { resolve as resolve4 } from "node:path";
-import { deepMergeWithArray } from "@antfu/utils";
-import fs3 from "fs-extra";
-async function loadSetups(roots, filename, args, extraLoader) {
-  const returns = [];
-  for (const root of roots) {
-    const path4 = resolve4(root, "setup", filename);
-    if (fs3.existsSync(path4)) {
-      const { default: setup } = await loadModule(path4);
-      const ret = await setup(...args);
-      if (ret)
-        returns.push(ret);
-    }
-    if (extraLoader)
-      returns.push(...await extraLoader(root));
-  }
-  return returns;
-}
-
-// node/setups/katex.ts
-async function setupKatex(roots) {
-  const options = await loadSetups(roots, "katex.ts", []);
-  return Object.assign(
-    { strict: false },
-    ...options
-  );
-}
-
 // node/syntax/markdown-it/markdown-it-escape-code.ts
 function MarkdownItEscapeInlineCode(md) {
   const codeInline = md.renderer.rules.code_inline;
@@ -1425,151 +1553,6 @@ function MarkdownItEscapeInlineCode(md) {
   };
 }
 
-// node/syntax/markdown-it/markdown-it-katex.ts
-import katex from "katex";
-function isValidDelim(state, pos) {
-  const max = state.posMax;
-  let can_open = true;
-  let can_close = true;
-  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
-  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
-  if (prevChar === 32 || prevChar === 9 || /* \t */
-  nextChar >= 48 && nextChar <= 57)
-    can_close = false;
-  if (nextChar === 32 || nextChar === 9)
-    can_open = false;
-  return {
-    can_open,
-    can_close
-  };
-}
-function math_inline(state, silent) {
-  let match, token, res, pos;
-  if (state.src[state.pos] !== "$")
-    return false;
-  res = isValidDelim(state, state.pos);
-  if (!res.can_open) {
-    if (!silent)
-      state.pending += "$";
-    state.pos += 1;
-    return true;
-  }
-  const start = state.pos + 1;
-  match = start;
-  while ((match = state.src.indexOf("$", match)) !== -1) {
-    pos = match - 1;
-    while (state.src[pos] === "\\") pos -= 1;
-    if ((match - pos) % 2 === 1)
-      break;
-    match += 1;
-  }
-  if (match === -1) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
-  }
-  if (match - start === 0) {
-    if (!silent)
-      state.pending += "$$";
-    state.pos = start + 1;
-    return true;
-  }
-  res = isValidDelim(state, match);
-  if (!res.can_close) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
-  }
-  if (!silent) {
-    token = state.push("math_inline", "math", 0);
-    token.markup = "$";
-    token.content = state.src.slice(start, match);
-  }
-  state.pos = match + 1;
-  return true;
-}
-function math_block(state, start, end, silent) {
-  let firstLine;
-  let lastLine;
-  let next;
-  let lastPos;
-  let found = false;
-  let pos = state.bMarks[start] + state.tShift[start];
-  let max = state.eMarks[start];
-  if (pos + 2 > max)
-    return false;
-  if (state.src.slice(pos, pos + 2) !== "$$")
-    return false;
-  pos += 2;
-  firstLine = state.src.slice(pos, max);
-  if (silent)
-    return true;
-  if (firstLine.trim().slice(-2) === "$$") {
-    firstLine = firstLine.trim().slice(0, -2);
-    found = true;
-  }
-  for (next = start; !found; ) {
-    next++;
-    if (next >= end)
-      break;
-    pos = state.bMarks[next] + state.tShift[next];
-    max = state.eMarks[next];
-    if (pos < max && state.tShift[next] < state.blkIndent) {
-      break;
-    }
-    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
-      lastPos = state.src.slice(0, max).lastIndexOf("$$");
-      lastLine = state.src.slice(pos, lastPos);
-      found = true;
-    }
-  }
-  state.line = next + 1;
-  const token = state.push("math_block", "math", 0);
-  token.block = true;
-  token.content = (firstLine && firstLine.trim() ? `${firstLine}
-` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
-  token.map = [start, state.line];
-  token.markup = "$$";
-  return true;
-}
-function MarkdownItKatex(md, options) {
-  const katexInline = function(latex) {
-    options.displayMode = false;
-    try {
-      return katex.renderToString(latex, options);
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const inlineRenderer = function(tokens, idx) {
-    return katexInline(tokens[idx].content);
-  };
-  const katexBlock = function(latex) {
-    options.displayMode = true;
-    try {
-      return `<p>${katex.renderToString(latex, options)}</p>`;
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const blockRenderer = function(tokens, idx) {
-    return `${katexBlock(tokens[idx].content)}
-`;
-  };
-  md.inline.ruler.after("escape", "math_inline", math_inline);
-  md.block.ruler.after("blockquote", "math_block", math_block, {
-    alt: ["paragraph", "reference", "blockquote", "list"]
-  });
-  md.renderer.rules.math_inline = inlineRenderer;
-  md.renderer.rules.math_block = blockRenderer;
-}
-
 // node/syntax/markdown-it/markdown-it-shiki.ts
 import { isTruthy } from "@antfu/utils";
 import { fromHighlighter } from "@shikijs/markdown-it/core";
@@ -1687,7 +1670,7 @@ function MarkdownItVDrag(md, markdownTransformMap) {
 
 // node/syntax/markdown-it/index.ts
 async function useMarkdownItPlugins(md, options, markdownTransformMap) {
-  const { roots, data: { features, config } } = options;
+  const { data: { features, config }, utils: { katexOptions } } = options;
   if (config.highlighter === "shiki") {
     md.use(await MarkdownItShiki(options));
   }
@@ -1696,12 +1679,32 @@ async function useMarkdownItPlugins(md, options, markdownTransformMap) {
   md.use(MarkdownItFootnote);
   md.use(taskLists, { enabled: true, lineNumber: true, label: true });
   if (features.katex)
-    md.use(MarkdownItKatex, await setupKatex(roots));
+    md.use(MarkdownItKatex, katexOptions);
   md.use(MarkdownItVDrag, markdownTransformMap);
   if (config.mdc)
     md.use(MarkdownItMdc);
 }
 
+// node/setups/load.ts
+import { resolve as resolve4 } from "node:path";
+import { deepMergeWithArray } from "@antfu/utils";
+import fs3 from "fs-extra";
+async function loadSetups(roots, filename, args, extraLoader) {
+  const returns = [];
+  for (const root of roots) {
+    const path4 = resolve4(root, "setup", filename);
+    if (fs3.existsSync(path4)) {
+      const { default: setup } = await loadModule(path4);
+      const ret = await setup(...args);
+      if (ret)
+        returns.push(ret);
+    }
+    if (extraLoader)
+      returns.push(...await extraLoader(root));
+  }
+  return returns;
+}
+
 // node/setups/transformers.ts
 async function setupTransformers(roots) {
   const returns = await loadSetups(roots, "transformers.ts", []);
@@ -2086,10 +2089,10 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
     },
     transforms: {
       ...mdOptions?.transforms,
-      before(code, id) {
+      async before(code, id) {
         if (options.data.markdownFiles[id])
           return "";
-        code = mdOptions?.transforms?.before?.(code, id) ?? code;
+        code = await mdOptions?.transforms?.before?.(code, id) ?? code;
         const match = id.match(regexSlideSourceId);
         if (!match)
           return code;
@@ -2103,7 +2106,7 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
         for (const transformer of transformers) {
           if (!transformer)
             continue;
-          transformer(ctx);
+          await transformer(ctx);
           if (!ctx.s.isEmpty())
             ctx.s.commit();
         }
@@ -2449,7 +2452,7 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 }
 
 // node/commands/shared.ts
-var sharedMd = MarkdownIt({ html: true });
+var sharedMd = MarkdownIt2({ html: true });
 sharedMd.use(MarkdownItLink);
 function getSlideTitle(data) {
   const tokens = sharedMd.parseInline(data.config.title, {});
@@ -2488,7 +2491,7 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
 function toAttrValue(unsafe) {
   return JSON.stringify(escapeHtml(String(unsafe)));
 }
-function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data }) {
+function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
   let main = readFileSync2(join13(clientRoot, "index.html"), "utf-8");
   let head = "";
   let body = "";
@@ -2519,15 +2522,31 @@ ${(index.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
   }
   if (data.features.tweet)
     body += '\n<script async src="https://platform.twitter.com/widgets.js"></script>';
-  if (data.config.fonts.webfonts.length && data.config.fonts.provider !== "none")
-    head += `
+  if (data.config.fonts.webfonts.length) {
+    const { provider } = data.config.fonts;
+    if (provider === "google")
+      head += `
 <link rel="stylesheet" href="${generateGoogleFontsUrl(data.config.fonts)}" type="text/css">`;
+    else if (provider === "coollabs")
+      head += `
+<link rel="stylesheet" href="${generateCoollabsFontsUrl(data.config.fonts)}" type="text/css">`;
+  }
   if (data.headmatter.lang)
     main = main.replace('<html lang="en">', `<html lang="${data.headmatter.lang}">`);
-  main = main.replace("__ENTRY__", toAtFS(join13(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
+  const baseInDev = mode === "dev" && base ? base.slice(0, -1) : "";
+  main = main.replace("__ENTRY__", baseInDev + toAtFS(join13(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
   return main;
 }
 
+// node/setups/katex.ts
+async function setupKatex(roots) {
+  const options = await loadSetups(roots, "katex.ts", []);
+  return Object.assign(
+    { strict: false },
+    ...options
+  );
+}
+
 // node/setups/shiki.ts
 import fs9 from "node:fs/promises";
 import { bundledLanguages, createHighlighter } from "shiki";
@@ -2631,6 +2650,7 @@ async function createDataUtils(resolved) {
   let _layouts_cache = {};
   return {
     ...await setupShiki(resolved.roots),
+    katexOptions: await setupKatex(resolved.roots),
     indexHtml: setupIndexHtml(resolved),
     define: getDefine(resolved),
     iconsResolvePath: [resolved.clientRoot, ...resolved.roots].reverse(),

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-UF7FZDYU.js";
+} from "./chunk-HPAG2I6S.js";
 import {
   getThemeMeta,
   loadSetups,
@@ -9,7 +9,7 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-3JQYTPPL.js";
+} from "./chunk-UAXJBAYZ.js";
 import {
   getRoots,
   isInstalledGlobally,
@@ -103,13 +103,17 @@ cli.command(
     alias: "f",
     default: false,
     type: "boolean",
-    describe: "force the optimizer to ignore the cache and re-bundle  "
+    describe: "force the optimizer to ignore the cache and re-bundle"
   }).option("bind", {
     type: "string",
     default: "0.0.0.0",
     describe: "specify which IP addresses the server should listen on in remote mode"
+  }).option("base", {
+    type: "string",
+    describe: "base URL. Example: /demo/",
+    default: "/"
   }).strict().help(),
-  async ({ entry, theme, port: userPort, open, log, remote, tunnel, force, inspect, bind }) => {
+  async ({ entry, theme, port: userPort, open, log, remote, tunnel, force, inspect, bind, base }) => {
     let server;
     let port = 3030;
     let lastRemoteUrl;
@@ -124,7 +128,7 @@ cli.command(
     async function initServer() {
       if (server)
         await server.close();
-      const options = await resolveOptions({ entry, remote, theme, inspect }, "dev");
+      const options = await resolveOptions({ entry, remote, theme, inspect, base }, "dev");
       const host = remote !== void 0 ? bind : "localhost";
       port = userPort || await getPort({
         port: 3030,
@@ -147,7 +151,8 @@ cli.command(
             // Vite 5
             force
           },
-          logLevel: log
+          logLevel: log,
+          base
         },
         {
           async loadData(loadedSource) {
@@ -190,7 +195,7 @@ cli.command(
       let publicIp;
       if (remote)
         publicIp = await import("public-ip").then((r) => r.publicIpv4());
-      lastRemoteUrl = printInfo(options, port, remote, tunnelUrl, publicIp);
+      lastRemoteUrl = printInfo(options, port, base, remote, tunnelUrl, publicIp);
     }
     async function openTunnel(port2) {
       const { startTunnel } = await import("untun");
@@ -212,7 +217,7 @@ cli.command(
         name: "o",
         fullname: "open",
         action() {
-          openBrowser(`http://localhost:${port}`);
+          openBrowser(`http://localhost:${port}${base}`);
         }
       },
       {
@@ -320,7 +325,7 @@ cli.command(
     describe: "output dir"
   }).option("base", {
     type: "string",
-    describe: "output base"
+    describe: "output base. Example: /demo/"
   }).option("download", {
     alias: "d",
     type: "boolean",
@@ -332,9 +337,9 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-47SVPVZN.js");
+    const { build } = await import("./build-5CO2TPP4.js");
     for (const entryFile of entry) {
-      const options = await resolveOptions({ entry: entryFile, theme, inspect, download }, "build");
+      const options = await resolveOptions({ entry: entryFile, theme, inspect, download, base }, "build");
       printInfo(options);
       await build(
         options,
@@ -552,7 +557,8 @@ function exportOptions(args) {
     describe: "export png pages without the default browser background"
   });
 }
-function printInfo(options, port, remote, tunnelUrl, publicIp) {
+function printInfo(options, port, base, remote, tunnelUrl, publicIp) {
+  const baseUrl = port && `http://localhost:${bold(port + (base?.slice(0, -1) || ""))}`;
   console.log();
   console.log();
   console.log(`  ${cyan("\u25CF") + blue("\u25A0") + yellow("\u25B2")}`);
@@ -562,22 +568,22 @@ function printInfo(options, port, remote, tunnelUrl, publicIp) {
   console.log(dim("  theme       ") + (options.theme ? green(options.theme) : gray("none")));
   console.log(dim("  css engine  ") + blue("unocss"));
   console.log(dim("  entry       ") + dim(path.normalize(path.dirname(options.entry)) + path.sep) + path.basename(options.entry));
-  if (port) {
+  if (baseUrl) {
     const query = remote ? `?password=${remote}` : "";
     const presenterPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}presenter/${query}`;
     const entryPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}entry${query}/`;
     const overviewPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}overview${query}/`;
     console.log();
-    console.log(`${dim("  public slide show ")}  > ${cyan(`http://localhost:${bold(port)}/`)}`);
+    console.log(`${dim("  public slide show ")}  > ${cyan(`${baseUrl}/`)}`);
     if (query)
-      console.log(`${dim("  private slide show ")} > ${cyan(`http://localhost:${bold(port)}/${query}`)}`);
+      console.log(`${dim("  private slide show ")} > ${cyan(`${baseUrl}/${query}`)}`);
     if (options.utils.define.__SLIDEV_FEATURE_PRESENTER__)
-      console.log(`${dim("  presenter mode ")}     > ${blue(`http://localhost:${bold(port)}${presenterPath}`)}`);
-    console.log(`${dim("  slides overview ")}    > ${blue(`http://localhost:${bold(port)}${overviewPath}`)}`);
+      console.log(`${dim("  presenter mode ")}     > ${blue(`${baseUrl}${presenterPath}`)}`);
+    console.log(`${dim("  slides overview ")}    > ${blue(`${baseUrl}${overviewPath}`)}`);
     if (options.utils.define.__SLIDEV_FEATURE_BROWSER_EXPORTER__)
-      console.log(`${dim("  export slides")}       > ${blue(`http://localhost:${bold(port)}/export/`)}`);
+      console.log(`${dim("  export slides")}       > ${blue(`${baseUrl}/export/`)}`);
     if (options.inspect)
-      console.log(`${dim("  vite inspector")}      > ${yellow(`http://localhost:${bold(port)}/__inspect/`)}`);
+      console.log(`${dim("  vite inspector")}      > ${yellow(`${baseUrl}/__inspect/`)}`);
     let lastRemoteUrl = "";
     if (remote !== void 0) {
       Object.values(os.networkInterfaces()).forEach((v) => (v || []).filter((details) => String(details.family).slice(-1) === "4" && !details.address.includes("127.0.0.1")).forEach(({ address }) => {

package/dist/index.js

@@ -1,12 +1,12 @@
 import {
   createServer
-} from "./chunk-UF7FZDYU.js";
+} from "./chunk-HPAG2I6S.js";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-3JQYTPPL.js";
+} from "./chunk-UAXJBAYZ.js";
 import "./chunk-UNQ5DBLZ.js";
 export {
   ViteSlidevPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "51.0.1",
+  "version": "51.1.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,17 +42,17 @@
     }
   },
   "dependencies": {
-    "@antfu/ni": "^23.2.0",
-    "@antfu/utils": "^8.0.0",
+    "@antfu/ni": "^23.3.0",
+    "@antfu/utils": "^8.1.0",
     "@iconify-json/carbon": "^1.2.5",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.26.1",
-    "@shikijs/twoslash": "^1.26.1",
-    "@shikijs/vitepress-twoslash": "^1.26.1",
-    "@unocss/extractor-mdc": "^65.4.0",
-    "@unocss/reset": "^65.4.0",
+    "@shikijs/markdown-it": "^2.1.0",
+    "@shikijs/twoslash": "^2.1.0",
+    "@shikijs/vitepress-twoslash": "^2.1.0",
+    "@unocss/extractor-mdc": "^65.4.3",
+    "@unocss/reset": "^65.4.3",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "chokidar": "^4.0.3",
@@ -61,18 +61,18 @@
     "debug": "^4.4.0",
     "fast-deep-equal": "^3.1.3",
     "fast-glob": "^3.3.3",
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.0",
     "get-port-please": "^3.1.2",
     "global-directory": "^4.0.1",
     "htmlparser2": "^10.0.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^2.4.2",
-    "katex": "^0.16.20",
+    "katex": "^0.16.21",
     "kolorist": "^1.8.0",
     "local-pkg": "^1.0.0",
     "lz-string": "^1.5.0",
     "magic-string": "^0.30.17",
-    "magic-string-stack": "^0.1.1",
+    "magic-string-stack": "^1.0.0",
     "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.5",
@@ -88,20 +88,20 @@
     "public-ip": "^7.0.1",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
-    "semver": "^7.6.3",
-    "shiki": "^1.26.1",
-    "shiki-magic-move": "^0.5.2",
+    "semver": "^7.7.0",
+    "shiki": "^2.1.0",
+    "shiki-magic-move": "^1.0.0",
     "sirv": "^3.0.0",
     "source-map-js": "^1.2.1",
     "typescript": "^5.7.3",
-    "unocss": "^65.4.0",
+    "unocss": "^65.4.3",
     "unplugin-icons": "^22.0.0",
     "unplugin-vue-components": "^28.0.0",
-    "unplugin-vue-markdown": "^28.0.0",
+    "unplugin-vue-markdown": "^28.2.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^6.0.7",
-    "vite-plugin-inspect": "^10.0.6",
+    "vite": "^6.0.11",
+    "vite-plugin-inspect": "^10.1.0",
     "vite-plugin-remote-assets": "^0.6.0",
     "vite-plugin-static-copy": "^2.2.0",
     "vite-plugin-vue-server-ref": "^0.4.2",
@@ -109,9 +109,9 @@
     "vue": "^3.5.13",
     "yaml": "^2.7.0",
     "yargs": "^17.7.2",
-    "@slidev/parser": "51.0.1",
-    "@slidev/client": "51.0.1",
-    "@slidev/types": "51.0.1"
+    "@slidev/client": "51.1.0",
+    "@slidev/parser": "51.1.0",
+    "@slidev/types": "51.1.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",