npm - @slidev/cli - Versions diffs - 0.48.0-beta.2 → 0.48.0-beta.21 - Mend

@slidev/cli 0.48.0-beta.2 → 0.48.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/{build-BVDM4ZAC.mjs → build-LAWVABFK.mjs} +5 -41
package/dist/chunk-AUSTPPCJ.mjs +151 -0
package/dist/chunk-CV7OWJOF.mjs +185 -0
package/dist/{chunk-FIXL4WBO.mjs → chunk-NSAYO3FG.mjs} +1670 -1460
package/dist/{chunk-CTBVOVLQ.mjs → chunk-O6TYYGU6.mjs} +4 -16
package/dist/cli.mjs +73 -74
package/dist/{export-MLH55TH5.mjs → export-QZQV5HQF.mjs} +21 -13
package/dist/index.d.mts +21 -25
package/dist/index.mjs +4 -19
package/dist/{unocss-6IVIFJMZ.mjs → unocss-M5KPNI4Z.mjs} +3 -4
package/package.json +19 -19
package/template.md +133 -26
package/dist/chunk-BXO7ZPPU.mjs +0 -30
package/dist/chunk-DWXI5WEO.mjs +0 -72
package/dist/chunk-PDMXU2K7.mjs +0 -8135

package/dist/{chunk-FIXL4WBO.mjs → chunk-NSAYO3FG.mjs} RENAMED Viewed

@@ -1,29 +1,40 @@
 import {
   loadSetups
-} from "./chunk-CTBVOVLQ.mjs";
+} from "./chunk-O6TYYGU6.mjs";
 import {
-  generateGoogleFontsUrl,
-  resolveGlobalImportPath,
   resolveImportPath,
-  stringifyMarkdownTokens,
   toAtFS
-} from "./chunk-DWXI5WEO.mjs";
+} from "./chunk-CV7OWJOF.mjs";
+// package.json
+var version = "0.48.0-beta.21";
 // node/common.ts
 import { existsSync, promises as fs } from "node:fs";
 import { join } from "node:path";
-import { uniq } from "@antfu/utils";
 import { loadConfigFromFile, mergeConfig, resolveConfig } from "vite";
-async function getIndexHtml({ clientRoot, themeRoots, addonRoots, data, userRoot }) {
+// node/utils.ts
+import { satisfies } from "semver";
+function stringifyMarkdownTokens(tokens) {
+  return tokens.map((token) => token.children?.filter((t) => ["text", "code_inline"].includes(t.type) && !t.content.match(/^\s*$/)).map((t) => t.content.trim()).join(" ")).filter(Boolean).join(" ");
+}
+function generateGoogleFontsUrl(options) {
+  const weights = options.weights.flatMap((i) => options.italic ? [`0,${i}`, `1,${i}`] : [`${i}`]).sort().join(";");
+  const fonts = options.webfonts.map((i) => `family=${i.replace(/^(['"])(.*)\1$/, "$1").replace(/\s+/g, "+")}:${options.italic ? "ital," : ""}wght@${weights}`).join("&");
+  return `https://fonts.googleapis.com/css2?${fonts}&display=swap`;
+}
+function checkEngine(name, engines = {}) {
+  if (engines.slidev && !satisfies(version, engines.slidev, { includePrerelease: true }))
+    throw new Error(`[slidev] addon "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
+}
+// node/common.ts
+async function getIndexHtml({ clientRoot, roots, data }) {
   let main = await fs.readFile(join(clientRoot, "index.html"), "utf-8");
   let head = "";
   let body = "";
   head += `<link rel="icon" href="${data.config.favicon}">`;
-  const roots = uniq([
-    ...themeRoots,
-    ...addonRoots,
-    userRoot
-  ]);
   for (const root of roots) {
     const path2 = join(root, "index.html");
     if (!existsSync(path2))
@@ -42,15 +53,12 @@ ${(index.match(/<body>([\s\S]*?)<\/body>/im)?.[1] || "").trim()}`;
   main = main.replace("__ENTRY__", toAtFS(join(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
   return main;
 }
-async function mergeViteConfigs({ addonRoots, themeRoots, entry }, viteConfig, config, command) {
+async function mergeViteConfigs({ roots, entry }, viteConfig, config, command) {
   const configEnv = {
     mode: "development",
     command
   };
-  const files = uniq([
-    ...themeRoots,
-    ...addonRoots
-  ]).map((i) => join(i, "vite.config.ts"));
+  const files = roots.map((i) => join(i, "vite.config.ts"));
   for await (const file of files) {
     if (!existsSync(file))
       continue;
@@ -66,9 +74,9 @@ async function mergeViteConfigs({ addonRoots, themeRoots, entry }, viteConfig, c
 }
 // node/plugins/preset.ts
-import { join as join8 } from "node:path";
+import { join as join6 } from "node:path";
 import { existsSync as existsSync3 } from "node:fs";
-import process2 from "node:process";
+import process from "node:process";
 import { fileURLToPath } from "node:url";
 import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
@@ -130,61 +138,58 @@ ${value}
 }
 // node/plugins/extendConfig.ts
-import { dirname as dirname3, join as join4 } from "node:path";
+import { join as join3 } from "node:path";
 import { mergeConfig as mergeConfig2 } from "vite";
 import isInstalledGlobally from "is-installed-globally";
-import { uniq as uniq2 } from "@antfu/utils";
+import { uniq } from "@antfu/utils";
-// node/vite/searchRoot.ts
-import fs3 from "node:fs";
-import { dirname as dirname2, join as join3 } from "node:path";
-var ROOT_FILES = [
-  // '.git',
-  // https://pnpm.js.org/workspaces/
-  "pnpm-workspace.yaml"
-  // https://rushjs.io/pages/advanced/config_files/
-  // 'rush.json',
-  // https://nx.dev/latest/react/getting-started/nx-setup
-  // 'workspace.json',
-  // 'nx.json'
-];
-function hasWorkspacePackageJSON(root) {
-  const path2 = join3(root, "package.json");
-  try {
-    fs3.accessSync(path2, fs3.constants.R_OK);
-  } catch {
-    return false;
-  }
-  const content = JSON.parse(fs3.readFileSync(path2, "utf-8")) || {};
-  return !!content.workspaces;
-}
-function hasRootFile(root) {
-  return ROOT_FILES.some((file) => fs3.existsSync(join3(root, file)));
-}
-function hasPackageJSON(root) {
-  const path2 = join3(root, "package.json");
-  return fs3.existsSync(path2);
-}
-function searchForPackageRoot(current, root = current) {
-  if (hasPackageJSON(current))
-    return current;
-  const dir = dirname2(current);
-  if (!dir || dir === current)
-    return root;
-  return searchForPackageRoot(dir, root);
-}
-function searchForWorkspaceRoot(current, root = searchForPackageRoot(current)) {
-  if (hasRootFile(current))
-    return current;
-  if (hasWorkspacePackageJSON(current))
-    return current;
-  const dir = dirname2(current);
-  if (!dir || dir === current)
-    return root;
-  return searchForWorkspaceRoot(dir, root);
-}
+// ../client/package.json
+var dependencies = {
+  "@antfu/utils": "^0.7.7",
+  "@iconify-json/carbon": "^1.1.30",
+  "@iconify-json/ph": "^1.1.11",
+  "@iconify-json/svg-spinners": "^1.1.2",
+  "@shikijs/monaco": "^1.1.7",
+  "@shikijs/vitepress-twoslash": "^1.1.7",
+  "@slidev/parser": "workspace:*",
+  "@slidev/rough-notation": "^0.1.0",
+  "@slidev/types": "workspace:*",
+  "@typescript/ata": "^0.9.4",
+  "@unhead/vue": "^1.8.10",
+  "@unocss/reset": "^0.58.5",
+  "@vueuse/core": "^10.9.0",
+  "@vueuse/math": "^10.9.0",
+  "@vueuse/motion": "^2.1.0",
+  codemirror: "^5.65.16",
+  drauu: "^0.4.0",
+  "file-saver": "^2.0.5",
+  "floating-vue": "^5.2.2",
+  "fuse.js": "^7.0.0",
+  "js-yaml": "^4.1.0",
+  katex: "^0.16.9",
+  "lz-string": "^1.5.0",
+  mermaid: "^10.8.0",
+  "monaco-editor": "^0.46.0",
+  prettier: "^3.2.5",
+  recordrtc: "^5.6.2",
+  shiki: "^1.1.7",
+  "shiki-magic-move": "^0.1.0",
+  typescript: "^5.3.3",
+  unocss: "^0.58.5",
+  vue: "^3.4.21",
+  "vue-router": "^4.3.0"
+};
 // node/plugins/extendConfig.ts
+var INCLUDE = [
+  ...Object.keys(dependencies),
+  "codemirror/mode/javascript/javascript",
+  "codemirror/mode/css/css",
+  "codemirror/mode/markdown/markdown",
+  "codemirror/mode/xml/xml",
+  "codemirror/mode/htmlmixed/htmlmixed",
+  "codemirror/addon/display/placeholder"
+];
 var EXCLUDE = [
   "@slidev/shared",
   "@slidev/types",
@@ -197,7 +202,13 @@ var EXCLUDE = [
   "unocss",
   "mermaid",
   "vue-demi",
-  "vue"
+  "vue",
+  "shiki"
+];
+var ASYNC_MODULES = [
+  "file-saver",
+  "vue",
+  "@vue"
 ];
 function createConfigPlugin(options) {
   return {
@@ -207,12 +218,15 @@ function createConfigPlugin(options) {
         define: getDefine(options),
         resolve: {
           alias: {
-            "@slidev/client/": `${toAtFS(options.clientRoot)}/`
+            "@slidev/client/": `${toAtFS(options.clientRoot)}/`,
+            "#slidev/": "/@slidev/",
+            "vue": await resolveImportPath("vue/dist/vue.esm-browser.js", true)
           },
           dedupe: ["vue"]
         },
         optimizeDeps: {
-          exclude: EXCLUDE
+          exclude: EXCLUDE,
+          include: INCLUDE.filter((i) => !EXCLUDE.includes(i)).map((i) => `@slidev/cli > @slidev/client > ${i}`)
         },
         css: options.data.config.css === "unocss" ? {
           postcss: {
@@ -224,25 +238,50 @@ function createConfigPlugin(options) {
         server: {
           fs: {
             strict: true,
-            allow: uniq2([
-              searchForWorkspaceRoot(options.userRoot),
-              searchForWorkspaceRoot(options.cliRoot),
-              ...isInstalledGlobally ? [
-                dirname3(await resolveGlobalImportPath("@slidev/client/package.json")),
-                dirname3(await resolveGlobalImportPath("katex/package.json"))
-              ] : []
+            allow: uniq([
+              options.userWorkspaceRoot,
+              options.cliRoot,
+              options.clientRoot,
+              ...options.roots
             ])
           }
         },
-        publicDir: join4(options.userRoot, "public")
+        publicDir: join3(options.userRoot, "public"),
+        build: {
+          rollupOptions: {
+            output: {
+              chunkFileNames(chunkInfo) {
+                const DEFAULT = "assets/[name]-[hash].js";
+                if (chunkInfo.name.includes("/"))
+                  return DEFAULT;
+                if (chunkInfo.moduleIds.filter((i) => isSlidevClient(i)).length > chunkInfo.moduleIds.length * 0.6)
+                  return "assets/slidev/[name]-[hash].js";
+                if (chunkInfo.moduleIds.filter((i) => i.match(/\/monaco-editor(-core)?\//)).length > chunkInfo.moduleIds.length * 0.6)
+                  return "assets/monaco/[name]-[hash].js";
+                return DEFAULT;
+              },
+              manualChunks(id) {
+                if (id.startsWith("/@slidev-monaco-types/") || id.includes("/@slidev/monaco-types") || id.endsWith("?monaco-types&raw"))
+                  return "monaco/bundled-types";
+                if (id.includes("/shiki/") || id.includes("/@shikijs/"))
+                  return `modules/shiki`;
+                if (id.startsWith("~icons/"))
+                  return "modules/unplugin-icons";
+                const matchedAsyncModule = ASYNC_MODULES.find((i) => id.includes(`/node_modules/${i}`));
+                if (matchedAsyncModule)
+                  return `modules/${matchedAsyncModule.replace("@", "").replace("/", "-")}`;
+              }
+            }
+          }
+        }
       };
-      injection.resolve ||= {};
-      injection.resolve.alias ||= {};
+      function isSlidevClient(id) {
+        return id.includes("/@slidev/") || id.includes("/slidev/packages/client/") || id.includes("/@vueuse/");
+      }
       if (isInstalledGlobally) {
-        injection.cacheDir = join4(options.cliRoot, "node_modules/.vite");
+        injection.cacheDir = join3(options.cliRoot, "node_modules/.vite");
         injection.root = options.cliRoot;
       }
-      injection.resolve.alias.vue = await resolveImportPath("vue/dist/vue.esm-browser.js", true);
       return mergeConfig2(injection, config);
     },
     configureServer(server) {
@@ -275,1460 +314,1570 @@ function getDefine(options) {
 }
 // node/plugins/loaders.ts
-import { basename as basename2, join as join5 } from "node:path";
-import { isString, isTruthy, notNullish, objectMap, range, slash, uniq as uniq3 } from "@antfu/utils";
+import { basename as basename2, join as join4, resolve as resolve2 } from "node:path";
+import { builtinModules } from "node:module";
+import { isString, isTruthy as isTruthy2, notNullish, objectMap, range, uniq as uniq2 } from "@antfu/utils";
 import fg2 from "fast-glob";
-import fs4 from "fs-extra";
-import Markdown from "markdown-it";
+import fs5 from "fs-extra";
+import Markdown2 from "markdown-it";
 import { bold, gray, red, yellow } from "kolorist";
-import mila from "markdown-it-link-attributes";
+import mila2 from "markdown-it-link-attributes";
 import * as parser from "@slidev/parser/fs";
 import equal from "fast-deep-equal";
-var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
-var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
-var vueContextImports = [
-  `import { inject as _vueInject, provide as _vueProvide, toRef as _vueToRef } from "vue"`,
-  `import {
-    injectionSlidevContext as _injectionSlidevContext,
-    injectionClicksContext as _injectionClicksContext,
-    injectionCurrentPage as _injectionCurrentPage,
-    injectionRenderContext as _injectionRenderContext,
-    injectionFrontmatter as _injectionFrontmatter,
-  } from "@slidev/client/constants.ts"`.replace(/\n\s+/g, "\n"),
-  "const $slidev = _vueInject(_injectionSlidevContext)",
-  'const $nav = _vueToRef($slidev, "nav")',
-  "const $clicksContext = _vueInject(_injectionClicksContext)?.value",
-  'const $clicks = _vueToRef($clicksContext, "current")',
-  "const $page = _vueInject(_injectionCurrentPage)",
-  "const $renderContext = _vueInject(_injectionRenderContext)"
-];
-function getBodyJson(req) {
-  return new Promise((resolve3, reject) => {
-    let body = "";
-    req.on("data", (chunk) => body += chunk);
-    req.on("error", reject);
-    req.on("end", () => {
-      try {
-        resolve3(JSON.parse(body) || {});
-      } catch (e) {
-        reject(e);
+// node/plugins/markdown.ts
+import fs4 from "node:fs/promises";
+import Markdown from "unplugin-vue-markdown/vite";
+import { isTruthy, slash } from "@antfu/utils";
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
+var SpecialCharacters;
+(function(SpecialCharacters2) {
+  SpecialCharacters2[SpecialCharacters2["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
+  SpecialCharacters2[SpecialCharacters2["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
+  SpecialCharacters2[SpecialCharacters2["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
+  SpecialCharacters2[SpecialCharacters2["WHITESPACE"] = 32] = "WHITESPACE";
+  SpecialCharacters2[SpecialCharacters2["NEW_LINE"] = 10] = "NEW_LINE";
+  SpecialCharacters2[SpecialCharacters2["EQUALS"] = 61] = "EQUALS";
+  SpecialCharacters2[SpecialCharacters2["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
+  SpecialCharacters2[SpecialCharacters2["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
+  SpecialCharacters2[SpecialCharacters2["NUMBER_NINE"] = 57] = "NUMBER_NINE";
+  SpecialCharacters2[SpecialCharacters2["PERCENTAGE"] = 37] = "PERCENTAGE";
+  SpecialCharacters2[SpecialCharacters2["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
+})(SpecialCharacters || (SpecialCharacters = {}));
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
+import Token from "markdown-it/lib/token.mjs";
+var checkboxRegex = /^ *\[([\sx])] /i;
+function taskLists(md2, options = { enabled: false, label: false, lineNumber: false }) {
+  md2.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
+  md2.renderer.rules.taskListItemCheckbox = (tokens) => {
+    const token = tokens[0];
+    const checkedAttribute = token.attrGet("checked") ? 'checked="" ' : "";
+    const disabledAttribute = token.attrGet("disabled") ? 'disabled="" ' : "";
+    const line = token.attrGet("line");
+    const idAttribute = `id="${token.attrGet("id")}" `;
+    const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : "";
+    return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`;
+  };
+  md2.renderer.rules.taskListItemLabel_close = () => {
+    return "</label>";
+  };
+  md2.renderer.rules.taskListItemLabel_open = (tokens) => {
+    const token = tokens[0];
+    const id = token.attrGet("id");
+    return `<label for="${id}">`;
+  };
+}
+function processToken(state, options) {
+  const allTokens = state.tokens;
+  for (let i = 2; i < allTokens.length; i++) {
+    if (!isTodoItem(allTokens, i)) {
+      continue;
+    }
+    todoify(allTokens[i], options);
+    allTokens[i - 2].attrJoin("class", `task-list-item ${options.enabled ? " enabled" : ""}`);
+    const parentToken = findParentToken(allTokens, i - 2);
+    if (parentToken) {
+      const classes = parentToken.attrGet("class") ?? "";
+      if (!classes.match(/(^| )contains-task-list/)) {
+        parentToken.attrJoin("class", "contains-task-list");
       }
-    });
-  });
+    }
+  }
+  return false;
 }
-var md = Markdown({ html: true });
-md.use(mila, {
-  attrs: {
-    target: "_blank",
-    rel: "noopener"
+function findParentToken(tokens, index) {
+  const targetLevel = tokens[index].level - 1;
+  for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) {
+    if (tokens[currentTokenIndex].level === targetLevel) {
+      return tokens[currentTokenIndex];
+    }
   }
-});
-function prepareSlideInfo(data) {
+  return void 0;
+}
+function isTodoItem(tokens, index) {
+  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
+}
+function todoify(token, options) {
+  if (token.children == null) {
+    return;
+  }
+  const id = generateIdForToken(token);
+  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
+  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
+  if (options.label) {
+    token.children.splice(1, 0, createLabelBeginToken(id));
+    token.children.push(createLabelEndToken());
+  }
+}
+function generateIdForToken(token) {
+  if (token.map) {
+    return `task-item-${token.map[0]}`;
+  } else {
+    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
+  }
+}
+function createCheckboxToken(token, enabled, id) {
+  const checkbox = new Token("taskListItemCheckbox", "", 0);
+  if (!enabled) {
+    checkbox.attrSet("disabled", "true");
+  }
+  if (token.map) {
+    checkbox.attrSet("line", token.map[0].toString());
+  }
+  checkbox.attrSet("id", id);
+  const checkboxRegexResult = checkboxRegex.exec(token.content);
+  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
+  if (isChecked) {
+    checkbox.attrSet("checked", "true");
+  }
+  return checkbox;
+}
+function createLabelBeginToken(id) {
+  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+  labelBeginToken.attrSet("id", id);
+  return labelBeginToken;
+}
+function createLabelEndToken() {
+  return new Token("taskListItemLabel_close", "", -1);
+}
+function isInline(token) {
+  return token.type === "inline";
+}
+function isParagraph(token) {
+  return token.type === "paragraph_open";
+}
+function isListItem(token) {
+  return token.type === "list_item_open";
+}
+function startsWithTodoMarkdown(token) {
+  return checkboxRegex.test(token.content);
+}
+// node/plugins/markdown.ts
+import { encode as encodePlantUml } from "plantuml-encoder";
+import Mdc from "markdown-it-mdc";
+import { codeToKeyedTokens, createMagicMoveMachine } from "shiki-magic-move/core";
+import mila from "markdown-it-link-attributes";
+import mif from "markdown-it-footnote";
+import lz from "lz-string";
+// node/plugins/markdown-it-katex.ts
+import katex from "katex";
+function isValidDelim(state, pos) {
+  const max = state.posMax;
+  let can_open = true;
+  let can_close = true;
+  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
+  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
+  if (prevChar === 32 || prevChar === 9 || /* \t */
+  nextChar >= 48 && nextChar <= 57)
+    can_close = false;
+  if (nextChar === 32 || nextChar === 9)
+    can_open = false;
   return {
-    ...data,
-    noteHTML: md.render(data?.note || "")
+    can_open,
+    can_close
   };
 }
-function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote, mode }, pluginOptions, serverOptions) {
-  const slidePrefix = "/@slidev/slides/";
-  const hmrPages = /* @__PURE__ */ new Set();
-  let server;
-  let _layouts_cache_time = 0;
-  let _layouts_cache = {};
-  return [
-    {
-      name: "slidev:loader",
-      configureServer(_server) {
-        server = _server;
-        updateServerWatcher();
-        server.middlewares.use(async (req, res, next) => {
-          const match = req.url?.match(regexId);
-          if (!match)
-            return next();
-          const [, no, type] = match;
-          const idx = Number.parseInt(no);
-          if (type === "json" && req.method === "GET") {
-            res.write(JSON.stringify(prepareSlideInfo(data.slides[idx])));
-            return res.end();
-          }
-          if (type === "json" && req.method === "POST") {
-            const body = await getBodyJson(req);
-            const slide = data.slides[idx];
-            const onlyNoteChanged = Object.keys(body).length === 2 && "note" in body && body.raw === null;
-            if (!onlyNoteChanged)
-              hmrPages.add(idx);
-            if (slide.source) {
-              Object.assign(slide.source, body);
-              await parser.saveExternalSlide(data, slide.source.filepath);
-            } else {
-              Object.assign(slide, body);
-              await parser.save(data, entry);
-            }
-            res.statusCode = 200;
-            res.write(JSON.stringify(prepareSlideInfo(slide)));
-            return res.end();
-          }
-          next();
-        });
-      },
-      async handleHotUpdate(ctx) {
-        if (!data.entries.some((i) => slash(i) === ctx.file))
-          return;
-        await ctx.read();
-        const newData = await parser.load(entry, data.themeMeta);
-        const moduleIds = /* @__PURE__ */ new Set();
-        if (data.slides.length !== newData.slides.length) {
-          moduleIds.add("/@slidev/routes");
-          range(newData.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
-          moduleIds.add("/@slidev/routes");
-          range(data.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.config, newData.config))
-          moduleIds.add("/@slidev/configs");
-        if (!equal(data.features, newData.features)) {
-          setTimeout(() => {
-            ctx.server.ws.send({ type: "full-reload" });
-          }, 1);
-        }
-        const length = Math.max(data.slides.length, newData.slides.length);
-        for (let i = 0; i < length; i++) {
-          const a = data.slides[i];
-          const b = newData.slides[i];
-          if (a?.content.trim() === b?.content.trim() && a?.title?.trim() === b?.title?.trim() && equal(a.frontmatter, b.frontmatter) && Object.entries(a.snippetsUsed ?? {}).every(([file, oldContent]) => {
-            try {
-              const newContent = fs4.readFileSync(file, "utf-8");
-              return oldContent === newContent;
-            } catch {
-              return false;
-            }
-          })) {
-            if (a?.note !== b?.note) {
-              ctx.server.ws.send({
-                type: "custom",
-                event: "slidev-update-note",
-                data: {
-                  id: i,
-                  note: b.note || "",
-                  noteHTML: md.render(b.note || "")
-                }
-              });
-            }
-            continue;
-          }
-          ctx.server.ws.send({
-            type: "custom",
-            event: "slidev-update",
-            data: {
-              id: i,
-              data: prepareSlideInfo(newData.slides[i])
-            }
-          });
-          hmrPages.add(i);
-        }
-        serverOptions.onDataReload?.(newData, data);
-        Object.assign(data, newData);
-        if (hmrPages.size > 0)
-          moduleIds.add("/@slidev/titles.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,
-          ...Array.from(moduleIds).map((id) => ctx.server.moduleGraph.getModuleById(id))
-        ].filter(notNullish).filter((i) => !i.id?.startsWith("/@id/@vite-icons"));
-        updateServerWatcher();
-        return moduleEntries;
-      },
-      resolveId(id) {
-        if (id.startsWith(slidePrefix) || id.startsWith("/@slidev/"))
-          return id;
-        return null;
-      },
-      load(id) {
-        if (id === "/@slidev/routes")
-          return generateRoutes();
-        if (id === "/@slidev/layouts")
-          return generateLayouts();
-        if (id === "/@slidev/styles")
-          return generateUserStyles();
-        if (id === "/@slidev/monaco-types")
-          return generateMonacoTypes();
-        if (id === "/@slidev/configs")
-          return generateConfigs();
-        if (id === "/@slidev/global-components/top")
-          return generateGlobalComponents("top");
-        if (id === "/@slidev/global-components/bottom")
-          return generateGlobalComponents("bottom");
-        if (id === "/@slidev/custom-nav-controls")
-          return generateCustomNavControls();
-        if (id === "/@slidev/titles.md") {
-          return {
-            code: data.slides.filter(({ frontmatter }) => !frontmatter?.disabled).map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
-${title}
-</template>`).join(""),
-            map: { mappings: "" }
-          };
-        }
-        if (id.startsWith(slidePrefix)) {
-          const remaning = id.slice(slidePrefix.length);
-          const match = remaning.match(regexIdQuery);
-          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: slide?.content,
-                map: { mappings: "" }
-              };
-            } else if (type === "frontmatter") {
-              const slideBase = {
-                ...prepareSlideInfo(slide),
-                frontmatter: void 0,
-                // remove raw content in build, optimize the bundle size
-                ...mode === "build" ? { raw: "", content: "", note: "" } : {}
-              };
-              const fontmatter = getFrontmatter(pageNo);
-              return {
-                code: [
-                  "// @unocss-include",
-                  'import { reactive, computed } from "vue"',
-                  `export const frontmatter = reactive(${JSON.stringify(fontmatter)})`,
-                  `export const meta = reactive({
-                    layout: computed(() => frontmatter.layout),
-                    transition: computed(() => frontmatter.transition),
-                    class: computed(() => frontmatter.class),
-                    clicks: computed(() => frontmatter.clicks),
-                    name: computed(() => frontmatter.name),
-                    preload: computed(() => frontmatter.preload),
-                    slide: {
-                      ...(${JSON.stringify(slideBase)}),
-                      frontmatter,
-                      filepath: ${JSON.stringify(slide.source?.filepath || entry)},
-                      id: ${pageNo},
-                      no: ${no},
-                    },
-                    __clicksContext: null,
-                    __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: "" }
-              };
-            }
-          }
-          return {
-            code: "",
-            map: { mappings: "" }
-          };
-        }
-      }
-    },
-    {
-      name: "slidev:layout-transform:pre",
-      enforce: "pre",
-      async transform(code, id) {
-        if (!id.startsWith(slidePrefix))
-          return;
-        const remaning = id.slice(slidePrefix.length);
-        const match = remaning.match(regexIdQuery);
-        if (!match)
-          return;
-        const [, no, type] = match;
-        if (type !== "md")
-          return;
-        const pageNo = Number.parseInt(no) - 1;
-        return transformMarkdown(code, pageNo);
-      }
-    },
-    {
-      name: "slidev:context-transform:pre",
-      enforce: "pre",
-      async transform(code, id) {
-        if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
-          return;
-        return transformVue(code);
-      }
-    },
-    {
-      name: "slidev:title-transform:pre",
-      enforce: "pre",
-      transform(code, id) {
-        if (id !== "/@slidev/titles.md")
-          return;
-        return transformTitles(code);
-      }
-    },
-    {
-      name: "slidev:slide-transform:post",
-      enforce: "post",
-      transform(code, id) {
-        if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
-          return;
-        const replaced = code.replace("if (_rerender_only)", "if (false)");
-        if (replaced !== code)
-          return replaced;
-      }
-    },
-    {
-      name: "slidev:index-html-transform",
-      transformIndexHtml() {
-        const { info, author, keywords } = data.headmatter;
-        return [
-          {
-            tag: "title",
-            children: getTitle()
-          },
-          info && {
-            tag: "meta",
-            attrs: {
-              name: "description",
-              content: info
-            }
-          },
-          author && {
-            tag: "meta",
-            attrs: {
-              name: "author",
-              content: author
-            }
-          },
-          keywords && {
-            tag: "meta",
-            attrs: {
-              name: "keywords",
-              content: Array.isArray(keywords) ? keywords.join(", ") : keywords
-            }
-          }
-        ].filter(isTruthy);
-      }
-    }
-  ];
-  function updateServerWatcher() {
-    if (!server)
-      return;
-    server.watcher.add(data.entries?.map(slash) || []);
+function math_inline(state, silent) {
+  let match, token, res, pos;
+  if (state.src[state.pos] !== "$")
+    return false;
+  res = isValidDelim(state, state.pos);
+  if (!res.can_open) {
+    if (!silent)
+      state.pending += "$";
+    state.pos += 1;
+    return true;
   }
-  function getFrontmatter(pageNo) {
-    return {
-      ...data.headmatter?.defaults || {},
-      ...data.slides[pageNo]?.frontmatter || {}
-    };
+  const start = state.pos + 1;
+  match = start;
+  while ((match = state.src.indexOf("$", match)) !== -1) {
+    pos = match - 1;
+    while (state.src[pos] === "\\")
+      pos -= 1;
+    if ((match - pos) % 2 === 1)
+      break;
+    match += 1;
   }
-  async function transformMarkdown(code, pageNo) {
-    const layouts = await getLayouts();
-    const frontmatter = getFrontmatter(pageNo);
-    let layoutName = frontmatter?.layout || (pageNo === 0 ? "cover" : "default");
-    if (!layouts[layoutName]) {
-      console.error(red(`
-Unknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
-      console.error();
-      layoutName = "default";
-    }
-    delete frontmatter.title;
-    const imports = [
-      ...vueContextImports,
-      `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
-      `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.value))",
-      "  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")}
-`);
-    const injectA = code.indexOf("<template>") + "<template>".length;
-    const injectB = code.lastIndexOf("</template>");
-    let body = code.slice(injectA, injectB).trim();
-    if (body.startsWith("<div>") && body.endsWith("</div>"))
-      body = body.slice(5, -6);
-    code = `${code.slice(0, injectA)}
-<InjectedLayout v-bind="frontmatter">
-${body}
-</InjectedLayout>
-${code.slice(injectB)}`;
-    return code;
+  if (match === -1) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
   }
-  function transformVue(code) {
-    if (code.includes("injectionSlidevContext") || code.includes("injectionClicksContext") || code.includes("const $slidev"))
-      return code;
-    const imports = [
-      ...vueContextImports,
-      "const $frontmatter = _vueInject(_injectionFrontmatter)"
-    ];
-    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>"));
-        const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
-        const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\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 }>()`);
+  if (match - start === 0) {
+    if (!silent)
+      state.pending += "$$";
+    state.pos = start + 1;
+    return true;
   }
-  async function getLayouts() {
-    const now = Date.now();
-    if (now - _layouts_cache_time < 2e3)
-      return _layouts_cache;
-    const layouts = {};
-    const roots2 = uniq3([
-      userRoot,
-      ...themeRoots,
-      ...addonRoots,
-      clientRoot
-    ]);
-    for (const root of roots2) {
-      const layoutPaths = await fg2("layouts/**/*.{vue,ts}", {
-        cwd: root,
-        absolute: true,
-        suppressErrors: true
-      });
-      for (const layoutPath of layoutPaths) {
-        const layout = basename2(layoutPath).replace(/\.\w+$/, "");
-        if (layouts[layout])
-          continue;
-        layouts[layout] = layoutPath;
-      }
-    }
-    _layouts_cache_time = now;
-    _layouts_cache = layouts;
-    return layouts;
+  res = isValidDelim(state, match);
+  if (!res.can_close) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
   }
-  async function resolveUrl(id) {
-    return toAtFS(await resolveImportPath(id, true));
+  if (!silent) {
+    token = state.push("math_inline", "math", 0);
+    token.markup = "$";
+    token.content = state.src.slice(start, match);
   }
-  function resolveUrlOfClient(name) {
-    return toAtFS(join5(clientRoot, name));
+  state.pos = match + 1;
+  return true;
+}
+function math_block(state, start, end, silent) {
+  let firstLine;
+  let lastLine;
+  let next;
+  let lastPos;
+  let found = false;
+  let pos = state.bMarks[start] + state.tShift[start];
+  let max = state.eMarks[start];
+  if (pos + 2 > max)
+    return false;
+  if (state.src.slice(pos, pos + 2) !== "$$")
+    return false;
+  pos += 2;
+  firstLine = state.src.slice(pos, max);
+  if (silent)
+    return true;
+  if (firstLine.trim().slice(-2) === "$$") {
+    firstLine = firstLine.trim().slice(0, -2);
+    found = true;
   }
-  async function generateUserStyles() {
-    const imports = [
-      `import "${resolveUrlOfClient("styles/vars.css")}"`,
-      `import "${resolveUrlOfClient("styles/index.css")}"`,
-      `import "${resolveUrlOfClient("styles/code.css")}"`,
-      `import "${resolveUrlOfClient("styles/katex.css")}"`,
-      `import "${resolveUrlOfClient("styles/transitions.css")}"`
-    ];
-    const roots2 = uniq3([
-      ...themeRoots,
-      ...addonRoots,
-      userRoot
-    ]);
-    for (const root of roots2) {
-      const styles = [
-        join5(root, "styles", "index.ts"),
-        join5(root, "styles", "index.js"),
-        join5(root, "styles", "index.css"),
-        join5(root, "styles.css"),
-        join5(root, "style.css")
-      ];
-      for (const style of styles) {
-        if (fs4.existsSync(style)) {
-          imports.push(`import "${toAtFS(style)}"`);
-          continue;
-        }
-      }
-    }
-    if (data.features.katex)
-      imports.push(`import "${await resolveUrl("katex/dist/katex.min.css")}"`);
-    if (data.config.highlighter === "shiki") {
-      imports.push(
-        `import "${await resolveUrl("@shikijs/vitepress-twoslash/style.css")}"`,
-        `import "${resolveUrlOfClient("styles/shiki-twoslash.css")}"`
-      );
+  for (next = start; !found; ) {
+    next++;
+    if (next >= end)
+      break;
+    pos = state.bMarks[next] + state.tShift[next];
+    max = state.eMarks[next];
+    if (pos < max && state.tShift[next] < state.blkIndent) {
+      break;
     }
-    if (data.config.css === "unocss") {
-      imports.unshift(
-        `import "${await resolveUrl("@unocss/reset/tailwind.css")}"`,
-        'import "uno:preflights.css"',
-        'import "uno:typography.css"',
-        'import "uno:shortcuts.css"'
-      );
-      imports.push('import "uno.css"');
+    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = true;
     }
-    return imports.join("\n");
   }
-  async function generateMonacoTypes() {
-    return `void 0; ${parser.scanMonacoModules(data.raw).map((i) => `import('/@slidev-monaco-types/${i}')`).join("\n")}`;
+  state.line = next + 1;
+  const token = state.push("math_block", "math", 0);
+  token.block = true;
+  token.content = (firstLine && firstLine.trim() ? `${firstLine}
+` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
+  token.map = [start, state.line];
+  token.markup = "$$";
+  return true;
+}
+function math_plugin(md2, options) {
+  options = options || {};
+  const katexInline = function(latex) {
+    options.displayMode = false;
+    try {
+      return katex.renderToString(latex, options);
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const inlineRenderer = function(tokens, idx) {
+    return katexInline(tokens[idx].content);
+  };
+  const katexBlock = function(latex) {
+    options.displayMode = true;
+    try {
+      return `<p>${katex.renderToString(latex, options)}</p>`;
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const blockRenderer = function(tokens, idx) {
+    return `${katexBlock(tokens[idx].content)}
+`;
+  };
+  md2.inline.ruler.after("escape", "math_inline", math_inline);
+  md2.block.ruler.after("blockquote", "math_block", math_block, {
+    alt: ["paragraph", "reference", "blockquote", "list"]
+  });
+  md2.renderer.rules.math_inline = inlineRenderer;
+  md2.renderer.rules.math_block = blockRenderer;
+}
+// node/plugins/markdown-it-prism.ts
+import { createRequire } from "node:module";
+import Prism from "prismjs";
+import loadLanguages from "prismjs/components/index.js";
+import * as htmlparser2 from "htmlparser2";
+var require2 = createRequire(import.meta.url);
+var Tag = class {
+  tagname;
+  attributes;
+  constructor(tagname, attributes) {
+    this.tagname = tagname;
+    this.attributes = attributes;
   }
-  async function generateLayouts() {
-    const imports = [];
-    const layouts = objectMap(
-      await getLayouts(),
-      (k, v) => {
-        imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
-        return [k, `__layout_${k}`];
-      }
-    );
-    return [
-      imports.join("\n"),
-      `export default {
-${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
-}`
-    ].join("\n\n");
+  asOpen() {
+    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
   }
-  async function generateRoutes() {
-    const imports = [];
-    const redirects = [];
-    const layouts = await getLayouts();
-    imports.push(`import __layout__end from '${layouts.end}'`);
-    let no = 1;
-    const routes = data.slides.filter(({ frontmatter }) => !frontmatter?.disabled).map((i, idx) => {
-      imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
-      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;
-      return route;
-    });
-    const routesStr = `export default [
-${routes.join(",\n")}
-]`;
-    const redirectsStr = `export const redirects = [
-${redirects.join(",\n")}
-]`;
-    return [...imports, routesStr, redirectsStr].join("\n");
+  asClosed() {
+    return `</${this.tagname}>`;
   }
-  function getTitle() {
-    if (isString(data.config.title)) {
-      const tokens = md.parseInline(data.config.title, {});
-      return stringifyMarkdownTokens(tokens);
-    }
-    return data.config.title;
-  }
-  function generateConfigs() {
-    const config = {
-      ...data.config,
-      remote,
-      title: getTitle()
-    };
-    if (isString(config.info))
-      config.info = md.render(config.info);
-    return `export default ${JSON.stringify(config)}`;
-  }
-  async function generateGlobalComponents(layer) {
-    const components = roots.flatMap((root) => {
-      if (layer === "top") {
-        return [
-          join5(root, "global.vue"),
-          join5(root, "global-top.vue"),
-          join5(root, "GlobalTop.vue")
-        ];
-      } else {
-        return [
-          join5(root, "global-bottom.vue"),
-          join5(root, "GlobalBottom.vue")
-        ];
-      }
-    }).filter((i) => fs4.existsSync(i));
-    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-    return `
-${imports}
-import { h } from 'vue'
-export default {
-  render() {
-    return [${render}]
+};
+var DEFAULTS = {
+  plugins: [],
+  init: () => {
+  },
+  defaultLanguageForUnknown: void 0,
+  defaultLanguageForUnspecified: void 0,
+  defaultLanguage: void 0
+};
+function loadPrismLang(lang) {
+  if (!lang)
+    return void 0;
+  let langObject = Prism.languages[lang];
+  if (langObject === void 0) {
+    loadLanguages([lang]);
+    langObject = Prism.languages[lang];
   }
+  return langObject;
 }
-`;
-  }
-  async function generateCustomNavControls() {
-    const components = roots.flatMap((root) => {
-      return [
-        join5(root, "custom-nav-controls.vue"),
-        join5(root, "CustomNavControls.vue")
-      ];
-    }).filter((i) => fs4.existsSync(i));
-    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-    return `
-${imports}
-import { h } from 'vue'
-export default {
-  render() {
-    return [${render}]
+function loadPrismPlugin(name) {
+  try {
+    require2(`prismjs/plugins/${name}/prism-${name}`);
+  } catch (e) {
+    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`);
   }
 }
-`;
+function selectLanguage(options, lang) {
+  let langToUse = lang;
+  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
+    langToUse = options.defaultLanguageForUnspecified;
+  let prismLang = loadPrismLang(langToUse);
+  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
+    langToUse = options.defaultLanguageForUnknown;
+    prismLang = loadPrismLang(langToUse);
   }
+  return [langToUse, prismLang];
 }
-// node/plugins/monacoTransform.ts
-import { dirname as dirname4, join as join6 } from "node:path";
-import fs5 from "node:fs/promises";
-import process from "node:process";
-import { slash as slash2 } from "@antfu/utils";
-import { findDepPkgJsonPath } from "vitefu";
-async function getPackageData(pkg) {
-  const pkgJsonPath = await findDepPkgJsonPath(pkg, process.cwd());
-  if (!pkgJsonPath)
-    return;
-  const pkgJson = JSON.parse(await fs5.readFile(pkgJsonPath, "utf-8"));
-  const typePath = pkgJson.types || pkgJson.typings;
-  if (!typePath)
-    return;
-  return [dirname4(pkgJsonPath), pkgJson, typePath];
+function highlight(markdownit, options, text, lang) {
+  const [langToUse, prismLang] = selectLanguage(options, lang);
+  let code = text.trimEnd();
+  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
+  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
+  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
+  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
 }
-function createMonacoTypesLoader() {
-  return {
-    name: "slidev:monaco-types-loader",
-    resolveId(id) {
-      if (id.startsWith("/@slidev-monaco-types/"))
-        return id;
-      return null;
+function highlightPrism(code, prismLang, langToUse) {
+  const openTags = [];
+  const parser2 = new htmlparser2.Parser({
+    onopentag(tagname, attributes) {
+      openTags.push(new Tag(tagname, attributes));
     },
-    async load(id) {
-      const match = id.match(/^\/\@slidev-monaco-types\/(.*)$/);
-      if (match) {
-        const pkg = match[1];
-        const packageData = await getPackageData(pkg) || await getPackageData(`@types/${pkg}`);
-        if (!packageData)
-          return;
-        const [pkgDir, pkgJson, typePath] = packageData;
-        return [
-          "import * as monaco from 'monaco-editor'",
-          `import Type from "${slash2(join6(pkgDir, typePath))}?raw"`,
-          ...Object.keys(pkgJson.dependencies || {}).map((i) => `import "/@slidev-monaco-types/${i}"`),
-          `monaco.languages.typescript.typescriptDefaults.addExtraLib(\`declare module "${pkg}" { \${Type} }\`)`
-        ].join("\n");
-      }
+    onclosetag() {
+      openTags.pop();
     }
-  };
+  });
+  code = Prism.highlight(code, prismLang, langToUse);
+  code = code.split(/\r?\n/g).map((line) => {
+    const prefix = openTags.map((tag) => tag.asOpen()).join("");
+    parser2.write(line);
+    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
+    return prefix + line + postfix;
+  }).join("\n");
+  parser2.end();
+  return code;
+}
+function checkLanguageOption(options, optionName) {
+  const language = options[optionName];
+  if (language !== void 0 && loadPrismLang(language) === void 0)
+    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
+}
+function markdownItPrism(markdownit, useroptions) {
+  const options = Object.assign({}, DEFAULTS, useroptions);
+  checkLanguageOption(options, "defaultLanguage");
+  checkLanguageOption(options, "defaultLanguageForUnknown");
+  checkLanguageOption(options, "defaultLanguageForUnspecified");
+  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
+  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
+  options.plugins.forEach(loadPrismPlugin);
+  options.init(Prism);
+  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
 }
-// node/plugins/setupClient.ts
-import { existsSync as existsSync2 } from "node:fs";
-import { join as join7, resolve as resolve2 } from "node:path";
-import { slash as slash3, uniq as uniq4 } from "@antfu/utils";
-function createClientSetupPlugin({ clientRoot, themeRoots, addonRoots, userRoot }) {
-  const setupEntry = slash3(resolve2(clientRoot, "setup"));
-  return {
-    name: "slidev:setup",
-    enforce: "pre",
-    async transform(code, id) {
-      if (id.startsWith(setupEntry)) {
-        let getInjections2 = function(isAwait = false, isChained = false) {
-          return injections.join("\n").replace(/:AWAIT:/g, isAwait ? "await " : "").replace(/(,\s*)?:LAST:/g, isChained ? "$1injection_return" : "");
-        };
-        var getInjections = getInjections2;
-        const name = id.slice(setupEntry.length + 1).replace(/\?.*$/, "");
-        const imports = [];
-        const injections = [];
-        const setups = uniq4([
-          ...themeRoots,
-          ...addonRoots,
-          userRoot
-        ]).map((i) => join7(i, "setup", name));
-        setups.forEach((path2, idx) => {
-          if (!existsSync2(path2))
-            return;
-          imports.push(`import __n${idx} from '${toAtFS(path2)}'`);
-          let fn = `:AWAIT:__n${idx}`;
-          if (/\binjection_return\b/g.test(code))
-            fn = `injection_return = ${fn}`;
-          if (/\binjection_arg\b/g.test(code)) {
-            fn += "(";
-            const matches = Array.from(code.matchAll(/\binjection_arg(_\d+)?\b/g));
-            const dedupedMatches = Array.from(new Set(matches.map((m) => m[0])));
-            fn += dedupedMatches.join(", ");
-            fn += ", :LAST:)";
-          } else {
-            fn += "(:LAST:)";
-          }
-          injections.push(
-            `// ${path2}`,
-            fn
+// node/plugins/transformSnippet.ts
+import path from "node:path";
+import fs3 from "fs-extra";
+function dedent(text) {
+  const lines = text.split("\n");
+  const minIndentLength = lines.reduce((acc, line) => {
+    for (let i = 0; i < line.length; i++) {
+      if (line[i] !== " " && line[i] !== "	")
+        return Math.min(i, acc);
+    }
+    return acc;
+  }, Number.POSITIVE_INFINITY);
+  if (minIndentLength < Number.POSITIVE_INFINITY)
+    return lines.map((x) => x.slice(minIndentLength)).join("\n");
+  return text;
+}
+function testLine(line, regexp, regionName, end = false) {
+  const [full, tag, name] = regexp.exec(line.trim()) || [];
+  return full && tag && name === regionName && tag.match(end ? /^[Ee]nd ?[rR]egion$/ : /^[rR]egion$/);
+}
+function findRegion(lines, regionName) {
+  const regionRegexps = [
+    /^\/\/ ?#?((?:end)?region) ([\w*-]+)$/,
+    // javascript, typescript, java
+    /^\/\* ?#((?:end)?region) ([\w*-]+) ?\*\/$/,
+    // css, less, scss
+    /^#pragma ((?:end)?region) ([\w*-]+)$/,
+    // C, C++
+    /^<!-- #?((?:end)?region) ([\w*-]+) -->$/,
+    // HTML, markdown
+    /^#((?:End )Region) ([\w*-]+)$/,
+    // Visual Basic
+    /^::#((?:end)region) ([\w*-]+)$/,
+    // Bat
+    /^# ?((?:end)?region) ([\w*-]+)$/
+    // C#, PHP, Powershell, Python, perl & misc
+  ];
+  let regexp = null;
+  let start = -1;
+  for (const [lineId, line] of lines.entries()) {
+    if (regexp === null) {
+      for (const reg of regionRegexps) {
+        if (testLine(line, reg, regionName)) {
+          start = lineId + 1;
+          regexp = reg;
+          break;
+        }
+      }
+    } else if (testLine(line, regexp, regionName, true)) {
+      return { start, end: lineId, regexp };
+    }
+  }
+  return null;
+}
+function transformSnippet(md2, options, id) {
+  const slideId = id.match(/(\d+)\.md$/)?.[1];
+  if (!slideId)
+    return md2;
+  const data = options.data;
+  const slideInfo = data.slides[+slideId - 1];
+  const dir = path.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
+  return md2.replace(
+    /^<<< *(.+?)(#[\w-]+)? *(?: (\S+?))? *(\{.*)?$/mg,
+    (full, filepath = "", regionName = "", lang = "", meta = "") => {
+      const firstLine = `\`\`\`${lang || path.extname(filepath).slice(1)} ${meta}`;
+      const src = /^\@[\/]/.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath);
+      data.watchFiles.push(src);
+      const isAFile = fs3.statSync(src).isFile();
+      if (!fs3.existsSync(src) || !isAFile) {
+        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
+      }
+      let content = fs3.readFileSync(src, "utf8");
+      slideInfo.snippetsUsed ??= {};
+      slideInfo.snippetsUsed[src] = content;
+      if (regionName) {
+        const lines = content.split(/\r?\n/);
+        const region = findRegion(lines, regionName.slice(1));
+        if (region) {
+          content = dedent(
+            lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n")
           );
-        });
-        code = code.replace("/* __imports__ */", imports.join("\n"));
-        code = code.replace("/* __injections__ */", getInjections2());
-        code = code.replace("/* __async_injections__ */", getInjections2(true));
-        code = code.replace("/* __chained_injections__ */", getInjections2(false, true));
-        code = code.replace("/* __chained_async_injections__ */", getInjections2(true, true));
-        return code;
+        }
       }
-      return null;
+      return `${firstLine}
+${content}
+\`\`\``;
     }
-  };
+  );
 }
 // node/plugins/markdown.ts
-import fs7 from "node:fs/promises";
-import Markdown2 from "unplugin-vue-markdown/vite";
-import * as base64 from "js-base64";
-import { slash as slash4 } from "@antfu/utils";
-import mila2 from "markdown-it-link-attributes";
-import mif from "markdown-it-footnote";
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
-var SpecialCharacters;
-(function(SpecialCharacters2) {
-  SpecialCharacters2[SpecialCharacters2["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
-  SpecialCharacters2[SpecialCharacters2["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
-  SpecialCharacters2[SpecialCharacters2["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
-  SpecialCharacters2[SpecialCharacters2["WHITESPACE"] = 32] = "WHITESPACE";
-  SpecialCharacters2[SpecialCharacters2["NEW_LINE"] = 10] = "NEW_LINE";
-  SpecialCharacters2[SpecialCharacters2["EQUALS"] = 61] = "EQUALS";
-  SpecialCharacters2[SpecialCharacters2["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
-  SpecialCharacters2[SpecialCharacters2["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
-  SpecialCharacters2[SpecialCharacters2["NUMBER_NINE"] = 57] = "NUMBER_NINE";
-  SpecialCharacters2[SpecialCharacters2["PERCENTAGE"] = 37] = "PERCENTAGE";
-  SpecialCharacters2[SpecialCharacters2["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
-})(SpecialCharacters || (SpecialCharacters = {}));
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
-import Token from "markdown-it/lib/token.mjs";
-var checkboxRegex = /^ *\[([\sx])] /i;
-function taskLists(md2, options = { enabled: false, label: false, lineNumber: false }) {
-  md2.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
-  md2.renderer.rules.taskListItemCheckbox = (tokens) => {
-    const token = tokens[0];
-    const checkedAttribute = token.attrGet("checked") ? 'checked="" ' : "";
-    const disabledAttribute = token.attrGet("disabled") ? 'disabled="" ' : "";
-    const line = token.attrGet("line");
-    const idAttribute = `id="${token.attrGet("id")}" `;
-    const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : "";
-    return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`;
-  };
-  md2.renderer.rules.taskListItemLabel_close = () => {
-    return "</label>";
-  };
-  md2.renderer.rules.taskListItemLabel_open = (tokens) => {
-    const token = tokens[0];
-    const id = token.attrGet("id");
-    return `<label for="${id}">`;
-  };
-}
-function processToken(state, options) {
-  const allTokens = state.tokens;
-  for (let i = 2; i < allTokens.length; i++) {
-    if (!isTodoItem(allTokens, i)) {
-      continue;
-    }
-    todoify(allTokens[i], options);
-    allTokens[i - 2].attrJoin("class", `task-list-item ${options.enabled ? " enabled" : ""}`);
-    const parentToken = findParentToken(allTokens, i - 2);
-    if (parentToken) {
-      const classes = parentToken.attrGet("class") ?? "";
-      if (!classes.match(/(^| )contains-task-list/)) {
-        parentToken.attrJoin("class", "contains-task-list");
+var shiki;
+var shikiOptions;
+async function createMarkdownPlugin(options, { markdown: mdOptions }) {
+  const { data: { config }, roots, mode, entry, clientRoot } = options;
+  const setups = [];
+  const entryPath = slash(entry);
+  if (config.highlighter === "shiki") {
+    const [
+      options2,
+      { getHighlighter, bundledLanguages },
+      markdownItShiki,
+      transformerTwoslash
+    ] = await Promise.all([
+      loadShikiSetups(clientRoot, roots),
+      import("shiki").then(({ getHighlighter: getHighlighter2, bundledLanguages: bundledLanguages2 }) => ({ bundledLanguages: bundledLanguages2, getHighlighter: getHighlighter2 })),
+      import("@shikijs/markdown-it/core").then(({ fromHighlighter }) => fromHighlighter),
+      import("@shikijs/vitepress-twoslash").then(({ transformerTwoslash: transformerTwoslash2 }) => transformerTwoslash2)
+    ]);
+    shikiOptions = options2;
+    shiki = await getHighlighter({
+      ...options2,
+      langs: options2.langs ?? Object.keys(bundledLanguages),
+      themes: "themes" in options2 ? Object.values(options2.themes) : [options2.theme]
+    });
+    const transformers = [
+      ...options2.transformers || [],
+      transformerTwoslash({
+        explicitTrigger: true,
+        twoslashOptions: {
+          handbookOptions: {
+            noErrorValidation: true
+          }
+        }
+      }),
+      {
+        pre(pre) {
+          this.addClassToHast(pre, "slidev-code");
+          delete pre.properties.tabindex;
+        },
+        postprocess(code) {
+          return escapeVueInCode(code);
+        }
       }
-    }
-  }
-  return false;
-}
-function findParentToken(tokens, index) {
-  const targetLevel = tokens[index].level - 1;
-  for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) {
-    if (tokens[currentTokenIndex].level === targetLevel) {
-      return tokens[currentTokenIndex];
-    }
-  }
-  return void 0;
-}
-function isTodoItem(tokens, index) {
-  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
-}
-function todoify(token, options) {
-  if (token.children == null) {
-    return;
-  }
-  const id = generateIdForToken(token);
-  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
-  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
-  if (options.label) {
-    token.children.splice(1, 0, createLabelBeginToken(id));
-    token.children.push(createLabelEndToken());
-  }
-}
-function generateIdForToken(token) {
-  if (token.map) {
-    return `task-item-${token.map[0]}`;
+    ];
+    const plugin = markdownItShiki(shiki, {
+      ...options2,
+      transformers
+    });
+    setups.push((md2) => md2.use(plugin));
   } else {
-    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
-  }
-}
-function createCheckboxToken(token, enabled, id) {
-  const checkbox = new Token("taskListItemCheckbox", "", 0);
-  if (!enabled) {
-    checkbox.attrSet("disabled", "true");
-  }
-  if (token.map) {
-    checkbox.attrSet("line", token.map[0].toString());
-  }
-  checkbox.attrSet("id", id);
-  const checkboxRegexResult = checkboxRegex.exec(token.content);
-  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
-  if (isChecked) {
-    checkbox.attrSet("checked", "true");
+    setups.push((md2) => md2.use(markdownItPrism));
   }
-  return checkbox;
+  if (config.mdc)
+    setups.push((md2) => md2.use(Mdc));
+  const KatexOptions = await loadSetups(options.clientRoot, roots, "katex.ts", {}, { strict: false }, false);
+  return Markdown({
+    include: [/\.md$/],
+    wrapperClasses: "",
+    headEnabled: false,
+    frontmatter: false,
+    escapeCodeTagInterpolation: false,
+    markdownItOptions: {
+      quotes: `""''`,
+      html: true,
+      xhtmlOut: true,
+      linkify: true,
+      ...mdOptions?.markdownItOptions
+    },
+    ...mdOptions,
+    markdownItSetup(md2) {
+      md2.use(mila, {
+        attrs: {
+          target: "_blank",
+          rel: "noopener"
+        }
+      });
+      md2.use(mif);
+      md2.use(taskLists, { enabled: true, lineNumber: true, label: true });
+      md2.use(math_plugin, KatexOptions);
+      setups.forEach((i) => i(md2));
+      mdOptions?.markdownItSetup?.(md2);
+    },
+    transforms: {
+      before(code, id) {
+        if (id === entryPath)
+          return "";
+        const monaco = config.monaco === true || config.monaco === mode ? transformMarkdownMonaco : truncateMancoMark;
+        if (config.highlighter === "shiki")
+          code = transformMagicMove(code, shiki, shikiOptions);
+        code = transformSlotSugar(code);
+        code = transformSnippet(code, options, id);
+        code = transformMermaid(code);
+        code = transformPlantUml(code, config.plantUmlServer);
+        code = monaco(code);
+        code = transformHighlighter(code);
+        code = transformPageCSS(code, id);
+        code = transformKaTex(code);
+        return code;
+      }
+    }
+  });
 }
-function createLabelBeginToken(id) {
-  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
-  labelBeginToken.attrSet("id", id);
-  return labelBeginToken;
+function transformKaTex(md2) {
+  return md2.replace(
+    /^\$\$(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?\s*?)?\n([\s\S]+?)^\$\$/mg,
+    (full, rangeStr = "", options = "", code) => {
+      const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
+$$
+${code}
+$$
+</KaTexBlockWrapper>
+`;
+    }
+  );
 }
-function createLabelEndToken() {
-  return new Token("taskListItemLabel_close", "", -1);
+function transformMarkdownMonaco(md2) {
+  md2 = md2.replace(
+    /^```(\w+?)\s*{monaco-diff}\s*?({.*?})?\s*?\n([\s\S]+?)^~~~\s*?\n([\s\S]+?)^```/mg,
+    (full, lang = "ts", options = "{}", code, diff) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz.compressToBase64(code);
+      const encodedDiff = lz.compressToBase64(diff);
+      return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
+    }
+  );
+  md2 = md2.replace(
+    /^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz.compressToBase64(code);
+      return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+    }
+  );
+  return md2;
 }
-function isInline(token) {
-  return token.type === "inline";
+function scanMonacoModules(md2) {
+  const typeModules = /* @__PURE__ */ new Set();
+  md2.replace(
+    /^```(\w+?)\s*{monaco([\w:,-]*)}[\s\n]*([\s\S]+?)^```/mg,
+    (full, lang = "ts", options, code) => {
+      options = options || "";
+      lang = lang.trim();
+      if (lang === "ts" || lang === "typescript") {
+        Array.from(code.matchAll(/\s+from\s+(["'])([\/\w@-]+)\1/g)).map((i) => i[2]).filter(isTruthy).map((i) => typeModules.add(i));
+      }
+      return "";
+    }
+  );
+  return Array.from(typeModules);
 }
-function isParagraph(token) {
-  return token.type === "paragraph_open";
+function truncateMancoMark(md2) {
+  return md2.replace(/{monaco.*?}/g, "");
 }
-function isListItem(token) {
-  return token.type === "list_item_open";
+function transformSlotSugar(md2) {
+  const lines = md2.split(/\r?\n/g);
+  let prevSlot = false;
+  const { isLineInsideCodeblocks } = getCodeBlocks(md2);
+  lines.forEach((line, idx) => {
+    if (isLineInsideCodeblocks(idx))
+      return;
+    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/);
+    if (match) {
+      lines[idx] = `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
+`;
+      prevSlot = true;
+    }
+  });
+  if (prevSlot)
+    lines[lines.length - 1] += "\n\n</template>";
+  return lines.join("\n");
 }
-function startsWithTodoMarkdown(token) {
-  return checkboxRegex.test(token.content);
+var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?:[ ]*?({.*?})?([^\n]*?))?\n([\s\S]+?)^````$/mg;
+var reCodeBlock = /^```(\w+?)(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?(.*?))?\n([\s\S]+?)^```$/mg;
+function transformMagicMove(md2, shiki2, shikiOptions2) {
+  return md2.replace(
+    reMagicMoveBlock,
+    (full, _options = "", _attrs = "", body) => {
+      if (!shiki2 || !shikiOptions2)
+        throw new Error("Shiki is required for Magic Move. You may need to set `highlighter: shiki` in your Slidev config.");
+      const matches = Array.from(body.matchAll(reCodeBlock));
+      if (!matches.length)
+        throw new Error("Magic Move block must contain at least one code block");
+      const langs = new Set(matches.map((i) => i[1]));
+      if (langs.size > 1)
+        throw new Error(`Magic Move block must contain code blocks with the same language, got ${Array.from(langs).join(", ")}`);
+      const lang = Array.from(langs)[0];
+      const magicMove = createMagicMoveMachine(
+        (code) => codeToKeyedTokens(shiki2, code, {
+          ...shikiOptions2,
+          lang
+        })
+      );
+      const steps = matches.map((i) => magicMove.commit((i[5] || "").trimEnd()));
+      const compressed = lz.compressToBase64(JSON.stringify(steps));
+      return `<ShikiMagicMove steps-lz="${compressed}" />`;
+    }
+  );
 }
+function transformHighlighter(md2) {
+  return md2.replace(
+    reCodeBlock,
+    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
+      const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `
+<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/toc/plugin.js
-import { Optional } from "@mrdrogdrog/optional";
-// node/plugins/markdown.ts
-import { encode as encode2 } from "plantuml-encoder";
-import Mdc from "markdown-it-mdc";
+\`\`\`${lang}${attrs}
+${code}
+\`\`\`
-// node/plugins/markdown-it-katex.ts
-import katex from "katex";
-function isValidDelim(state, pos) {
-  const max = state.posMax;
-  let can_open = true;
-  let can_close = true;
-  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
-  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
-  if (prevChar === 32 || prevChar === 9 || /* \t */
-  nextChar >= 48 && nextChar <= 57)
-    can_close = false;
-  if (nextChar === 32 || nextChar === 9)
-    can_open = false;
+</CodeBlockWrapper>`;
+    }
+  );
+}
+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 = md2.slice(0, start).match(/\n/g)?.length || 0;
+    const endLine = md2.slice(0, end).match(/\n/g)?.length || 0;
+    return [start, end, startLine, endLine];
+  });
   return {
-    can_open,
-    can_close
+    codeblocks,
+    isInsideCodeblocks(idx) {
+      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
+    },
+    isLineInsideCodeblocks(line) {
+      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
+    }
   };
 }
-function math_inline(state, silent) {
-  let match, token, res, pos;
-  if (state.src[state.pos] !== "$")
-    return false;
-  res = isValidDelim(state, state.pos);
-  if (!res.can_open) {
-    if (!silent)
-      state.pending += "$";
-    state.pos += 1;
-    return true;
-  }
-  const start = state.pos + 1;
-  match = start;
-  while ((match = state.src.indexOf("$", match)) !== -1) {
-    pos = match - 1;
-    while (state.src[pos] === "\\")
-      pos -= 1;
-    if ((match - pos) % 2 === 1)
-      break;
-    match += 1;
-  }
-  if (match === -1) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
-  }
-  if (match - start === 0) {
-    if (!silent)
-      state.pending += "$$";
-    state.pos = start + 1;
-    return true;
-  }
-  res = isValidDelim(state, match);
-  if (!res.can_close) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
-  }
-  if (!silent) {
-    token = state.push("math_inline", "math", 0);
-    token.markup = "$";
-    token.content = state.src.slice(start, match);
-  }
-  state.pos = match + 1;
-  return true;
-}
-function math_block(state, start, end, silent) {
-  let firstLine;
-  let lastLine;
-  let next;
-  let lastPos;
-  let found = false;
-  let pos = state.bMarks[start] + state.tShift[start];
-  let max = state.eMarks[start];
-  if (pos + 2 > max)
-    return false;
-  if (state.src.slice(pos, pos + 2) !== "$$")
-    return false;
-  pos += 2;
-  firstLine = state.src.slice(pos, max);
-  if (silent)
-    return true;
-  if (firstLine.trim().slice(-2) === "$$") {
-    firstLine = firstLine.trim().slice(0, -2);
-    found = true;
-  }
-  for (next = start; !found; ) {
-    next++;
-    if (next >= end)
-      break;
-    pos = state.bMarks[next] + state.tShift[next];
-    max = state.eMarks[next];
-    if (pos < max && state.tShift[next] < state.blkIndent) {
-      break;
-    }
-    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
-      lastPos = state.src.slice(0, max).lastIndexOf("$$");
-      lastLine = state.src.slice(pos, lastPos);
-      found = true;
+function transformPageCSS(md2, id) {
+  const page = id.match(/(\d+)\.md$/)?.[1];
+  if (!page)
+    return md2;
+  const { isInsideCodeblocks } = getCodeBlocks(md2);
+  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"))
+        start = start.replace("<style", "<style scoped");
+      return `${start}
+${css}${end}`;
     }
-  }
-  state.line = next + 1;
-  const token = state.push("math_block", "math", 0);
-  token.block = true;
-  token.content = (firstLine && firstLine.trim() ? `${firstLine}
-` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
-  token.map = [start, state.line];
-  token.markup = "$$";
-  return true;
+  );
+  return result;
 }
-function math_plugin(md2, options) {
-  options = options || {};
-  const katexInline = function(latex) {
-    options.displayMode = false;
-    try {
-      return katex.renderToString(latex, options);
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const inlineRenderer = function(tokens, idx) {
-    return katexInline(tokens[idx].content);
-  };
-  const katexBlock = function(latex) {
-    options.displayMode = true;
-    try {
-      return `<p>${katex.renderToString(latex, options)}</p>`;
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const blockRenderer = function(tokens, idx) {
-    return `${katexBlock(tokens[idx].content)}
-`;
-  };
-  md2.inline.ruler.after("escape", "math_inline", math_inline);
-  md2.block.ruler.after("blockquote", "math_block", math_block, {
-    alt: ["paragraph", "reference", "blockquote", "list"]
+function transformMermaid(md2) {
+  return md2.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "") => {
+    code = code.trim();
+    options = options.trim() || "{}";
+    const encoded = lz.compressToBase64(code);
+    return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
   });
-  md2.renderer.rules.math_inline = inlineRenderer;
-  md2.renderer.rules.math_block = blockRenderer;
 }
-// node/plugins/markdown-it-prism.ts
-import { createRequire } from "node:module";
-import Prism from "prismjs";
-import loadLanguages from "prismjs/components/index.js";
-import * as htmlparser2 from "htmlparser2";
-var require2 = createRequire(import.meta.url);
-var Tag = class {
-  tagname;
-  attributes;
-  constructor(tagname, attributes) {
-    this.tagname = tagname;
-    this.attributes = attributes;
-  }
-  asOpen() {
-    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
-  }
-  asClosed() {
-    return `</${this.tagname}>`;
+function transformPlantUml(md2, server) {
+  return md2.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "") => {
+    const code = encodePlantUml(content.trim());
+    options = options.trim() || "{}";
+    return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
+  });
+}
+function escapeVueInCode(md2) {
+  return md2.replace(/{{/g, "&lbrace;&lbrace;");
+}
+async function loadShikiSetups(clientRoot, roots) {
+  const result = await loadSetups(
+    clientRoot,
+    roots,
+    "shiki.ts",
+    {
+      /** @deprecated */
+      async loadTheme(path2) {
+        console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
+        return JSON.parse(await fs4.readFile(path2, "utf-8"));
+      }
+    },
+    {},
+    false
+  );
+  if ("theme" in result && "themes" in result)
+    delete result.theme;
+  if (result.theme && typeof result.theme !== "string" && !result.theme.name && !result.theme.tokenColors) {
+    result.themes = result.theme;
+    delete result.theme;
   }
-};
-var DEFAULTS = {
-  plugins: [],
-  init: () => {
-  },
-  defaultLanguageForUnknown: void 0,
-  defaultLanguageForUnspecified: void 0,
-  defaultLanguage: void 0
-};
-function loadPrismLang(lang) {
-  if (!lang)
-    return void 0;
-  let langObject = Prism.languages[lang];
-  if (langObject === void 0) {
-    loadLanguages([lang]);
-    langObject = Prism.languages[lang];
+  if (!result.theme && !result.themes) {
+    result.themes = {
+      dark: "vitesse-dark",
+      light: "vitesse-light"
+    };
   }
-  return langObject;
+  if (result.themes)
+    result.defaultColor = false;
+  return result;
 }
-function loadPrismPlugin(name) {
-  try {
-    require2(`prismjs/plugins/${name}/prism-${name}`);
-  } catch (e) {
-    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`);
-  }
+// node/plugins/loaders.ts
+var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
+var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
+var templateInjectionMarker = "/* @slidev-injection */";
+var templateImportContextUtils = `import {
+  useSlideContext,
+  provideFrontmatter as _provideFrontmatter,
+  frontmatterToProps as _frontmatterToProps,
+} from "@slidev/client/context.ts"`.replace(/\n\s*/g, " ");
+var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = useSlideContext()`;
+function getBodyJson(req) {
+  return new Promise((resolve5, reject) => {
+    let body = "";
+    req.on("data", (chunk) => body += chunk);
+    req.on("error", reject);
+    req.on("end", () => {
+      try {
+        resolve5(JSON.parse(body) || {});
+      } catch (e) {
+        reject(e);
+      }
+    });
+  });
 }
-function selectLanguage(options, lang) {
-  let langToUse = lang;
-  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
-    langToUse = options.defaultLanguageForUnspecified;
-  let prismLang = loadPrismLang(langToUse);
-  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
-    langToUse = options.defaultLanguageForUnknown;
-    prismLang = loadPrismLang(langToUse);
+var md = Markdown2({ html: true });
+md.use(mila2, {
+  attrs: {
+    target: "_blank",
+    rel: "noopener"
   }
-  return [langToUse, prismLang];
+});
+function renderNote(text = "") {
+  let clickCount = 0;
+  const html = md.render(
+    text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
+      clickCount += Number(count);
+      return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
+    })
+  );
+  return html;
 }
-function highlight(markdownit, options, text, lang) {
-  const [langToUse, prismLang] = selectLanguage(options, lang);
-  let code = text.trimEnd();
-  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
-  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
-  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
-  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
-}
-function highlightPrism(code, prismLang, langToUse) {
-  const openTags = [];
-  const parser2 = new htmlparser2.Parser({
-    onopentag(tagname, attributes) {
-      openTags.push(new Tag(tagname, attributes));
-    },
-    onclosetag() {
-      openTags.pop();
-    }
-  });
-  code = Prism.highlight(code, prismLang, langToUse);
-  code = code.split(/\r?\n/g).map((line) => {
-    const prefix = openTags.map((tag) => tag.asOpen()).join("");
-    parser2.write(line);
-    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
-    return prefix + line + postfix;
-  }).join("\n");
-  parser2.end();
-  return code;
-}
-function checkLanguageOption(options, optionName) {
-  const language = options[optionName];
-  if (language !== void 0 && loadPrismLang(language) === void 0)
-    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
-}
-function markdownItPrism(markdownit, useroptions) {
-  const options = Object.assign({}, DEFAULTS, useroptions);
-  checkLanguageOption(options, "defaultLanguage");
-  checkLanguageOption(options, "defaultLanguageForUnknown");
-  checkLanguageOption(options, "defaultLanguageForUnspecified");
-  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
-  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
-  options.plugins.forEach(loadPrismPlugin);
-  options.init(Prism);
-  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
+function withRenderedNote(data) {
+  return {
+    ...data,
+    noteHTML: renderNote(data?.note)
+  };
 }
+function createSlidesLoader({ data, clientRoot, roots, remote, mode, userRoot }, pluginOptions, serverOptions) {
+  const slidePrefix = "/@slidev/slides/";
+  const hmrPages = /* @__PURE__ */ new Set();
+  let server;
+  let _layouts_cache_time = 0;
+  let _layouts_cache = {};
+  return [
+    {
+      name: "slidev:loader",
+      configureServer(_server) {
+        server = _server;
+        updateServerWatcher();
+        server.middlewares.use(async (req, res, next) => {
+          const match = req.url?.match(regexId);
+          if (!match)
+            return next();
+          const [, no, type] = match;
+          const idx = Number.parseInt(no);
+          if (type === "json" && req.method === "GET") {
+            res.write(JSON.stringify(withRenderedNote(data.slides[idx])));
+            return res.end();
+          }
+          if (type === "json" && req.method === "POST") {
+            const body = await getBodyJson(req);
+            const slide = data.slides[idx];
+            if (body.content && body.content !== slide.source.content)
+              hmrPages.add(idx);
+            Object.assign(slide.source, body);
+            parser.prettifySlide(slide.source);
+            await parser.save(data.markdownFiles[slide.source.filepath]);
+            res.statusCode = 200;
+            res.write(JSON.stringify(withRenderedNote(slide)));
+            return res.end();
+          }
+          next();
+        });
+      },
+      async handleHotUpdate(ctx) {
+        if (!data.watchFiles.includes(ctx.file))
+          return;
+        await ctx.read();
+        const newData = await serverOptions.loadData?.();
+        if (!newData)
+          return [];
+        const moduleIds = /* @__PURE__ */ new Set();
+        if (data.slides.length !== newData.slides.length) {
+          moduleIds.add("/@slidev/slides");
+          range(newData.slides.length).map((i) => hmrPages.add(i));
+        }
+        if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
+          moduleIds.add("/@slidev/slides");
+          range(data.slides.length).map((i) => hmrPages.add(i));
+        }
+        if (!equal(data.config, newData.config))
+          moduleIds.add("/@slidev/configs");
+        if (!equal(data.features, newData.features)) {
+          setTimeout(() => {
+            ctx.server.hot.send({ type: "full-reload" });
+          }, 1);
+        }
+        const length = Math.min(data.slides.length, newData.slides.length);
+        for (let i = 0; i < length; i++) {
+          const a = data.slides[i];
+          const b = newData.slides[i];
+          if (a.content.trim() === b.content.trim() && a.title?.trim() === b.title?.trim() && equal(a.frontmatter, b.frontmatter) && Object.entries(a.snippetsUsed ?? {}).every(([file, oldContent]) => {
+            try {
+              const newContent = fs5.readFileSync(file, "utf-8");
+              return oldContent === newContent;
+            } catch {
+              return false;
+            }
+          })) {
+            if (a.note !== b.note) {
+              ctx.server.hot.send(
+                "slidev:update-note",
+                {
+                  id: i,
+                  note: b.note || "",
+                  noteHTML: renderNote(b.note || "")
+                }
+              );
+            }
+            continue;
+          }
+          ctx.server.hot.send(
+            "slidev:update-slide",
+            {
+              id: i,
+              data: withRenderedNote(newData.slides[i])
+            }
+          );
+          hmrPages.add(i);
+        }
+        Object.assign(data, newData);
+        if (hmrPages.size > 0)
+          moduleIds.add("/@slidev/titles.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,
+          ...Array.from(moduleIds).map((id) => ctx.server.moduleGraph.getModuleById(id))
+        ].filter(notNullish).filter((i) => !i.id?.startsWith("/@id/@vite-icons"));
+        updateServerWatcher();
+        return moduleEntries;
+      },
+      resolveId(id) {
+        if (id.startsWith(slidePrefix) || id.startsWith("/@slidev/"))
+          return id;
+        return null;
+      },
+      load(id) {
+        if (id === "/@slidev/slides")
+          return generateSlideRoutes();
+        if (id === "/@slidev/routes")
+          return generateDummyRoutes();
+        if (id === "/@slidev/layouts")
+          return generateLayouts();
+        if (id === "/@slidev/styles")
+          return generateUserStyles();
+        if (id === "/@slidev/monaco-types")
+          return generateMonacoTypes();
+        if (id === "/@slidev/configs")
+          return generateConfigs();
+        if (id === "/@slidev/global-components/top")
+          return generateGlobalComponents("top");
+        if (id === "/@slidev/global-components/bottom")
+          return generateGlobalComponents("bottom");
+        if (id === "/@slidev/custom-nav-controls")
+          return generateCustomNavControls();
+        if (id === "/@slidev/shiki")
+          return generteShikiBundle();
+        if (id === "/@slidev/titles.md") {
+          return {
+            code: data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
-// node/plugins/transformSnippet.ts
-import path from "node:path";
-import fs6 from "fs-extra";
-function dedent(text) {
-  const lines = text.split("\n");
-  const minIndentLength = lines.reduce((acc, line) => {
-    for (let i = 0; i < line.length; i++) {
-      if (line[i] !== " " && line[i] !== "	")
-        return Math.min(i, acc);
-    }
-    return acc;
-  }, Number.POSITIVE_INFINITY);
-  if (minIndentLength < Number.POSITIVE_INFINITY)
-    return lines.map((x) => x.slice(minIndentLength)).join("\n");
-  return text;
-}
-function testLine(line, regexp, regionName, end = false) {
-  const [full, tag, name] = regexp.exec(line.trim()) || [];
-  return full && tag && name === regionName && tag.match(end ? /^[Ee]nd ?[rR]egion$/ : /^[rR]egion$/);
-}
-function findRegion(lines, regionName) {
-  const regionRegexps = [
-    /^\/\/ ?#?((?:end)?region) ([\w*-]+)$/,
-    // javascript, typescript, java
-    /^\/\* ?#((?:end)?region) ([\w*-]+) ?\*\/$/,
-    // css, less, scss
-    /^#pragma ((?:end)?region) ([\w*-]+)$/,
-    // C, C++
-    /^<!-- #?((?:end)?region) ([\w*-]+) -->$/,
-    // HTML, markdown
-    /^#((?:End )Region) ([\w*-]+)$/,
-    // Visual Basic
-    /^::#((?:end)region) ([\w*-]+)$/,
-    // Bat
-    /^# ?((?:end)?region) ([\w*-]+)$/
-    // C#, PHP, Powershell, Python, perl & misc
-  ];
-  let regexp = null;
-  let start = -1;
-  for (const [lineId, line] of lines.entries()) {
-    if (regexp === null) {
-      for (const reg of regionRegexps) {
-        if (testLine(line, reg, regionName)) {
-          start = lineId + 1;
-          regexp = reg;
-          break;
+${title}
+</template>`).join(""),
+            map: { mappings: "" }
+          };
+        }
+        if (id.startsWith(slidePrefix)) {
+          const remaning = id.slice(slidePrefix.length);
+          const match = remaning.match(regexIdQuery);
+          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: slide?.content,
+                map: { mappings: "" }
+              };
+            } else if (type === "frontmatter") {
+              const slideBase = {
+                ...withRenderedNote(slide),
+                frontmatter: void 0,
+                source: void 0,
+                // remove raw content in build, optimize the bundle size
+                ...mode === "build" ? { raw: "", content: "", note: "" } : {}
+              };
+              const fontmatter = getFrontmatter(pageNo);
+              return {
+                code: [
+                  "// @unocss-include",
+                  'import { reactive, computed } from "vue"',
+                  `export const frontmatter = reactive(${JSON.stringify(fontmatter)})`,
+                  `export const meta = reactive({
+                    layout: computed(() => frontmatter.layout),
+                    transition: computed(() => frontmatter.transition),
+                    class: computed(() => frontmatter.class),
+                    clicks: computed(() => frontmatter.clicks),
+                    name: computed(() => frontmatter.name),
+                    preload: computed(() => frontmatter.preload),
+                    slide: {
+                      ...(${JSON.stringify(slideBase)}),
+                      frontmatter,
+                      filepath: ${JSON.stringify(slide.source.filepath)},
+                      start: ${JSON.stringify(slide.source.start)},
+                      id: ${pageNo},
+                      no: ${no},
+                    },
+                    __clicksContext: null,
+                    __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: "" }
+              };
+            }
+          }
+          return {
+            code: "",
+            map: { mappings: "" }
+          };
+        }
+      }
+    },
+    {
+      name: "slidev:layout-transform:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.startsWith(slidePrefix))
+          return;
+        const remaning = id.slice(slidePrefix.length);
+        const match = remaning.match(regexIdQuery);
+        if (!match)
+          return;
+        const [, no, type] = match;
+        if (type !== "md")
+          return;
+        const pageNo = Number.parseInt(no) - 1;
+        return transformMarkdown(code, pageNo);
+      }
+    },
+    {
+      name: "slidev:context-transform:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
+          return;
+        return transformVue(code);
+      }
+    },
+    {
+      name: "slidev:title-transform:pre",
+      enforce: "pre",
+      transform(code, id) {
+        if (id !== "/@slidev/titles.md")
+          return;
+        return transformTitles(code);
+      }
+    },
+    {
+      name: "slidev:slide-transform:post",
+      enforce: "post",
+      transform(code, id) {
+        if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
+          return;
+        const replaced = code.replace("if (_rerender_only)", "if (false)");
+        if (replaced !== code)
+          return replaced;
+      }
+    },
+    {
+      name: "slidev:index-html-transform",
+      transformIndexHtml() {
+        const { info, author, keywords } = data.headmatter;
+        return [
+          {
+            tag: "title",
+            children: getTitle()
+          },
+          info && {
+            tag: "meta",
+            attrs: {
+              name: "description",
+              content: info
+            }
+          },
+          author && {
+            tag: "meta",
+            attrs: {
+              name: "author",
+              content: author
+            }
+          },
+          keywords && {
+            tag: "meta",
+            attrs: {
+              name: "keywords",
+              content: Array.isArray(keywords) ? keywords.join(", ") : keywords
+            }
+          }
+        ].filter(isTruthy2);
+      }
+    }
+  ];
+  function updateServerWatcher() {
+    if (!server)
+      return;
+    server.watcher.add(data.watchFiles);
+  }
+  function getFrontmatter(pageNo) {
+    return {
+      ...data.headmatter?.defaults || {},
+      ...data.slides[pageNo]?.frontmatter || {}
+    };
+  }
+  async function transformMarkdown(code, pageNo) {
+    const layouts = await getLayouts();
+    const frontmatter = getFrontmatter(pageNo);
+    let layoutName = frontmatter?.layout || (pageNo === 0 ? "cover" : "default");
+    if (!layouts[layoutName]) {
+      console.error(red(`
+Unknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
+      console.error();
+      layoutName = "default";
+    }
+    delete frontmatter.title;
+    const imports = [
+      `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
+      `import frontmatter from "${toAtFS(`${slidePrefix + (pageNo + 1)}.frontmatter`)}"`,
+      templateImportContextUtils,
+      "_provideFrontmatter(frontmatter)",
+      templateInitContext,
+      templateInjectionMarker
+    ];
+    code = code.replace(/(<script setup.*>)/g, `$1
+${imports.join("\n")}
+`);
+    const injectA = code.indexOf("<template>") + "<template>".length;
+    const injectB = code.lastIndexOf("</template>");
+    let body = code.slice(injectA, injectB).trim();
+    if (body.startsWith("<div>") && body.endsWith("</div>"))
+      body = body.slice(5, -6);
+    code = `${code.slice(0, injectA)}
+<InjectedLayout v-bind="_frontmatterToProps(frontmatter,${pageNo})">
+${body}
+</InjectedLayout>
+${code.slice(injectB)}`;
+    return code;
+  }
+  function transformVue(code) {
+    if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()"))
+      return code;
+    const imports = [
+      templateImportContextUtils,
+      templateInitContext,
+      templateInjectionMarker
+    ];
+    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>"));
+        const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
+        const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\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)}`;
       }
-    } else if (testLine(line, regexp, regionName, true)) {
-      return { start, end: lineId, regexp };
     }
+    return `<script setup>
+${imports.join("\n")}
+</script>
+${code}`;
   }
-  return null;
-}
-function transformSnippet(md2, options, id) {
-  const slideId = id.match(/(\d+)\.md$/)?.[1];
-  if (!slideId)
-    return md2;
-  const data = options.data;
-  const slideInfo = data.slides[+slideId - 1];
-  const dir = path.dirname(slideInfo.source?.filepath ?? options?.entry ?? options.userRoot);
-  return md2.replace(
-    /^<<< *(.+?)(#[\w-]+)? *(?: (\S+?))? *(\{.*)?$/mg,
-    (full, filepath = "", regionName = "", lang = "", meta = "") => {
-      const firstLine = `\`\`\`${lang || path.extname(filepath).slice(1)} ${meta}`;
-      const src = /^\@[\/]/.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath);
-      data.entries.push(src);
-      const isAFile = fs6.statSync(src).isFile();
-      if (!fs6.existsSync(src) || !isAFile) {
-        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
+  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)
+      return _layouts_cache;
+    const layouts = {};
+    for (const root of [...roots, clientRoot]) {
+      const layoutPaths = await fg2("layouts/**/*.{vue,ts}", {
+        cwd: root,
+        absolute: true,
+        suppressErrors: true
+      });
+      for (const layoutPath of layoutPaths) {
+        const layout = basename2(layoutPath).replace(/\.\w+$/, "");
+        if (layouts[layout])
+          continue;
+        layouts[layout] = layoutPath;
       }
-      let content = fs6.readFileSync(src, "utf8");
-      slideInfo.snippetsUsed ??= {};
-      slideInfo.snippetsUsed[src] = content;
-      if (regionName) {
-        const lines = content.split(/\r?\n/);
-        const region = findRegion(lines, regionName.slice(1));
-        if (region) {
-          content = dedent(
-            lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n")
-          );
+    }
+    _layouts_cache_time = now;
+    _layouts_cache = layouts;
+    return layouts;
+  }
+  async function resolveUrl(id) {
+    return toAtFS(await resolveImportPath(id, true));
+  }
+  function resolveUrlOfClient(name) {
+    return toAtFS(join4(clientRoot, name));
+  }
+  async function generateUserStyles() {
+    const imports = [
+      `import "${resolveUrlOfClient("styles/vars.css")}"`,
+      `import "${resolveUrlOfClient("styles/index.css")}"`,
+      `import "${resolveUrlOfClient("styles/code.css")}"`,
+      `import "${resolveUrlOfClient("styles/katex.css")}"`,
+      `import "${resolveUrlOfClient("styles/transitions.css")}"`,
+      `import "${resolveUrlOfClient("styles/monaco.css")}"`
+    ];
+    for (const root of roots) {
+      const styles = [
+        join4(root, "styles", "index.ts"),
+        join4(root, "styles", "index.js"),
+        join4(root, "styles", "index.css"),
+        join4(root, "styles.css"),
+        join4(root, "style.css")
+      ];
+      for (const style of styles) {
+        if (fs5.existsSync(style)) {
+          imports.push(`import "${toAtFS(style)}"`);
+          continue;
         }
       }
-      return `${firstLine}
-${content}
-\`\`\``;
     }
-  );
-}
-// node/plugins/markdown.ts
-async function createMarkdownPlugin(options, { markdown: mdOptions }) {
-  const { data: { config }, roots, mode, entry } = options;
-  const setups = [];
-  const entryPath = slash4(entry);
-  if (config.highlighter === "shiki") {
-    const MarkdownItShiki = await import("@shikijs/markdown-it").then((r) => r.default);
-    const { transformerTwoslash } = await import("@shikijs/vitepress-twoslash");
-    const options2 = await loadShikiSetups(roots);
-    const plugin = await MarkdownItShiki({
-      ...options2,
-      transformers: [
-        ...options2.transformers || [],
-        transformerTwoslash({
-          explicitTrigger: true,
-          twoslashOptions: {
-            handbookOptions: {
-              noErrorValidation: true
-            }
-          }
-        }),
-        {
-          pre(pre) {
-            this.addClassToHast(pre, "slidev-code");
-            delete pre.properties.tabindex;
-          },
-          postprocess(code) {
-            return escapeVueInCode(code);
-          }
-        }
-      ]
-    });
-    setups.push((md2) => md2.use(plugin));
-  } else {
-    setups.push((md2) => md2.use(markdownItPrism));
+    if (data.features.katex)
+      imports.push(`import "${await resolveUrl("katex/dist/katex.min.css")}"`);
+    if (data.config.highlighter === "shiki") {
+      imports.push(
+        `import "${await resolveUrl("@shikijs/vitepress-twoslash/style.css")}"`,
+        `import "${resolveUrlOfClient("styles/shiki-twoslash.css")}"`
+      );
+    }
+    if (data.config.css === "unocss") {
+      imports.unshift(
+        `import "${await resolveUrl("@unocss/reset/tailwind.css")}"`,
+        'import "uno:preflights.css"',
+        'import "uno:typography.css"',
+        'import "uno:shortcuts.css"'
+      );
+      imports.push('import "uno.css"');
+    }
+    return imports.join("\n");
   }
-  if (config.mdc)
-    setups.push((md2) => md2.use(Mdc));
-  const KatexOptions = await loadSetups(roots, "katex.ts", {}, { strict: false }, false);
-  return Markdown2({
-    include: [/\.md$/],
-    wrapperClasses: "",
-    headEnabled: false,
-    frontmatter: false,
-    escapeCodeTagInterpolation: false,
-    markdownItOptions: {
-      quotes: `""''`,
-      html: true,
-      xhtmlOut: true,
-      linkify: true,
-      ...mdOptions?.markdownItOptions
-    },
-    ...mdOptions,
-    markdownItSetup(md2) {
-      md2.use(mila2, {
-        attrs: {
-          target: "_blank",
-          rel: "noopener"
-        }
-      });
-      md2.use(mif);
-      md2.use(taskLists, { enabled: true, lineNumber: true, label: true });
-      md2.use(math_plugin, KatexOptions);
-      setups.forEach((i) => i(md2));
-      mdOptions?.markdownItSetup?.(md2);
-    },
-    transforms: {
-      before(code, id) {
-        if (id === entryPath)
-          return "";
-        const monaco = config.monaco === true || config.monaco === mode ? transformMarkdownMonaco : truncateMancoMark;
-        code = transformSlotSugar(code);
-        code = transformSnippet(code, options, id);
-        code = transformMermaid(code);
-        code = transformPlantUml(code, config.plantUmlServer);
-        code = monaco(code);
-        code = transformHighlighter(code);
-        code = transformPageCSS(code, id);
-        code = transformKaTex(code);
-        return code;
+  async function generateMonacoTypes() {
+    const typesRoot = join4(userRoot, "snippets");
+    const files = await fg2(["**/*.ts", "**/*.mts", "**/*.cts"], { cwd: typesRoot });
+    let result = 'import { addFile } from "@slidev/client/setup/monaco.ts"\n';
+    for (const file of files) {
+      const url = `${toAtFS(resolve2(typesRoot, file))}?monaco-types&raw`;
+      result += `addFile(import(${JSON.stringify(url)}), ${JSON.stringify(file)})
+`;
+    }
+    const deps = data.config.monacoTypesAdditionalPackages;
+    if (data.config.monacoTypesSource === "local")
+      deps.push(...scanMonacoModules(data.slides.map((s) => s.source.raw).join()));
+    function mapModuleNameToModule(moduleSpecifier) {
+      if (moduleSpecifier.startsWith("node:"))
+        return "node";
+      if (builtinModules.includes(moduleSpecifier))
+        return "node";
+      const mainPackageName = moduleSpecifier.split("/")[0];
+      if (builtinModules.includes(mainPackageName) && !mainPackageName.startsWith("@"))
+        return "node";
+      const [a = "", b = ""] = moduleSpecifier.split("/");
+      const moduleName = a.startsWith("@") ? `${a}/${b}` : a;
+      return moduleName;
+    }
+    for (const specifier of uniq2(deps)) {
+      if (specifier[0] === ".")
+        continue;
+      const moduleName = mapModuleNameToModule(specifier);
+      result += `import(${JSON.stringify(`/@slidev-monaco-types/resolve?pkg=${moduleName}`)})
+`;
+    }
+    return result;
+  }
+  async function generateLayouts() {
+    const imports = [];
+    const layouts = objectMap(
+      await getLayouts(),
+      (k, v) => {
+        imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
+        return [k, `__layout_${k}`];
       }
+    );
+    return [
+      imports.join("\n"),
+      `export default {
+${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
+}`
+    ].join("\n\n");
+  }
+  async function generateSlideRoutes() {
+    const layouts = await getLayouts();
+    const imports = [
+      `import { shallowRef } from 'vue'`,
+      `import * as __layout__error from '${layouts.error}'`
+    ];
+    const slides = data.slides.map((_, idx) => {
+      const no = idx + 1;
+      imports.push(`import { meta as f${no} } from '${slidePrefix}${no}.frontmatter'`);
+      return `{
+          no: ${no},
+          meta: f${no},
+          component: async () => {
+            try {
+              return await import('${slidePrefix}${no}.md')
+            }
+            catch {
+              return __layout__error
+            }
+          },
+        }`;
+    });
+    return [
+      ...imports,
+      `const data = [
+${slides.join(",\n")}
+]`,
+      `export const slides = shallowRef([...data])`,
+      `let oldRef = slides`,
+      `export function update(old) {`,
+      `  oldRef = old`,
+      `  old.value = data`,
+      `}`,
+      `if (import.meta.hot) {`,
+      `  import.meta.hot.accept(({ update }) => {`,
+      `    update(oldRef)`,
+      `  })`,
+      `}`
+    ].join("\n");
+  }
+  function generateDummyRoutes() {
+    return [
+      `export { slides } from '#slidev/slides'`,
+      `console.warn('[slidev] #slidev/routes is deprecated, use #slidev/slides instead')`
+    ].join("\n");
+  }
+  function getTitle() {
+    if (isString(data.config.title)) {
+      const tokens = md.parseInline(data.config.title, {});
+      return stringifyMarkdownTokens(tokens);
     }
-  });
+    return data.config.title;
+  }
+  function generateConfigs() {
+    const config = {
+      ...data.config,
+      remote,
+      title: getTitle()
+    };
+    if (isString(config.info))
+      config.info = md.render(config.info);
+    return `export default ${JSON.stringify(config)}`;
+  }
+  async function generateGlobalComponents(layer) {
+    const components = roots.flatMap((root) => {
+      if (layer === "top") {
+        return [
+          join4(root, "global.vue"),
+          join4(root, "global-top.vue"),
+          join4(root, "GlobalTop.vue")
+        ];
+      } else {
+        return [
+          join4(root, "global-bottom.vue"),
+          join4(root, "GlobalBottom.vue")
+        ];
+      }
+    }).filter((i) => fs5.existsSync(i));
+    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
+    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
+    return `
+${imports}
+import { h } from 'vue'
+export default {
+  render() {
+    return [${render}]
+  }
 }
-function transformKaTex(md2) {
-  return md2.replace(/^\$\$(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?\s*?)?\n([\s\S]+?)^\$\$/mg, (full, rangeStr = "", options = "", code) => {
-    const ranges = rangeStr.split(/\|/g).map((i) => i.trim());
-    code = code.trimEnd();
-    options = options.trim() || "{}";
-    return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-$$
-${code}
-$$
-</KaTexBlockWrapper>
 `;
-  });
-}
-function transformMarkdownMonaco(md2) {
-  md2 = md2.replace(/^```(\w+?)\s*{monaco-diff}\s*?({.*?})?\s*?\n([\s\S]+?)^~~~\s*?\n([\s\S]+?)^```/mg, (full, lang = "ts", options = "{}", code, diff) => {
-    lang = lang.trim();
-    options = options.trim() || "{}";
-    const encoded = base64.encode(code, true);
-    const encodedDiff = base64.encode(diff, true);
-    return `<Monaco :code="'${encoded}'" :diff="'${encodedDiff}'" lang="${lang}" v-bind="${options}" />`;
-  });
-  md2 = md2.replace(/^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg, (full, lang = "ts", options = "{}", code) => {
-    lang = lang.trim();
-    options = options.trim() || "{}";
-    const encoded = base64.encode(code, true);
-    return `<Monaco :code="'${encoded}'" lang="${lang}" v-bind="${options}" />`;
-  });
-  return md2;
-}
-function truncateMancoMark(md2) {
-  return md2.replace(/{monaco.*?}/g, "");
+  }
+  async function generateCustomNavControls() {
+    const components = roots.flatMap((root) => {
+      return [
+        join4(root, "custom-nav-controls.vue"),
+        join4(root, "CustomNavControls.vue")
+      ];
+    }).filter((i) => fs5.existsSync(i));
+    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
+    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
+    return `
+${imports}
+import { h } from 'vue'
+export default {
+  render() {
+    return [${render}]
+  }
 }
-function transformSlotSugar(md2) {
-  const lines = md2.split(/\r?\n/g);
-  let prevSlot = false;
-  const { isLineInsideCodeblocks } = getCodeBlocks(md2);
-  lines.forEach((line, idx) => {
-    if (isLineInsideCodeblocks(idx))
-      return;
-    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/);
-    if (match) {
-      lines[idx] = `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
 `;
-      prevSlot = true;
+  }
+  async function generteShikiBundle() {
+    const options = await loadShikiSetups(clientRoot, roots);
+    const langs = await resolveLangs(options.langs || ["javascript", "typescript", "html", "css"]);
+    const resolvedThemeOptions = "themes" in options ? {
+      themes: Object.fromEntries(await Promise.all(
+        Object.entries(options.themes).map(async ([name, value]) => [name, await resolveTheme(value)])
+      ))
+    } : {
+      theme: await resolveTheme(options.theme || "vitesse-dark")
+    };
+    const themes = resolvedThemeOptions.themes ? Object.values(resolvedThemeOptions.themes) : [resolvedThemeOptions.theme];
+    const themeOptionsNames = resolvedThemeOptions.themes ? { themes: Object.fromEntries(Object.entries(resolvedThemeOptions.themes).map(([name, value]) => [name, typeof value === "string" ? value : value.name])) } : { theme: typeof resolvedThemeOptions.theme === "string" ? resolvedThemeOptions.theme : resolvedThemeOptions.theme.name };
+    async function normalizeGetter(p) {
+      return Promise.resolve(typeof p === "function" ? p() : p).then((r) => r.default || r);
     }
-  });
-  if (prevSlot)
-    lines[lines.length - 1] += "\n\n</template>";
-  return lines.join("\n");
+    async function resolveLangs(langs2) {
+      return Array.from(new Set((await Promise.all(
+        langs2.map(async (lang) => await normalizeGetter(lang).then((r) => Array.isArray(r) ? r : [r]))
+      )).flat()));
+    }
+    async function resolveTheme(theme) {
+      return typeof theme === "string" ? theme : await normalizeGetter(theme);
+    }
+    const langsInit = await Promise.all(
+      langs.map(async (lang) => typeof lang === "string" ? `import('${await resolveUrl(`shiki/langs/${lang}.mjs`)}')` : JSON.stringify(lang))
+    );
+    const themesInit = await Promise.all(themes.map(async (theme) => typeof theme === "string" ? `import('${await resolveUrl(`shiki/themes/${theme}.mjs`)}')` : JSON.stringify(theme)));
+    const langNames = langs.flatMap((lang) => typeof lang === "string" ? lang : lang.name);
+    const lines = [];
+    lines.push(
+      `import { getHighlighterCore } from "${await resolveUrl("shiki/core")}"`,
+      `export { shikiToMonaco } from "${await resolveUrl("@shikijs/monaco")}"`,
+      `export const languages = ${JSON.stringify(langNames)}`,
+      `export const themes = ${JSON.stringify(themeOptionsNames.themes || themeOptionsNames.theme)}`,
+      "export const shiki = getHighlighterCore({",
+      `  themes: [${themesInit.join(",")}],`,
+      `  langs: [${langsInit.join(",")}],`,
+      `  loadWasm: import('${await resolveUrl("shiki/wasm")}'),`,
+      "})"
+    );
+    return lines.join("\n");
+  }
 }
-function transformHighlighter(md2) {
-  return md2.replace(/^```(\w+?)(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?(.*?))?\n([\s\S]+?)^```/mg, (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
-    const ranges = rangeStr.split(/\|/g).map((i) => i.trim());
-    code = code.trimEnd();
-    options = options.trim() || "{}";
-    return `
-<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-\`\`\`${lang}${attrs}
-${code}
-\`\`\`
-</CodeBlockWrapper>`;
-  });
-}
-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 = md2.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md2.slice(0, end).match(/\n/g)?.length || 0;
-    return [start, end, startLine, endLine];
-  });
+// node/plugins/setupClient.ts
+import { existsSync as existsSync2 } from "node:fs";
+import { join as join5, resolve as resolve3 } from "node:path";
+import { slash as slash2, uniq as uniq3 } from "@antfu/utils";
+function createClientSetupPlugin({ themeRoots, addonRoots, userRoot, clientRoot }) {
+  const setupEntry = slash2(resolve3(clientRoot, "setup"));
   return {
-    codeblocks,
-    isInsideCodeblocks(idx) {
-      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
-    },
-    isLineInsideCodeblocks(line) {
-      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
+    name: "slidev:setup",
+    enforce: "pre",
+    async transform(code, id) {
+      if (id.startsWith(setupEntry)) {
+        let getInjections2 = function(isAwait = false, isChained = false) {
+          return injections.join("\n").replace(/:AWAIT:/g, isAwait ? "await " : "").replace(/(,\s*)?:LAST:/g, isChained ? "$1injection_return" : "");
+        };
+        var getInjections = getInjections2;
+        const name = id.slice(setupEntry.length + 1).replace(/\?.*$/, "");
+        const imports = [];
+        const injections = [];
+        const setups = uniq3([
+          ...themeRoots,
+          ...addonRoots,
+          userRoot
+        ]).map((i) => join5(i, "setup", name));
+        setups.forEach((path2, idx) => {
+          if (!existsSync2(path2))
+            return;
+          imports.push(`import __n${idx} from '${toAtFS(path2)}'`);
+          let fn = `:AWAIT:__n${idx}`;
+          if (/\binjection_return\b/g.test(code))
+            fn = `injection_return = ${fn}`;
+          if (/\binjection_arg\b/g.test(code)) {
+            fn += "(";
+            const matches = Array.from(code.matchAll(/\binjection_arg(_\d+)?\b/g));
+            const dedupedMatches = Array.from(new Set(matches.map((m) => m[0])));
+            fn += dedupedMatches.join(", ");
+            fn += ", :LAST:)";
+          } else {
+            fn += "(:LAST:)";
+          }
+          injections.push(
+            `// ${path2}`,
+            fn
+          );
+        });
+        code = code.replace("/* __imports__ */", imports.join("\n"));
+        code = code.replace("/* __injections__ */", getInjections2());
+        code = code.replace("/* __async_injections__ */", getInjections2(true));
+        code = code.replace("/* __chained_injections__ */", getInjections2(false, true));
+        code = code.replace("/* __chained_async_injections__ */", getInjections2(true, true));
+        return code;
+      }
+      return null;
     }
   };
 }
-function transformPageCSS(md2, id) {
-  const page = id.match(/(\d+)\.md$/)?.[1];
-  if (!page)
-    return md2;
-  const { isInsideCodeblocks } = getCodeBlocks(md2);
-  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"))
-        start = start.replace("<style", "<style scoped");
-      return `${start}
-${css}${end}`;
-    }
-  );
-  return result;
-}
-function transformMermaid(md2) {
-  return md2.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "") => {
-    code = code.trim();
-    options = options.trim() || "{}";
-    const encoded = base64.encode(code, true);
-    return `<Mermaid :code="'${encoded}'" v-bind="${options}" />`;
-  });
-}
-function transformPlantUml(md2, server) {
-  return md2.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "") => {
-    const code = encode2(content.trim());
-    options = options.trim() || "{}";
-    return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
-  });
-}
-function escapeVueInCode(md2) {
-  return md2.replace(/{{(.*?)}}/g, "&lbrace;&lbrace;$1&rbrace;&rbrace;");
-}
-async function loadShikiSetups(roots) {
-  const result = await loadSetups(
-    roots,
-    "shiki.ts",
-    {
-      /** @deprecated */
-      async loadTheme(path2) {
-        console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
-        return JSON.parse(await fs7.readFile(path2, "utf-8"));
-      }
-    },
-    {},
-    false
-  );
-  if ("theme" in result && "themes" in result)
-    delete result.theme;
-  if (result.theme && typeof result.theme !== "string" && !result.theme.name && !result.theme.tokenColors) {
-    result.themes = result.theme;
-    delete result.theme;
-  }
-  if (!result.theme && !result.themes) {
-    result.themes = {
-      dark: "vitesse-dark",
-      light: "vitesse-light"
-    };
-  }
-  if (result.themes)
-    result.defaultColor = false;
-  return result;
-}
 // node/plugins/patchTransform.ts
 import { objectEntries } from "@antfu/utils";
@@ -1752,6 +1901,67 @@ function createFixPlugins(options) {
   ];
 }
+// node/plugins/monacoTypes.ts
+import fs6 from "node:fs/promises";
+import { dirname as dirname2, resolve as resolve4 } from "node:path";
+import { slash as slash3 } from "@antfu/utils";
+import fg3 from "fast-glob";
+import { findDepPkgJsonPath } from "vitefu";
+function createMonacoTypesLoader({ userRoot }) {
+  const resolvedDepsMap = {};
+  return {
+    name: "slidev:monaco-types-loader",
+    resolveId(id) {
+      if (id.startsWith("/@slidev-monaco-types/"))
+        return id;
+      return null;
+    },
+    async load(id) {
+      const matchResolve = id.match(/^\/\@slidev-monaco-types\/resolve\?pkg=(.*?)(?:&importer=(.*))?$/);
+      if (matchResolve) {
+        const [_, pkg, importer = userRoot] = matchResolve;
+        const resolvedDeps = resolvedDepsMap[importer] ??= /* @__PURE__ */ new Set();
+        if (resolvedDeps.has(pkg))
+          return "";
+        resolvedDeps.add(pkg);
+        const pkgJsonPath = await findDepPkgJsonPath(pkg, importer);
+        if (!pkgJsonPath)
+          throw new Error(`Package "${pkg}" not found in "${importer}"`);
+        const root = dirname2(pkgJsonPath);
+        const pkgJson = JSON.parse(await fs6.readFile(pkgJsonPath, "utf-8"));
+        const deps = pkgJson.dependencies ?? {};
+        return [
+          `import "/@slidev-monaco-types/load?root=${slash3(root)}&name=${pkgJson.name}"`,
+          ...Object.keys(deps).map((dep) => `import "/@slidev-monaco-types/resolve?pkg=${dep}&importer=${slash3(root)}"`)
+        ].join("\n");
+      }
+      const matchLoad = id.match(/^\/\@slidev-monaco-types\/load\?root=(.*?)&name=(.*)$/);
+      if (matchLoad) {
+        const [_, root, name] = matchLoad;
+        const files = await fg3(
+          [
+            "**/*.ts",
+            "**/*.mts",
+            "**/*.cts",
+            "package.json"
+          ],
+          {
+            cwd: root,
+            followSymbolicLinks: true,
+            ignore: ["**/node_modules/**"]
+          }
+        );
+        if (!files.length)
+          return "";
+        return [
+          'import { addFile } from "@slidev/client/setup/monaco.ts"',
+          ...files.map((file) => `addFile(import(${JSON.stringify(`${toAtFS(resolve4(root, file))}?monaco-types&raw`)}), ${JSON.stringify(`node_modules/${name}/${file}`)})`)
+        ].join("\n");
+      }
+    }
+  };
+}
 // node/plugins/preset.ts
 var customElements = /* @__PURE__ */ new Set([
   // katex
@@ -1796,7 +2006,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     mode,
     themeRoots,
     addonRoots,
-    clientRoot,
+    roots,
     data: { config }
   } = options;
   const VuePlugin = Vue({
@@ -1815,7 +2025,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
   const VueJsxPlugin = VueJsx(vuejsxOptions);
   const MarkdownPlugin = await createMarkdownPlugin(options, pluginOptions);
   const drawingData = await loadDrawings(options);
-  const publicRoots = themeRoots.map((i) => join8(i, "public")).filter(existsSync3);
+  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join6(i, "public")).filter(existsSync3);
   const plugins = [
     MarkdownPlugin,
     VueJsxPlugin,
@@ -1824,15 +2034,13 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     Components({
       extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
       dirs: [
-        join8(clientRoot, "builtin"),
-        join8(clientRoot, "components"),
-        ...themeRoots.map((i) => join8(i, "components")),
-        ...addonRoots.map((i) => join8(i, "components")),
+        join6(options.clientRoot, "builtin"),
+        ...roots.map((i) => join6(i, "components")),
         "src/components",
         "components",
-        join8(process2.cwd(), "components")
+        join6(process.cwd(), "components")
       ],
-      include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/],
+      include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
       exclude: [],
       resolvers: [
         IconsResolver({
@@ -1861,7 +2069,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
       ...remoteAssetsOptions
     })) : null,
     ServerRef({
-      debug: process2.env.NODE_ENV === "development",
+      debug: process.env.NODE_ENV === "development",
       state: {
         sync: false,
         nav: {
@@ -1881,7 +2089,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     }),
     createConfigPlugin(options),
     createClientSetupPlugin(options),
-    createMonacoTypesLoader(),
+    createMonacoTypesLoader(options),
     createFixPlugins(options),
     publicRoots.length ? import("vite-plugin-static-copy").then((r) => r.viteStaticCopy({
       silent: true,
@@ -1894,12 +2102,14 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
       dev: true,
       build: true
     })) : null,
-    config.css === "none" ? null : import("./unocss-6IVIFJMZ.mjs").then((r) => r.createUnocssPlugin(options, pluginOptions))
+    config.css === "none" ? null : import("./unocss-M5KPNI4Z.mjs").then((r) => r.createUnocssPlugin(options, pluginOptions))
   ];
   return (await Promise.all(plugins)).flat().filter(notNullish2);
 }
 export {
+  version,
+  checkEngine,
   getIndexHtml,
   mergeViteConfigs,
   ViteSlidevPlugin