@slidev/cli 0.29.0 → 0.30.0

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

@@ -1,13 +1,13 @@
 import {
   ViteSlidevPlugin,
   getIndexHtml
-} from "./chunk-UEIFQWPY.mjs";
+} from "./chunk-4AVLCCHB.mjs";
 import {
   __require,
   __spreadValues,
-  __toModule,
+  __toESM,
   init_esm_shims
-} from "./chunk-VYBQLH2X.mjs";
+} from "./chunk-XMETW2MS.mjs";
 
 // node/build.ts
 init_esm_shims();
@@ -37,7 +37,7 @@ function totalist(dir, callback, pre = "") {
   }
 }
 
-// ../../node_modules/.pnpm/@polka+url@1.0.0-next.20/node_modules/@polka/url/build.mjs
+// ../../node_modules/.pnpm/@polka+url@1.0.0-next.21/node_modules/@polka/url/build.mjs
 init_esm_shims();
 import * as qs from "querystring";
 function parse2(req) {
@@ -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-OVSG7H7S.mjs")));
+    const { exportSlides } = await Promise.resolve().then(() => __toESM(__require("./export-OZQCWKXN.mjs")));
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{build-VM52TR6Q.js → build-ZQJFWYTE.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 _chunk7F2QYO53js = require('./chunk-7F2QYO53.js');
+var _chunk7FQD47HMjs = require('./chunk-7FQD47HM.js');
 
 
 
 
 
-var _chunk7QXPSYEZjs = require('./chunk-7QXPSYEZ.js');
+var _chunkIXNT7VMKjs = require('./chunk-IXNT7VMK.js');
 
 // node/build.ts
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+_chunkIXNT7VMKjs.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
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+_chunkIXNT7VMKjs.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
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+_chunkIXNT7VMKjs.init_cjs_shims.call(void 0, );
 
 
 function totalist(dir, callback, pre = "") {
@@ -37,8 +37,8 @@ function totalist(dir, callback, pre = "") {
   }
 }
 
-// ../../node_modules/.pnpm/@polka+url@1.0.0-next.20/node_modules/@polka/url/build.mjs
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+// ../../node_modules/.pnpm/@polka+url@1.0.0-next.21/node_modules/@polka/url/build.mjs
+_chunkIXNT7VMKjs.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
-_chunk7QXPSYEZjs.init_cjs_shims.call(void 0, );
+_chunkIXNT7VMKjs.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 = _chunk7QXPSYEZjs.__spreadValues.call(void 0, {}, headers);
+  headers = _chunkIXNT7VMKjs.__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 _chunk7F2QYO53js.getIndexHtml.call(void 0, options), "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunk7FQD47HMjs.getIndexHtml.call(void 0, options), "utf-8");
   let config = void 0;
   try {
     const inlineConfig = _vite.mergeConfig.call(void 0, viteConfig, {
       plugins: [
-        await _chunk7F2QYO53js.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+        await _chunk7FQD47HMjs.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(() => _chunk7QXPSYEZjs.__toModule.call(void 0, _chunk7QXPSYEZjs.__require.call(void 0, "./export-GML5GDLW.js")));
+    const { exportSlides } = await Promise.resolve().then(() => _chunkIXNT7VMKjs.__toESM.call(void 0, _chunkIXNT7VMKjs.__require.call(void 0, "./export-SQVJKP3A.js")));
     const port = 12445;
     const app = _connect2.default.call(void 0, );
     const server = _http2.default.createServer(app);

package/dist/{chunk-G22DGVU7.mjs → chunk-46RYGQQC.mjs}

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

package/dist/{chunk-UEIFQWPY.mjs → chunk-4AVLCCHB.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";
@@ -593,6 +595,15 @@ 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);
+      }
     }
   ];
   function updateServerWatcher() {
@@ -610,8 +621,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 +642,59 @@ ${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}`;
+  }
   async function getLayouts() {
     const now = Date.now();
     if (now - _layouts_cache_time < 2e3)
@@ -1159,7 +1226,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 });
@@ -1278,8 +1345,7 @@ function transformPageCSS(md2, id) {
   if (!page)
     return md2;
   const { isInsideCodeblocks } = getCodeBlocks(md2);
-  const result = md2.replace(/(\n<style[^>]*?>)([\s\S]+?)(<\/style>)/g, (full, start, css, end) => {
-    const index = md2.indexOf(full);
+  const result = md2.replace(/(\n<style[^>]*?>)([\s\S]+?)(<\/style>)/g, (full, start, css, end, index) => {
     if (index < 0 || isInsideCodeblocks(index))
       return full;
     if (!start.includes("scoped"))