@slidev/cli 0.29.2 → 0.30.2

package/dist/{chunk-XI447TZR.js → chunk-E4IOOAKN.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNPCPO6ETjs = require('./chunk-NPCPO6ET.js');
+var _chunkRSHUQSN4js = require('./chunk-RSHUQSN4.js');
 
 
-var _chunk7QXPSYEZjs = require('./chunk-7QXPSYEZ.js');
+var _chunkIXNT7VMKjs = require('./chunk-IXNT7VMK.js');
 
 // node/server.ts
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+_chunkIXNT7VMKjs.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 _chunkNPCPO6ETjs.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
+      await _chunkRSHUQSN4js.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
     ]
   }));
   return server;

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

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -30,31 +29,31 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw new Error('Dynamic require of "' + x + '" is not supported');
 });
 var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[Object.keys(fn)[0]])(fn = 0)), res;
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module, desc) => {
-  if (module && typeof module === "object" || typeof module === "function") {
-    for (let key of __getOwnPropNames(module))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-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);
+  return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 
-// ../../node_modules/.pnpm/tsup@5.11.13_typescript@4.6.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@5.12.5_typescript@4.6.3/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@5.11.13_typescript@4.6.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@5.12.5_typescript@4.6.3/node_modules/tsup/assets/cjs_shims.js"() {
+    getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+    importMetaUrl = exports.importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
   }
 });
 
@@ -129,4 +128,5 @@ function generateGoogleFontsUrl(options) {
 
 
 
-exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__require = __require; exports.__commonJS = __commonJS; exports.__export = __export; exports.__toModule = __toModule; exports.init_cjs_shims = init_cjs_shims; exports.toAtFS = toAtFS; exports.resolveImportPath = resolveImportPath; exports.resolveGlobalImportPath = resolveGlobalImportPath; exports.stringifyMarkdownTokens = stringifyMarkdownTokens; exports.generateGoogleFontsUrl = generateGoogleFontsUrl;
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__require = __require; exports.__commonJS = __commonJS; exports.__export = __export; exports.__toESM = __toESM; exports.importMetaUrl = importMetaUrl; exports.init_cjs_shims = init_cjs_shims; exports.toAtFS = toAtFS; exports.resolveImportPath = resolveImportPath; exports.resolveGlobalImportPath = resolveGlobalImportPath; exports.stringifyMarkdownTokens = stringifyMarkdownTokens; exports.generateGoogleFontsUrl = generateGoogleFontsUrl;

package/dist/{chunk-NQIXBLV4.mjs → chunk-MBZTOLHN.mjs}

@@ -4,14 +4,14 @@ import {
   __require,
   __spreadProps,
   __spreadValues,
-  __toModule,
+  __toESM,
   generateGoogleFontsUrl,
   init_esm_shims,
   resolveGlobalImportPath,
   resolveImportPath,
   stringifyMarkdownTokens,
   toAtFS
-} from "./chunk-VYBQLH2X.mjs";
+} from "./chunk-XMETW2MS.mjs";
 
 // ../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js
 var require_fast_deep_equal = __commonJS({
@@ -240,27 +240,29 @@ import { uniq as uniq3 } from "@antfu/utils";
 
 // ../client/package.json
 var dependencies = {
-  "@antfu/utils": "^0.5.0",
+  "@antfu/utils": "^0.5.1",
   "@slidev/parser": "workspace:*",
   "@slidev/types": "workspace:*",
-  "@vueuse/core": "^8.1.2",
+  "@vueuse/core": "^8.2.5",
   "@vueuse/head": "^0.7.5",
-  "@vueuse/motion": "^2.0.0-beta.12",
+  "@vueuse/motion": "^2.0.0-beta.18",
   codemirror: "^5.65.2",
+  defu: "^6.0.0",
   drauu: "^0.3.0",
   "file-saver": "^2.0.5",
   "js-base64": "^3.7.2",
   "js-yaml": "^4.1.0",
   katex: "^0.15.3",
-  mermaid: "^8.14.0",
+  mermaid: "^9.0.0",
   "monaco-editor": "^0.33.0",
-  nanoid: "^3.3.1",
-  prettier: "^2.6.0",
+  nanoid: "^3.3.2",
+  prettier: "^2.6.2",
   recordrtc: "^5.6.2",
   resolve: "^1.22.0",
-  "vite-plugin-windicss": "^1.8.3",
-  vue: "^3.2.31",
+  "vite-plugin-windicss": "^1.8.4",
+  vue: "^3.2.32",
   "vue-router": "^4.0.14",
+  "vue-starport": "^0.2.4",
   windicss: "^3.5.1"
 };
 
@@ -392,7 +394,7 @@ function getDefine(options) {
 
 // node/plugins/loaders.ts
 init_esm_shims();
-var import_fast_deep_equal = __toModule(require_fast_deep_equal());
+var import_fast_deep_equal = __toESM(require_fast_deep_equal());
 import { basename as basename2, join as join5 } from "path";
 import { isString, notNullish, objectMap, range, slash as slash2, uniq as uniq4 } from "@antfu/utils";
 import fg2 from "fast-glob";
@@ -470,7 +472,7 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
         });
       },
       async handleHotUpdate(ctx) {
-        var _a;
+        var _a, _b, _c;
         if (!data.entries.some((i) => slash2(i) === ctx.file))
           return;
         const newData = await parser.load(entry, data.themeMeta);
@@ -494,7 +496,7 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
         for (let i = 0; i < length; i++) {
           const a = data.slides[i];
           const b = newData.slides[i];
-          if ((a == null ? void 0 : a.content.trim()) === (b == null ? void 0 : b.content.trim()) && (a == null ? void 0 : a.note) === (b == null ? void 0 : b.note) && (0, import_fast_deep_equal.default)(a.frontmatter, b.frontmatter))
+          if ((a == null ? void 0 : a.content.trim()) === (b == null ? void 0 : b.content.trim()) && ((_a = a == null ? void 0 : a.title) == null ? void 0 : _a.trim()) === ((_b = b == null ? void 0 : b.title) == null ? void 0 : _b.trim()) && (a == null ? void 0 : a.note) === (b == null ? void 0 : b.note) && (0, import_fast_deep_equal.default)(a.frontmatter, b.frontmatter))
             continue;
           ctx.server.ws.send({
             type: "custom",
@@ -506,13 +508,15 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
           });
           hmrPages.add(i);
         }
-        (_a = serverOptions.onDataReload) == null ? void 0 : _a.call(serverOptions, newData, data);
+        (_c = serverOptions.onDataReload) == null ? void 0 : _c.call(serverOptions, newData, data);
         Object.assign(data, newData);
+        if (hmrPages.size > 0)
+          moduleIds.add("/@slidev/titles.md");
         const vueModules = (await Promise.all(Array.from(hmrPages).map(async (i) => {
           var _a2;
           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);
+            const md2 = await transformMarkdown(await MarkdownPlugin.transform((_a2 = newData.slides[i]) == null ? void 0 : _a2.content, file), i, newData);
             return await VuePlugin.handleHotUpdate(__spreadProps(__spreadValues({}, ctx), {
               modules: Array.from(ctx.server.moduleGraph.getModulesByFile(file) || []),
               file,
@@ -557,6 +561,14 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
           return generateGlobalComponents("bottom");
         if (id === "/@slidev/custom-nav-controls")
           return generateCustomNavControls();
+        if (id === "/@slidev/titles.md") {
+          return {
+            code: data.slides.map(({ title }, i) => {
+              return `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">${title}</template>`;
+            }).join(""),
+            map: {}
+          };
+        }
         if (id.startsWith(slidePrefix)) {
           const remaning = id.slice(slidePrefix.length);
           const match = remaning.match(regexIdQuery);
@@ -593,6 +605,24 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
         const pageNo = parseInt(no) - 1;
         return transformMarkdown(code, pageNo, data);
       }
+    },
+    {
+      name: "slidev:context-transform:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.endsWith(".vue"))
+          return;
+        return transformVue(code);
+      }
+    },
+    {
+      name: "slidev:title-transform:pre",
+      enforce: "pre",
+      transform(code, id) {
+        if (id !== "/@slidev/titles.md")
+          return;
+        return transformTitles(code);
+      }
     }
   ];
   function updateServerWatcher() {
@@ -610,8 +640,11 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, userRoot, roo
       throw new Error(`Unknown layout "${layoutName}"`);
     delete frontmatter.title;
     const imports = [
+      'import { inject as vueInject } from "vue"',
       `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
-      `const frontmatter = ${JSON.stringify(frontmatter)}`
+      'import { injectionSlidevContext } from "@slidev/client/constants"',
+      `const frontmatter = ${JSON.stringify(frontmatter)}`,
+      "const $slidev = vueInject(injectionSlidevContext)"
     ];
     code = code.replace(/(<script setup.*>)/g, `$1
 ${imports.join("\n")}
@@ -628,6 +661,63 @@ ${body}
 ${code.slice(injectB)}`;
     return code;
   }
+  function transformVue(code) {
+    if (code.includes("injectionSlidevContext"))
+      return code;
+    const imports = [
+      'import { inject as vueInject } from "vue"',
+      'import { injectionSlidevContext } from "@slidev/client/constants"',
+      "const $slidev = vueInject(injectionSlidevContext)"
+    ];
+    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>"));
+        if (component.match(/setup\s*\(/)) {
+          const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
+          const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants"\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}`;
+  }
+  function transformTitles(code) {
+    return code.replace(/<template>\s*<div>\s*<p>/, "<template>").replace(/<\/p>\s*<\/div>\s*<\/template>/, "</template>").replace(/<script\ssetup>/, `<script setup lang="ts">
+defineProps<{ no: number | string }>()`);
+  }
   async function getLayouts() {
     const now = Date.now();
     if (now - _layouts_cache_time < 2e3)
@@ -1159,7 +1249,7 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
   const setups = [];
   const entryPath = slash5(entry);
   if (config.highlighter === "shiki") {
-    const { getHighlighter } = await Promise.resolve().then(() => __toModule(__require("shiki")));
+    const { getHighlighter } = await Promise.resolve().then(() => __toESM(__require("shiki")));
     const shikiOptions = await loadSetups(roots, "shiki.ts", Shiki, DEFAULT_SHIKI_OPTIONS, false);
     const { langs, themes } = resolveShikiOptions(shikiOptions);
     shikiOptions.highlighter = await getHighlighter({ themes, langs });

package/dist/{chunk-XMJRAMYY.mjs → chunk-O57F34AM.mjs}

@@ -1,9 +1,9 @@
 import {
   ViteSlidevPlugin
-} from "./chunk-NQIXBLV4.mjs";
+} from "./chunk-MBZTOLHN.mjs";
 import {
   init_esm_shims
-} from "./chunk-VYBQLH2X.mjs";
+} from "./chunk-XMETW2MS.mjs";
 
 // node/server.ts
 init_esm_shims();