@slidev/cli 52.15.1 → 52.16.0

package/dist/{shared-ClfjhvJo.mjs → serve-bnzg299W.mjs}

@@ -1,15 +1,17 @@
-import { a as resolveImportPath, c as toAtFS, i as resolveEntry, n as getRoots, o as resolveImportUrl, r as isInstalledGlobally, s as resolveSourceFiles, t as createResolver } from "./resolver-XedCEhxI.mjs";
+import { a as resolveImportPath, c as toAtFS, i as resolveEntry, n as getRoots, o as resolveImportUrl, r as isInstalledGlobally, s as resolveSourceFiles, t as createResolver } from "./resolver-CZx9LFrt.mjs";
 import { builtinModules } from "node:module";
 import path, { basename, dirname, join, relative, resolve, win32 } from "node:path";
-import { loadConfigFromFile, mergeConfig } from "vite";
+import process from "node:process";
+import { createServer, loadConfigFromFile, mergeConfig, parseSync } from "vite";
 import MarkdownExit from "markdown-exit";
-import fs, { existsSync } from "node:fs";
+import fs, { existsSync, mkdirSync, realpathSync, writeFileSync } from "node:fs";
 import fs$1, { readFile } from "node:fs/promises";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { ensureSuffix, isString, isTruthy, notNullish, objectEntries, objectMap, range, slash, uniq } from "@antfu/utils";
 import { bold, gray, red, white, yellow } from "ansis";
 import { createResolve } from "mlly";
 import { findDepPkgJsonPath } from "vitefu";
+import { createHash } from "node:crypto";
 import { createJiti } from "jiti";
 import YAML from "yaml";
 import IconsResolver from "unplugin-icons/resolver";
@@ -32,9 +34,9 @@ import Markdown from "unplugin-vue-markdown/vite";
 import MarkdownItComark from "@comark/markdown-it";
 import MarkdownItFootnote from "markdown-it-footnote";
 import MarkdownItGitHubAlerts from "markdown-it-github-alerts";
+import { toKeyedTokens } from "@shikijs/magic-move/core";
 import { defineCodeblockTransformer } from "@slidev/types";
 import lz from "lz-string";
-import { toKeyedTokens } from "shiki-magic-move/core";
 import { encode } from "plantuml-encoder";
 import { SourceMapConsumer } from "source-map-js";
 import { fromAsyncCodeToHtml } from "@shikijs/markdown-it/async";
@@ -43,7 +45,6 @@ import UnoCSS from "unocss/vite";
 import { mergeConfigs, presetIcons } from "unocss";
 import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
-
 //#region node/syntax/link.ts
 const RE_DIGITS_ONLY = /^\d+$/;
 function MarkdownItLink(md) {
@@ -64,7 +65,6 @@ function MarkdownItLink(md) {
 		return defaultRender(tokens, idx, options, env, self);
 	};
 }
-
 //#endregion
 //#region node/utils.ts
 const RE_WHITESPACE_ONLY = /^\s*$/;
@@ -104,8 +104,8 @@ function updateFrontmatterPatch(source, frontmatter) {
 		else {
 			const valueNode = doc.createNode(value);
 			let found = false;
-			YAML.visit(doc.contents, { Pair(_key, node, path$1) {
-				if (path$1.length === 1 && YAML.isScalar(node.key) && node.key.value === key) {
+			YAML.visit(doc.contents, { Pair(_key, node, path) {
+				if (path.length === 1 && YAML.isScalar(node.key) && node.key.value === key) {
 					node.value = valueNode;
 					found = true;
 					return YAML.visit.BREAK;
@@ -119,13 +119,13 @@ function updateFrontmatterPatch(source, frontmatter) {
 	}
 }
 function getBodyJson(req) {
-	return new Promise((resolve$2, reject) => {
+	return new Promise((resolve, reject) => {
 		let body = "";
 		req.on("data", (chunk) => body += chunk);
 		req.on("error", reject);
 		req.on("end", () => {
 			try {
-				resolve$2(JSON.parse(body) || {});
+				resolve(JSON.parse(body) || {});
 			} catch (e) {
 				reject(e);
 			}
@@ -137,39 +137,51 @@ function getImportGlobRelativePath(from, to) {
 	const normalizedTo = slash(to);
 	return slash(RE_WINDOWS_DRIVE.test(normalizedFrom) || RE_WINDOWS_DRIVE.test(normalizedTo) ? win32.relative(normalizedFrom, normalizedTo) : relative(normalizedFrom, normalizedTo));
 }
-function makeAbsoluteImportGlob(self, globs, options = {}, baseRoot) {
-	const root = baseRoot && globs.some((glob) => RE_WINDOWS_DRIVE.test(slash(glob))) ? baseRoot : void 0;
+function resolveImportGlobProxyModule(proxyBase, content) {
+	return `${proxyBase}.${createHash("sha256").update(content).digest("hex").slice(0, 10)}.ts`;
+}
+function createMakeAbsoluteImportGlob(baseRoot) {
+	const proxyModules = /* @__PURE__ */ new Map();
+	const proxyBase = slash(join(baseRoot, "node_modules/.slidev/virtual/import-glob"));
+	return function makeAbsoluteImportGlob(globs, options = {}) {
+		const content = `export default ${makeAbsoluteImportGlobExpression(dirname(proxyBase), globs, options)}\n`;
+		const proxyModule = resolveImportGlobProxyModule(proxyBase, content);
+		if (proxyModules.get(proxyModule) !== content) {
+			mkdirSync(dirname(proxyModule), { recursive: true });
+			writeFileSync(proxyModule, content, "utf-8");
+			proxyModules.set(proxyModule, content);
+		}
+		return toAtFS(proxyModule);
+	};
+}
+function makeAbsoluteImportGlobExpression(self, globs, options = {}) {
 	const relativeGlobs = globs.map((glob) => {
-		const relativeGlob = getImportGlobRelativePath(root ?? self, glob);
-		return root && !relativeGlob.startsWith(".") && !RE_WINDOWS_DRIVE.test(relativeGlob) ? `./${relativeGlob}` : relativeGlob;
+		const relativeGlob = getImportGlobRelativePath(self, glob);
+		return !relativeGlob.startsWith(".") && !RE_WINDOWS_DRIVE.test(relativeGlob) ? `./${relativeGlob}` : relativeGlob;
 	});
 	const opts = {
 		eager: true,
 		exhaustive: true,
-		...root ? { base: "/" } : {},
 		...options
 	};
 	return `import.meta.glob(${JSON.stringify(relativeGlobs)}, ${JSON.stringify(opts)})`;
 }
-
 //#endregion
 //#region node/setups/load.ts
 async function loadSetups(roots, filename, args, extraLoader) {
 	return await Promise.all(roots.flatMap((root) => {
 		const tasks = [];
-		const path$1 = resolve(root, "setup", filename);
-		if (existsSync(path$1)) tasks.push(loadModule(path$1).then((mod) => mod.default(...args)));
+		const path = resolve(root, "setup", filename);
+		if (existsSync(path)) tasks.push(loadModule(path).then((mod) => mod.default(...args)));
 		if (extraLoader) tasks.push(...extraLoader(root));
 		return tasks;
 	}));
 }
-
 //#endregion
 //#region node/setups/vite-plugins.ts
 async function setupVitePlugins(options) {
 	return await loadSetups(options.roots, "vite-plugins.ts", [options]);
 }
-
 //#endregion
 //#region node/vite/compilerFlagsVue.ts
 const RE_VUE_FILE = /\.vue(?:$|\?)/;
@@ -181,8 +193,8 @@ function createVueCompilerFlagsPlugin(options) {
 	return {
 		name: "slidev:flags",
 		enforce: "pre",
-		transform: { handler(code, id$2) {
-			if (!RE_VUE_FILE.test(id$2) && !id$2.includes("?vue&")) return;
+		transform: { handler(code, id) {
+			if (!RE_VUE_FILE.test(id) && !id.includes("?vue&")) return;
 			const original = code;
 			define.forEach(([from, to]) => {
 				code = code.replaceAll(from, to);
@@ -191,7 +203,6 @@ function createVueCompilerFlagsPlugin(options) {
 		} }
 	};
 }
-
 //#endregion
 //#region node/vite/components.ts
 const RE_VUE_EXT$1 = /\.vue$/;
@@ -227,7 +238,6 @@ function createComponentsPlugin({ clientRoot, roots }, pluginOptions) {
 		...pluginOptions.components
 	});
 }
-
 //#endregion
 //#region node/vite/common.ts
 const regexSlideReqPath = /^\/__slidev\/slides\/(\d+)\.json$/;
@@ -236,7 +246,6 @@ const regexSlideSourceId = /__slidev_(\d+)\.(md|frontmatter)$/;
 const templateInjectionMarker = "/* @slidev-injection */";
 const templateImportContextUtils = `import { useSlideContext as _useSlideContext, frontmatterToProps as _frontmatterToProps } from "@slidev/client/context.ts"`;
 const templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = _useSlideContext()`;
-
 //#endregion
 //#region node/vite/contextInjection.ts
 const RE_EXPORT_DEFAULT_OBJECT = /export\s+default\s+\{/;
@@ -247,9 +256,9 @@ const RE_INJECT_OPTION = /.*inject\s*:\s*([[{])/;
 function createContextInjectionPlugin() {
 	return {
 		name: "slidev:context-injection",
-		transform: { async handler(code, id$2) {
-			if (!id$2.endsWith(".vue") || id$2.includes("/@slidev/client/") || id$2.includes("/packages/client/")) return;
-			if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()")) return code;
+		transform: { async handler(code, id) {
+			if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/")) return;
+			if (code.includes("/* @slidev-injection */") || code.includes("useSlideContext()")) return code;
 			const imports = [
 				templateImportContextUtils,
 				templateInitContext,
@@ -291,7 +300,6 @@ ${code.slice(scriptIndex)}`;
 		} }
 	};
 }
-
 //#endregion
 //#region node/vite/extendConfig.ts
 const RE_SLIDEV_CLIENT = /^@slidev\/client$/;
@@ -311,6 +319,7 @@ const INCLUDE_GLOBAL = [
 const INCLUDE_LOCAL = INCLUDE_GLOBAL.map((i) => `@slidev/cli > @slidev/client > ${i}`);
 const EXCLUDE_GLOBAL = [
 	"@antfu/utils",
+	"@shikijs/magic-move/vue",
 	"@shikijs/monaco",
 	"@shikijs/vitepress-twoslash/client",
 	"@slidev/client",
@@ -332,7 +341,6 @@ const EXCLUDE_GLOBAL = [
 	"fuse.js",
 	"mermaid",
 	"monaco-editor",
-	"shiki-magic-move/vue",
 	"shiki",
 	"shiki/core",
 	"vue-demi",
@@ -412,18 +420,18 @@ function createConfigPlugin(options) {
 						if (chunkInfo.moduleIds.filter((i) => i.match(RE_MONACO_EDITOR)).length > chunkInfo.moduleIds.length * .6) return "assets/monaco/[name]-[hash].js";
 						return DEFAULT;
 					},
-					manualChunks(id$2) {
-						if (id$2.startsWith("/@slidev-monaco-types/") || id$2.includes("/@slidev/monaco-types") || id$2.endsWith("?monaco-types&raw")) return "monaco/bundled-types";
-						if (id$2.includes("/shiki/") || id$2.includes("/@shikijs/")) return `modules/shiki`;
-						if (id$2.startsWith("~icons/")) return "modules/unplugin-icons";
-						const matchedAsyncModule = ASYNC_MODULES.find((i) => id$2.includes(`/node_modules/${i}`));
+					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("/", "-")}`;
 					}
 				} } },
 				cacheDir: isInstalledGlobally.value ? join(options.cliRoot, "node_modules/.vite") : void 0
 			};
-			function isSlidevClient(id$2) {
-				return id$2.includes("/@slidev/") || id$2.includes("/slidev/packages/client/") || id$2.includes("/@vueuse/");
+			function isSlidevClient(id) {
+				return id.includes("/@slidev/") || id.includes("/slidev/packages/client/") || id.includes("/@vueuse/");
 			}
 			return mergeConfig(injection, config);
 		},
@@ -444,7 +452,6 @@ function createConfigPlugin(options) {
 		}
 	};
 }
-
 //#endregion
 //#region node/vite/hmrPatch.ts
 /**
@@ -455,14 +462,13 @@ function createHmrPatchPlugin() {
 		name: "slidev:hmr-patch",
 		transform: {
 			filter: { id: { include: regexSlideSourceId } },
-			handler(code, id$2) {
-				if (!id$2.match(regexSlideSourceId)) return;
+			handler(code, id) {
+				if (!id.match(regexSlideSourceId)) return;
 				return code.replace("if (_rerender_only)", "if (false)");
 			}
 		}
 	};
 }
-
 //#endregion
 //#region node/vite/icons.ts
 function createIconsPlugin(options, pluginOptions) {
@@ -472,7 +478,155 @@ function createIconsPlugin(options, pluginOptions) {
 		...pluginOptions.icons
 	});
 }
+//#endregion
+//#region node/virtual/deprecated.ts
+/**
+* Kept for backward compatibility, use #slidev/slides instead
+*
+* @deprecated
+*/
+const templateLegacyRoutes = {
+	id: "/@slidev/routes",
+	getContent() {
+		return [`export { slides } from '#slidev/slides'`, `console.warn('[slidev] #slidev/routes is deprecated, use #slidev/slides instead')`].join("\n");
+	}
+};
+/**
+* Kept for backward compatibility, use #slidev/title-renderer instead
+*
+* @deprecated
+*/
+const templateLegacyTitles = {
+	id: "/@slidev/titles.md",
+	getContent() {
+		return `
+<script setup lang="ts">
+import TitleRenderer from '#slidev/title-renderer'
+defineProps<{ no: number | string }>()
+console.warn('/@slidev/titles.md is deprecated, import from #slidev/title-renderer instead')
+<\/script>
 
+<TitleRenderer :no="no" />
+`;
+	}
+};
+//#endregion
+//#region node/virtual/titles.ts
+const templateTitleRendererMd = {
+	id: "/@slidev/title-renderer.md",
+	getContent({ data }) {
+		const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="no === ${i + 1}">\n\n${title}\n\n</template>`);
+		lines.push(`<script setup lang="ts">`, `import { useSlideContext } from '@slidev/client/context.ts'`, `import { computed } from 'vue'`, `const props = defineProps<{ no?: number | string }>()`, `const { $page } = useSlideContext()`, `const no = computed(() => +(props.no ?? $page.value))`, `<\/script>`);
+		return lines.join("\n");
+	}
+};
+const templateTitleRenderer = {
+	id: "/@slidev/title-renderer",
+	async getContent() {
+		return "export { default } from \"/@slidev/title-renderer.md\"";
+	}
+};
+//#endregion
+//#region node/vite/importGuard.ts
+const virtualSlideMarkdownIds = new Set([templateTitleRendererMd.id, templateLegacyTitles.id]);
+function createSlideImportGuardPlugin() {
+	let config;
+	let allowRoots = [];
+	return {
+		name: "slidev:slide-import-guard",
+		configResolved(resolved) {
+			config = resolved;
+			allowRoots = config.server.fs.allow.map(normalizeFsPath);
+		},
+		async transform(code, id) {
+			if (!isSlideMarkdownId(id) || !config?.server.fs.strict) return null;
+			const importer = filePathFromId(id) ?? id;
+			await Promise.all(extractImportSources(code, id).map(async ({ value, start }) => {
+				const resolved = await this.resolve(value, importer, { skipSelf: true });
+				if (!resolved || resolved.external) return;
+				const filePath = filePathFromId(resolved.id);
+				if (!filePath) return;
+				const normalized = normalizeFsPath(filePath);
+				if (isAllowedFile(normalized, allowRoots)) return;
+				if (isBareImport(value) && isDependencyFile(normalized)) return;
+				this.error(`[slidev] Import "${value}" from slide Markdown resolves outside of Vite server.fs.allow: ${normalized}`, start);
+			}));
+			return null;
+		}
+	};
+}
+function isSlideMarkdownId(id) {
+	const clean = cleanUrl$1(id);
+	return regexSlideSourceId.test(clean) || virtualSlideMarkdownIds.has(clean);
+}
+function filePathFromId(id) {
+	const clean = cleanUrl$1(id);
+	if (clean.startsWith("file://")) return fileURLToPath(clean);
+	if (clean.startsWith("/@fs/")) return clean.slice(4);
+	if (clean.startsWith("/@")) return null;
+	if (path.isAbsolute(clean)) return clean;
+	return null;
+}
+function isAllowedFile(filePath, allowRoots) {
+	return allowRoots.some((root) => isFileInRoot(root, filePath));
+}
+function extractImportSources(code, id) {
+	const result = parseSync(id, code);
+	const sources = [];
+	for (const item of result.module.staticImports) sources.push({
+		value: item.moduleRequest.value,
+		start: item.moduleRequest.start
+	});
+	for (const item of result.module.staticExports) for (const entry of item.entries) if (entry.moduleRequest) sources.push({
+		value: entry.moduleRequest.value,
+		start: entry.moduleRequest.start
+	});
+	for (const item of result.module.dynamicImports) {
+		const source = parseStringLiteral(code.slice(item.moduleRequest.start, item.moduleRequest.end));
+		if (source) sources.push({
+			value: source,
+			start: item.moduleRequest.start
+		});
+	}
+	return sources;
+}
+function cleanUrl$1(id) {
+	return id.replace(/[?#].*$/, "");
+}
+function normalizeFsPath(filePath) {
+	const absolute = path.resolve(filePath);
+	if (!existsSync(absolute)) return normalizeMissingFsPath(absolute);
+	return realpathSync.native(absolute);
+}
+function normalizeMissingFsPath(filePath) {
+	const dir = path.dirname(filePath);
+	if (dir === filePath) return filePath;
+	if (existsSync(dir)) return path.join(realpathSync.native(dir), path.basename(filePath));
+	return path.join(normalizeMissingFsPath(dir), path.basename(filePath));
+}
+function isFileInRoot(root, filePath) {
+	const relative = path.relative(root, filePath);
+	return relative === "" || !!relative && !relative.startsWith("..") && !path.isAbsolute(relative);
+}
+function isDependencyFile(filePath) {
+	return filePath.split(/[\\/]/).includes("node_modules");
+}
+function isBareImport(source) {
+	return /^(?![a-z]:)[\w@](?!.*:\/\/)/i.test(source);
+}
+function parseStringLiteral(raw) {
+	const trimmed = raw.trim();
+	const quote = trimmed[0];
+	if (quote !== "\"" && quote !== "'" && quote !== "`") return null;
+	if (trimmed.at(-1) !== quote) return null;
+	if (quote === "`" && trimmed.includes("${")) return null;
+	try {
+		if (quote === "\"") return JSON.parse(trimmed);
+		return JSON.parse(`"${trimmed.slice(1, -1).replace(/"/g, "\\\"")}"`);
+	} catch {
+		return trimmed.slice(1, -1);
+	}
+}
 //#endregion
 //#region node/vite/inspect.ts
 async function createInspectPlugin(options, pluginOptions) {
@@ -484,7 +638,6 @@ async function createInspectPlugin(options, pluginOptions) {
 		...pluginOptions.inspect
 	});
 }
-
 //#endregion
 //#region node/vite/layoutWrapper.ts
 const RE_SCRIPT_SETUP_TAG = /^<script setup.*>/m;
@@ -493,8 +646,8 @@ function createLayoutWrapperPlugin({ data, utils }) {
 		name: "slidev:layout-wrapper",
 		transform: {
 			filter: { id: { include: regexSlideSourceId } },
-			async handler(code, id$2) {
-				const match = id$2.match(regexSlideSourceId);
+			async handler(code, id) {
+				const match = id.match(regexSlideSourceId);
 				if (!match) return;
 				const [, no, type] = match;
 				if (type !== "md") return;
@@ -530,11 +683,9 @@ function createLayoutWrapperPlugin({ data, utils }) {
 		}
 	};
 }
-
 //#endregion
 //#region package.json
-var version = "52.15.1";
-
+var version = "52.16.0";
 //#endregion
 //#region node/integrations/addons.ts
 async function resolveAddons(addonsInConfig) {
@@ -553,26 +704,21 @@ async function resolveAddons(addonsInConfig) {
 	if (Array.isArray(userPkgJson.slidev?.addons)) await Promise.all(userPkgJson.slidev.addons.map((addon) => resolveAddon(addon, userRoot)));
 	return resolved;
 }
-
-//#endregion
-//#region node/integrations/themes.ts
-const officialThemes = {
+const resolveTheme = createResolver("theme", {
 	"none": "",
 	"default": "@slidev/theme-default",
 	"seriph": "@slidev/theme-seriph",
 	"apple-basic": "@slidev/theme-apple-basic",
 	"shibainu": "@slidev/theme-shibainu",
 	"bricks": "@slidev/theme-bricks"
-};
-const resolveTheme = createResolver("theme", officialThemes);
+});
 async function getThemeMeta(name, root) {
-	const path$1 = join(root, "package.json");
-	if (!existsSync(path$1)) return {};
-	const { slidev = {}, engines = {} } = JSON.parse(await fs$1.readFile(path$1, "utf-8"));
+	const path = join(root, "package.json");
+	if (!existsSync(path)) return {};
+	const { slidev = {}, engines = {} } = JSON.parse(await fs$1.readFile(path, "utf-8"));
 	if (engines.slidev && !satisfies(version, engines.slidev, { includePrerelease: true })) throw new Error(`[slidev] theme "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
 	return slidev;
 }
-
 //#endregion
 //#region node/setups/indexHtml.ts
 const RE_TRAILING_SLASH = /\/$/;
@@ -609,11 +755,11 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 	let body = "";
 	const inputs = [];
 	for (const root of roots) {
-		const path$1 = join(root, "index.html");
-		if (!existsSync(path$1)) continue;
-		const html = await readFile(path$1, "utf-8");
+		const path = join(root, "index.html");
+		if (!existsSync(path)) continue;
+		const html = await readFile(path, "utf-8");
 		if (root === userRoot && html.includes("<!DOCTYPE")) {
-			console.error(yellow(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path$1)})`));
+			console.error(yellow(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path)})`));
 			console.error(yellow("This file may be generated by Slidev, please remove it from your project."));
 			continue;
 		}
@@ -663,7 +809,7 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 			},
 			{
 				property: "slidev:entry",
-				content: mode === "dev" && slash(entry)
+				content: mode === "dev" ? slash(entry) : null
 			},
 			{
 				name: "description",
@@ -726,16 +872,14 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 		main = main.replace("__ENTRY__", encodeURI(basePrefix + mainUrl));
 	}
 	main = main.replace("<!-- body -->", body);
-	return await transformHtmlTemplate(unhead, main);
+	return transformHtmlTemplate(unhead, main);
 }
-
 //#endregion
 //#region node/setups/katex.ts
 async function setupKatex(roots) {
 	const options = await loadSetups(roots, "katex.ts", []);
 	return Object.assign({ strict: false }, ...options);
 }
-
 //#endregion
 //#region ../client/setup/shiki-options.ts
 function resolveShikiOptions(options) {
@@ -807,16 +951,17 @@ function extractThemeNames(themes) {
 		return [key, name];
 	});
 }
-
 //#endregion
 //#region node/setups/shiki.ts
 let cachedRoots;
 let cachedShiki;
 async function setupShiki(roots) {
 	if (cachedRoots === roots) return cachedShiki;
-	const { options, languageInput, themeInput } = resolveShikiOptions(await loadSetups(roots, "shiki.ts", [{ async loadTheme(path$1) {
+	const { options, languageInput, themeInput } = resolveShikiOptions(await loadSetups(roots, "shiki.ts", [{ 
+	/** @deprecated */
+async loadTheme(path) {
 		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 fs$1.readFile(path$1, "utf-8"));
+		return JSON.parse(await fs$1.readFile(path, "utf-8"));
 	} }]));
 	const createHighlighter = createBundledHighlighter({
 		engine: createJavaScriptRegexEngine,
@@ -829,7 +974,6 @@ async function setupShiki(roots) {
 		shikiOptions: options
 	};
 }
-
 //#endregion
 //#region node/options.ts
 const RE_FILE_EXTENSION = /\.\w+$/;
@@ -837,7 +981,10 @@ const debug = createDebug("slidev:options");
 async function resolveOptions(entryOptions, mode) {
 	const entry = await resolveEntry(entryOptions.entry);
 	const rootsInfo = await getRoots(entry);
-	const loaded = await parser.load(rootsInfo.userRoot, entry, void 0, mode);
+	const loaded = await parser.load({
+		userRoot: rootsInfo.userRoot,
+		roots: [rootsInfo.userRoot]
+	}, entry, void 0, mode);
 	let themeRaw = entryOptions.theme || loaded.headmatter.theme;
 	themeRaw = themeRaw === null ? "none" : themeRaw || "default";
 	const [theme, themeRoot] = await resolveTheme(themeRaw, entry);
@@ -939,7 +1086,6 @@ function getDefine(options) {
 		__SLIDEV_HAS_SERVER__: options.mode !== "build"
 	}, (v, k) => [v, JSON.stringify(k)]);
 }
-
 //#endregion
 //#region node/syntax/utils.ts
 function normalizeRangeStr(rangeStr = "") {
@@ -951,7 +1097,6 @@ function normalizeRangeStr(rangeStr = "") {
 function escapeVueInCode(md) {
 	return md.replace(/\{\{/g, "&lbrace;&lbrace;");
 }
-
 //#endregion
 //#region node/syntax/katex.ts
 const RE_KATEX_BLOCK_INFO = /^\{([\w*,|-]+)\}\s*(\{[^}]*\})?/;
@@ -1076,9 +1221,9 @@ function MarkdownItKatex(md, options) {
 	};
 	const blockRenderer = function(tokens, idx) {
 		const token = tokens[idx];
-		const [, rangeStr, options$1] = RE_KATEX_BLOCK_INFO.exec(token.info) || [];
+		const [, rangeStr, options] = RE_KATEX_BLOCK_INFO.exec(token.info) || [];
 		const ranges = normalizeRangeStr(rangeStr);
-		return `<KaTexBlockWrapper ${options$1 ? `v-bind="${options$1}"` : ""} :ranges='${JSON.stringify(ranges)}'>${katexBlock(tokens[idx].content)}</KaTexBlockWrapper>\n`;
+		return `<KaTexBlockWrapper ${options ? `v-bind="${options}"` : ""} :ranges='${JSON.stringify(ranges)}'>${katexBlock(tokens[idx].content)}</KaTexBlockWrapper>\n`;
 	};
 	md.inline.ruler.after("escape", "math_inline", math_inline);
 	md.block.ruler.after("blockquote", "math_block", math_block, { alt: [
@@ -1090,24 +1235,22 @@ function MarkdownItKatex(md, options) {
 	md.renderer.rules.math_inline = inlineRenderer;
 	md.renderer.rules.math_block = blockRenderer;
 }
-
-//#endregion
-//#region node/virtual/conditional-styles.ts
-const id$1 = "/@slidev/conditional-styles";
 const templateConditionalStyles = {
-	id: id$1,
-	async getContent({ data, roots, userRoot }) {
+	id: "/@slidev/conditional-styles",
+	async getContent({ data, roots }) {
 		const imports = [];
-		for (const root of roots) imports.push(makeAbsoluteImportGlob(id$1, [
-			join(root, "styles/index.{ts,js,css}"),
-			join(root, "styles.{ts,js,css}"),
-			join(root, "style.{ts,js,css}")
-		], {}, userRoot));
+		for (const root of roots) {
+			const importPath = this.makeAbsoluteImportGlob([
+				join(root, "styles/index.{ts,js,css}"),
+				join(root, "styles.{ts,js,css}"),
+				join(root, "style.{ts,js,css}")
+			]);
+			imports.push(`import ${JSON.stringify(importPath)}`);
+		}
 		if (data.features.katex) imports.push(`import "${await resolveImportUrl("katex/dist/katex.min.css")}"`);
 		return imports.join("\n");
 	}
 };
-
 //#endregion
 //#region node/virtual/configs.ts
 const templateConfigs = {
@@ -1122,59 +1265,24 @@ const templateConfigs = {
 		return `export default ${JSON.stringify(config)}`;
 	}
 };
-
-//#endregion
-//#region node/virtual/deprecated.ts
-/**
-* Kept for backward compatibility, use #slidev/slides instead
-*
-* @deprecated
-*/
-const templateLegacyRoutes = {
-	id: "/@slidev/routes",
-	getContent() {
-		return [`export { slides } from '#slidev/slides'`, `console.warn('[slidev] #slidev/routes is deprecated, use #slidev/slides instead')`].join("\n");
-	}
-};
-/**
-* Kept for backward compatibility, use #slidev/title-renderer instead
-*
-* @deprecated
-*/
-const templateLegacyTitles = {
-	id: "/@slidev/titles.md",
-	getContent() {
-		return `
-<script setup lang="ts">
-import TitleRenderer from '#slidev/title-renderer'
-defineProps<{ no: number | string }>()
-console.warn('/@slidev/titles.md is deprecated, import from #slidev/title-renderer instead')
-<\/script>
-
-<TitleRenderer :no="no" />
-`;
-	}
-};
-
-//#endregion
-//#region node/virtual/global-layers.ts
-const id = `/@slidev/global-layers`;
 const templateGlobalLayers = {
-	id,
-	getContent({ roots, userRoot }) {
+	id: `/@slidev/global-layers`,
+	getContent({ roots }) {
+		const { makeAbsoluteImportGlob } = this;
+		const imports = [`import { h } from 'vue'`];
+		let importIndex = 0;
 		function* getComponent(name, names) {
 			yield `const ${name}Components = [\n`;
 			for (const root of roots) {
-				const globs = names.map((name$1) => join(root, `${name$1}.{ts,js,vue}`));
-				yield "  Object.values(";
-				yield makeAbsoluteImportGlob(id, globs, { import: "default" }, userRoot);
-				yield ")[0],\n";
+				const globs = names.map((name) => join(root, `${name}.{ts,js,vue}`));
+				const importName = `__slidev_global_layer_${importIndex++}`;
+				imports.push(`import ${importName} from ${JSON.stringify(makeAbsoluteImportGlob(globs, { import: "default" }))}`);
+				yield `  Object.values(${importName})[0],\n`;
 			}
 			yield `].filter(Boolean)\n`;
 			yield `export const ${name} = { render: () => ${name}Components.map(comp => h(comp)) }\n\n`;
 		}
-		return [
-			`import { h } from 'vue'\n\n`,
+		const body = [
 			...getComponent("GlobalTop", [
 				"global",
 				"global-top",
@@ -1184,9 +1292,9 @@ const templateGlobalLayers = {
 			...getComponent("SlideTop", ["slide-top", "SlideTop"]),
 			...getComponent("SlideBottom", ["slide-bottom", "SlideBottom"])
 		].join("");
+		return `${imports.join("\n")}\n\n${body}`;
 	}
 };
-
 //#endregion
 //#region node/virtual/layouts.ts
 const templateLayouts = {
@@ -1200,7 +1308,6 @@ const templateLayouts = {
 		return [imports.join("\n"), `export default {\n${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}\n}`].join("\n\n");
 	}
 };
-
 //#endregion
 //#region node/virtual/monaco-deps.ts
 const templateMonacoRunDeps = {
@@ -1226,7 +1333,6 @@ const templateMonacoRunDeps = {
 		return result;
 	}
 };
-
 //#endregion
 //#region node/virtual/monaco-types.ts
 const templateMonacoTypes = {
@@ -1263,7 +1369,6 @@ const templateMonacoTypes = {
 		return result;
 	}
 };
-
 //#endregion
 //#region node/virtual/nav-controls.ts
 const templateNavControls = {
@@ -1279,21 +1384,24 @@ export default {
 }`;
 	}
 };
-
 //#endregion
 //#region node/virtual/setups.ts
 function createSetupTemplate(name) {
-	const id$2 = `/@slidev/setups/${name}`;
 	return {
-		id: id$2,
-		getContent({ roots, userRoot }) {
-			return `export default [${roots.map((root) => {
-				return `Object.values(${makeAbsoluteImportGlob(id$2, [join(root, `setup/${name}.{ts,js,mts,mjs}`)], { import: "default" }, userRoot)})[0]`;
-			}).join(", ")}].filter(Boolean)`;
+		id: `/@slidev/setups/${name}`,
+		getContent({ roots }) {
+			const imports = [];
+			const globs = roots.map((root) => {
+				const glob = join(root, `setup/${name}.{ts,js,mts,mjs}`);
+				const importName = `__slidev_setup_${imports.length}`;
+				imports.push(`import ${importName} from ${JSON.stringify(this.makeAbsoluteImportGlob([glob], { import: "default" }))}`);
+				return `Object.values(${importName})[0]`;
+			});
+			return `${imports.join("\n")}\n\nexport default [${globs.join(", ")}].filter(Boolean)`;
 		}
 	};
 }
-const setupModules = [
+const templateSetups = [
 	"shiki",
 	"code-runners",
 	"monaco",
@@ -1304,9 +1412,7 @@ const setupModules = [
 	"routes",
 	"shortcuts",
 	"context-menu"
-];
-const templateSetups = setupModules.map(createSetupTemplate);
-
+].map(createSetupTemplate);
 //#endregion
 //#region node/virtual/slides.ts
 const VIRTUAL_SLIDE_PREFIX = "/@slidev/slides/";
@@ -1344,24 +1450,6 @@ const templateSlides = {
 		].join("\n");
 	}
 };
-
-//#endregion
-//#region node/virtual/titles.ts
-const templateTitleRendererMd = {
-	id: "/@slidev/title-renderer.md",
-	getContent({ data }) {
-		const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="no === ${i + 1}">\n\n${title}\n\n</template>`);
-		lines.push(`<script setup lang="ts">`, `import { useSlideContext } from '@slidev/client/context.ts'`, `import { computed } from 'vue'`, `const props = defineProps<{ no?: number | string }>()`, `const { $page } = useSlideContext()`, `const no = computed(() => +(props.no ?? $page.value))`, `<\/script>`);
-		return lines.join("\n");
-	}
-};
-const templateTitleRenderer = {
-	id: "/@slidev/title-renderer",
-	async getContent() {
-		return "export { default } from \"/@slidev/title-renderer.md\"";
-	}
-};
-
 //#endregion
 //#region node/virtual/index.ts
 const templates = [
@@ -1379,7 +1467,6 @@ const templates = [
 	templateLegacyRoutes,
 	templateLegacyTitles
 ];
-
 //#endregion
 //#region node/vite/loaders.ts
 const RE_WORD_CHARS_ONLY = /^[\w-]+$/;
@@ -1391,13 +1478,14 @@ function createSlidesLoader(options, serverOptions) {
 	const hmrSlidesIndexes = /* @__PURE__ */ new Set();
 	let server;
 	let skipHmr = null;
+	const makeAbsoluteImportGlob = createMakeAbsoluteImportGlob(options.userRoot);
 	let sourceIds = resolveSourceIds(data);
-	function resolveSourceIds(data$1) {
+	function resolveSourceIds(data) {
 		const ids = {
 			md: [],
 			frontmatter: []
 		};
-		for (const type of ["md", "frontmatter"]) for (let i = 0; i < data$1.slides.length; i++) ids[type].push(`${data$1.slides[i].source.filepath}__slidev_${i + 1}.${type}`);
+		for (const type of ["md", "frontmatter"]) for (let i = 0; i < data.slides.length; i++) ids[type].push(`${data.slides[i].source.filepath}__slidev_${i + 1}.${type}`);
 		return ids;
 	}
 	function updateServerWatcher() {
@@ -1435,7 +1523,7 @@ function createSlidesLoader(options, serverOptions) {
 						if (parsed.errors.length) console.error("ERROR when saving frontmatter", parsed.errors);
 						else slide.source.frontmatterDoc = parsed;
 					}
-					if (body.note) slide.note = slide.source.note = body.note;
+					if (body.note != null) slide.note = slide.source.note = body.note;
 					if (body.frontmatter) {
 						updateFrontmatterPatch(slide.source, body.frontmatter);
 						Object.assign(slide.frontmatter, body.frontmatter);
@@ -1523,32 +1611,38 @@ function createSlidesLoader(options, serverOptions) {
 			const moduleEntries = [
 				...ctx.modules.filter((i) => i.id === templateMonacoRunDeps.id || i.id === templateMonacoTypes.id),
 				...vueModules,
-				...Array.from(moduleIds).map((id$2) => ctx.server.moduleGraph.getModuleById(id$2))
+				...Array.from(moduleIds).map((id) => ctx.server.moduleGraph.getModuleById(id))
 			].filter(notNullish).filter((i) => !i.id?.startsWith("/@id/@vite-icons"));
 			updateServerWatcher();
 			return moduleEntries;
 		},
 		resolveId: {
 			order: "pre",
-			handler(id$2) {
-				if (id$2.startsWith("/@slidev/") || id$2.includes("__slidev_")) return id$2;
+			handler(id) {
+				if (id.startsWith("/@slidev/") || id.includes("__slidev_")) return id;
 				return null;
 			}
 		},
-		async load(id$2) {
-			const template = templates.find((i) => i.id === id$2);
-			if (template) return {
-				code: await template.getContent.call(this, options),
-				map: { mappings: "" }
-			};
-			const matchFacade = id$2.match(regexSlideFacadeId);
+		async load(id) {
+			const template = templates.find((i) => i.id === id);
+			if (template) {
+				const templateContext = {
+					resolve: this.resolve.bind(this),
+					makeAbsoluteImportGlob
+				};
+				return {
+					code: await template.getContent.call(templateContext, options),
+					map: { mappings: "" }
+				};
+			}
+			const matchFacade = id.match(regexSlideFacadeId);
 			if (matchFacade) {
 				const [, no, type] = matchFacade;
 				const idx = +no - 1;
 				const sourceId = JSON.stringify(sourceIds[type][idx]);
 				return [`export * from ${sourceId}`, `export { default } from ${sourceId}`].join("\n");
 			}
-			const matchSource = id$2.match(regexSlideSourceId);
+			const matchSource = id.match(regexSlideSourceId);
 			if (matchSource) {
 				const [, no, type] = matchSource;
 				const idx = +no - 1;
@@ -1600,6 +1694,7 @@ function createSlidesLoader(options, serverOptions) {
 							`    frontmatter,`,
 							`    filepath: ${JSON.stringify(mode === "dev" ? slide.source.filepath : "")},`,
 							`    start: ${JSON.stringify(slide.source.start)},`,
+							`    sourceIndex: ${JSON.stringify(slide.source.index)},`,
 							`    id: ${idx},`,
 							`    no: ${no},`,
 							"  },",
@@ -1611,7 +1706,7 @@ function createSlidesLoader(options, serverOptions) {
 					};
 				}
 			}
-			if (data.markdownFiles[id$2]) return "";
+			if (data.markdownFiles[id]) return "";
 		}
 	};
 	function renderNote(text = "") {
@@ -1632,15 +1727,14 @@ function createSlidesLoader(options, serverOptions) {
 		}
 		return notesMd.render(md);
 	}
-	function withRenderedNote(data$1) {
+	function withRenderedNote(data) {
 		return {
-			...data$1,
+			...data,
 			...withoutNotes && { note: "" },
-			noteHTML: renderNote(data$1?.note)
+			noteHTML: renderNote(data?.note)
 		};
 	}
 }
-
 //#endregion
 //#region node/setups/transformers.ts
 async function setupTransformers(roots) {
@@ -1663,26 +1757,24 @@ async function setupTransformers(roots) {
 	}
 	return result;
 }
-
 //#endregion
-//#region ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=49e14003b6caa0b7d164cbe71da573809d375bab_0dce998d26f79c06311f476731d22630/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
+//#region ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=49e14003b6caa0b7d164cbe71da573809d375bab_20f9b6719589445333fe4d166d07e531/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
 var SpecialCharacters;
-(function(SpecialCharacters$1) {
-	SpecialCharacters$1[SpecialCharacters$1["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
-	SpecialCharacters$1[SpecialCharacters$1["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
-	SpecialCharacters$1[SpecialCharacters$1["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
-	SpecialCharacters$1[SpecialCharacters$1["WHITESPACE"] = 32] = "WHITESPACE";
-	SpecialCharacters$1[SpecialCharacters$1["NEW_LINE"] = 10] = "NEW_LINE";
-	SpecialCharacters$1[SpecialCharacters$1["EQUALS"] = 61] = "EQUALS";
-	SpecialCharacters$1[SpecialCharacters$1["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
-	SpecialCharacters$1[SpecialCharacters$1["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
-	SpecialCharacters$1[SpecialCharacters$1["NUMBER_NINE"] = 57] = "NUMBER_NINE";
-	SpecialCharacters$1[SpecialCharacters$1["PERCENTAGE"] = 37] = "PERCENTAGE";
-	SpecialCharacters$1[SpecialCharacters$1["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
+(function(SpecialCharacters) {
+	SpecialCharacters[SpecialCharacters["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
+	SpecialCharacters[SpecialCharacters["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
+	SpecialCharacters[SpecialCharacters["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
+	SpecialCharacters[SpecialCharacters["WHITESPACE"] = 32] = "WHITESPACE";
+	SpecialCharacters[SpecialCharacters["NEW_LINE"] = 10] = "NEW_LINE";
+	SpecialCharacters[SpecialCharacters["EQUALS"] = 61] = "EQUALS";
+	SpecialCharacters[SpecialCharacters["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
+	SpecialCharacters[SpecialCharacters["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
+	SpecialCharacters[SpecialCharacters["NUMBER_NINE"] = 57] = "NUMBER_NINE";
+	SpecialCharacters[SpecialCharacters["PERCENTAGE"] = 37] = "PERCENTAGE";
+	SpecialCharacters[SpecialCharacters["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
 })(SpecialCharacters || (SpecialCharacters = {}));
-
 //#endregion
-//#region ../../node_modules/.pnpm/markdown-it@14.1.1/node_modules/markdown-it/lib/token.mjs
+//#region ../../node_modules/.pnpm/markdown-it@14.2.0/node_modules/markdown-it/lib/token.mjs
 /**
 * class Token
 **/
@@ -1835,10 +1927,8 @@ Token.prototype.attrJoin = function attrJoin(name, value) {
 	if (idx < 0) this.attrPush([name, value]);
 	else this.attrs[idx][1] = this.attrs[idx][1] + " " + value;
 };
-var token_default = Token;
-
 //#endregion
-//#region ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=49e14003b6caa0b7d164cbe71da573809d375bab_0dce998d26f79c06311f476731d22630/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
+//#region ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=49e14003b6caa0b7d164cbe71da573809d375bab_20f9b6719589445333fe4d166d07e531/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
 const checkboxRegex = /^ *\[([\sx])] /i;
 function taskLists(md, options = {
 	enabled: false,
@@ -1883,11 +1973,11 @@ function isTodoItem(tokens, index) {
 }
 function todoify(token, options) {
 	if (token.children == null) return;
-	const id$2 = generateIdForToken(token);
-	token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id$2));
+	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$2));
+		token.children.splice(1, 0, createLabelBeginToken(id));
 		token.children.push(createLabelEndToken());
 	}
 }
@@ -1895,21 +1985,21 @@ 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$2) {
-	const checkbox = new token_default("taskListItemCheckbox", "", 0);
+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$2);
+	checkbox.attrSet("id", id);
 	if (checkboxRegex.exec(token.content)?.[1].toLowerCase() === "x") checkbox.attrSet("checked", "true");
 	return checkbox;
 }
-function createLabelBeginToken(id$2) {
-	const labelBeginToken = new token_default("taskListItemLabel_open", "", 1);
-	labelBeginToken.attrSet("id", id$2);
+function createLabelBeginToken(id) {
+	const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+	labelBeginToken.attrSet("id", id);
 	return labelBeginToken;
 }
 function createLabelEndToken() {
-	return new token_default("taskListItemLabel_close", "", -1);
+	return new Token("taskListItemLabel_close", "", -1);
 }
 function isInline(token) {
 	return token.type === "inline";
@@ -1923,38 +2013,227 @@ function isListItem(token) {
 function startsWithTodoMarkdown(token) {
 	return checkboxRegex.test(token.content);
 }
-
+//#endregion
+//#region node/vite/monacoWrite.ts
+const monacoWriterWhitelist = /* @__PURE__ */ new Set();
+function createMonacoWriterPlugin({ userRoot }) {
+	return {
+		name: "slidev:monaco-write",
+		apply: "serve",
+		configureServer(server) {
+			server.ws.on("connection", (socket) => {
+				socket.on("message", async (data) => {
+					let json;
+					try {
+						json = JSON.parse(data.toString());
+					} catch {
+						return;
+					}
+					if (json.type === "custom" && json.event === "slidev:monaco-write") {
+						const { file, content } = json.data;
+						if (!monacoWriterWhitelist.has(file)) {
+							console.error(`[Slidev] Unauthorized file write: ${file}`);
+							return;
+						}
+						const filepath = path.join(userRoot, file);
+						console.log("[Slidev] Writing file:", filepath);
+						await fs$1.writeFile(filepath, content, "utf-8");
+					}
+				});
+			});
+		}
+	};
+}
+//#endregion
+//#region node/syntax/snippet.ts
+const RE_NEWLINE = /\r?\n/;
+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;
+}
+const markers = [
+	{
+		start: /^\s*\/\/\s*#?region\b\s*(.*?)\s*$/,
+		end: /^\s*\/\/\s*#?endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*<!--\s*#?region\b\s*(.*?)\s*-->/,
+		end: /^\s*<!--\s*#?endregion\b\s*(.*?)\s*-->/
+	},
+	{
+		start: /^\s*\/\*\s*#region\b\s*(.*?)\s*\*\//,
+		end: /^\s*\/\*\s*#endregion\b\s*(.*?)\s*\*\//
+	},
+	{
+		start: /^\s*#[rR]egion\b\s*(.*?)\s*$/,
+		end: /^\s*#[eE]nd ?[rR]egion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*#\s*#?region\b\s*(.*?)\s*$/,
+		end: /^\s*#\s*#?endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*(?:--|::|@?REM)\s*#region\b\s*(.*?)\s*$/,
+		end: /^\s*(?:--|::|@?REM)\s*#endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*#pragma\s+region\b\s*(.*?)\s*$/,
+		end: /^\s*#pragma\s+endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*\(\*\s*#region\b\s*(.*?)\s*\*\)/,
+		end: /^\s*\(\*\s*#endregion\b\s*(.*?)\s*\*\)/
+	}
+];
+function findRegion(lines, regionName) {
+	let chosen = null;
+	for (let i = 0; i < lines.length; i++) {
+		for (const re of markers) if (re.start.exec(lines[i])?.[1] === regionName) {
+			chosen = {
+				re,
+				start: i + 1
+			};
+			break;
+		}
+		if (chosen) break;
+	}
+	if (!chosen) return null;
+	let counter = 1;
+	for (let i = chosen.start; i < lines.length; i++) {
+		if (chosen.re.start.exec(lines[i])?.[1] === regionName) {
+			counter++;
+			continue;
+		}
+		const endRegion = chosen.re.end.exec(lines[i])?.[1];
+		if (endRegion === regionName || endRegion === "") {
+			if (--counter === 0) return {
+				...chosen,
+				end: i
+			};
+		}
+	}
+	return null;
+}
+const RE_SNIPPET_IMPORT = /^<<<[ \t]*(\S.*?)(#[\w-]+)?[ \t]*(?:[ \t](\S+?))?[ \t]*(\{.*)?$/;
+function resolveSnippetImport(lineText, userRoot, slide) {
+	const match = lineText.trimStart().match(RE_SNIPPET_IMPORT);
+	if (!match) return null;
+	let [, filepath = "", regionName = "", lang = "", meta = ""] = match;
+	const dir = path.dirname(slide.source.filepath);
+	const src = slash(filepath.startsWith("@/") ? path.resolve(userRoot, filepath.slice(2)) : path.resolve(dir, filepath));
+	lang = lang.trim() || path.extname(filepath).slice(1);
+	meta = meta.trim();
+	if (!(fs.existsSync(src) && fs.statSync(src).isFile())) throw new Error(`Code snippet path not found: ${src}`);
+	let content = fs.readFileSync(src, "utf8");
+	if (regionName) {
+		const lines = content.split(RE_NEWLINE);
+		const region = findRegion(lines, regionName.slice(1));
+		if (region) content = dedent(lines.slice(region.start, region.end).filter((l) => !(region.re.start.test(l) || region.re.end.test(l))).join("\n"));
+	}
+	return {
+		content,
+		filepath,
+		lang,
+		meta,
+		src
+	};
+}
+function MarkdownItSnippet(md, { userRoot, data: { watchFiles, slides } }) {
+	md.block.ruler.before("fence", "snippet_import", (state, startLine, _endLine, silent) => {
+		const pos = state.bMarks[startLine] + state.tShift[startLine];
+		const max = state.eMarks[startLine];
+		const lineText = state.src.slice(pos, max);
+		if (!lineText.match(RE_SNIPPET_IMPORT)) return false;
+		if (silent) return true;
+		const slideNo = state.env.id?.match(regexSlideSourceId);
+		const slide = slideNo ? slides[slideNo[1] - 1] : null;
+		if (!slide) {
+			console.warn(yellow(`[markdown-it-snippet] Snippet syntax is not supported in ${state.env.id || "unknown source"}. Skipped.`));
+			return false;
+		}
+		const snippet = resolveSnippetImport(lineText, userRoot, slide);
+		if (!snippet) return false;
+		const { content, filepath, src } = snippet;
+		let { lang, meta } = snippet;
+		if (meta.includes("{monaco-write}")) {
+			monacoWriterWhitelist.add(filepath);
+			lang = lang.trim();
+			meta = meta.replace("{monaco-write}", "").trim() || "{}";
+			const safeFilepath = JSON.stringify(filepath).slice(1, -1);
+			const encoded = lz.compressToBase64(content);
+			const token = state.push("html_block", "", 0);
+			token.content = `<Monaco writable="${safeFilepath}" code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />\n`;
+			token.map = [startLine, startLine + 1];
+		} else {
+			watchFiles[src] ??= /* @__PURE__ */ new Set();
+			watchFiles[src].add(slide.index);
+			const token = state.push("fence", "code", 0);
+			token.info = `${lang} ${meta}`.trim();
+			token.content = content.endsWith("\n") ? content : `${content}\n`;
+			token.map = [startLine, startLine + 1];
+		}
+		state.line = startLine + 1;
+		return true;
+	}, { alt: [
+		"paragraph",
+		"reference",
+		"blockquote",
+		"list"
+	] });
+}
 //#endregion
 //#region node/syntax/codeblock/magic-move.ts
 const RE_MAGIC_MOVE_INFO = /^(?:md|markdown) magic-move\s*(?:\[([^\]]*)\])?\s*(\{[^}]*\})?/;
 const RE_CODE_BLOCK = /^```([\w'-]+)?(?:[ \t]*|[ \t][ \w\t'-]*)(?:\[([^\]]*)\])?[ \t]*(?:\{([\w*,|-]+)\}[ \t]*(\{[^}]*\})?([^\r\n]*))?\r?\n((?:(?!^```)[\s\S])*?)^```$/gm;
+const RE_INNER_CODE_FENCE = /^```/;
 const RE_LINES_TRUE = /\blines: *true\b/;
 const RE_LINES_FALSE = /\blines: *false\b/;
 function parseLineNumbersOption(options) {
 	return RE_LINES_TRUE.test(options) ? true : RE_LINES_FALSE.test(options) ? false : void 0;
 }
-var magic_move_default = defineCodeblockTransformer(async ({ info, fence, code, options: { data: { config }, utils: { shikiOptions, shiki } } }) => {
+function resolveMagicMoveSnippetImports(code, userRoot, slide, watchFiles) {
+	let inCodeBlock = false;
+	return code.split(/\r?\n/).map((line) => {
+		if (RE_INNER_CODE_FENCE.test(line)) {
+			inCodeBlock = !inCodeBlock;
+			return line;
+		}
+		if (inCodeBlock) return line;
+		const snippet = resolveSnippetImport(line, userRoot, slide);
+		if (!snippet) return line;
+		watchFiles[snippet.src] ??= /* @__PURE__ */ new Set();
+		watchFiles[snippet.src].add(slide.index);
+		return `\`\`\`${`${snippet.lang} ${snippet.meta}`.trim()}\n${snippet.content.endsWith("\n") ? snippet.content : `${snippet.content}\n`}\`\`\``;
+	}).join("\n");
+}
+var magic_move_default = defineCodeblockTransformer(async ({ info, fence, code, slide, options: { userRoot, data: { config, watchFiles }, utils: { shikiOptions, shiki } } }) => {
 	if (fence !== 4) return;
 	const match = info.match(RE_MAGIC_MOVE_INFO);
 	if (!match) return;
 	const [, title = "", options = "{}"] = match;
 	const defaultLineNumbers = parseLineNumbersOption(options) ?? config.lineNumbers;
-	const matches = Array.from(code.matchAll(RE_CODE_BLOCK));
+	const resolvedCode = slide ? resolveMagicMoveSnippetImports(code, userRoot, slide, watchFiles) : code;
+	const matches = Array.from(resolvedCode.matchAll(RE_CODE_BLOCK));
 	if (!matches.length) throw new Error("Magic Move block must contain at least one code block");
 	const ranges = matches.map((i) => normalizeRangeStr(i[3]));
 	const steps = await Promise.all(matches.map(async (i) => {
 		const lang = i[1];
 		const lineNumbers = parseLineNumbersOption(i[4]) ?? defaultLineNumbers;
-		const code$1 = i[6].trimEnd();
-		const options$1 = {
+		const code = i[6].trimEnd();
+		const options = {
 			...shikiOptions,
 			lang
 		};
-		const { tokens, bg, fg: fg$1, rootStyle, themeName } = await shiki.codeToTokens(code$1, options$1);
+		const { tokens, bg, fg, rootStyle, themeName } = await shiki.codeToTokens(code, options);
 		return {
-			...toKeyedTokens(code$1, tokens, JSON.stringify([lang, "themes" in options$1 ? options$1.themes : options$1.theme]), lineNumbers),
+			...toKeyedTokens(code, tokens, JSON.stringify([lang, "themes" in options ? options.themes : options.theme]), lineNumbers),
 			bg,
-			fg: fg$1,
+			fg,
 			rootStyle,
 			themeName,
 			lang
@@ -1962,7 +2241,6 @@ var magic_move_default = defineCodeblockTransformer(async ({ info, fence, code,
 	}));
 	return `<ShikiMagicMove v-bind="${options}" steps-lz="${lz.compressToBase64(JSON.stringify(steps))}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
 });
-
 //#endregion
 //#region node/syntax/codeblock/mermaid.ts
 const RE_MERMAID = /^mermaid\s*(\{[^\n]*\})?/;
@@ -1972,7 +2250,6 @@ var mermaid_default = defineCodeblockTransformer(async ({ info, code }) => {
 	const [, options] = match;
 	return `<Mermaid ${options ? `v-bind="${options}"` : ""} code-lz="${lz.compressToBase64(code.trim())}" />`;
 });
-
 //#endregion
 //#region node/syntax/codeblock/monaco.ts
 const RE_MONACO = /^([\w'-]+)?\s*\{(monaco[\w-]*)\}\s*(\{[^}]*\})?(.*)$/;
@@ -1991,7 +2268,6 @@ var monaco_default = defineCodeblockTransformer(async ({ info, code, options: {
 	} else encoded = lz.compressToBase64(code);
 	return `<Monaco ${options ? `v-bind="${options}"` : ""} ${monaco === "monaco-run" ? "runnable" : ""} lang="${lang}" code-lz="${encoded}" ${diff} />`;
 });
-
 //#endregion
 //#region node/syntax/codeblock/plant-uml.ts
 const RE_PLANT_UML = /^plantuml\s*(\{[^\n]*\})?/;
@@ -2001,7 +2277,6 @@ var plant_uml_default = defineCodeblockTransformer(async ({ info, code, options:
 	const [, options] = match;
 	return `<PlantUml ${options ? `v-bind="${options}"` : ""} code="${encode(code.trim())}"${plantUmlServer === void 0 ? "" : ` server=${JSON.stringify(plantUmlServer)}`} />`;
 });
-
 //#endregion
 //#region node/syntax/codeblock/wrapper.ts
 const RE_BLOCK_INFO = /^([\w'-]+)?(?:[ \t]*|[ \t][ \w\t'-]*)(?:\[([^\]]*)\])?[ \t]*(?:\{([\w,|\-*]+)\})?[ \t]*(\{[^}]*\})?(.*)$/;
@@ -2012,7 +2287,6 @@ var wrapper_default = defineCodeblockTransformer(async ({ info, renderHighlighte
 	const code = await renderHighlighted({ info: `${lang} ${rest}` });
 	return `<CodeBlockWrapper ${optionsProp} title=${JSON.stringify(title)} :ranges='${JSON.stringify(ranges)}'>${escapeVueInCode(code)}</CodeBlockWrapper>`;
 });
-
 //#endregion
 //#region node/syntax/codeblock/index.ts
 function MarkdownItCodeblocks(md, options, extraTransformers) {
@@ -2048,7 +2322,6 @@ function MarkdownItCodeblocks(md, options, extraTransformers) {
 		throw new Error("Should not reach here");
 	};
 }
-
 //#endregion
 //#region node/syntax/drag.ts
 const dragComponentRegex = /<(v-?drag-?\w*)([\s>])/i;
@@ -2056,8 +2329,8 @@ const dragDirectiveRegex = /(?<![</\w])v-drag(=".*?")?/i;
 function MarkdownItVDrag(md, markdownTransformMap) {
 	const visited = /* @__PURE__ */ new WeakSet();
 	const sourceMapConsumers = /* @__PURE__ */ new WeakMap();
-	function getSourceMapConsumer(id$2) {
-		const s = id$2 && markdownTransformMap.get(id$2);
+	function getSourceMapConsumer(id) {
+		const s = id && markdownTransformMap.get(id);
 		if (!s) return void 0;
 		let smc = sourceMapConsumers.get(s);
 		if (smc) return smc;
@@ -2107,7 +2380,6 @@ function MarkdownItVDrag(md, markdownTransformMap) {
 		});
 	};
 }
-
 //#endregion
 //#region node/syntax/escape-code.ts
 const RE_CODE_TAG_OPEN = /^<code/;
@@ -2117,7 +2389,6 @@ function MarkdownItEscapeInlineCode(md) {
 		return (await codeInline(tokens, idx, options, env, self)).replace(RE_CODE_TAG_OPEN, "<code v-pre");
 	};
 }
-
 //#endregion
 //#region node/syntax/scoped.ts
 const RE_STYLE_TAG_OPEN = /<style\b([^>]*)>/gi;
@@ -2134,7 +2405,6 @@ function MarkdownItStyleScoped(md) {
 	const htmlInline = md.renderer.rules.html_inline;
 	md.renderer.rules.html_inline = async (...args) => addScoped(await htmlInline(...args));
 }
-
 //#endregion
 //#region node/syntax/shiki.ts
 async function MarkdownItShiki({ data: { config }, mode, utils: { shiki, shikiOptions } }) {
@@ -2152,7 +2422,10 @@ async function MarkdownItShiki({ data: { config }, mode, utils: { shiki, shikiOp
 		]);
 		return transformerTwoslash({
 			explicitTrigger: true,
-			twoslashOptions: { handbookOptions: { noErrorValidation: true } }
+			twoslashOptions: {
+				compilerOptions: { ignoreDeprecations: "6.0" },
+				handbookOptions: { noErrorValidation: true }
+			}
 		});
 	}
 	const transformers = [
@@ -2179,7 +2452,6 @@ function transformerTwoslashConditional() {
 		}
 	};
 }
-
 //#endregion
 //#region node/syntax/slot-sugar.ts
 const RE_SLOT_MARKER = /^::\s*([\w.\-:]+)\s*::\s*$/;
@@ -2230,167 +2502,6 @@ function MarkdownItSlotSugar(md) {
 		state.tokens = newTokens;
 	});
 }
-
-//#endregion
-//#region node/vite/monacoWrite.ts
-const monacoWriterWhitelist = /* @__PURE__ */ new Set();
-function createMonacoWriterPlugin({ userRoot }) {
-	return {
-		name: "slidev:monaco-write",
-		apply: "serve",
-		configureServer(server) {
-			server.ws.on("connection", (socket) => {
-				socket.on("message", async (data) => {
-					let json;
-					try {
-						json = JSON.parse(data.toString());
-					} catch {
-						return;
-					}
-					if (json.type === "custom" && json.event === "slidev:monaco-write") {
-						const { file, content } = json.data;
-						if (!monacoWriterWhitelist.has(file)) {
-							console.error(`[Slidev] Unauthorized file write: ${file}`);
-							return;
-						}
-						const filepath = path.join(userRoot, file);
-						console.log("[Slidev] Writing file:", filepath);
-						await fs$1.writeFile(filepath, content, "utf-8");
-					}
-				});
-			});
-		}
-	};
-}
-
-//#endregion
-//#region node/syntax/snippet.ts
-const RE_NEWLINE = /\r?\n/;
-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;
-}
-const markers = [
-	{
-		start: /^\s*\/\/\s*#?region\b\s*(.*?)\s*$/,
-		end: /^\s*\/\/\s*#?endregion\b\s*(.*?)\s*$/
-	},
-	{
-		start: /^\s*<!--\s*#?region\b\s*(.*?)\s*-->/,
-		end: /^\s*<!--\s*#?endregion\b\s*(.*?)\s*-->/
-	},
-	{
-		start: /^\s*\/\*\s*#region\b\s*(.*?)\s*\*\//,
-		end: /^\s*\/\*\s*#endregion\b\s*(.*?)\s*\*\//
-	},
-	{
-		start: /^\s*#[rR]egion\b\s*(.*?)\s*$/,
-		end: /^\s*#[eE]nd ?[rR]egion\b\s*(.*?)\s*$/
-	},
-	{
-		start: /^\s*#\s*#?region\b\s*(.*?)\s*$/,
-		end: /^\s*#\s*#?endregion\b\s*(.*?)\s*$/
-	},
-	{
-		start: /^\s*(?:--|::|@?REM)\s*#region\b\s*(.*?)\s*$/,
-		end: /^\s*(?:--|::|@?REM)\s*#endregion\b\s*(.*?)\s*$/
-	},
-	{
-		start: /^\s*#pragma\s+region\b\s*(.*?)\s*$/,
-		end: /^\s*#pragma\s+endregion\b\s*(.*?)\s*$/
-	},
-	{
-		start: /^\s*\(\*\s*#region\b\s*(.*?)\s*\*\)/,
-		end: /^\s*\(\*\s*#endregion\b\s*(.*?)\s*\*\)/
-	}
-];
-function findRegion(lines, regionName) {
-	let chosen = null;
-	for (let i = 0; i < lines.length; i++) {
-		for (const re of markers) if (re.start.exec(lines[i])?.[1] === regionName) {
-			chosen = {
-				re,
-				start: i + 1
-			};
-			break;
-		}
-		if (chosen) break;
-	}
-	if (!chosen) return null;
-	let counter = 1;
-	for (let i = chosen.start; i < lines.length; i++) {
-		if (chosen.re.start.exec(lines[i])?.[1] === regionName) {
-			counter++;
-			continue;
-		}
-		const endRegion = chosen.re.end.exec(lines[i])?.[1];
-		if (endRegion === regionName || endRegion === "") {
-			if (--counter === 0) return {
-				...chosen,
-				end: i
-			};
-		}
-	}
-	return null;
-}
-const RE_SNIPPET_IMPORT = /^<<<[ \t]*(\S.*?)(#[\w-]+)?[ \t]*(?:[ \t](\S+?))?[ \t]*(\{.*)?$/;
-function MarkdownItSnippet(md, { userRoot, data: { watchFiles, slides } }) {
-	md.block.ruler.before("fence", "snippet_import", (state, startLine, _endLine, silent) => {
-		const pos = state.bMarks[startLine] + state.tShift[startLine];
-		const max = state.eMarks[startLine];
-		const match = state.src.slice(pos, max).match(RE_SNIPPET_IMPORT);
-		if (!match) return false;
-		if (silent) return true;
-		let [, filepath = "", regionName = "", lang = "", meta = ""] = match;
-		const slideNo = state.env.id?.match(regexSlideSourceId);
-		const slide = slideNo ? slides[slideNo[1] - 1] : null;
-		if (!slide) {
-			console.warn(yellow(`[markdown-it-snippet] Snippet syntax is not supported in ${state.env.id || "unknown source"}. Skipped.`));
-			return false;
-		}
-		const dir = path.dirname(slide.source.filepath);
-		const src = slash(filepath.startsWith("@/") ? path.resolve(userRoot, filepath.slice(2)) : path.resolve(dir, filepath));
-		lang = lang.trim() || path.extname(filepath).slice(1);
-		meta = meta.trim();
-		if (!(fs.existsSync(src) && fs.statSync(src).isFile())) throw new Error(`Code snippet path not found: ${src}`);
-		let content = fs.readFileSync(src, "utf8");
-		if (regionName) {
-			const lines = content.split(RE_NEWLINE);
-			const region = findRegion(lines, regionName.slice(1));
-			if (region) content = dedent(lines.slice(region.start, region.end).filter((l) => !(region.re.start.test(l) || region.re.end.test(l))).join("\n"));
-		}
-		if (meta.includes("{monaco-write}")) {
-			monacoWriterWhitelist.add(filepath);
-			lang = lang.trim();
-			meta = meta.replace("{monaco-write}", "").trim() || "{}";
-			const safeFilepath = JSON.stringify(filepath).slice(1, -1);
-			const encoded = lz.compressToBase64(content);
-			const token = state.push("html_block", "", 0);
-			token.content = `<Monaco writable="${safeFilepath}" code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />\n`;
-			token.map = [startLine, startLine + 1];
-		} else {
-			watchFiles[src] ??= /* @__PURE__ */ new Set();
-			watchFiles[src].add(slide.index);
-			const token = state.push("fence", "code", 0);
-			token.info = `${lang} ${meta}`.trim();
-			token.content = content.endsWith("\n") ? content : `${content}\n`;
-			token.map = [startLine, startLine + 1];
-		}
-		state.line = startLine + 1;
-		return true;
-	}, { alt: [
-		"paragraph",
-		"reference",
-		"blockquote",
-		"list"
-	] });
-}
-
 //#endregion
 //#region node/syntax/index.ts
 async function useMarkdownItPlugins(md, options, markdownTransformMap, codeblockTransformers) {
@@ -2413,7 +2524,6 @@ async function useMarkdownItPlugins(md, options, markdownTransformMap, codeblock
 	md.use(MarkdownItStyleScoped);
 	md.use(MarkdownItGitHubAlerts);
 }
-
 //#endregion
 //#region node/vite/markdown.ts
 const RE_MD_EXT$1 = /\.md$/;
@@ -2446,13 +2556,13 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
 		},
 		transforms: {
 			...mdOptions?.transforms,
-			async before(code, id$2) {
-				if (options.data.markdownFiles[id$2]) return "";
-				code = await mdOptions?.transforms?.before?.(code, id$2) ?? code;
-				const match = id$2.match(regexSlideSourceId);
+			async before(code, id) {
+				if (options.data.markdownFiles[id]) return "";
+				code = await mdOptions?.transforms?.before?.(code, id) ?? code;
+				const match = id.match(regexSlideSourceId);
 				if (!match) return code;
 				const s = new MagicString(code);
-				markdownTransformMap.set(id$2, s);
+				markdownTransformMap.set(id, s);
 				const ctx = {
 					s,
 					slide: options.data.slides[+match[1] - 1],
@@ -2468,19 +2578,18 @@ async function createMarkdownPlugin(options, { markdown: mdOptions }) {
 		}
 	});
 }
-
 //#endregion
 //#region node/vite/monacoTypes.ts
 function createMonacoTypesLoader({ userRoot, utils }) {
 	return {
 		name: "slidev:monaco-types-loader",
-		resolveId(id$2) {
-			if (id$2.startsWith("/@slidev-monaco-types/")) return id$2;
+		resolveId(id) {
+			if (id.startsWith("/@slidev-monaco-types/")) return id;
 			return null;
 		},
-		async load(id$2) {
-			if (!id$2.startsWith("/@slidev-monaco-types/")) return null;
-			const url = new URL(id$2, "http://localhost");
+		async load(id) {
+			if (!id.startsWith("/@slidev-monaco-types/")) return null;
+			const url = new URL(id, "http://localhost");
 			if (url.pathname === "/@slidev-monaco-types/resolve") {
 				const query = new URLSearchParams(url.search);
 				const pkg = query.get("pkg");
@@ -2490,7 +2599,7 @@ function createMonacoTypesLoader({ userRoot, utils }) {
 				const root = slash(dirname(pkgJsonPath));
 				const pkgJson = JSON.parse(await fs$1.readFile(pkgJsonPath, "utf-8"));
 				let deps = Object.keys(pkgJson.dependencies ?? {});
-				deps = deps.filter((pkg$1) => !utils.isMonacoTypesIgnored(pkg$1));
+				deps = deps.filter((pkg) => !utils.isMonacoTypesIgnored(pkg));
 				return [`import "/@slidev-monaco-types/load?${new URLSearchParams({
 					root,
 					name: pkgJson.name
@@ -2519,7 +2628,6 @@ function createMonacoTypesLoader({ userRoot, utils }) {
 		}
 	};
 }
-
 //#endregion
 //#region node/vite/patchMonacoSourceMap.ts
 const postfixRE = /[?#].*$/;
@@ -2533,20 +2641,19 @@ function createPatchMonacoSourceMapPlugin() {
 	return {
 		name: "slidev:patch-monaco-sourcemap",
 		enforce: "pre",
-		load(id$2) {
-			if (!id$2.includes("node_modules/monaco-editor/esm/vs/base")) return;
-			return readFile(cleanUrl(id$2), "utf-8");
+		load(id) {
+			if (!id.includes("node_modules/monaco-editor/esm/vs/base")) return;
+			return readFile(cleanUrl(id), "utf-8");
 		}
 	};
 }
-
 //#endregion
 //#region node/vite/remoteAssets.ts
 async function createRemoteAssetsPlugin({ data: { config }, mode }, pluginOptions) {
 	if (!(config.remoteAssets === true || config.remoteAssets === mode)) return;
 	const { VitePluginRemoteAssets, DefaultRules } = await import("vite-plugin-remote-assets");
 	return VitePluginRemoteAssets({
-		resolveMode: (id$2) => id$2.endsWith("index.html") ? "relative" : "@fs",
+		resolveMode: (id) => id.endsWith("index.html") ? "relative" : "@fs",
 		awaitDownload: mode === "build",
 		...pluginOptions.remoteAssets,
 		rules: [
@@ -2559,7 +2666,6 @@ async function createRemoteAssetsPlugin({ data: { config }, mode }, pluginOption
 		]
 	});
 }
-
 //#endregion
 //#region node/integrations/drawings.ts
 function resolveDrawingsDir(options) {
@@ -2575,10 +2681,10 @@ async function loadDrawings(options) {
 		suppressErrors: true
 	});
 	const obj = {};
-	await Promise.all(files.map(async (path$1) => {
-		const num = +basename(path$1, ".svg");
+	await Promise.all(files.map(async (path) => {
+		const num = +basename(path, ".svg");
 		if (Number.isNaN(num)) return;
-		const lines = (await fs$1.readFile(path$1, "utf8")).split(/\n/g);
+		const lines = (await fs$1.readFile(path, "utf8")).split(/\n/g);
 		obj[num.toString()] = lines.slice(1, -1).join("\n");
 	}));
 	return obj;
@@ -2595,7 +2701,6 @@ async function writeDrawings(options, drawing) {
 		await fs$1.writeFile(join(dir, `${key}.svg`), svg, "utf-8");
 	}));
 }
-
 //#endregion
 //#region node/integrations/snapshots.ts
 function resolveSnapshotsDir(options) {
@@ -2613,7 +2718,6 @@ async function writeSnapshots(options, data) {
 	await fs$1.mkdir(dir, { recursive: true });
 	await fs$1.writeFile(join(dir, "snapshots.json"), JSON.stringify(data, null, 2), "utf-8");
 }
-
 //#endregion
 //#region node/vite/serverRef.ts
 async function createServerRefPlugin(options, pluginOptions) {
@@ -2642,7 +2746,6 @@ async function createServerRefPlugin(options, pluginOptions) {
 		}
 	});
 }
-
 //#endregion
 //#region node/vite/staticCopy.ts
 async function createStaticCopyPlugin({ themeRoots, addonRoots }, pluginOptions) {
@@ -2658,7 +2761,6 @@ async function createStaticCopyPlugin({ themeRoots, addonRoots }, pluginOptions)
 		...pluginOptions.staticCopy
 	});
 }
-
 //#endregion
 //#region node/setups/unocss.ts
 async function setupUnocss({ clientRoot, roots, data, utils }) {
@@ -2687,7 +2789,6 @@ async function setupUnocss({ clientRoot, roots, data, utils }) {
 	config.theme.fontFamily.serif ||= data.config.fonts.serif.join(",");
 	return config;
 }
-
 //#endregion
 //#region node/vite/unocss.ts
 async function createUnocssPlugin(options, pluginOptions) {
@@ -2697,7 +2798,6 @@ async function createUnocssPlugin(options, pluginOptions) {
 		...pluginOptions.unocss
 	});
 }
-
 //#endregion
 //#region node/vite/vue.ts
 const RE_VUE_EXT = /\.vue$/;
@@ -2758,7 +2858,6 @@ async function createVuePlugin(_options, pluginOptions) {
 	});
 	return [VueJsx(vuejsxOptions), VuePlugin];
 }
-
 //#endregion
 //#region node/vite/index.ts
 function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
@@ -2768,6 +2867,7 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 		createLayoutWrapperPlugin(options),
 		createContextInjectionPlugin(),
 		createVuePlugin(options, pluginOptions),
+		createSlideImportGuardPlugin(),
 		createHmrPatchPlugin(),
 		createComponentsPlugin(options, pluginOptions),
 		createIconsPlugin(options, pluginOptions),
@@ -2784,7 +2884,6 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
 		setupVitePlugins(options)
 	]);
 }
-
 //#endregion
 //#region node/commands/shared.ts
 const sharedMd = MarkdownExit({ html: true });
@@ -2814,6 +2913,11 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
 	});
 	return baseConfig;
 }
-
 //#endregion
-export { parser as a, resolveAddons as c, updateFrontmatterPatch as d, resolveOptions as i, version as l, ViteSlidevPlugin as n, getThemeMeta as o, createDataUtils as r, resolveTheme as s, resolveViteConfigs as t, loadSetups as u };
+//#region node/commands/serve.ts
+async function createServer$1(options, viteConfig = {}, serverOptions) {
+	process.env.EDITOR = process.env.EDITOR || "code";
+	return await createServer(await resolveViteConfigs(options, { optimizeDeps: { entries: [join(options.clientRoot, "main.ts")] } }, viteConfig, "serve", serverOptions));
+}
+//#endregion
+export { resolveOptions as a, resolveTheme as c, updateFrontmatterPatch as d, createDataUtils as i, version as l, resolveViteConfigs as n, parser as o, ViteSlidevPlugin as r, getThemeMeta as s, createServer$1 as t, loadSetups as u };