@slidev/cli 0.28.8 → 0.29.0

package/README.md

@@ -22,7 +22,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
   <a href="https://twitter.com/antfu7/status/1389604687502995457">Video Preview</a> | <a href="https://sli.dev">Documentation</a>
 </p>
 
-<p align="center">
+<div align="center">
 <table>
 <tbody>
 <td align="center">
@@ -33,7 +33,7 @@ Status: <b>Public Beta 🎉</b><br>
 </td>
 </tbody>
 </table>
-</p>
+</div>
 
 ## Features
 

package/dist/{build-QV3SLG6A.mjs → build-NHXJRHBN.mjs}

@@ -1,13 +1,13 @@
 import {
   ViteSlidevPlugin,
   getIndexHtml
-} from "./chunk-UM6ZQCRB.mjs";
+} from "./chunk-UEIFQWPY.mjs";
 import {
   __require,
   __spreadValues,
   __toModule,
   init_esm_shims
-} from "./chunk-4OPORETI.mjs";
+} from "./chunk-VYBQLH2X.mjs";
 
 // node/build.ts
 init_esm_shims();
@@ -710,7 +710,7 @@ async function build(options, viteConfig = {}) {
     await fs2.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides } = await Promise.resolve().then(() => __toModule(__require("./export-QCGE4YB6.mjs")));
+    const { exportSlides } = await Promise.resolve().then(() => __toModule(__require("./export-OVSG7H7S.mjs")));
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{build-E6BBKMUU.js → build-VM52TR6Q.js}

@@ -1,16 +1,16 @@
 "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 }; }
 
 
-var _chunkADOJPBM5js = require('./chunk-ADOJPBM5.js');
+var _chunk7F2QYO53js = require('./chunk-7F2QYO53.js');
 
 
 
 
 
-var _chunkQT3EQ43Ajs = require('./chunk-QT3EQ43A.js');
+var _chunk7QXPSYEZjs = require('./chunk-7QXPSYEZ.js');
 
 // node/build.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _path = require('path');
 var _http = require('http'); var _http2 = _interopRequireDefault(_http);
 var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
@@ -18,12 +18,12 @@ var _vite = require('vite');
 var _connect = require('connect'); var _connect2 = _interopRequireDefault(_connect);
 
 // ../../node_modules/.pnpm/sirv@2.0.2/node_modules/sirv/build.mjs
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _fs = require('fs'); var fs = _interopRequireWildcard(_fs);
 
 
 // ../../node_modules/.pnpm/totalist@3.0.0/node_modules/totalist/sync/index.mjs
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 function totalist(dir, callback, pre = "") {
@@ -38,7 +38,7 @@ function totalist(dir, callback, pre = "") {
 }
 
 // ../../node_modules/.pnpm/@polka+url@1.0.0-next.20/node_modules/@polka/url/build.mjs
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _querystring = require('querystring'); var qs = _interopRequireWildcard(_querystring);
 function parse2(req) {
   let raw = req.url;
@@ -62,7 +62,7 @@ function parse2(req) {
 }
 
 // ../../node_modules/.pnpm/mrmime@1.0.0/node_modules/mrmime/index.mjs
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var mimes = {
   "ez": "application/andrew-inset",
   "aw": "application/applixware",
@@ -527,7 +527,7 @@ function is404(req, res) {
 }
 function send(req, res, file, stats, headers) {
   let code = 200, tmp, opts = {};
-  headers = _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, headers);
+  headers = _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, headers);
   for (let key in headers) {
     tmp = res.getHeader(key);
     if (tmp)
@@ -655,12 +655,12 @@ async function build(options, viteConfig = {}) {
   let originalIndexHTML;
   if (_fsextra2.default.existsSync(indexPath))
     originalIndexHTML = await _fsextra2.default.readFile(indexPath, "utf-8");
-  await _fsextra2.default.writeFile(indexPath, await _chunkADOJPBM5js.getIndexHtml.call(void 0, options), "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunk7F2QYO53js.getIndexHtml.call(void 0, options), "utf-8");
   let config = void 0;
   try {
     const inlineConfig = _vite.mergeConfig.call(void 0, viteConfig, {
       plugins: [
-        await _chunkADOJPBM5js.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+        await _chunk7F2QYO53js.ViteSlidevPlugin.call(void 0, options, pluginOptions),
         {
           name: "resolve-config",
           configResolved(_config) {
@@ -710,7 +710,7 @@ async function build(options, viteConfig = {}) {
     await _fsextra2.default.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides } = await Promise.resolve().then(() => _chunkQT3EQ43Ajs.__toModule.call(void 0, _chunkQT3EQ43Ajs.__require.call(void 0, "./export-75HYECKB.js")));
+    const { exportSlides } = await Promise.resolve().then(() => _chunk7QXPSYEZjs.__toModule.call(void 0, _chunk7QXPSYEZjs.__require.call(void 0, "./export-GML5GDLW.js")));
     const port = 12445;
     const app = _connect2.default.call(void 0, );
     const server = _http2.default.createServer(app);

package/dist/{chunk-YBR5SIF5.js → chunk-5BL2KALH.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkADOJPBM5js = require('./chunk-ADOJPBM5.js');
+var _chunk7F2QYO53js = require('./chunk-7F2QYO53.js');
 
 
-var _chunkQT3EQ43Ajs = require('./chunk-QT3EQ43A.js');
+var _chunk7QXPSYEZjs = require('./chunk-7QXPSYEZ.js');
 
 // node/server.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _path = require('path');
 var _vite = require('vite');
 async function createServer(options, viteConfig = {}, serverOptions = {}) {
@@ -20,7 +20,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
       ]
     },
     plugins: [
-      await _chunkADOJPBM5js.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
+      await _chunk7F2QYO53js.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
     ]
   }));
   return server;

package/dist/{chunk-ADOJPBM5.js → chunk-7F2QYO53.js}

@@ -10,13 +10,13 @@
 
 
 
-var _chunkQT3EQ43Ajs = require('./chunk-QT3EQ43A.js');
+var _chunk7QXPSYEZjs = require('./chunk-7QXPSYEZ.js');
 
 // ../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js
-var require_fast_deep_equal = _chunkQT3EQ43Ajs.__commonJS.call(void 0, {
+var require_fast_deep_equal = _chunk7QXPSYEZjs.__commonJS.call(void 0, {
   "../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js"(exports, module) {
     "use strict";
-    _chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+    _chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
     module.exports = function equal2(a, b) {
       if (a === b)
         return true;
@@ -59,7 +59,7 @@ var require_fast_deep_equal = _chunkQT3EQ43Ajs.__commonJS.call(void 0, {
 });
 
 // node/common.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _fs = require('fs'); var _fs2 = _interopRequireDefault(_fs);
 var _path = require('path');
 var _utils = require('@antfu/utils');
@@ -87,13 +87,13 @@ ${(((_b = index.match(/<body>([\s\S]*?)<\/body>/im)) == null ? void 0 : _b[1]) |
     body += '\n<script async src="https://platform.twitter.com/widgets.js"><\/script>';
   if (data.config.fonts.webfonts.length && data.config.fonts.provider !== "none")
     head += `
-<link rel="stylesheet" href="${_chunkQT3EQ43Ajs.generateGoogleFontsUrl.call(void 0, data.config.fonts)}" type="text/css">`;
-  main = main.replace("__ENTRY__", _chunkQT3EQ43Ajs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
+<link rel="stylesheet" href="${_chunk7QXPSYEZjs.generateGoogleFontsUrl.call(void 0, data.config.fonts)}" type="text/css">`;
+  main = main.replace("__ENTRY__", _chunk7QXPSYEZjs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
   return main;
 }
 
 // node/plugins/windicss.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 
@@ -101,13 +101,13 @@ var _vitepluginwindicss = require('vite-plugin-windicss'); var _vitepluginwindic
 var _jiti = require('jiti'); var _jiti2 = _interopRequireDefault(_jiti);
 
 // node/plugins/setupNode.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
 
 
 function deepMerge(a, b, rootPath = "") {
-  a = _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, a);
+  a = _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, a);
   Object.keys(b).forEach((key) => {
     if (_utils.isObject.call(void 0, a[key]))
       a[key] = deepMerge(a[key], b[key], rootPath ? `${rootPath}.${key}` : key);
@@ -145,7 +145,7 @@ async function createWindiCSSPlugin({ themeRoots, clientRoot, userRoot, roots, d
   if (config.default)
     config = config.default;
   config = await loadSetups(roots, "windicss.ts", {}, config, true);
-  return _vitepluginwindicss2.default.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+  return _vitepluginwindicss2.default.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
     configFiles: [configFile],
     config,
     onConfigResolved(config2) {
@@ -167,15 +167,15 @@ async function createWindiCSSPlugin({ themeRoots, clientRoot, userRoot, roots, d
         config2.scanOptions.include.push(`${i}/layouts/*.{vue,ts}`);
       });
       config2.scanOptions.include.push(`!${_utils.slash.call(void 0, _path.resolve.call(void 0, userRoot, "node_modules"))}`);
-      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunkQT3EQ43Ajs.resolveImportPath.call(void 0, "monaco-editor/package.json", true)));
-      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunkQT3EQ43Ajs.resolveImportPath.call(void 0, "katex/package.json", true)));
-      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunkQT3EQ43Ajs.resolveImportPath.call(void 0, "prettier/package.json", true)));
+      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunk7QXPSYEZjs.resolveImportPath.call(void 0, "monaco-editor/package.json", true)));
+      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunk7QXPSYEZjs.resolveImportPath.call(void 0, "katex/package.json", true)));
+      config2.scanOptions.exclude.push(_path.dirname.call(void 0, _chunk7QXPSYEZjs.resolveImportPath.call(void 0, "prettier/package.json", true)));
     }
   }, windiOptions));
 }
 
 // node/plugins/preset.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _pluginvue = require('@vitejs/plugin-vue'); var _pluginvue2 = _interopRequireDefault(_pluginvue);
 var _vite = require('unplugin-icons/vite'); var _vite2 = _interopRequireDefault(_vite);
 var _resolver = require('unplugin-icons/resolver'); var _resolver2 = _interopRequireDefault(_resolver);
@@ -185,7 +185,7 @@ var _vitepluginvueserverref = require('vite-plugin-vue-server-ref'); var _vitepl
 
 
 // node/drawings.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 var _fastglob = require('fast-glob'); var _fastglob2 = _interopRequireDefault(_fastglob);
@@ -231,7 +231,7 @@ ${value}
 }
 
 // node/plugins/extendConfig.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 var _vite5 = require('vite');
 var _isinstalledglobally = require('is-installed-globally'); var _isinstalledglobally2 = _interopRequireDefault(_isinstalledglobally);
@@ -242,29 +242,29 @@ var dependencies = {
   "@antfu/utils": "^0.5.0",
   "@slidev/parser": "workspace:*",
   "@slidev/types": "workspace:*",
-  "@vueuse/core": "^7.6.2",
+  "@vueuse/core": "^8.1.2",
   "@vueuse/head": "^0.7.5",
-  "@vueuse/motion": "^2.0.0-beta.9",
+  "@vueuse/motion": "^2.0.0-beta.12",
   codemirror: "^5.65.2",
-  drauu: "^0.2.1",
+  drauu: "^0.3.0",
   "file-saver": "^2.0.5",
   "js-base64": "^3.7.2",
   "js-yaml": "^4.1.0",
-  katex: "^0.15.2",
+  katex: "^0.15.3",
   mermaid: "^8.14.0",
-  "monaco-editor": "^0.32.1",
+  "monaco-editor": "^0.33.0",
   nanoid: "^3.3.1",
-  prettier: "^2.5.1",
+  prettier: "^2.6.0",
   recordrtc: "^5.6.2",
   resolve: "^1.22.0",
-  "vite-plugin-windicss": "^1.7.1",
+  "vite-plugin-windicss": "^1.8.3",
   vue: "^3.2.31",
-  "vue-router": "^4.0.12",
-  windicss: "^3.4.4"
+  "vue-router": "^4.0.14",
+  windicss: "^3.5.1"
 };
 
 // node/vite/searchRoot.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 var ROOT_FILES = [
@@ -324,7 +324,7 @@ function createConfigPlugin(options) {
         define: getDefine(options),
         resolve: {
           alias: {
-            "@slidev/client/": `${_chunkQT3EQ43Ajs.toAtFS.call(void 0, options.clientRoot)}/`
+            "@slidev/client/": `${_chunk7QXPSYEZjs.toAtFS.call(void 0, options.clientRoot)}/`
           }
         },
         optimizeDeps: {
@@ -340,6 +340,7 @@ function createConfigPlugin(options) {
             "prettier/esm/parser-html",
             "prettier/esm/parser-typescript",
             "mermaid/dist/mermaid.min",
+            "mermaid/dist/mermaid",
             "vite-plugin-vue-server-ref/client"
           ],
           exclude: EXCLUDE
@@ -350,7 +351,7 @@ function createConfigPlugin(options) {
             allow: _utils.uniq.call(void 0, [
               searchForWorkspaceRoot(options.userRoot),
               searchForWorkspaceRoot(options.cliRoot),
-              ..._isinstalledglobally2.default ? [_path.dirname.call(void 0, _chunkQT3EQ43Ajs.resolveGlobalImportPath.call(void 0, "@slidev/client/package.json")), _path.dirname.call(void 0, _chunkQT3EQ43Ajs.resolveGlobalImportPath.call(void 0, "katex/package.json"))] : []
+              ..._isinstalledglobally2.default ? [_path.dirname.call(void 0, _chunk7QXPSYEZjs.resolveGlobalImportPath.call(void 0, "@slidev/client/package.json")), _path.dirname.call(void 0, _chunk7QXPSYEZjs.resolveGlobalImportPath.call(void 0, "katex/package.json"))] : []
             ])
           }
         }
@@ -359,7 +360,7 @@ function createConfigPlugin(options) {
         injection.cacheDir = _path.join.call(void 0, options.cliRoot, "node_modules/.vite");
         injection.publicDir = _path.join.call(void 0, options.userRoot, "public");
         injection.root = options.cliRoot;
-        injection.resolve.alias.vue = `${_chunkQT3EQ43Ajs.resolveImportPath.call(void 0, "vue/dist/vue.esm-browser.js", true)}`;
+        injection.resolve.alias.vue = `${_chunk7QXPSYEZjs.resolveImportPath.call(void 0, "vue/dist/vue.esm-browser.js", true)}`;
       }
       return _vite5.mergeConfig.call(void 0, config, injection);
     },
@@ -380,7 +381,7 @@ function createConfigPlugin(options) {
 }
 function getDefine(options) {
   return {
-    __SLIDEV_CLIENT_ROOT__: JSON.stringify(_chunkQT3EQ43Ajs.toAtFS.call(void 0, options.clientRoot)),
+    __SLIDEV_CLIENT_ROOT__: JSON.stringify(_chunk7QXPSYEZjs.toAtFS.call(void 0, 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_DRAWINGS_PERSIST__: JSON.stringify(!!options.data.config.drawings.persist === true),
@@ -389,8 +390,8 @@ function getDefine(options) {
 }
 
 // node/plugins/loaders.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
-var import_fast_deep_equal = _chunkQT3EQ43Ajs.__toModule.call(void 0, require_fast_deep_equal());
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+var import_fast_deep_equal = _chunk7QXPSYEZjs.__toModule.call(void 0, require_fast_deep_equal());
 
 
 
@@ -422,7 +423,7 @@ md.use(_markdownitlinkattributes2.default, {
   }
 });
 function prepareSlideInfo(data) {
-  return _chunkQT3EQ43Ajs.__spreadProps.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, data), {
+  return _chunk7QXPSYEZjs.__spreadProps.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, data), {
     notesHTML: md.render((data == null ? void 0 : data.note) || "")
   });
 }
@@ -511,7 +512,7 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
           const file = `${slidePrefix}${i + 1}.md`;
           try {
             const md2 = await transformMarkdown(MarkdownPlugin.transform((_a2 = newData.slides[i]) == null ? void 0 : _a2.content, file), i, newData);
-            return await VuePlugin.handleHotUpdate(_chunkQT3EQ43Ajs.__spreadProps.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, ctx), {
+            return await VuePlugin.handleHotUpdate(_chunk7QXPSYEZjs.__spreadProps.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, ctx), {
               modules: Array.from(ctx.server.moduleGraph.getModulesByFile(file) || []),
               file,
               read() {
@@ -553,6 +554,8 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
           return generateGlobalComponents("top");
         if (id === "/@slidev/global-components/bottom")
           return generateGlobalComponents("bottom");
+        if (id === "/@slidev/custom-nav-controls")
+          return generateCustomNavControls();
         if (id.startsWith(slidePrefix)) {
           const remaning = id.slice(slidePrefix.length);
           const match = remaning.match(regexIdQuery);
@@ -600,13 +603,13 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
   async function transformMarkdown(code, pageNo, data2) {
     var _a, _b;
     const layouts = await getLayouts();
-    const frontmatter = _chunkQT3EQ43Ajs.__spreadValues.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, ((_a = data2.headmatter) == null ? void 0 : _a.defaults) || {}), ((_b = data2.slides[pageNo]) == null ? void 0 : _b.frontmatter) || {});
+    const frontmatter = _chunk7QXPSYEZjs.__spreadValues.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, ((_a = data2.headmatter) == null ? void 0 : _a.defaults) || {}), ((_b = data2.slides[pageNo]) == null ? void 0 : _b.frontmatter) || {});
     const layoutName = (frontmatter == null ? void 0 : frontmatter.layout) || (pageNo === 0 ? "cover" : "default");
     if (!layouts[layoutName])
       throw new Error(`Unknown layout "${layoutName}"`);
     delete frontmatter.title;
     const imports = [
-      `import InjectedLayout from "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, layouts[layoutName])}"`,
+      `import InjectedLayout from "${_chunk7QXPSYEZjs.toAtFS.call(void 0, layouts[layoutName])}"`,
       `const frontmatter = ${JSON.stringify(frontmatter)}`
     ];
     code = code.replace(/(<script setup.*>)/g, `$1
@@ -652,9 +655,9 @@ ${code.slice(injectB)}`;
   }
   async function generateUserStyles() {
     const imports = [
-      `import "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/vars.css"))}"`,
-      `import "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/index.css"))}"`,
-      `import "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/code.css"))}"`
+      `import "${_chunk7QXPSYEZjs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/vars.css"))}"`,
+      `import "${_chunk7QXPSYEZjs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/index.css"))}"`,
+      `import "${_chunk7QXPSYEZjs.toAtFS.call(void 0, _path.join.call(void 0, clientRoot, "styles/code.css"))}"`
     ];
     const roots2 = _utils.uniq.call(void 0, [
       ...themeRoots,
@@ -670,13 +673,13 @@ ${code.slice(injectB)}`;
       ];
       for (const style of styles) {
         if (_fsextra.existsSync.call(void 0, style)) {
-          imports.push(`import "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, style)}"`);
+          imports.push(`import "${_chunk7QXPSYEZjs.toAtFS.call(void 0, style)}"`);
           continue;
         }
       }
     }
     if (data.features.katex)
-      imports.push(`import "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, _chunkQT3EQ43Ajs.resolveImportPath.call(void 0, "katex/dist/katex.min.css", true))}"`);
+      imports.push(`import "${_chunk7QXPSYEZjs.toAtFS.call(void 0, _chunk7QXPSYEZjs.resolveImportPath.call(void 0, "katex/dist/katex.min.css", true))}"`);
     return imports.join("\n");
   }
   async function generateMonacoTypes() {
@@ -685,7 +688,7 @@ ${code.slice(injectB)}`;
   async function generateLayouts() {
     const imports = [];
     const layouts = _utils.objectMap.call(void 0, await getLayouts(), (k, v) => {
-      imports.push(`import __layout_${k} from "${_chunkQT3EQ43Ajs.toAtFS.call(void 0, v)}"`);
+      imports.push(`import __layout_${k} from "${_chunk7QXPSYEZjs.toAtFS.call(void 0, v)}"`);
       return [k, `__layout_${k}`];
     });
     return [
@@ -733,10 +736,10 @@ ${routes.join(",\n")}
     return [...imports, routesStr].join("\n");
   }
   function generateConfigs() {
-    const config = _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, data.config);
+    const config = _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, data.config);
     if (_utils.isString.call(void 0, config.title)) {
       const tokens = md.parseInline(config.title, {});
-      config.title = _chunkQT3EQ43Ajs.stringifyMarkdownTokens.call(void 0, tokens);
+      config.title = _chunk7QXPSYEZjs.stringifyMarkdownTokens.call(void 0, tokens);
     }
     if (_utils.isString.call(void 0, config.info))
       config.info = md.render(config.info);
@@ -757,7 +760,26 @@ ${routes.join(",\n")}
         ];
       }
     }).filter((i) => _fsextra2.default.existsSync(i));
-    const imports = components.map((i, idx) => `import __n${idx} from '${_chunkQT3EQ43Ajs.toAtFS.call(void 0, i)}'`).join("\n");
+    const imports = components.map((i, idx) => `import __n${idx} from '${_chunk7QXPSYEZjs.toAtFS.call(void 0, i)}'`).join("\n");
+    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
+    return `
+${imports}
+import { h } from 'vue'
+export default {
+  render() {
+    return [${render}]
+  }
+}
+`;
+  }
+  async function generateCustomNavControls() {
+    const components = roots.flatMap((root) => {
+      return [
+        _path.join.call(void 0, root, "custom-nav-controls.vue"),
+        _path.join.call(void 0, root, "CustomNavControls.vue")
+      ];
+    }).filter((i) => _fsextra2.default.existsSync(i));
+    const imports = components.map((i, idx) => `import __n${idx} from '${_chunk7QXPSYEZjs.toAtFS.call(void 0, i)}'`).join("\n");
     const render = components.map((i, idx) => `h(__n${idx})`).join(",");
     return `
 ${imports}
@@ -772,7 +794,7 @@ export default {
 }
 
 // node/plugins/monacoTransform.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 
@@ -806,7 +828,7 @@ function createMonacoTypesLoader() {
 }
 
 // node/plugins/setupClient.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 
 
@@ -828,7 +850,7 @@ function createClientSetupPlugin({ clientRoot, themeRoots, userRoot }) {
         setups.forEach((path, idx) => {
           if (!_fs.existsSync.call(void 0, path))
             return;
-          imports.push(`import __n${idx} from '${_chunkQT3EQ43Ajs.toAtFS.call(void 0, path)}'`);
+          imports.push(`import __n${idx} from '${_chunk7QXPSYEZjs.toAtFS.call(void 0, path)}'`);
           let fn = `__n${idx}`;
           let awaitFn = `await __n${idx}`;
           if (/\binjection_return\b/g.test(code)) {
@@ -856,7 +878,7 @@ function createClientSetupPlugin({ clientRoot, themeRoots, userRoot }) {
 }
 
 // node/plugins/markdown.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _vitepluginmd = require('vite-plugin-md'); var _vitepluginmd2 = _interopRequireDefault(_vitepluginmd);
 var _jsbase64 = require('js-base64'); var base64 = _interopRequireWildcard(_jsbase64);
 
@@ -866,7 +888,7 @@ var _shiki = require('shiki'); var Shiki = _interopRequireWildcard(_shiki);
 var _plantumlencoder = require('plantuml-encoder');
 
 // node/plugins/markdown-it-katex.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _katex = require('katex'); var _katex2 = _interopRequireDefault(_katex);
 function isValidDelim(state, pos) {
   const max = state.posMax;
@@ -1013,7 +1035,7 @@ function math_plugin(md2, options) {
 }
 
 // node/plugins/markdown-it-prism.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 var _prismjs = require('prismjs'); var _prismjs2 = _interopRequireDefault(_prismjs);
 var _ = require('prismjs/components/'); var _2 = _interopRequireDefault(_);
 var DEFAULTS = {
@@ -1036,7 +1058,7 @@ function loadPrismLang(lang) {
 }
 function loadPrismPlugin(name) {
   try {
-    _chunkQT3EQ43Ajs.__require.call(void 0, `prismjs/plugins/${name}/prism-${name}`);
+    _chunk7QXPSYEZjs.__require.call(void 0, `prismjs/plugins/${name}/prism-${name}`);
   } catch (e) {
     throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`);
   }
@@ -1076,7 +1098,7 @@ function markdownItPrism(markdownit, useroptions) {
 }
 
 // node/plugins/markdown-it-shiki.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 function getThemeName(theme) {
   if (typeof theme === "string")
     return theme;
@@ -1098,7 +1120,7 @@ function resolveShikiOptions(options) {
       themes.push(options.theme);
     }
   }
-  return _chunkQT3EQ43Ajs.__spreadProps.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {}, options), {
+  return _chunk7QXPSYEZjs.__spreadProps.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, options), {
     themes,
     darkModeThemes: darkModeThemes ? {
       dark: getThemeName(darkModeThemes.dark),
@@ -1136,7 +1158,7 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
   const setups = [];
   const entryPath = _utils.slash.call(void 0, entry);
   if (config.highlighter === "shiki") {
-    const { getHighlighter } = await Promise.resolve().then(() => _chunkQT3EQ43Ajs.__toModule.call(void 0, _chunkQT3EQ43Ajs.__require.call(void 0, "shiki")));
+    const { getHighlighter } = await Promise.resolve().then(() => _chunk7QXPSYEZjs.__toModule.call(void 0, _chunk7QXPSYEZjs.__require.call(void 0, "shiki")));
     const shikiOptions = await loadSetups(roots, "shiki.ts", Shiki, DEFAULT_SHIKI_OPTIONS, false);
     const { langs, themes } = resolveShikiOptions(shikiOptions);
     shikiOptions.highlighter = await getHighlighter({ themes, langs });
@@ -1145,11 +1167,11 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
     setups.push((md2) => md2.use(markdownItPrism));
   }
   const KatexOptions = await loadSetups(roots, "katex.ts", {}, { strict: false }, false);
-  return _vitepluginmd2.default.call(void 0, _chunkQT3EQ43Ajs.__spreadProps.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+  return _vitepluginmd2.default.call(void 0, _chunk7QXPSYEZjs.__spreadProps.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
     wrapperClasses: "",
     headEnabled: false,
     frontmatter: false,
-    markdownItOptions: _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+    markdownItOptions: _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
       quotes: `""''`,
       html: true,
       xhtmlOut: true,
@@ -1286,7 +1308,7 @@ function escapeVueInCode(md2) {
 }
 
 // node/plugins/patchTransform.ts
-_chunkQT3EQ43Ajs.init_cjs_shims.call(void 0, );
+_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
 
 function createFixPlugins(options) {
   const define = _utils.objectEntries.call(void 0, getDefine(options));
@@ -1341,7 +1363,8 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     vue: vueOptions = {},
     components: componentsOptions = {},
     icons: iconsOptions = {},
-    remoteAssets: remoteAssetsOptions = {}
+    remoteAssets: remoteAssetsOptions = {},
+    serverRef: serverRefOptions = {}
   } = pluginOptions;
   const {
     mode,
@@ -1349,10 +1372,10 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     clientRoot,
     data: { config }
   } = options;
-  const VuePlugin = _pluginvue2.default.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+  const VuePlugin = _pluginvue2.default.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
     include: [/\.vue$/, /\.md$/],
     exclude: [],
-    template: _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+    template: _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
       compilerOptions: {
         isCustomElement(tag) {
           return customElements.has(tag);
@@ -1367,7 +1390,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     MarkdownPlugin,
     VuePlugin,
     createSlidesLoader(options, pluginOptions, serverOptions, VuePlugin, MarkdownPlugin),
-    _vite4.default.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+    _vite4.default.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
       extensions: ["vue", "md", "ts"],
       dirs: [
         `${clientRoot}/builtin`,
@@ -1385,11 +1408,11 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
         })
       ]
     }, componentsOptions)),
-    _vite2.default.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+    _vite2.default.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
       defaultClass: "slidev-icon",
       autoInstall: true
     }, iconsOptions)),
-    config.remoteAssets === true || config.remoteAssets === mode ? _vitepluginremoteassets2.default.call(void 0, _chunkQT3EQ43Ajs.__spreadValues.call(void 0, {
+    config.remoteAssets === true || config.remoteAssets === mode ? _vitepluginremoteassets2.default.call(void 0, _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
       rules: [
         ..._vitepluginremoteassets.DefaultRules,
         {
@@ -1402,15 +1425,16 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     }, remoteAssetsOptions)) : null,
     _vitepluginvueserverref2.default.call(void 0, {
       debug: process.env.NODE_ENV === "development",
-      state: {
+      state: _chunk7QXPSYEZjs.__spreadValues.call(void 0, {
         sync: false,
         nav: {
           page: 0,
           clicks: 0
         },
         drawings: drawingData
-      },
-      onChanged(key, data, patch) {
+      }, serverRefOptions.state),
+      onChanged(key, data, patch, timestamp) {
+        serverRefOptions.onChanged && serverRefOptions.onChanged(key, data, patch, timestamp);
         if (!options.data.config.drawings.persist)
           return;
         if (key === "drawings")

package/dist/{chunk-QT3EQ43A.js → chunk-7QXPSYEZ.js}

@@ -52,9 +52,9 @@ var __toModule = (module) => {
   return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module);
 };
 
-// ../../node_modules/.pnpm/tsup@5.11.13_typescript@4.5.5/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@5.11.13_typescript@4.6.2/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@5.11.13_typescript@4.5.5/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@5.11.13_typescript@4.6.2/node_modules/tsup/assets/cjs_shims.js"() {
   }
 });