@slidev/cli 0.43.0-beta.5 → 0.43.0-beta.7

package/dist/{build-2HVDTXMU.js → build-HRQ6PECB.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkDXJWPFLIjs = require('./chunk-DXJWPFLI.js');
+var _chunkN7DPKF7Ljs = require('./chunk-N7DPKF7L.js');
 require('./chunk-KKGXM3XL.js');
 require('./chunk-JQHGZJGJ.js');
 require('./chunk-YUG22S6W.js');
@@ -651,16 +651,16 @@ async function build(options, viteConfig = {}, args) {
   let originalIndexHTML;
   if (_fsextra2.default.existsSync(indexPath))
     originalIndexHTML = await _fsextra2.default.readFile(indexPath, "utf-8");
-  await _fsextra2.default.writeFile(indexPath, await _chunkDXJWPFLIjs.getIndexHtml.call(void 0, options), "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunkN7DPKF7Ljs.getIndexHtml.call(void 0, options), "utf-8");
   let config = void 0;
   try {
-    const inlineConfig = await _chunkDXJWPFLIjs.mergeViteConfigs.call(void 0, 
+    const inlineConfig = await _chunkN7DPKF7Ljs.mergeViteConfigs.call(void 0, 
       options,
       viteConfig,
       {
         root: options.userRoot,
         plugins: [
-          await _chunkDXJWPFLIjs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+          await _chunkN7DPKF7Ljs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
           {
             name: "resolve-config",
             configResolved(_config) {
@@ -681,7 +681,7 @@ async function build(options, viteConfig = {}, args) {
       } else {
         console.log(_kolorist.blue.call(void 0, "  building for Monaco...\n"));
         await _vite.build.call(void 0, 
-          await _chunkDXJWPFLIjs.mergeViteConfigs.call(void 0, 
+          await _chunkN7DPKF7Ljs.mergeViteConfigs.call(void 0, 
             options,
             inlineConfig,
             {

package/dist/{build-UUIAUK3H.mjs → build-SZLXRWCX.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-IMVZEGBY.mjs";
+} from "./chunk-GSGFVYCQ.mjs";
 import "./chunk-JDHANZ37.mjs";
 import "./chunk-ZEKM4EGL.mjs";
 import "./chunk-QHOBBTS4.mjs";

package/dist/{chunk-2BMKFV7C.js → chunk-5AMANV4H.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkDXJWPFLIjs = require('./chunk-DXJWPFLI.js');
+var _chunkN7DPKF7Ljs = require('./chunk-N7DPKF7L.js');
 
 
 
@@ -2496,7 +2496,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
   const pluginOptions = rawConfig.slidev || {};
   _process2.default.env.EDITOR = _process2.default.env.EDITOR || "code";
   const server = await _vite.createServer.call(void 0, 
-    await _chunkDXJWPFLIjs.mergeViteConfigs.call(void 0, 
+    await _chunkN7DPKF7Ljs.mergeViteConfigs.call(void 0, 
       options,
       viteConfig,
       {
@@ -2506,7 +2506,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
           ]
         },
         plugins: [
-          await _chunkDXJWPFLIjs.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
+          await _chunkN7DPKF7Ljs.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
         ]
       },
       "serve"
@@ -2519,7 +2519,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 var _fs = require('@slidev/parser/fs'); var parser = _interopRequireWildcard(_fs);
 
 // package.json
-var version = "0.43.0-beta.5";
+var version = "0.43.0-beta.7";
 
 // node/themes.ts
 var _prompts = require('prompts'); var _prompts2 = _interopRequireDefault(_prompts);

package/dist/{chunk-IMVZEGBY.mjs → chunk-GSGFVYCQ.mjs}

@@ -375,14 +375,15 @@ import { bold, gray, red, yellow } from "kolorist";
 import mila from "markdown-it-link-attributes";
 import * as parser from "@slidev/parser/fs";
 var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
-var regexIdQuery = /(\d+?)\.(md|json)$/;
+var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
 var vueContextImports = [
-  'import { inject as _vueInject, toRef as _vueToRef } from "vue"',
+  'import { inject as _vueInject, provide as _vueProvide, toRef as _vueToRef } from "vue"',
   `import {
     injectionSlidevContext as _injectionSlidevContext, 
     injectionClicks as _injectionClicks,
     injectionCurrentPage as _injectionCurrentPage,
     injectionSlideContext as _injectionSlideContext,
+    injectionFrontmatter as _injectionFrontmatter,
   } from "@slidev/client/constants.ts"`.replace(/\n\s+/g, "\n"),
   "const $slidev = _vueInject(_injectionSlidevContext)",
   'const $nav = _vueToRef($slidev, "nav")',
@@ -417,7 +418,7 @@ function prepareSlideInfo(data) {
     noteHTML: md.render(data?.note || "")
   };
 }
-function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote }, pluginOptions, serverOptions) {
+function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote, mode }, pluginOptions, serverOptions) {
   const slidePrefix = "/@slidev/slides/";
   const hmrPages = /* @__PURE__ */ new Set();
   let server;
@@ -498,9 +499,10 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
         Object.assign(data, newData);
         if (hmrPages.size > 0)
           moduleIds.add("/@slidev/titles.md");
-        const vueModules = Array.from(hmrPages).map(
-          (i) => ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
-        );
+        const vueModules = Array.from(hmrPages).flatMap((i) => [
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.frontmatter`),
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
+        ]);
         hmrPages.clear();
         const moduleEntries = [
           ...vueModules,
@@ -533,13 +535,11 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
           return generateCustomNavControls();
         if (id === "/@slidev/titles.md") {
           return {
-            code: data.slides.filter(({ frontmatter }) => !frontmatter?.disabled).map(({ title }, i) => {
-              return `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
+            code: data.slides.filter(({ frontmatter }) => !frontmatter?.disabled).map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
 
 ${title}
 
-</template>`;
-            }).join(""),
+</template>`).join(""),
             map: { mappings: "" }
           };
         }
@@ -549,9 +549,52 @@ ${title}
           if (match) {
             const [, no, type] = match;
             const pageNo = Number.parseInt(no) - 1;
+            const slide = data.slides[pageNo];
+            if (!slide)
+              return;
             if (type === "md") {
               return {
-                code: data.slides[pageNo]?.content,
+                code: slide?.content,
+                map: { mappings: "" }
+              };
+            } else if (type === "frontmatter") {
+              return {
+                code: [
+                  'import { reactive, computed } from "vue"',
+                  `export const frontmatter = reactive(${JSON.stringify(slide.frontmatter)})`,
+                  `export const meta = reactive({
+                    layout: computed(() => frontmatter.layout),
+                    transition: computed(() => frontmatter.transition),
+                    class: computed(() => frontmatter.class),
+                    clicks: computed(() => frontmatter.clicks),
+                    name: computed(() => frontmatter.name),
+                    slide: {
+                      ...(${JSON.stringify({
+                    ...prepareSlideInfo(slide),
+                    frontmatter: void 0,
+                    // remove raw content in build, optimize the bundle size
+                    ...mode === "build" ? { raw: "", content: "", note: "" } : {}
+                  })}),
+                      frontmatter,
+                      filepath: ${JSON.stringify(slide.source?.filepath || entry)},
+                      id: ${pageNo},
+                      no: ${no},
+                    },
+                    __clicksElements: [],
+                    __preloaded: false,
+                  })`,
+                  "export default frontmatter",
+                  // handle HMR, update frontmatter with update
+                  "if (import.meta.hot) {",
+                  "  import.meta.hot.accept(({ frontmatter: update }) => {",
+                  "    if(!update) return",
+                  "    Object.keys(frontmatter).forEach(key => {",
+                  "      if (!(key in update)) delete frontmatter[key]",
+                  "    })",
+                  "    Object.assign(frontmatter, update)",
+                  "  })",
+                  "}"
+                ].join("\n"),
                 map: { mappings: "" }
               };
             }
@@ -604,7 +647,9 @@ ${title}
       transform(code, id) {
         if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
           return;
-        return code.replace("if (_rerender_only)", "if (false)");
+        const replaced = code.replace("if (_rerender_only)", "if (false)");
+        if (replaced !== code)
+          return replaced;
       }
     }
   ];
@@ -630,8 +675,19 @@ Unknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Ob
     const imports = [
       ...vueContextImports,
       `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
-      `const frontmatter = ${JSON.stringify(frontmatter)}`,
-      "const $frontmatter = frontmatter"
+      `import frontmatter from "${toAtFS(`${slidePrefix + (pageNo + 1)}.frontmatter`)}"`,
+      "const $frontmatter = frontmatter",
+      "_vueProvide(_injectionFrontmatter, frontmatter)",
+      // update frontmatter in router
+      ";(() => {",
+      "  const route = $slidev.nav.rawRoutes.find(i => i.path === String($page))",
+      "  if (route.meta.slide.frontmatter) {",
+      "    Object.keys(route.meta.slide.frontmatter).forEach(key => {",
+      "      if (!(key in $frontmatter)) delete route.meta.slide.frontmatter[key]",
+      "    })",
+      "    Object.assign(route.meta.slide.frontmatter, frontmatter)",
+      "  }",
+      "})();"
     ];
     code = code.replace(/(<script setup.*>)/g, `$1
 ${imports.join("\n")}
@@ -652,7 +708,8 @@ ${code.slice(injectB)}`;
     if (code.includes("injectionSlidevContext") || code.includes("injectionClicks") || code.includes("const $slidev"))
       return code;
     const imports = [
-      ...vueContextImports
+      ...vueContextImports,
+      "const $frontmatter = _vueInject(_injectionFrontmatter)"
     ];
     const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
     if (matchScript && matchScript[2]) {
@@ -804,18 +861,8 @@ ${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
     let no = 1;
     const routes = data.slides.filter(({ frontmatter }) => !frontmatter?.disabled).map((i, idx) => {
       imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
-      const additions = {
-        slide: {
-          ...prepareSlideInfo(i),
-          filepath: i.source?.filepath || entry,
-          id: idx,
-          no
-        },
-        __clicksElements: [],
-        __preloaded: false
-      };
-      const meta = Object.assign({}, i.frontmatter, additions);
-      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: ${JSON.stringify(meta)} }`;
+      imports.push(`import { meta as f${no} } from '${slidePrefix}${idx + 1}.frontmatter'`);
+      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: f${no} }`;
       if (i.frontmatter?.routeAlias)
         redirects.push(`{ path: '${i.frontmatter?.routeAlias}', redirect: { path: '${no}' } }`);
       no += 1;

package/dist/{chunk-DXJWPFLI.js → chunk-N7DPKF7L.js}

@@ -375,14 +375,15 @@ var _kolorist = require('kolorist');
 var _markdownitlinkattributes = require('markdown-it-link-attributes'); var _markdownitlinkattributes2 = _interopRequireDefault(_markdownitlinkattributes);
 var _fs3 = require('@slidev/parser/fs'); var parser = _interopRequireWildcard(_fs3);
 var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
-var regexIdQuery = /(\d+?)\.(md|json)$/;
+var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
 var vueContextImports = [
-  'import { inject as _vueInject, toRef as _vueToRef } from "vue"',
+  'import { inject as _vueInject, provide as _vueProvide, toRef as _vueToRef } from "vue"',
   `import {
     injectionSlidevContext as _injectionSlidevContext, 
     injectionClicks as _injectionClicks,
     injectionCurrentPage as _injectionCurrentPage,
     injectionSlideContext as _injectionSlideContext,
+    injectionFrontmatter as _injectionFrontmatter,
   } from "@slidev/client/constants.ts"`.replace(/\n\s+/g, "\n"),
   "const $slidev = _vueInject(_injectionSlidevContext)",
   'const $nav = _vueToRef($slidev, "nav")',
@@ -417,7 +418,7 @@ function prepareSlideInfo(data) {
     noteHTML: md.render(_optionalChain([data, 'optionalAccess', _10 => _10.note]) || "")
   };
 }
-function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote }, pluginOptions, serverOptions) {
+function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote, mode }, pluginOptions, serverOptions) {
   const slidePrefix = "/@slidev/slides/";
   const hmrPages = /* @__PURE__ */ new Set();
   let server;
@@ -498,9 +499,10 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
         Object.assign(data, newData);
         if (hmrPages.size > 0)
           moduleIds.add("/@slidev/titles.md");
-        const vueModules = Array.from(hmrPages).map(
-          (i) => ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
-        );
+        const vueModules = Array.from(hmrPages).flatMap((i) => [
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.frontmatter`),
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
+        ]);
         hmrPages.clear();
         const moduleEntries = [
           ...vueModules,
@@ -533,13 +535,11 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
           return generateCustomNavControls();
         if (id === "/@slidev/titles.md") {
           return {
-            code: data.slides.filter(({ frontmatter }) => !_optionalChain([frontmatter, 'optionalAccess', _33 => _33.disabled])).map(({ title }, i) => {
-              return `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
+            code: data.slides.filter(({ frontmatter }) => !_optionalChain([frontmatter, 'optionalAccess', _33 => _33.disabled])).map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
 
 ${title}
 
-</template>`;
-            }).join(""),
+</template>`).join(""),
             map: { mappings: "" }
           };
         }
@@ -549,9 +549,52 @@ ${title}
           if (match) {
             const [, no, type] = match;
             const pageNo = Number.parseInt(no) - 1;
+            const slide = data.slides[pageNo];
+            if (!slide)
+              return;
             if (type === "md") {
               return {
-                code: _optionalChain([data, 'access', _34 => _34.slides, 'access', _35 => _35[pageNo], 'optionalAccess', _36 => _36.content]),
+                code: _optionalChain([slide, 'optionalAccess', _34 => _34.content]),
+                map: { mappings: "" }
+              };
+            } else if (type === "frontmatter") {
+              return {
+                code: [
+                  'import { reactive, computed } from "vue"',
+                  `export const frontmatter = reactive(${JSON.stringify(slide.frontmatter)})`,
+                  `export const meta = reactive({
+                    layout: computed(() => frontmatter.layout),
+                    transition: computed(() => frontmatter.transition),
+                    class: computed(() => frontmatter.class),
+                    clicks: computed(() => frontmatter.clicks),
+                    name: computed(() => frontmatter.name),
+                    slide: {
+                      ...(${JSON.stringify({
+                    ...prepareSlideInfo(slide),
+                    frontmatter: void 0,
+                    // remove raw content in build, optimize the bundle size
+                    ...mode === "build" ? { raw: "", content: "", note: "" } : {}
+                  })}),
+                      frontmatter,
+                      filepath: ${JSON.stringify(_optionalChain([slide, 'access', _35 => _35.source, 'optionalAccess', _36 => _36.filepath]) || entry)},
+                      id: ${pageNo},
+                      no: ${no},
+                    },
+                    __clicksElements: [],
+                    __preloaded: false,
+                  })`,
+                  "export default frontmatter",
+                  // handle HMR, update frontmatter with update
+                  "if (import.meta.hot) {",
+                  "  import.meta.hot.accept(({ frontmatter: update }) => {",
+                  "    if(!update) return",
+                  "    Object.keys(frontmatter).forEach(key => {",
+                  "      if (!(key in update)) delete frontmatter[key]",
+                  "    })",
+                  "    Object.assign(frontmatter, update)",
+                  "  })",
+                  "}"
+                ].join("\n"),
                 map: { mappings: "" }
               };
             }
@@ -604,7 +647,9 @@ ${title}
       transform(code, id) {
         if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
           return;
-        return code.replace("if (_rerender_only)", "if (false)");
+        const replaced = code.replace("if (_rerender_only)", "if (false)");
+        if (replaced !== code)
+          return replaced;
       }
     }
   ];
@@ -630,8 +675,19 @@ Unknown layout "${_kolorist.bold.call(void 0, layoutName)}".${_kolorist.yellow.c
     const imports = [
       ...vueContextImports,
       `import InjectedLayout from "${_chunkJQHGZJGJjs.toAtFS.call(void 0, layouts[layoutName])}"`,
-      `const frontmatter = ${JSON.stringify(frontmatter)}`,
-      "const $frontmatter = frontmatter"
+      `import frontmatter from "${_chunkJQHGZJGJjs.toAtFS.call(void 0, `${slidePrefix + (pageNo + 1)}.frontmatter`)}"`,
+      "const $frontmatter = frontmatter",
+      "_vueProvide(_injectionFrontmatter, frontmatter)",
+      // update frontmatter in router
+      ";(() => {",
+      "  const route = $slidev.nav.rawRoutes.find(i => i.path === String($page))",
+      "  if (route.meta.slide.frontmatter) {",
+      "    Object.keys(route.meta.slide.frontmatter).forEach(key => {",
+      "      if (!(key in $frontmatter)) delete route.meta.slide.frontmatter[key]",
+      "    })",
+      "    Object.assign(route.meta.slide.frontmatter, frontmatter)",
+      "  }",
+      "})();"
     ];
     code = code.replace(/(<script setup.*>)/g, `$1
 ${imports.join("\n")}
@@ -652,7 +708,8 @@ ${code.slice(injectB)}`;
     if (code.includes("injectionSlidevContext") || code.includes("injectionClicks") || code.includes("const $slidev"))
       return code;
     const imports = [
-      ...vueContextImports
+      ...vueContextImports,
+      "const $frontmatter = _vueInject(_injectionFrontmatter)"
     ];
     const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
     if (matchScript && matchScript[2]) {
@@ -804,20 +861,10 @@ ${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
     let no = 1;
     const routes = data.slides.filter(({ frontmatter }) => !_optionalChain([frontmatter, 'optionalAccess', _46 => _46.disabled])).map((i, idx) => {
       imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
-      const additions = {
-        slide: {
-          ...prepareSlideInfo(i),
-          filepath: _optionalChain([i, 'access', _47 => _47.source, 'optionalAccess', _48 => _48.filepath]) || entry,
-          id: idx,
-          no
-        },
-        __clicksElements: [],
-        __preloaded: false
-      };
-      const meta = Object.assign({}, i.frontmatter, additions);
-      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: ${JSON.stringify(meta)} }`;
-      if (_optionalChain([i, 'access', _49 => _49.frontmatter, 'optionalAccess', _50 => _50.routeAlias]))
-        redirects.push(`{ path: '${_optionalChain([i, 'access', _51 => _51.frontmatter, 'optionalAccess', _52 => _52.routeAlias])}', redirect: { path: '${no}' } }`);
+      imports.push(`import { meta as f${no} } from '${slidePrefix}${idx + 1}.frontmatter'`);
+      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: f${no} }`;
+      if (_optionalChain([i, 'access', _47 => _47.frontmatter, 'optionalAccess', _48 => _48.routeAlias]))
+        redirects.push(`{ path: '${_optionalChain([i, 'access', _49 => _49.frontmatter, 'optionalAccess', _50 => _50.routeAlias])}', redirect: { path: '${no}' } }`);
       no += 1;
       return route;
     });
@@ -1325,7 +1372,7 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
       html: true,
       xhtmlOut: true,
       linkify: true,
-      ..._optionalChain([mdOptions, 'optionalAccess', _53 => _53.markdownItOptions])
+      ..._optionalChain([mdOptions, 'optionalAccess', _51 => _51.markdownItOptions])
     },
     ...mdOptions,
     markdownItSetup(md2) {
@@ -1339,7 +1386,7 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
       md2.use(_markdownitplugins.taskLists, { enabled: true, lineNumber: true, label: true });
       md2.use(math_plugin, KatexOptions);
       setups.forEach((i) => i(md2));
-      _optionalChain([mdOptions, 'optionalAccess', _54 => _54.markdownItSetup, 'optionalCall', _55 => _55(md2)]);
+      _optionalChain([mdOptions, 'optionalAccess', _52 => _52.markdownItSetup, 'optionalCall', _53 => _53(md2)]);
     },
     transforms: {
       before(code, id) {
@@ -1413,8 +1460,8 @@ 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 = _optionalChain([md2, 'access', _56 => _56.slice, 'call', _57 => _57(0, start), 'access', _58 => _58.match, 'call', _59 => _59(/\n/g), 'optionalAccess', _60 => _60.length]) || 0;
-    const endLine = _optionalChain([md2, 'access', _61 => _61.slice, 'call', _62 => _62(0, end), 'access', _63 => _63.match, 'call', _64 => _64(/\n/g), 'optionalAccess', _65 => _65.length]) || 0;
+    const startLine = _optionalChain([md2, 'access', _54 => _54.slice, 'call', _55 => _55(0, start), 'access', _56 => _56.match, 'call', _57 => _57(/\n/g), 'optionalAccess', _58 => _58.length]) || 0;
+    const endLine = _optionalChain([md2, 'access', _59 => _59.slice, 'call', _60 => _60(0, end), 'access', _61 => _61.match, 'call', _62 => _62(/\n/g), 'optionalAccess', _63 => _63.length]) || 0;
     return [start, end, startLine, endLine];
   });
   return {
@@ -1428,7 +1475,7 @@ function getCodeBlocks(md2) {
   };
 }
 function transformPageCSS(md2, id) {
-  const page = _optionalChain([id, 'access', _66 => _66.match, 'call', _67 => _67(/(\d+)\.md$/), 'optionalAccess', _68 => _68[1]]);
+  const page = _optionalChain([id, 'access', _64 => _64.match, 'call', _65 => _65(/(\d+)\.md$/), 'optionalAccess', _66 => _66[1]]);
   if (!page)
     return md2;
   const { isInsideCodeblocks } = getCodeBlocks(md2);
@@ -1542,7 +1589,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
           return customElements.has(tag);
         }
       },
-      ..._optionalChain([vueOptions, 'optionalAccess', _69 => _69.template])
+      ..._optionalChain([vueOptions, 'optionalAccess', _67 => _67.template])
     },
     ...vueOptions
   });

package/dist/{chunk-BAK2YZDZ.mjs → chunk-V47IQQ6Y.mjs}

@@ -1,7 +1,7 @@
 import {
   ViteSlidevPlugin,
   mergeViteConfigs
-} from "./chunk-IMVZEGBY.mjs";
+} from "./chunk-GSGFVYCQ.mjs";
 import {
   packageExists,
   resolveImportPath
@@ -2519,7 +2519,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 import * as parser from "@slidev/parser/fs";
 
 // package.json
-var version = "0.43.0-beta.5";
+var version = "0.43.0-beta.7";
 
 // node/themes.ts
 import prompts2 from "prompts";

package/dist/cli.js

@@ -9,10 +9,10 @@
 
 
 
-var _chunk2BMKFV7Cjs = require('./chunk-2BMKFV7C.js');
+var _chunk5AMANV4Hjs = require('./chunk-5AMANV4H.js');
 
 
-var _chunkDXJWPFLIjs = require('./chunk-DXJWPFLI.js');
+var _chunkN7DPKF7Ljs = require('./chunk-N7DPKF7L.js');
 
 
 var _chunkKKGXM3XLjs = require('./chunk-KKGXM3XL.js');
@@ -22,7 +22,7 @@ require('./chunk-JQHGZJGJ.js');
 var _chunkYUG22S6Wjs = require('./chunk-YUG22S6W.js');
 
 // node/cli.ts
-var import_fast_deep_equal = _chunkYUG22S6Wjs.__toESM.call(void 0, _chunkDXJWPFLIjs.require_fast_deep_equal.call(void 0, ));
+var import_fast_deep_equal = _chunkYUG22S6Wjs.__toESM.call(void 0, _chunkN7DPKF7Ljs.require_fast_deep_equal.call(void 0, ));
 var _path = require('path'); var _path2 = _interopRequireDefault(_path);
 var _os = require('os'); var _os2 = _interopRequireDefault(_os);
 var _child_process = require('child_process');
@@ -51,15 +51,15 @@ _fs.injectPreparserExtensionLoader.call(void 0, async (headmatter, filepath) =>
   const roots = (
     /* uniq */
     [
-      _chunk2BMKFV7Cjs.getUserRoot.call(void 0, {}).userRoot,
-      ..._chunk2BMKFV7Cjs.getAddonRoots.call(void 0, addons, ""),
-      _chunk2BMKFV7Cjs.getClientRoot.call(void 0, )
+      _chunk5AMANV4Hjs.getUserRoot.call(void 0, {}).userRoot,
+      ..._chunk5AMANV4Hjs.getAddonRoots.call(void 0, addons, ""),
+      _chunk5AMANV4Hjs.getClientRoot.call(void 0, )
     ]
   );
   const mergeArrays = (a, b) => a.concat(b);
   return await _chunkKKGXM3XLjs.loadSetups.call(void 0, roots, "preparser.ts", { filepath, headmatter }, [], false, mergeArrays);
 });
-var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunk2BMKFV7Cjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
+var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunk5AMANV4Hjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
   "* [entry]",
   "Start a local server for Slidev",
@@ -115,9 +115,9 @@ cli.command(
     async function initServer() {
       if (server)
         await server.close();
-      const options = await _chunk2BMKFV7Cjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
+      const options = await _chunk5AMANV4Hjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
       port = userPort || await findFreePort(3030);
-      server = await _chunk2BMKFV7Cjs.createServer.call(void 0, 
+      server = await _chunk5AMANV4Hjs.createServer.call(void 0, 
         options,
         {
           server: {
@@ -131,7 +131,7 @@ cli.command(
         },
         {
           onDataReload(newData, data) {
-            if (!theme && _chunk2BMKFV7Cjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunk2BMKFV7Cjs.resolveThemeName.call(void 0, data.config.theme)) {
+            if (!theme && _chunk5AMANV4Hjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunk5AMANV4Hjs.resolveThemeName.call(void 0, data.config.theme)) {
               console.log(_kolorist.yellow.call(void 0, "\n  restarting on theme change\n"));
               initServer();
             } else if (CONFIG_RESTART_FIELDS.some((i) => !(0, import_fast_deep_equal.default)(newData.config[i], data.config[i]))) {
@@ -260,9 +260,9 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await Promise.resolve().then(() => require("./build-2HVDTXMU.js"));
+    const { build } = await Promise.resolve().then(() => require("./build-HRQ6PECB.js"));
     for (const entryFile of entry) {
-      const options = await _chunk2BMKFV7Cjs.resolveOptions.call(void 0, { entry: entryFile, theme, inspect }, "build");
+      const options = await _chunk5AMANV4Hjs.resolveOptions.call(void 0, { entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
         options.data.config.download = download;
       printInfo(options);
@@ -282,9 +282,9 @@ cli.command(
   (args) => commonOptions(args).strict().help(),
   async ({ entry }) => {
     for (const entryFile of entry) {
-      const data = await _chunk2BMKFV7Cjs.parser.load(entryFile);
-      _chunk2BMKFV7Cjs.parser.prettify(data);
-      await _chunk2BMKFV7Cjs.parser.save(data);
+      const data = await _chunk5AMANV4Hjs.parser.load(entryFile);
+      _chunk5AMANV4Hjs.parser.prettify(data);
+      await _chunk5AMANV4Hjs.parser.save(data);
     }
   }
 );
@@ -300,17 +300,17 @@ cli.command(
         default: "theme"
       }),
       async ({ entry, dir, theme: themeInput }) => {
-        const data = await _chunk2BMKFV7Cjs.parser.load(entry);
-        const theme = _chunk2BMKFV7Cjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
+        const data = await _chunk5AMANV4Hjs.parser.load(entry);
+        const theme = _chunk5AMANV4Hjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
         if (theme === "none") {
           console.error('Cannot eject theme "none"');
           _process2.default.exit(1);
         }
-        if (_chunk2BMKFV7Cjs.isPath.call(void 0, theme)) {
+        if (_chunk5AMANV4Hjs.isPath.call(void 0, theme)) {
           console.error("Theme is already ejected");
           _process2.default.exit(1);
         }
-        const roots = _chunk2BMKFV7Cjs.getThemeRoots.call(void 0, theme, entry);
+        const roots = _chunk5AMANV4Hjs.getThemeRoots.call(void 0, theme, entry);
         if (!roots.length) {
           console.error(`Could not find theme "${theme}"`);
           _process2.default.exit(1);
@@ -322,7 +322,7 @@ cli.command(
         const dirPath = `./${dir}`;
         data.slides[0].frontmatter.theme = dirPath;
         data.slides[0].raw = null;
-        await _chunk2BMKFV7Cjs.parser.save(data);
+        await _chunk5AMANV4Hjs.parser.save(data);
         console.log(`Theme "${theme}" ejected successfully to "${dirPath}"`);
       }
     );
@@ -342,8 +342,8 @@ cli.command(
     const { exportSlides, getExportOptions } = await Promise.resolve().then(() => require("./export-MCALG7XD.js"));
     const port = await findFreePort(12445);
     for (const entryFile of entry) {
-      const options = await _chunk2BMKFV7Cjs.resolveOptions.call(void 0, { entry: entryFile, theme }, "export");
-      const server = await _chunk2BMKFV7Cjs.createServer.call(void 0, 
+      const options = await _chunk5AMANV4Hjs.resolveOptions.call(void 0, { entry: entryFile, theme }, "export");
+      const server = await _chunk5AMANV4Hjs.createServer.call(void 0, 
         options,
         {
           server: { port },
@@ -352,7 +352,7 @@ cli.command(
       );
       await server.listen(port);
       printInfo(options);
-      _chunk2BMKFV7Cjs.parser.filterDisabled(options.data);
+      _chunk5AMANV4Hjs.parser.filterDisabled(options.data);
       const result = await exportSlides({
         port,
         ...getExportOptions({ ...args, entry: entryFile }, options)
@@ -388,8 +388,8 @@ cli.command(
     const { exportNotes } = await Promise.resolve().then(() => require("./export-MCALG7XD.js"));
     const port = await findFreePort(12445);
     for (const entryFile of entry) {
-      const options = await _chunk2BMKFV7Cjs.resolveOptions.call(void 0, { entry: entryFile }, "export");
-      const server = await _chunk2BMKFV7Cjs.createServer.call(void 0, 
+      const options = await _chunk5AMANV4Hjs.resolveOptions.call(void 0, { entry: entryFile }, "export");
+      const server = await _chunk5AMANV4Hjs.createServer.call(void 0, 
         options,
         {
           server: { port },
@@ -398,7 +398,7 @@ cli.command(
       );
       await server.listen(port);
       printInfo(options);
-      _chunk2BMKFV7Cjs.parser.filterDisabled(options.data);
+      _chunk5AMANV4Hjs.parser.filterDisabled(options.data);
       const result = await exportNotes({
         port,
         output: output || (options.data.config.exportFilename ? `${options.data.config.exportFilename}-notes` : `${_path2.default.basename(entryFile, ".md")}-export-notes`),
@@ -459,7 +459,7 @@ function printInfo(options, port, remote, tunnelUrl) {
   console.log();
   console.log();
   console.log(`  ${_kolorist.cyan.call(void 0, "\u25CF") + _kolorist.blue.call(void 0, "\u25A0") + _kolorist.yellow.call(void 0, "\u25B2")}`);
-  console.log(`${_kolorist.bold.call(void 0, "  Slidev")}  ${_kolorist.blue.call(void 0, `v${_chunk2BMKFV7Cjs.version}`)} ${_isinstalledglobally2.default ? _kolorist.yellow.call(void 0, "(global)") : ""}`);
+  console.log(`${_kolorist.bold.call(void 0, "  Slidev")}  ${_kolorist.blue.call(void 0, `v${_chunk5AMANV4Hjs.version}`)} ${_isinstalledglobally2.default ? _kolorist.yellow.call(void 0, "(global)") : ""}`);
   console.log();
   _parser.verifyConfig.call(void 0, options.data.config, options.data.themeMeta, (v) => console.warn(_kolorist.yellow.call(void 0, `  ! ${v}`)));
   console.log(_kolorist.dim.call(void 0, "  theme       ") + (options.theme ? _kolorist.green.call(void 0, options.theme) : _kolorist.gray.call(void 0, "none")));

package/dist/cli.mjs

@@ -9,10 +9,10 @@ import {
   resolveOptions,
   resolveThemeName,
   version
-} from "./chunk-BAK2YZDZ.mjs";
+} from "./chunk-V47IQQ6Y.mjs";
 import {
   require_fast_deep_equal
-} from "./chunk-IMVZEGBY.mjs";
+} from "./chunk-GSGFVYCQ.mjs";
 import {
   loadSetups
 } from "./chunk-JDHANZ37.mjs";
@@ -260,7 +260,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await import("./build-UUIAUK3H.mjs");
+    const { build } = await import("./build-SZLXRWCX.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)

package/dist/index.js

@@ -9,13 +9,13 @@
 
 
 
-var _chunk2BMKFV7Cjs = require('./chunk-2BMKFV7C.js');
+var _chunk5AMANV4Hjs = require('./chunk-5AMANV4H.js');
 
 
 var _chunkJ7PXWEZ7js = require('./chunk-J7PXWEZ7.js');
 
 
-var _chunkDXJWPFLIjs = require('./chunk-DXJWPFLI.js');
+var _chunkN7DPKF7Ljs = require('./chunk-N7DPKF7L.js');
 require('./chunk-KKGXM3XL.js');
 require('./chunk-JQHGZJGJ.js');
 require('./chunk-YUG22S6W.js');
@@ -32,4 +32,4 @@ require('./chunk-YUG22S6W.js');
 
 
 
-exports.ViteSlidevPlugin = _chunkDXJWPFLIjs.ViteSlidevPlugin; exports.createServer = _chunk2BMKFV7Cjs.createServer; exports.createWindiCSSPlugin = _chunkJ7PXWEZ7js.createWindiCSSPlugin; exports.getAddonRoots = _chunk2BMKFV7Cjs.getAddonRoots; exports.getCLIRoot = _chunk2BMKFV7Cjs.getCLIRoot; exports.getClientRoot = _chunk2BMKFV7Cjs.getClientRoot; exports.getRoot = _chunk2BMKFV7Cjs.getRoot; exports.getThemeRoots = _chunk2BMKFV7Cjs.getThemeRoots; exports.getUserRoot = _chunk2BMKFV7Cjs.getUserRoot; exports.isPath = _chunk2BMKFV7Cjs.isPath; exports.parser = _chunk2BMKFV7Cjs.parser; exports.resolveOptions = _chunk2BMKFV7Cjs.resolveOptions;
+exports.ViteSlidevPlugin = _chunkN7DPKF7Ljs.ViteSlidevPlugin; exports.createServer = _chunk5AMANV4Hjs.createServer; exports.createWindiCSSPlugin = _chunkJ7PXWEZ7js.createWindiCSSPlugin; exports.getAddonRoots = _chunk5AMANV4Hjs.getAddonRoots; exports.getCLIRoot = _chunk5AMANV4Hjs.getCLIRoot; exports.getClientRoot = _chunk5AMANV4Hjs.getClientRoot; exports.getRoot = _chunk5AMANV4Hjs.getRoot; exports.getThemeRoots = _chunk5AMANV4Hjs.getThemeRoots; exports.getUserRoot = _chunk5AMANV4Hjs.getUserRoot; exports.isPath = _chunk5AMANV4Hjs.isPath; exports.parser = _chunk5AMANV4Hjs.parser; exports.resolveOptions = _chunk5AMANV4Hjs.resolveOptions;

package/dist/index.mjs

@@ -9,13 +9,13 @@ import {
   isPath,
   parser,
   resolveOptions
-} from "./chunk-BAK2YZDZ.mjs";
+} from "./chunk-V47IQQ6Y.mjs";
 import {
   createWindiCSSPlugin
 } from "./chunk-HO75FTDI.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-IMVZEGBY.mjs";
+} from "./chunk-GSGFVYCQ.mjs";
 import "./chunk-JDHANZ37.mjs";
 import "./chunk-ZEKM4EGL.mjs";
 import "./chunk-QHOBBTS4.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.43.0-beta.5",
+  "version": "0.43.0-beta.7",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -71,7 +71,7 @@
     "markdown-it": "^13.0.1",
     "markdown-it-footnote": "^3.0.3",
     "markdown-it-link-attributes": "^4.0.1",
-    "markdown-it-mdc": "^0.1.2",
+    "markdown-it-mdc": "^0.1.3",
     "monaco-editor": "^0.37.1",
     "nanoid": "^4.0.2",
     "open": "^8.4.1",
@@ -98,9 +98,9 @@
     "vue": "^3.3.4",
     "windicss": "^3.5.6",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.43.0-beta.5",
-    "@slidev/parser": "0.43.0-beta.5",
-    "@slidev/types": "0.43.0-beta.5"
+    "@slidev/client": "0.43.0-beta.7",
+    "@slidev/parser": "0.43.0-beta.7",
+    "@slidev/types": "0.43.0-beta.7"
   },
   "devDependencies": {
     "@types/plantuml-encoder": "^1.4.0",