@slidev/cli 0.29.1 → 0.30.1

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"))