@slidev/cli 0.50.0-beta.1 → 0.50.0-beta.11

package/README.md

@@ -13,7 +13,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <a href="https://www.npmjs.com/package/@slidev/cli" target="__blank"><img src="https://img.shields.io/npm/v/@slidev/cli?color=2B90B6&label=" alt="NPM version"></a>
 <a href="https://www.npmjs.com/package/@slidev/cli" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@slidev/cli?color=349dbe&label="></a>
 <a href="https://sli.dev/" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20demos&color=45b8cd" alt="Docs & Demos"></a>
-<a href="https://sli.dev/themes/gallery.html" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=themes&color=4ec5d4" alt="Themes"></a>
+<a href="https://sli.dev/resources/theme-gallery" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=themes&color=4ec5d4" alt="Themes"></a>
 <br>
 <a href="https://github.com/slidevjs/slidev" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/slidevjs/slidev?style=social"></a>
 </p>

package/dist/{build-FMVKC2PV.js → build-GAPXZCUM.js}

@@ -1,7 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-H4RHMU3C.js";
 import "./chunk-UNQ5DBLZ.js";
 
 // node/commands/build.ts
@@ -51,7 +50,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-WMRLKOJP.js");
+    const { exportSlides, getExportOptions } = await import("./export-I2C456L6.js");
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{chunk-6O4GDZ4B.js → chunk-H4RHMU3C.js}

@@ -1,8 +1,3 @@
-import {
-  escapeVueInCode,
-  getCodeBlocks,
-  normalizeRangeStr
-} from "./chunk-6DS3IPOB.js";
 import {
   createResolver,
   getRoots,
@@ -14,7 +9,7 @@ import {
 } from "./chunk-UNQ5DBLZ.js";
 
 // package.json
-var version = "0.50.0-beta.1";
+var version = "0.50.0-beta.11";
 
 // node/integrations/themes.ts
 import { join } from "node:path";
@@ -44,7 +39,7 @@ import * as parser from "@slidev/parser/fs";
 
 // node/options.ts
 import path3 from "node:path";
-import { uniq as uniq5 } from "@antfu/utils";
+import { objectMap as objectMap2, uniq as uniq5 } from "@antfu/utils";
 import Debug from "debug";
 import fg4 from "fast-glob";
 import mm from "micromatch";
@@ -179,9 +174,118 @@ function getBodyJson(req) {
 
 // node/vite/compilerFlagsVue.ts
 import { objectEntries } from "@antfu/utils";
+function createVueCompilerFlagsPlugin(options) {
+  const define = objectEntries(options.utils.define);
+  return {
+    name: "slidev:flags",
+    enforce: "pre",
+    transform(code, id) {
+      if (!id.match(/\.vue($|\?)/) && !id.includes("?vue&"))
+        return;
+      const original = code;
+      define.forEach(([from, to]) => {
+        code = code.replaceAll(from, to);
+      });
+      if (original !== code)
+        return code;
+    }
+  };
+}
 
-// node/vite/extendConfig.ts
+// node/vite/components.ts
 import { join as join2 } from "node:path";
+import IconsResolver from "unplugin-icons/resolver";
+import Components from "unplugin-vue-components/vite";
+function createComponentsPlugin({ clientRoot, roots }, pluginOptions) {
+  return Components({
+    extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
+    dirs: [
+      join2(clientRoot, "builtin"),
+      ...roots.map((i) => join2(i, "components"))
+    ],
+    include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
+    exclude: [],
+    resolvers: [
+      IconsResolver({
+        prefix: "",
+        customCollections: Object.keys(pluginOptions.icons?.customCollections || [])
+      })
+    ],
+    dts: false,
+    ...pluginOptions.components
+  });
+}
+
+// node/vite/common.ts
+var regexSlideReqPath = /^\/__slidev\/slides\/(\d+)\.json$/;
+var regexSlideFacadeId = /^\/@slidev\/slides\/(\d+)\/(md|frontmatter)($|\?)/;
+var regexSlideSourceId = /__slidev_(\d+)\.(md|frontmatter)$/;
+var templateInjectionMarker = "/* @slidev-injection */";
+var templateImportContextUtils = `import { useSlideContext as _useSlideContext, frontmatterToProps as _frontmatterToProps } from "@slidev/client/context.ts"`;
+var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = _useSlideContext()`;
+
+// node/vite/contextInjection.ts
+function createContextInjectionPlugin() {
+  return {
+    name: "slidev:context-injection",
+    async transform(code, id) {
+      if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
+        return;
+      if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()"))
+        return code;
+      const imports = [
+        templateImportContextUtils,
+        templateInitContext,
+        templateInjectionMarker
+      ];
+      const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
+      if (matchScript && matchScript[2]) {
+        return code.replace(/(<script.*>)/g, `$1
+${imports.join("\n")}
+`);
+      } else if (matchScript && !matchScript[2]) {
+        const matchExport = code.match(/export\s+default\s+\{/);
+        if (matchExport) {
+          const exportIndex = (matchExport.index || 0) + matchExport[0].length;
+          let component = code.slice(exportIndex);
+          component = component.slice(0, component.indexOf("</script>"));
+          const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
+          const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\n';
+          code = `${code.slice(0, scriptIndex)}${provideImport}${code.slice(scriptIndex)}`;
+          let injectIndex = exportIndex + provideImport.length;
+          let injectObject = "$slidev: { from: injectionSlidevContext },";
+          const matchInject = component.match(/.*inject\s*:\s*([[{])/);
+          if (matchInject) {
+            injectIndex += (matchInject.index || 0) + matchInject[0].length;
+            if (matchInject[1] === "[") {
+              let injects = component.slice((matchInject.index || 0) + matchInject[0].length);
+              const injectEndIndex = injects.indexOf("]");
+              injects = injects.slice(0, injectEndIndex);
+              injectObject += injects.split(",").map((inject) => `${inject}: {from: ${inject}}`).join(",");
+              return `${code.slice(0, injectIndex - 1)}{
+${injectObject}
+}${code.slice(injectIndex + injectEndIndex + 1)}`;
+            } else {
+              return `${code.slice(0, injectIndex)}
+${injectObject}
+${code.slice(injectIndex)}`;
+            }
+          }
+          return `${code.slice(0, injectIndex)}
+inject: { ${injectObject} },
+${code.slice(injectIndex)}`;
+        }
+      }
+      return `<script setup>
+${imports.join("\n")}
+</script>
+${code}`;
+    }
+  };
+}
+
+// node/vite/extendConfig.ts
+import { join as join3 } from "node:path";
 import { fileURLToPath as fileURLToPath2, pathToFileURL } from "node:url";
 import { slash, uniq } from "@antfu/utils";
 import { createResolve } from "mlly";
@@ -193,7 +297,8 @@ var INCLUDE_GLOBAL = [
   "prettier",
   "recordrtc",
   "typescript",
-  "yaml"
+  "yaml",
+  "html-to-image"
 ];
 var INCLUDE_LOCAL = INCLUDE_GLOBAL.map((i) => `@slidev/cli > @slidev/client > ${i}`);
 var EXCLUDE_GLOBAL = [
@@ -242,7 +347,7 @@ function createConfigPlugin(options) {
     name: "slidev:config",
     async config(config) {
       const injection = {
-        define: getDefine(options),
+        define: options.utils.define,
         resolve: {
           alias: [
             {
@@ -295,7 +400,7 @@ function createConfigPlugin(options) {
             ])
           }
         },
-        publicDir: join2(options.userRoot, "public"),
+        publicDir: join3(options.userRoot, "public"),
         build: {
           rollupOptions: {
             output: {
@@ -322,21 +427,18 @@ function createConfigPlugin(options) {
               }
             }
           }
-        }
+        },
+        cacheDir: isInstalledGlobally.value ? join3(options.cliRoot, "node_modules/.vite") : void 0
       };
       function isSlidevClient(id) {
         return id.includes("/@slidev/") || id.includes("/slidev/packages/client/") || id.includes("/@vueuse/");
       }
-      if (isInstalledGlobally.value) {
-        injection.cacheDir = join2(options.cliRoot, "node_modules/.vite");
-        injection.root = options.cliRoot;
-      }
       return mergeConfig(injection, config);
     },
     configureServer(server) {
       return () => {
         server.middlewares.use(async (req, res, next) => {
-          if (req.url.endsWith(".html")) {
+          if (req.url === "/index.html") {
             res.setHeader("Content-Type", "text/html");
             res.statusCode = 200;
             res.end(options.utils.indexHtml);
@@ -348,139 +450,11 @@ function createConfigPlugin(options) {
     }
   };
 }
-function getDefine(options) {
-  return {
-    __DEV__: options.mode === "dev" ? "true" : "false",
-    __SLIDEV_CLIENT_ROOT__: JSON.stringify(toAtFS(options.clientRoot)),
-    __SLIDEV_HASH_ROUTE__: JSON.stringify(options.data.config.routerMode === "hash"),
-    __SLIDEV_FEATURE_DRAWINGS__: JSON.stringify(options.data.config.drawings.enabled === true || options.data.config.drawings.enabled === options.mode),
-    __SLIDEV_FEATURE_EDITOR__: JSON.stringify(options.mode === "dev" && options.data.config.editor !== false),
-    __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_FEATURE_WAKE_LOCK__: JSON.stringify(options.data.config.wakeLock === true || options.data.config.wakeLock === options.mode),
-    __SLIDEV_HAS_SERVER__: options.mode !== "build" ? "true" : "false"
-  };
-}
-
-// node/vite/compilerFlagsVue.ts
-function createVueCompilerFlagsPlugin(options) {
-  const define = objectEntries(getDefine(options));
-  return [
-    {
-      name: "slidev:flags",
-      enforce: "pre",
-      transform(code, id) {
-        if (id.match(/\.vue($|\?)/)) {
-          const original = code;
-          define.forEach(([from, to]) => {
-            code = code.replace(new RegExp(from, "g"), to);
-          });
-          if (original !== code)
-            return code;
-        }
-      }
-    }
-  ];
-}
-
-// node/vite/components.ts
-import { join as join3 } from "node:path";
-import IconsResolver from "unplugin-icons/resolver";
-import Components from "unplugin-vue-components/vite";
-function createComponentsPlugin({ clientRoot, roots }, pluginOptions) {
-  return Components({
-    extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
-    dirs: [
-      join3(clientRoot, "builtin"),
-      ...roots.map((i) => join3(i, "components"))
-    ],
-    include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
-    exclude: [],
-    resolvers: [
-      IconsResolver({
-        prefix: "",
-        customCollections: Object.keys(pluginOptions.icons?.customCollections || [])
-      })
-    ],
-    dts: false,
-    ...pluginOptions.components
-  });
-}
-
-// node/vite/common.ts
-var regexSlideReqPath = /^\/__slidev\/slides\/(\d+)\.json$/;
-var regexSlideFacadeId = /^\/@slidev\/slides\/(\d+)\/(md|frontmatter)($|\?)/;
-var regexSlideSourceId = /__slidev_(\d+)\.(md|frontmatter)$/;
-var templateInjectionMarker = "/* @slidev-injection */";
-var templateImportContextUtils = `import { useSlideContext as _useSlideContext, frontmatterToProps as _frontmatterToProps } from "@slidev/client/context.ts"`;
-var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = _useSlideContext()`;
-
-// node/vite/contextInjection.ts
-function createContextInjectionPlugin() {
-  return {
-    name: "slidev:context-injection",
-    async transform(code, id) {
-      if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
-        return;
-      if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()"))
-        return code;
-      const imports = [
-        templateImportContextUtils,
-        templateInitContext,
-        templateInjectionMarker
-      ];
-      const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
-      if (matchScript && matchScript[2]) {
-        return code.replace(/(<script.*>)/g, `$1
-${imports.join("\n")}
-`);
-      } else if (matchScript && !matchScript[2]) {
-        const matchExport = code.match(/export\s+default\s+\{/);
-        if (matchExport) {
-          const exportIndex = (matchExport.index || 0) + matchExport[0].length;
-          let component = code.slice(exportIndex);
-          component = component.slice(0, component.indexOf("</script>"));
-          const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
-          const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\n';
-          code = `${code.slice(0, scriptIndex)}${provideImport}${code.slice(scriptIndex)}`;
-          let injectIndex = exportIndex + provideImport.length;
-          let injectObject = "$slidev: { from: injectionSlidevContext },";
-          const matchInject = component.match(/.*inject\s*:\s*([[{])/);
-          if (matchInject) {
-            injectIndex += (matchInject.index || 0) + matchInject[0].length;
-            if (matchInject[1] === "[") {
-              let injects = component.slice((matchInject.index || 0) + matchInject[0].length);
-              const injectEndIndex = injects.indexOf("]");
-              injects = injects.slice(0, injectEndIndex);
-              injectObject += injects.split(",").map((inject) => `${inject}: {from: ${inject}}`).join(",");
-              return `${code.slice(0, injectIndex - 1)}{
-${injectObject}
-}${code.slice(injectIndex + injectEndIndex + 1)}`;
-            } else {
-              return `${code.slice(0, injectIndex)}
-${injectObject}
-${code.slice(injectIndex)}`;
-            }
-          }
-          return `${code.slice(0, injectIndex)}
-inject: { ${injectObject} },
-${code.slice(injectIndex)}`;
-        }
-      }
-      return `<script setup>
-${imports.join("\n")}
-</script>
-${code}`;
-    }
-  };
-}
 
 // node/vite/hmrPatch.ts
 function createHmrPatchPlugin() {
   return {
-    name: "slidev:slide-transform:post",
+    name: "slidev:hmr-patch",
     transform(code, id) {
       if (!id.match(regexSlideSourceId))
         return;
@@ -524,7 +498,7 @@ function createLayoutWrapperPlugin({ data, utils }) {
       if (type !== "md")
         return;
       const index = +no - 1;
-      const layouts = await utils.getLayouts();
+      const layouts = utils.getLayouts();
       const rawLayoutName = data.slides[index]?.frontmatter?.layout ?? data.slides[0]?.frontmatter?.defaults?.layout;
       let layoutName = rawLayoutName || (index === 0 ? "cover" : "default");
       if (!layouts[layoutName]) {
@@ -1004,12 +978,22 @@ function withRenderedNote(data) {
   };
 }
 function createSlidesLoader(options, serverOptions) {
+  const { data, mode, utils } = options;
   const hmrSlidesIndexes = /* @__PURE__ */ new Set();
   let server;
   let skipHmr = null;
-  const { data, mode, utils } = options;
-  function getSourceId(index, type) {
-    return `${data.slides[index].source.filepath}__slidev_${index + 1}.${type}`;
+  let sourceIds = resolveSourceIds(data);
+  function resolveSourceIds(data2) {
+    const ids = {
+      md: [],
+      frontmatter: []
+    };
+    for (const type of ["md", "frontmatter"]) {
+      for (let i = 0; i < data2.slides.length; i++) {
+        ids[type].push(`${data2.slides[i].source.filepath}__slidev_${i + 1}.${type}`);
+      }
+    }
+    return ids;
   }
   function updateServerWatcher() {
     if (!server)
@@ -1067,11 +1051,11 @@ function createSlidesLoader(options, serverOptions) {
               fileContent
             };
             server?.moduleGraph.invalidateModule(
-              server.moduleGraph.getModuleById(getSourceId(idx, "md"))
+              server.moduleGraph.getModuleById(sourceIds.md[idx])
             );
             if (body.frontmatter) {
               server?.moduleGraph.invalidateModule(
-                server.moduleGraph.getModuleById(getSourceId(idx, "frontmatter"))
+                server.moduleGraph.getModuleById(sourceIds.frontmatter[idx])
               );
             }
           }
@@ -1099,9 +1083,19 @@ function createSlidesLoader(options, serverOptions) {
         return [];
       }
       const moduleIds = /* @__PURE__ */ new Set();
+      const newSourceIds = resolveSourceIds(newData);
+      for (const type of ["md", "frontmatter"]) {
+        const old = sourceIds[type];
+        const newIds = newSourceIds[type];
+        for (let i = 0; i < newIds.length; i++) {
+          if (old[i] !== newIds[i]) {
+            moduleIds.add(`${VIRTUAL_SLIDE_PREFIX}${i + 1}/${type}`);
+          }
+        }
+      }
+      sourceIds = newSourceIds;
       if (data.slides.length !== newData.slides.length) {
         moduleIds.add(templateSlides.id);
-        range(newData.slides.length).map((i) => hmrSlidesIndexes.add(i));
       }
       if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
         moduleIds.add(templateSlides.id);
@@ -1145,8 +1139,8 @@ function createSlidesLoader(options, serverOptions) {
       if (hmrSlidesIndexes.size > 0)
         moduleIds.add(templateTitleRendererMd.id);
       const vueModules = Array.from(hmrSlidesIndexes).flatMap((idx) => {
-        const frontmatter = ctx.server.moduleGraph.getModuleById(getSourceId(idx, "frontmatter"));
-        const main = ctx.server.moduleGraph.getModuleById(getSourceId(idx, "md"));
+        const frontmatter = ctx.server.moduleGraph.getModuleById(sourceIds.frontmatter[idx]);
+        const main = ctx.server.moduleGraph.getModuleById(sourceIds.md[idx]);
         const styles = main ? [...main.clientImportedModules].find((m) => m.id?.includes(`&type=style`)) : void 0;
         return [
           frontmatter,
@@ -1183,7 +1177,7 @@ function createSlidesLoader(options, serverOptions) {
       if (matchFacade) {
         const [, no, type] = matchFacade;
         const idx = +no - 1;
-        const sourceId = JSON.stringify(getSourceId(idx, type));
+        const sourceId = JSON.stringify(sourceIds[type][idx]);
         return [
           `export * from ${sourceId}`,
           `export { default } from ${sourceId}`
@@ -1391,8 +1385,8 @@ function startsWithTodoMarkdown(token) {
 }
 
 // node/syntax/markdown-it/index.ts
-import MarkdownItMdc from "markdown-it-mdc";
 import MarkdownItFootnote from "markdown-it-footnote";
+import MarkdownItMdc from "markdown-it-mdc";
 
 // node/setups/load.ts
 import { resolve as resolve4 } from "node:path";
@@ -1580,6 +1574,34 @@ function MarkdownItKatex(md, options) {
 // node/syntax/markdown-it/markdown-it-shiki.ts
 import { isTruthy } from "@antfu/utils";
 import { fromHighlighter } from "@shikijs/markdown-it/core";
+
+// node/syntax/transform/utils.ts
+function normalizeRangeStr(rangeStr = "") {
+  return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+}
+function getCodeBlocks(md) {
+  const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
+    const start = m.index;
+    const end = m.index + m[0].length;
+    const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
+    const endLine = md.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(md) {
+  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
+}
+
+// node/syntax/markdown-it/markdown-it-shiki.ts
 async function MarkdownItShiki({ data: { config }, mode, utils }) {
   const transformers = [
     ...utils.shikiOptions.transformers || [],
@@ -1669,10 +1691,6 @@ async function useMarkdownItPlugins(md, options, markdownTransformMap) {
   const { roots, data: { features, config } } = options;
   if (config.highlighter === "shiki") {
     md.use(await MarkdownItShiki(options));
-  } else {
-    console.warn("[Slidev] Highlighter: Prism highlighter is deprecated, and will be removed in v0.50. Refer to https://github.com/slidevjs/slidev/issues/1390");
-    const { default: MarkdownItPrism } = await import("./markdown-it-prism-44L27JJK.js");
-    md.use(MarkdownItPrism);
   }
   md.use(MarkdownItLink);
   md.use(MarkdownItEscapeInlineCode);
@@ -1710,7 +1728,7 @@ async function setupTransformers(roots) {
 }
 
 // node/syntax/transform/code-wrapper.ts
-var reCodeBlock = /^```([\w'-]+)?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n(\S[\s\S]*?)^```$/gm;
+var reCodeBlock = /^```([\w'-]+)?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n([ \t]*\S[\s\S]*?)^```$/gm;
 function transformCodeWrapper(ctx) {
   ctx.s.replace(
     reCodeBlock,
@@ -1941,44 +1959,46 @@ function dedent(text) {
     return lines.map((x) => x.slice(minIndentLength)).join("\n");
   return text;
 }
-function testLine(line, regexp, regionName, end = false) {
-  const [full, tag, name] = regexp.exec(line.trim()) || [];
-  return full && tag && name === regionName && tag.match(end ? /^[Ee]nd ?[rR]egion$/ : /^[rR]egion$/);
-}
 function findRegion(lines, regionName) {
   const regionRegexps = [
-    /^\/\/ ?#?((?:end)?region) ([\w*-]+)$/,
     // javascript, typescript, java
-    /^\/\* ?#((?:end)?region) ([\w*-]+) ?\*\/$/,
+    [/^\/\/ ?#?region ([\w*-]+)$/, /^\/\/ ?#?endregion/],
     // css, less, scss
-    /^#pragma ((?:end)?region) ([\w*-]+)$/,
+    [/^\/\* ?#region ([\w*-]+) ?\*\/$/, /^\/\* ?#endregion[\s\w*-]*\*\/$/],
     // C, C++
-    /^<!-- #?((?:end)?region) ([\w*-]+) -->$/,
+    [/^#pragma region ([\w*-]+)$/, /^#pragma endregion/],
     // HTML, markdown
-    /^#(End Region) ([\w*-]+)$/,
+    [/^<!-- #?region ([\w*-]+) -->$/, /^<!-- #?region[\s\w*-]*-->$/],
     // Visual Basic
-    /^::#(endregion) ([\w*-]+)$/,
+    [/^#Region ([\w*-]+)$/, /^#End Region/],
     // Bat
-    /^# ?((?:end)?region) ([\w*-]+)$/
+    [/^::#region ([\w*-]+)$/, /^::#endregion/],
     // C#, PHP, Powershell, Python, perl & misc
+    [/^# ?region ([\w*-]+)$/, /^# ?endregion/]
   ];
-  let regexp = null;
+  let endReg = null;
   let start = -1;
   for (const [lineId, line] of lines.entries()) {
-    if (regexp === null) {
-      for (const reg of regionRegexps) {
-        if (testLine(line, reg, regionName)) {
+    if (endReg === null) {
+      for (const [startReg, end] of regionRegexps) {
+        const match = line.trim().match(startReg);
+        if (match && match[1] === regionName) {
           start = lineId + 1;
-          regexp = reg;
+          endReg = end;
           break;
         }
       }
-    } else if (testLine(line, regexp, regionName, true)) {
-      return { start, end: lineId, regexp };
+    } else if (endReg.test(line.trim())) {
+      return {
+        start,
+        end: lineId,
+        regexp: endReg
+      };
     }
   }
   return null;
 }
+var reMonacoWrite = /^\{monaco-write\}/;
 function transformSnippet({ s, slide, options }) {
   const watchFiles = options.data.watchFiles;
   const dir = path2.dirname(slide.source?.filepath ?? options.entry ?? options.userRoot);
@@ -1989,8 +2009,9 @@ function transformSnippet({ s, slide, options }) {
       const src = slash2(
         /^@\//.test(filepath) ? path2.resolve(options.userRoot, filepath.slice(2)) : path2.resolve(dir, filepath)
       );
-      watchFiles[src] ??= /* @__PURE__ */ new Set();
-      watchFiles[src].add(slide.index);
+      meta = meta.trim();
+      lang = lang.trim();
+      lang = lang || path2.extname(filepath).slice(1);
       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`);
@@ -2005,15 +2026,15 @@ function transformSnippet({ s, slide, options }) {
           );
         }
       }
-      meta = meta.trim();
-      lang = lang.trim();
-      lang = lang || path2.extname(filepath).slice(1);
-      if (meta.match(/^\{monaco-write\}/)) {
+      if (meta.match(reMonacoWrite)) {
         monacoWriterWhitelist.add(filepath);
         lang = lang.trim();
-        meta = meta.replace(/^\{monaco-write\}/, "").trim() || "{}";
+        meta = meta.replace(reMonacoWrite, "").trim() || "{}";
         const encoded = lz4.compressToBase64(content);
         return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
+      } else {
+        watchFiles[src] ??= /* @__PURE__ */ new Set();
+        watchFiles[src].add(slide.index);
       }
       return `\`\`\`${lang} ${meta}
 ${content}
@@ -2389,12 +2410,13 @@ async function createVuePlugin(_options, pluginOptions) {
     exclude: [],
     ...vueOptions,
     template: {
+      ...vueOptions?.template,
       compilerOptions: {
+        ...vueOptions?.template?.compilerOptions,
         isCustomElement(tag) {
           return customElements.has(tag) || vueOptions?.template?.compilerOptions?.isCustomElement?.(tag);
         }
-      },
-      ...vueOptions?.template
+      }
     }
   });
   const VueJsxPlugin = VueJsx(vuejsxOptions);
@@ -2405,7 +2427,7 @@ async function createVuePlugin(_options, pluginOptions) {
 }
 
 // node/vite/index.ts
-async function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
+function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
   return Promise.all([
     createSlidesLoader(options, serverOptions),
     createMarkdownPlugin(options, pluginOptions),
@@ -2501,6 +2523,8 @@ ${(index.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
   if (data.config.fonts.webfonts.length && data.config.fonts.provider !== "none")
     head += `
 <link rel="stylesheet" href="${generateGoogleFontsUrl(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);
   return main;
 }
@@ -2566,6 +2590,8 @@ async function resolveOptions(entryOptions, mode) {
   const config = parser.resolveConfig(loaded.headmatter, themeMeta, entryOptions.entry);
   const addonRoots = await resolveAddons(config.addons);
   const roots = uniq5([...themeRoots, ...addonRoots, rootsInfo.userRoot]);
+  if (entryOptions.download)
+    config.download ||= entryOptions.download;
   debug({
     ...rootsInfo,
     ...entryOptions,
@@ -2607,6 +2633,7 @@ async function createDataUtils(resolved) {
   return {
     ...await setupShiki(resolved.roots),
     indexHtml: setupIndexHtml(resolved),
+    define: getDefine(resolved),
     iconsResolvePath: [resolved.clientRoot, ...resolved.roots].reverse(),
     isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i(pkg)),
     getLayouts: () => {
@@ -2631,6 +2658,26 @@ async function createDataUtils(resolved) {
     }
   };
 }
+function getDefine(options) {
+  const matchMode = (mode) => mode === true || mode === options.mode;
+  return objectMap2(
+    {
+      __DEV__: options.mode === "dev",
+      __SLIDEV_CLIENT_ROOT__: toAtFS(options.clientRoot),
+      __SLIDEV_HASH_ROUTE__: options.data.config.routerMode === "hash",
+      __SLIDEV_FEATURE_DRAWINGS__: matchMode(options.data.config.drawings.enabled),
+      __SLIDEV_FEATURE_EDITOR__: options.mode === "dev" && options.data.config.editor !== false,
+      __SLIDEV_FEATURE_DRAWINGS_PERSIST__: !!options.data.config.drawings.persist,
+      __SLIDEV_FEATURE_RECORD__: matchMode(options.data.config.record),
+      __SLIDEV_FEATURE_PRESENTER__: matchMode(options.data.config.presenter),
+      __SLIDEV_FEATURE_PRINT__: options.mode === "export" || options.mode === "build" && [true, "true", "auto"].includes(options.data.config.download),
+      __SLIDEV_FEATURE_BROWSER_EXPORTER__: matchMode(options.data.config.browserExporter),
+      __SLIDEV_FEATURE_WAKE_LOCK__: matchMode(options.data.config.wakeLock),
+      __SLIDEV_HAS_SERVER__: options.mode !== "build"
+    },
+    (v, k) => [v, JSON.stringify(k)]
+  );
+}
 
 export {
   version,

package/dist/{chunk-6GC5ATZB.js → chunk-SMIAYOAS.js}

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

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-6GC5ATZB.js";
+} from "./chunk-SMIAYOAS.js";
 import {
   getThemeMeta,
   loadSetups,
@@ -9,8 +9,7 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-H4RHMU3C.js";
 import {
   getRoots,
   isInstalledGlobally,
@@ -27,18 +26,16 @@ import { verifyConfig } from "@slidev/parser";
 import equal from "fast-deep-equal";
 import fs from "fs-extra";
 import { getPort } from "get-port-please";
-import { blue, bold, cyan, dim, gray, green, underline, yellow } from "kolorist";
+import { blue, bold, cyan, dim, gray, green, lightCyan, underline, yellow } from "kolorist";
 import openBrowser from "open";
 import yargs from "yargs";
 
 // node/setups/preparser.ts
 import { uniq } from "@antfu/utils";
 import { injectPreparserExtensionLoader } from "@slidev/parser/fs";
-async function setupPreparser() {
+function setupPreparser() {
   injectPreparserExtensionLoader(async (headmatter, filepath, mode) => {
-    const addons = headmatter?.addons;
-    if (!addons?.length)
-      return [];
+    const addons = Array.isArray(headmatter?.addons) ? headmatter.addons : [];
     const { userRoot } = await getRoots();
     const roots = uniq([
       ...await resolveAddons(addons),
@@ -51,7 +48,6 @@ async function setupPreparser() {
 
 // node/cli.ts
 var CONFIG_RESTART_FIELDS = [
-  "highlighter",
   "monaco",
   "routerMode",
   "fonts",
@@ -334,11 +330,9 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-FMVKC2PV.js");
+    const { build } = await import("./build-GAPXZCUM.js");
     for (const entryFile of entry) {
-      const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
-      if (download && !options.data.config.download)
-        options.data.config.download = download;
+      const options = await resolveOptions({ entry: entryFile, theme, inspect, download }, "build");
       printInfo(options);
       await build(
         options,
@@ -414,10 +408,20 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-WMRLKOJP.js");
+    const { exportSlides, getExportOptions } = await import("./export-I2C456L6.js");
     const port = await getPort(12445);
+    let warned = false;
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
+      if (options.data.config.browserExporter !== false && !warned) {
+        warned = true;
+        console.log(lightCyan("[Slidev] Try the new browser exporter!"));
+        console.log(
+          lightCyan("You can use the browser exporter instead by starting the dev server as normal and visit"),
+          `${blue("localhost:")}${dim("<port>")}${blue("/export")}
+`
+        );
+      }
       const server = await createServer(
         options,
         {
@@ -463,7 +467,7 @@ cli.command(
     timeout,
     wait
   }) => {
-    const { exportNotes } = await import("./export-WMRLKOJP.js");
+    const { exportNotes } = await import("./export-I2C456L6.js");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -565,8 +569,11 @@ function printInfo(options, port, remote, tunnelUrl, publicIp) {
     console.log(`${dim("  public slide show ")}  > ${cyan(`http://localhost:${bold(port)}/`)}`);
     if (query)
       console.log(`${dim("  private slide show ")} > ${cyan(`http://localhost:${bold(port)}/${query}`)}`);
-    console.log(`${dim("  presenter mode ")}     > ${blue(`http://localhost:${bold(port)}${presenterPath}`)}`);
+    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}`)}`);
+    if (options.utils.define.__SLIDEV_FEATURE_BROWSER_EXPORTER__)
+      console.log(`${dim("  export slides")}       > ${blue(`http://localhost:${bold(port)}/export/`)}`);
     if (options.inspect)
       console.log(`${dim("  vite inspector")}      > ${yellow(`http://localhost:${bold(port)}/__inspect/`)}`);
     let lastRemoteUrl = "";

package/dist/{export-WMRLKOJP.js → export-I2C456L6.js}

@@ -77,8 +77,7 @@ async function exportNotes({
   base = "/",
   output = "notes",
   timeout = 3e4,
-  wait = 0,
-  waitUntil
+  wait = 0
 }) {
   const { chromium } = await importPlaywright();
   const browser = await chromium.launch();
@@ -88,9 +87,8 @@ async function exportNotes({
   progress.start(1);
   if (!output.endsWith(".pdf"))
     output = `${output}.pdf`;
-  await page.goto(`http://localhost:${port}${base}presenter/print`, { waitUntil, timeout });
-  if (waitUntil)
-    await page.waitForLoadState(waitUntil);
+  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);

package/dist/index.js

@@ -1,13 +1,12 @@
 import {
   createServer
-} from "./chunk-6GC5ATZB.js";
+} from "./chunk-SMIAYOAS.js";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-H4RHMU3C.js";
 import "./chunk-UNQ5DBLZ.js";
 export {
   ViteSlidevPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "0.50.0-beta.1",
+  "version": "0.50.0-beta.11",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,23 +42,23 @@
     }
   },
   "dependencies": {
-    "@antfu/ni": "^0.23.0",
+    "@antfu/ni": "^0.23.1",
     "@antfu/utils": "^0.7.10",
-    "@iconify-json/carbon": "^1.2.1",
-    "@iconify-json/ph": "^1.2.0",
-    "@iconify-json/svg-spinners": "^1.2.0",
+    "@iconify-json/carbon": "^1.2.4",
+    "@iconify-json/ph": "^1.2.1",
+    "@iconify-json/svg-spinners": "^1.2.1",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.20.0",
-    "@shikijs/twoslash": "^1.20.0",
-    "@shikijs/vitepress-twoslash": "^1.20.0",
-    "@unocss/extractor-mdc": "^0.62.4",
-    "@unocss/reset": "^0.62.4",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@shikijs/markdown-it": "^1.24.2",
+    "@shikijs/twoslash": "^1.24.2",
+    "@shikijs/vitepress-twoslash": "^1.24.2",
+    "@unocss/extractor-mdc": "^0.65.1",
+    "@unocss/reset": "^0.65.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
     "chokidar": "^4.0.1",
     "cli-progress": "^3.12.0",
     "connect": "^3.7.0",
-    "debug": "^4.3.7",
+    "debug": "^4.4.0",
     "fast-deep-equal": "^3.1.3",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
@@ -66,53 +66,52 @@
     "global-directory": "^4.0.1",
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
-    "jiti": "^2.0.0",
-    "katex": "^0.16.11",
+    "jiti": "^2.4.1",
+    "katex": "^0.16.15",
     "kolorist": "^1.8.0",
-    "local-pkg": "^0.5.0",
+    "local-pkg": "^0.5.1",
     "lz-string": "^1.5.0",
-    "magic-string": "^0.30.11",
+    "magic-string": "^0.30.17",
     "magic-string-stack": "^0.1.1",
     "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.5",
     "micromatch": "^4.0.8",
-    "mlly": "^1.7.1",
-    "monaco-editor": "^0.52.0",
+    "mlly": "^1.7.3",
+    "monaco-editor": "0.51.0",
     "open": "^10.1.0",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
-    "postcss-nested": "^6.2.0",
+    "postcss-nested": "^7.0.2",
     "pptxgenjs": "^3.12.0",
-    "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
     "public-ip": "^7.0.1",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.3",
-    "shiki": "^1.20.0",
-    "shiki-magic-move": "^0.4.4",
-    "sirv": "^2.0.4",
+    "shiki": "^1.24.2",
+    "shiki-magic-move": "^0.5.2",
+    "sirv": "^3.0.0",
     "source-map-js": "^1.2.1",
-    "typescript": "^5.6.2",
-    "unocss": "^0.62.4",
-    "unplugin-icons": "^0.19.3",
-    "unplugin-vue-components": "^0.27.4",
-    "unplugin-vue-markdown": "^0.26.2",
+    "typescript": "5.6.3",
+    "unocss": "^0.65.1",
+    "unplugin-icons": "^0.22.0",
+    "unplugin-vue-components": "^0.28.0",
+    "unplugin-vue-markdown": "^0.28.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.4.8",
-    "vite-plugin-inspect": "^0.8.7",
-    "vite-plugin-remote-assets": "^0.5.0",
-    "vite-plugin-static-copy": "^1.0.6",
+    "vite": "^6.0.3",
+    "vite-plugin-inspect": "^0.10.3",
+    "vite-plugin-remote-assets": "^0.6.0",
+    "vite-plugin-static-copy": "^2.2.0",
     "vite-plugin-vue-server-ref": "^0.4.2",
-    "vitefu": "^1.0.2",
-    "vue": "^3.5.9",
-    "yaml": "^2.5.1",
+    "vitefu": "^1.0.4",
+    "vue": "^3.5.13",
+    "yaml": "^2.6.1",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.50.0-beta.1",
-    "@slidev/parser": "0.50.0-beta.1",
-    "@slidev/types": "0.50.0-beta.1"
+    "@slidev/parser": "0.50.0-beta.11",
+    "@slidev/client": "0.50.0-beta.11",
+    "@slidev/types": "0.50.0-beta.11"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -6,8 +6,6 @@ theme: seriph
 background: https://cover.sli.dev
 # apply any unocss classes to the current slide
 class: 'text-center'
-# https://sli.dev/custom/config-highlighter.html
-highlighter: shiki
 # some information about the slides, markdown enabled
 info: |
   ## Slidev Starter Template
@@ -24,14 +22,14 @@ mdc: true
 Presentation slides for developers
 
 <div class="pt-12">
-  <span @click="$slidev.nav.next" class="px-2 py-1 rounded cursor-pointer" hover="bg-white bg-opacity-10">
-    Press Space for next page <carbon:arrow-right class="inline"/>
+  <span @click="$slidev.nav.next" class="px-2 py-1 rounded cursor-pointer" flex="~ justify-center items-center gap-2" hover="bg-white bg-opacity-10">
+    Press Space for next page <div class="i-carbon:arrow-right inline-block"/>
   </span>
 </div>
 
 <div class="abs-br m-6 flex gap-2">
   <button @click="$slidev.nav.openInEditor()" title="Open in Editor" class="text-xl slidev-icon-btn opacity-50 !border-none !hover:text-white">
-    <carbon:edit />
+    <div class="i-carbon:edit" />
   </button>
   <a href="https://github.com/slidevjs/slidev" target="_blank" alt="GitHub" title="Open in GitHub"
     class="text-xl slidev-icon-btn opacity-50 !border-none !hover:text-white">
@@ -237,8 +235,8 @@ theme: seriph
 
 </div>
 
-Read more about [How to use a theme](https://sli.dev/themes/use.html) and
-check out the [Awesome Themes Gallery](https://sli.dev/themes/gallery.html).
+Read more about [How to use a theme](https://sli.dev/guide/theme-addon#use-theme) and
+check out the [Awesome Themes Gallery](https://sli.dev/resources/theme-gallery).
 
 ---
 preload: false

package/dist/chunk-6DS3IPOB.js

@@ -1,31 +0,0 @@
-// node/syntax/transform/utils.ts
-function normalizeRangeStr(rangeStr = "") {
-  return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
-}
-function getCodeBlocks(md) {
-  const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
-    const start = m.index;
-    const end = m.index + m[0].length;
-    const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md.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(md) {
-  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
-}
-
-export {
-  normalizeRangeStr,
-  getCodeBlocks,
-  escapeVueInCode
-};

package/dist/markdown-it-prism-44L27JJK.js

@@ -1,107 +0,0 @@
-import {
-  escapeVueInCode
-} from "./chunk-6DS3IPOB.js";
-
-// node/syntax/markdown-it/markdown-it-prism.ts
-import { createRequire } from "node:module";
-import * as htmlparser2 from "htmlparser2";
-import Prism from "prismjs";
-import loadLanguages from "prismjs/components/index.js";
-var require2 = createRequire(import.meta.url);
-var Tag = class {
-  tagname;
-  attributes;
-  constructor(tagname, attributes) {
-    this.tagname = tagname;
-    this.attributes = attributes;
-  }
-  asOpen() {
-    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
-  }
-  asClosed() {
-    return `</${this.tagname}>`;
-  }
-};
-var DEFAULTS = {
-  plugins: [],
-  init: () => {
-  },
-  defaultLanguageForUnknown: void 0,
-  defaultLanguageForUnspecified: void 0,
-  defaultLanguage: void 0
-};
-function loadPrismLang(lang) {
-  if (!lang)
-    return void 0;
-  let langObject = Prism.languages[lang];
-  if (langObject === void 0) {
-    loadLanguages([lang]);
-    langObject = Prism.languages[lang];
-  }
-  return langObject;
-}
-function loadPrismPlugin(name) {
-  try {
-    require2(`prismjs/plugins/${name}/prism-${name}`);
-  } catch (e) {
-    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`, { cause: e });
-  }
-}
-function selectLanguage(options, lang) {
-  let langToUse = lang;
-  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
-    langToUse = options.defaultLanguageForUnspecified;
-  let prismLang = loadPrismLang(langToUse);
-  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
-    langToUse = options.defaultLanguageForUnknown;
-    prismLang = loadPrismLang(langToUse);
-  }
-  return [langToUse, prismLang];
-}
-function highlight(markdownit, options, text, lang) {
-  const [langToUse, prismLang] = selectLanguage(options, lang);
-  let code = text.trimEnd();
-  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
-  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
-  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
-  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
-}
-function highlightPrism(code, prismLang, langToUse) {
-  const openTags = [];
-  const parser = new htmlparser2.Parser({
-    onopentag(tagname, attributes) {
-      openTags.push(new Tag(tagname, attributes));
-    },
-    onclosetag() {
-      openTags.pop();
-    }
-  });
-  code = Prism.highlight(code, prismLang, langToUse);
-  code = code.split(/\r?\n/g).map((line) => {
-    const prefix = openTags.map((tag) => tag.asOpen()).join("");
-    parser.write(line);
-    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
-    return prefix + line + postfix;
-  }).join("\n");
-  parser.end();
-  return code;
-}
-function checkLanguageOption(options, optionName) {
-  const language = options[optionName];
-  if (language !== void 0 && loadPrismLang(language) === void 0)
-    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
-}
-function MarkdownItPrism(markdownit, useroptions) {
-  const options = Object.assign({}, DEFAULTS, useroptions);
-  checkLanguageOption(options, "defaultLanguage");
-  checkLanguageOption(options, "defaultLanguageForUnknown");
-  checkLanguageOption(options, "defaultLanguageForUnspecified");
-  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
-  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
-  options.plugins.forEach(loadPrismPlugin);
-  options.init(Prism);
-  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
-}
-export {
-  MarkdownItPrism as default
-};