@deot/docs-playground 1.1.4 → 1.1.5

package/dist/{compile-Da095AyM.cjs → compile-29EUKPOy.cjs}

@@ -1,7 +1,4 @@
-const require_scss = require("./scss-B8OFbz1k.cjs");
-const require_files = require("./files-BsAOZiPN.cjs");
-const require_script = require("./script-BiCcpu3G.cjs");
-const require_local_sandbox = require("./local-sandbox-0ojvBQPO.cjs");
+const require_css = require("./css-DpqJBQ5c.cjs");
 let sass = require("sass");
 //#region packages/playground/src/core/runtime/local/compile/scss.ts
 /**
@@ -21,7 +18,7 @@ var toScssFiles = (files) => {
 };
 var compileLocalScss = (source, filename, files, lang) => {
 	try {
-		return require_scss.compileScssSource(source, filename.replace(/^\/+/u, ""), compiler, toScssFiles(files), lang);
+		return require_css.compileScssSource(source, filename.replace(/^\/+/u, ""), compiler, toScssFiles(files), lang);
 	} catch (error) {
 		/* istanbul ignore next -- Sass 失败时 message 总是字符串 */
 		const message = error instanceof Error ? error.message : String(error);
@@ -188,7 +185,7 @@ var transformJson = (parsed, filename) => {
 	return lines.join("\n");
 };
 var compileOne = async (filename, code, files) => {
-	const ext = require_files.getExtension(filename);
+	const ext = require_css.getExtension(filename);
 	const errors = [];
 	if (ext === ".vue") {
 		if (/lang\s*=\s*["']jsx["']/iu.test(code) || /lang\s*=\s*["']tsx["']/iu.test(code)) {
@@ -204,7 +201,7 @@ var compileOne = async (filename, code, files) => {
 		errors.push(...result.errors);
 		return {
 			filename,
-			js: require_script.transformScript(result.js, filename, { typescript: true }),
+			js: require_css.transformScript(result.js, filename, { typescript: true }),
 			css: result.css,
 			errors
 		};
@@ -216,7 +213,7 @@ var compileOne = async (filename, code, files) => {
 		errors
 	};
 	if (ext === ".scss" || ext === ".sass") try {
-		const { css, exports: styleExports } = require_scss.extractScssExports(compileLocalScss(code, filename, files), filename);
+		const { css, exports: styleExports } = require_css.extractScssExports(compileLocalScss(code, filename, files), filename);
 		return {
 			filename,
 			js: `exports.__esModule = true; exports.default = ${JSON.stringify(styleExports)};\n//# sourceURL=playground://${filename}`,
@@ -251,7 +248,7 @@ var compileOne = async (filename, code, files) => {
 	if (ext === ".js" || ext === ".ts" || ext === ".jsx" || ext === ".tsx") try {
 		return {
 			filename,
-			js: require_script.transformScript(code, filename, {
+			js: require_css.transformScript(code, filename, {
 				typescript: ext === ".ts" || ext === ".tsx",
 				jsx: ext === ".jsx" || ext === ".tsx"
 			}),
@@ -286,7 +283,7 @@ var compilePlayground = async (files, entryOrOptions) => {
 	const errors = [];
 	let entry;
 	try {
-		entry = require_files.resolveEntry(files, options.entry);
+		entry = require_css.resolveEntry(files, options.entry);
 	} catch (error) {
 		return {
 			entry: "",
@@ -295,8 +292,8 @@ var compilePlayground = async (files, entryOrOptions) => {
 			errors: [messageOf(error)]
 		};
 	}
-	const fileIndex = require_files.createFileIndex(files);
-	const reachable = require_files.collectReachableFilenames(files, entry);
+	const fileIndex = require_css.createFileIndex(files);
+	const reachable = require_css.collectReachableFilenames(files, entry);
 	const modules = {};
 	const cssChunks = [];
 	for (const filename of reachable) {
@@ -309,9 +306,9 @@ var compilePlayground = async (files, entryOrOptions) => {
 			js: compiled.js,
 			css: compiled.css
 		};
-		cssChunks.push(...require_local_sandbox.collectCss([compiled.css]));
+		cssChunks.push(...require_css.collectCss([compiled.css]));
 	}
-	const normalizedEntry = require_files.normalizeVirtualPath(entry);
+	const normalizedEntry = require_css.normalizeVirtualPath(entry);
 	/* istanbul ignore if -- 可达编译总会留下入口模块 */
 	if (!modules[normalizedEntry]) errors.push(`[Playground] 入口编译结果缺失: ${normalizedEntry}`);
 	return {

package/dist/{compile-BHD98Ttf.js → compile-CM_OyqYN.js}

@@ -1,7 +1,4 @@
-import { d as resolveEntry, n as collectReachableFilenames, o as getExtension, r as createFileIndex, u as normalizeVirtualPath } from "./files-BqucFldk.js";
-import { n as compileScssSource, r as extractScssExports } from "./scss-DIh6971q.js";
-import { n as transformScript } from "./script-DjUf9uWK.js";
-import { n as collectCss } from "./local-sandbox-DvcgaBOa.js";
+import { a as transformScript, c as createFileIndex, h as resolveEntry, m as normalizeVirtualPath, s as collectReachableFilenames, t as collectCss, u as getExtension, v as compileScssSource, y as extractScssExports } from "./css-DleINdoA.js";
 import { compileString } from "sass";
 //#region packages/playground/src/core/runtime/local/compile/scss.ts
 /**

package/dist/css-DleINdoA.js

@@ -0,0 +1,580 @@
+import { watch } from "vue";
+import { transform } from "sucrase";
+import * as VueCompiler from "@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
+//#region packages/playground/src/constants.ts
+var DEFAULT_ENTRY = "App.vue";
+/** 预览样式和默认 import map 共用的 npm CDN 前缀。 */
+var DEFAULT_CDN_URL = "https://cdn.jsdelivr.net/npm";
+var NEW_SFC_CODE = `<script setup lang="ts"><\/script>\n\n<template>\n  <div>\n    <slot />\n  <\/div>\n<\/template>\n`;
+//#endregion
+//#region packages/playground/src/cdn.ts
+var PREVIEW_STYLE_ASSETS = [
+	"@deot/style/dist/index.normalize-only.css",
+	"@deot/vc-components/dist/index.style.css",
+	"@deot/style/dist/index.css"
+];
+var BUILTIN_IMPORT_ASSETS = {
+	"@deot/vc": "@deot/vc/dist/index.js",
+	"@deot/vc-shared": "@deot/vc-shared/dist/index.js",
+	"@deot/vc-hooks": "@deot/vc-hooks/dist/index.js",
+	"@deot/vc-locale": "@deot/vc-locale/dist/index.js",
+	"@deot/vc-components": "@deot/vc-components/dist/index.js",
+	"@deot/helper-resize": "@deot/helper-resize/dist/index.js",
+	"@deot/helper-utils": "@deot/helper-utils/dist/index.js",
+	"@deot/helper-cache": "@deot/helper-cache/dist/index.js",
+	"@deot/helper-fp": "@deot/helper-fp/dist/index.js",
+	"@deot/helper-dom": "@deot/helper-dom/dist/index.js",
+	"@deot/helper-wheel": "@deot/helper-wheel/dist/index.js",
+	"@deot/helper-validator": "@deot/helper-validator/dist/index.js",
+	"@deot/helper-load": "@deot/helper-load/dist/index.js",
+	"@deot/helper-scheduler": "@deot/helper-scheduler/dist/index.js",
+	"@deot/helper-emitter": "@deot/helper-emitter/dist/index.js",
+	"@deot/helper-is": "@deot/helper-is/dist/index.js",
+	"@deot/helper-device": "@deot/helper-device/dist/index.js",
+	"@deot/helper-route": "@deot/helper-route/dist/index.js",
+	"@deot/helper-unicode": "@deot/helper-unicode/dist/index.js",
+	"@deot/helper": "@deot/helper/dist/index.js",
+	"normalize-wheel": "normalize-wheel-es/dist/index.mjs",
+	"photoswipe": "photoswipe/dist/photoswipe.esm.js",
+	"photoswipe/lightbox": "photoswipe/dist/photoswipe-lightbox.esm.js",
+	"vue": "vue/dist/vue.runtime.esm-browser.js",
+	"vue/server-renderer": "vue/dist/server-renderer.esm-browser.js"
+};
+var normalizeCdnURL = (cdnURL = DEFAULT_CDN_URL) => {
+	return cdnURL.trim().replace(/\/+$/u, "") || "https://cdn.jsdelivr.net/npm";
+};
+var cdnJoin = (origin, asset) => `${origin}/${asset.replace(/^\/+/u, "")}`;
+var jsdelivrEsmURL = (asset) => cdnJoin(DEFAULT_CDN_URL, asset);
+var SASS_CDN_URL = jsdelivrEsmURL("sass/+esm");
+var cdnAsset = (cdnURL, asset) => cdnJoin(normalizeCdnURL(cdnURL), asset);
+var createBuiltinImports = (cdnURL = DEFAULT_CDN_URL) => ({
+	...Object.fromEntries(Object.entries(BUILTIN_IMPORT_ASSETS).map(([specifier, asset]) => [specifier, cdnAsset(cdnURL, asset)])),
+	"lodash-es": jsdelivrEsmURL("lodash-es/+esm")
+});
+var createBuiltinStyles = (cdnURL = DEFAULT_CDN_URL) => Object.fromEntries(PREVIEW_STYLE_ASSETS.map((asset) => [asset, cdnAsset(cdnURL, asset)]));
+var resolveNpmImport = (specifier) => /^https?:\/\//.test(specifier) ? specifier : jsdelivrEsmURL(`${specifier}/+esm`);
+//#endregion
+//#region packages/playground/src/core/scss.ts
+var SCHEME = "docs-playground";
+var STYLE_EXTS = [".scss", ".sass"];
+var VUE_SCSS_STYLE_RE = /<style\b[^>]*\blang\s*=\s*(['"]?)s[ac]ss\1/i;
+var LANG_ATTR_RE = /\s*lang\s*=\s*(['"]?)s[ac]ss\1/i;
+var SCSS_ERROR_MARK = "[playground-sass]";
+var INJECT_START = "/* docs-playground-scss-start */";
+var INJECT_END = "/* docs-playground-scss-end */";
+var boundStores = /* @__PURE__ */ new WeakSet();
+var wrappedCompilers = /* @__PURE__ */ new WeakSet();
+var loadedSass;
+var loadPromise;
+var fileCode = (value) => typeof value === "string" ? value : value.code;
+var playgroundPath = (url) => decodeURIComponent(url.pathname.replace(/^\/+/u, ""));
+var toPlaygroundUrl = (filename) => new URL(`${SCHEME}:///${filename.replace(/^\/+/u, "")}`);
+var basename$1 = (path) => path.split("/").pop() || path;
+var scssSyntax = (filename, lang) => lang === "sass" || /\.sass$/i.test(filename) ? "indented" : "scss";
+var errorText = (item) => item instanceof Error ? item.message : String(item);
+var isScssFile = (filename) => /\.s[ac]ss$/i.test(filename);
+var vueSourceNeedsScss = (source) => VUE_SCSS_STYLE_RE.test(source);
+var resolveSassModule = async (url) => {
+	const mod = await import(
+		/* @vite-ignore */
+		url
+);
+	const sass = typeof mod.compileString === "function" ? mod : mod.default;
+	if (typeof sass?.compileString !== "function") throw new Error(`Sass module at ${url} does not export compileString`);
+	return sass;
+};
+var loadSass = () => {
+	loadPromise ??= (() => resolveSassModule(SASS_CDN_URL))().then((sass) => {
+		loadedSass = sass;
+		return sass;
+	});
+	return loadPromise;
+};
+var isScssPartial = (filename) => isScssFile(filename) && basename$1(filename).startsWith("_");
+var filesNeedScss = (files) => Object.entries(files).some(([filename, value]) => isScssFile(filename) || /\.vue$/i.test(filename) && vueSourceNeedsScss(fileCode(value)));
+var whenSassReady = (files, run) => {
+	if (!filesNeedScss(files) || loadedSass) run();
+	else loadSass().then(run);
+};
+var toPlaygroundFileMap = (files) => Object.fromEntries(Object.entries(files).map(([filename, value]) => [filename, fileCode(value)]));
+var formatScssError = (filename, message) => `${SCSS_ERROR_MARK} ${filename}: ${message}`;
+var scssFail = (filename, error) => formatScssError(filename, errorText(error));
+var withUnderscore = (path) => {
+	const base = basename$1(path);
+	if (base.startsWith("_")) return path;
+	return `${path.slice(0, -base.length)}_${base}`;
+};
+var matchFileKey = (files, path) => [
+	path,
+	path.startsWith("src/") ? path : `src/${path}`,
+	path.replace(/^src\//u, "")
+].find((key) => files[key] !== void 0);
+var stylesheetCandidates = (requestPath) => {
+	if (isScssFile(requestPath)) return [requestPath, withUnderscore(requestPath)];
+	return STYLE_EXTS.flatMap((ext) => [
+		`${requestPath}${ext}`,
+		withUnderscore(`${requestPath}${ext}`),
+		`${requestPath}/index${ext}`,
+		withUnderscore(`${requestPath}/index${ext}`)
+	]);
+};
+var resolvePlaygroundStylesheet = (files, requestPath) => {
+	const found = [...new Set(stylesheetCandidates(requestPath).map((path) => matchFileKey(files, path)).filter((key) => Boolean(key)))];
+	if (found.length > 1) throw new Error(`Ambiguous Sass import "${requestPath}": ${found.join(", ")}`);
+	return found[0] ?? null;
+};
+var createPlaygroundImporter = (getFiles) => ({
+	canonicalize(url, context) {
+		if (/^[a-zA-Z][\w+.-]*:/u.test(url) && !url.startsWith(`${SCHEME}:`)) return null;
+		try {
+			const resolved = resolvePlaygroundStylesheet(getFiles(), playgroundPath(new URL(url, context.containingUrl ?? toPlaygroundUrl(""))));
+			return resolved ? toPlaygroundUrl(resolved) : null;
+		} catch {
+			return null;
+		}
+	},
+	load(canonicalUrl) {
+		const files = getFiles();
+		const key = playgroundPath(canonicalUrl);
+		return files[key] === void 0 ? null : {
+			contents: files[key],
+			syntax: scssSyntax(key)
+		};
+	}
+});
+var compileScssSource = (source, filename, sass, files, lang) => {
+	const importer = createPlaygroundImporter(() => files);
+	return sass.compileString(source, {
+		syntax: scssSyntax(filename, lang),
+		url: toPlaygroundUrl(filename),
+		importer,
+		importers: [importer]
+	}).css;
+};
+var rewriteVueSfcStyles = (source, filename, parse, sass, files) => {
+	const scssStyles = parse(source, { filename }).descriptor.styles.filter((style) => style.lang === "scss" || style.lang === "sass");
+	if (!scssStyles.length) return {
+		code: source,
+		errors: []
+	};
+	const errors = [];
+	let code = source;
+	for (const style of [...scssStyles].sort((left, right) => right.loc.start.offset - left.loc.start.offset)) {
+		const before = code.slice(0, style.loc.start.offset);
+		const after = code.slice(style.loc.end.offset);
+		const openStart = before.lastIndexOf("<style");
+		if (openStart < 0) {
+			errors.push(formatScssError(filename, "unable to locate <style> opening tag"));
+			continue;
+		}
+		try {
+			const css = compileScssSource(style.content, filename, sass, files, style.lang);
+			code = `${before.slice(0, openStart)}${before.slice(openStart).replace(LANG_ATTR_RE, "")}${css}${after}`;
+		} catch (error) {
+			errors.push(scssFail(filename, error));
+		}
+	}
+	return {
+		code,
+		errors
+	};
+};
+var appendParseErrors = (result, errors) => errors.length ? {
+	...result,
+	errors: [...result.errors, ...errors.map((item) => new Error(item))]
+} : result;
+var wrapCompiler = (compiler, getFiles) => {
+	if (wrappedCompilers.has(compiler)) return compiler;
+	const originalParse = compiler.parse.bind(compiler);
+	const wrapped = { ...compiler };
+	wrapped.parse = ((source, options) => {
+		const filename = options?.filename || "anonymous.vue";
+		if (!vueSourceNeedsScss(source)) return originalParse(source, options);
+		const rewritten = loadedSass ? rewriteVueSfcStyles(source, filename, originalParse, loadedSass, getFiles()) : {
+			code: source,
+			errors: [formatScssError(filename, "compiler is not loaded")]
+		};
+		return appendParseErrors(originalParse(rewritten.errors.length ? source : rewritten.code, options), rewritten.errors);
+	});
+	wrappedCompilers.add(wrapped);
+	return wrapped;
+};
+var withInjectedCss = (css, extra) => {
+	const start = css.indexOf(INJECT_START);
+	const end = start < 0 ? -1 : css.indexOf(INJECT_END, start);
+	const base = (start < 0 ? css : `${css.slice(0, start)}${end >= 0 ? css.slice(end + 30) : ""}`).trimEnd();
+	if (!extra.trim()) return base;
+	const block = `${INJECT_START}\n${extra.trim()}\n${INJECT_END}`;
+	return base ? `${base}\n${block}` : block;
+};
+var isStandaloneScssError = (item) => {
+	const text = errorText(item);
+	return text.startsWith(SCSS_ERROR_MARK) && /\.s[ac]ss:/i.test(text);
+};
+var syncScssErrors = (store, scssErrors) => {
+	const next = [...scssErrors, ...store.errors.filter((item) => !isStandaloneScssError(item))];
+	if (next.map(String).join("\0") === store.errors.map(String).join("\0")) return;
+	store.errors = next;
+};
+var extractScssExports = (css, filename) => {
+	const exports = {};
+	if (/\.module\.(?:scss|sass)$/.test(filename)) css = css.replace(/:export\s*\{([^}]*)\}/g, (_block, declarations) => {
+		for (const declaration of declarations.split(";")) {
+			const colon = declaration.indexOf(":");
+			if (colon >= 0) exports[declaration.slice(0, colon).trim()] = declaration.slice(colon + 1).trim();
+		}
+		return "";
+	});
+	return {
+		css,
+		exports
+	};
+};
+var applyStandaloneScss = (store, sass = loadedSass) => {
+	if (!sass) return [];
+	const fileMap = toPlaygroundFileMap(store.files);
+	const errors = [];
+	const injected = [];
+	for (const [filename, file] of Object.entries(store.files)) {
+		if (!isScssFile(filename) || !file.compiled) continue;
+		try {
+			const { css, exports } = extractScssExports(compileScssSource(file.code, filename, sass, fileMap), filename);
+			file.compiled.css = css;
+			file.compiled.js = file.compiled.ssr = `export default ${JSON.stringify(exports)};\n`;
+			if (!isScssPartial(filename) && css.trim()) injected.push(css);
+		} catch (error) {
+			errors.push(scssFail(filename, error));
+		}
+	}
+	const main = store.files[store.mainFile];
+	if (main?.compiled) {
+		const next = withInjectedCss(main.compiled.css || "", injected.join("\n"));
+		if (next !== (main.compiled.css || "")) main.compiled.css = next;
+	}
+	syncScssErrors(store, errors);
+	return errors;
+};
+var bindPlaygroundScss = (store) => {
+	if (boundStores.has(store)) return;
+	boundStores.add(store);
+	const getFiles = () => toPlaygroundFileMap(store.files);
+	const installCompiler = () => {
+		if (typeof store.compiler?.parse === "function") store.compiler = wrapCompiler(store.compiler, getFiles);
+	};
+	installCompiler();
+	watch(() => store.compiler, installCompiler);
+	watch(() => [
+		store.mainFile,
+		store.files[store.mainFile]?.compiled?.css,
+		store.errors.map(String).join("\0"),
+		Object.entries(store.files).filter(([filename]) => isScssFile(filename)).map(([filename, file]) => `${filename}:${file.code}`).join("\n")
+	].join("\0"), () => {
+		if (loadedSass) applyStandaloneScss(store);
+	});
+	const originalSetFiles = store.setFiles.bind(store);
+	store.setFiles = async (newFiles, mainFile) => {
+		if (filesNeedScss(newFiles) && !loadedSass) await loadSass();
+		return originalSetFiles(newFiles, mainFile);
+	};
+};
+//#endregion
+//#region packages/playground/src/core/runtime/local/compile/types.ts
+var IGNORED_FILENAMES = /* @__PURE__ */ new Set(["import-map.json", "tsconfig.json"]);
+//#endregion
+//#region packages/playground/src/core/runtime/local/compile/files.ts
+/**
+* 统一成以 `/` 开头的 POSIX 绝对虚拟路径。
+* `App.vue` 与 `/App.vue` 是同一文件，和 iframe 预览使用的 files 键一致。
+* @param filename Playground files 的键或相对路径。
+* @returns 以 `/` 开头的虚拟路径。
+*/
+var normalizeVirtualPath = (filename) => {
+	const raw = String(filename || "").replace(/\\/gu, "/").trim();
+	if (!raw) return "/";
+	const parts = (raw.startsWith("/") ? raw : `/${raw}`).split("/");
+	const stack = [];
+	for (const part of parts) {
+		if (!part || part === ".") continue;
+		if (part === "..") {
+			if (stack.length) stack.pop();
+			continue;
+		}
+		stack.push(part);
+	}
+	return `/${stack.join("/")}`;
+};
+var dirname = (filename) => {
+	const path = normalizeVirtualPath(filename);
+	const index = path.lastIndexOf("/");
+	if (index <= 0) return "/";
+	return path.slice(0, index) || "/";
+};
+var basename = (filename) => {
+	const path = normalizeVirtualPath(filename);
+	const index = path.lastIndexOf("/");
+	return index === -1 ? path : path.slice(index + 1);
+};
+var joinVirtualPath = (baseDir, relative) => {
+	const rel = String(relative || "").replace(/\\/gu, "/");
+	if (rel.startsWith("/")) return normalizeVirtualPath(rel);
+	const base = normalizeVirtualPath(baseDir);
+	return normalizeVirtualPath(`${base === "/" ? "" : base}/${rel}`);
+};
+var getExtension = (filename) => {
+	const name = basename(filename);
+	const index = name.lastIndexOf(".");
+	if (index <= 0) return "";
+	return name.slice(index).toLowerCase();
+};
+var isIgnoredFilename = (filename) => IGNORED_FILENAMES.has(basename(filename));
+var createFileIndex = (files) => {
+	const index = /* @__PURE__ */ new Map();
+	Object.entries(files || {}).forEach(([filename, code]) => {
+		const normalized = normalizeVirtualPath(filename);
+		if (isIgnoredFilename(normalized)) return;
+		index.set(normalized, code);
+	});
+	return index;
+};
+var resolveEntry = (files, entry) => {
+	const index = createFileIndex(files);
+	if (!index.size) throw new Error("[Playground] files 为空，无法确定入口");
+	if (entry) {
+		const normalized = normalizeVirtualPath(entry);
+		if (isIgnoredFilename(normalized)) throw new Error(`[Playground] entry 不能是 ${basename(normalized)}`);
+		if (!index.has(normalized)) throw new Error(`[Playground] entry 不在 files 中: ${entry}`);
+		return normalized;
+	}
+	for (const key of Object.keys(files || {})) {
+		const normalized = normalizeVirtualPath(key);
+		if (!isIgnoredFilename(normalized) && index.has(normalized)) return normalized;
+	}
+	/* istanbul ignore next -- 忽略文件已在前面排除，正常 files 不会走到这里 */
+	throw new Error("[Playground] files 中没有可用的入口文件");
+};
+var CANDIDATE_EXTENSIONS = [
+	".vue",
+	".ts",
+	".js",
+	".tsx",
+	".jsx",
+	".json",
+	".css",
+	".scss",
+	".sass"
+];
+/**
+* 相对 / 无扩展名解析，行为对齐 Vite：精确路径、补扩展名、`/index.*`。
+* @param fromFilename 发起导入的文件。
+* @param specifier 相对或绝对虚拟路径。
+* @param fileIndex 虚拟路径到 files 键的索引。
+* @returns 解析后的 files 键；找不到时返回 null。
+*/
+var resolveModulePath = (fromFilename, specifier, fileIndex) => {
+	if (!specifier || !(specifier === "." || specifier === ".." || specifier.startsWith("./") || specifier.startsWith("../") || specifier.startsWith("/"))) return null;
+	const target = joinVirtualPath(dirname(fromFilename), specifier);
+	if (fileIndex.has(target)) return target;
+	for (const ext of CANDIDATE_EXTENSIONS) {
+		const withExt = `${target}${ext}`;
+		if (fileIndex.has(withExt)) return withExt;
+	}
+	for (const ext of CANDIDATE_EXTENSIONS) {
+		const asIndex = `${target}/index${ext}`;
+		if (fileIndex.has(asIndex)) return asIndex;
+	}
+	return null;
+};
+var getCommonRoot = (filenames) => {
+	const normalized = filenames.map(normalizeVirtualPath);
+	if (!normalized.length) return "/";
+	const split = normalized.map((path) => path.split("/").filter(Boolean));
+	const first = split[0];
+	let depth = first.length;
+	for (let i = 1; i < split.length; i += 1) {
+		let common = 0;
+		while (common < depth && common < split[i].length && first[common] === split[i][common]) common += 1;
+		depth = common;
+	}
+	if (!depth) return "/";
+	const maybeFile = `/${first.slice(0, depth).join("/")}`;
+	if (normalized.some((path) => path === maybeFile)) return dirname(maybeFile);
+	return maybeFile;
+};
+var isInsideRoot = (filename, root) => {
+	const path = normalizeVirtualPath(filename);
+	const base = normalizeVirtualPath(root);
+	if (base === "/") return true;
+	return path === base || path.startsWith(`${base}/`);
+};
+/**
+* 静态 import / export-from / import() 的模块说明符。
+* @param code 源码文本。
+* @returns 按出现顺序收集到的说明符。
+*/
+var listImportSpecifiers = (code) => {
+	const result = [];
+	const source = String(code || "");
+	for (const match of source.matchAll(/(?:\bfrom\s+|import\s*\(\s*|import\s+)['"]([^'"]+)['"]/gu)) if (match[1]) result.push(match[1]);
+	return result;
+};
+var isRelativeSpecifier = (id) => id === "." || id === ".." || id.startsWith("./") || id.startsWith("../") || id.startsWith("/");
+/**
+* 从入口出发只编译静态 import 能走到的文件。
+* @param files 当前 Playground 文件表。
+* @param entry 入口文件名。
+* @returns 可达文件名，入口在最前。
+*/
+var collectReachableFilenames = (files, entry) => {
+	const index = createFileIndex(files);
+	const ordered = [];
+	const seen = /* @__PURE__ */ new Set();
+	const visit = (filename) => {
+		const key = normalizeVirtualPath(filename);
+		if (seen.has(key) || !index.has(key)) return;
+		seen.add(key);
+		ordered.push(key);
+		listImportSpecifiers(index.get(key) || "").forEach((specifier) => {
+			const resolved = resolveModulePath(key, specifier, index);
+			if (resolved) visit(resolved);
+		});
+	};
+	visit(entry);
+	return ordered;
+};
+var collectBareSpecifiers = (files, filenames) => {
+	const index = createFileIndex(files);
+	const result = [];
+	const seen = /* @__PURE__ */ new Set();
+	filenames.forEach((filename) => {
+		listImportSpecifiers(index.get(normalizeVirtualPath(filename)) || "").forEach((specifier) => {
+			if (!specifier || isRelativeSpecifier(specifier) || seen.has(specifier) || /\.(?:css|scss|sass)(?:[?#]|$)/.test(specifier)) return;
+			seen.add(specifier);
+			result.push(specifier);
+		});
+	});
+	return result;
+};
+//#endregion
+//#region packages/playground/src/core/runtime/local/compile/script.ts
+var { babelParse, walkIdentifiers, MagicString } = VueCompiler;
+var rewriteJsxAttributes = (code) => {
+	const replacements = [];
+	for (const match of code.matchAll(/\b([\w-]+:[\w-]+)\s*=\s*\{/g)) {
+		let depth = 1;
+		let quote = "";
+		const start = match.index + match[0].length;
+		let end = start;
+		for (; end < code.length; end += 1) {
+			const character = code[end];
+			if (quote) {
+				if (character === "\\") end += 1;
+				else if (character === quote) quote = "";
+			} else if ("\"'`".includes(character)) quote = character;
+			else if (character === "{") depth += 1;
+			else if (character === "}" && --depth === 0) break;
+		}
+		replacements.push({
+			start: match.index,
+			end: end + 1,
+			text: `{...{${JSON.stringify(match[1])}: ${code.slice(start, end)}}}`
+		});
+	}
+	for (const item of replacements.reverse()) code = code.slice(0, item.start) + item.text + code.slice(item.end);
+	return code;
+};
+var removeImportedTypeExports = (code) => {
+	const types = /* @__PURE__ */ new Set();
+	for (const match of code.matchAll(/\bimport\s+type\s*\{([^}]+)\}\s*from\s*['"][^'"]+['"]/g)) for (const item of match[1].split(",")) types.add(item.trim().split(/\s+as\s+/).pop());
+	return code.replace(/\bexport\s*\{([^}]+)\}(?!\s*from)/g, (_statement, names) => `export {${names.split(",").filter((item) => !types.has(item.trim().split(/\s+as\s+/)[0])).join(",")}}`);
+};
+/**
+* files 里的 `import.meta.env` 没有 Vite 注入，接到开发态占位对象上。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名。
+* @returns 替换 `import.meta` 之后的源码。
+*/
+var rewriteImportMeta = (code, filename) => {
+	if (!code.includes("process") && !code.includes("import.meta")) return code;
+	const source = new MagicString(code);
+	let hasMeta = false;
+	walkIdentifiers(babelParse(code, { sourceType: "module" }), (id, parent, parents) => {
+		if (id.name === "import" && parent?.type === "MetaProperty") {
+			source.overwrite(parent.start, parent.end, "import_meta");
+			hasMeta = true;
+		}
+		const outer = parents[parents.length - 2];
+		if (id.name === "process" && parent?.type === "MemberExpression" && parent.object === id && !parent.computed && parent.property.type === "Identifier" && parent.property.name === "env" && outer?.type === "MemberExpression" && outer.object === parent && !outer.computed && outer.property.type === "Identifier" && outer.property.name === "NODE_ENV") source.overwrite(outer.start, outer.end, JSON.stringify("development"));
+	}, true);
+	if (!hasMeta) return source.toString();
+	const meta = {
+		url: `playground://${filename}`,
+		env: {
+			MODE: "development",
+			DEV: true,
+			PROD: false,
+			SSR: false
+		}
+	};
+	return `var import_meta = ${JSON.stringify(meta)};\n${source}`;
+};
+/**
+* 将 TS / ESM 转成可被 `new Function('require','module','exports', code)` 执行的 CJS。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名，用来判断是否按 TypeScript 转换。
+* @param options 转换选项。
+* @param options.typescript 是否启用 TypeScript 转换。
+* @param options.jsx 是否转换 Vue JSX。
+* @param options.esm 是否保留 ESM 导入导出供 iframe 使用。
+* @returns 可执行的 CJS 文本。
+*/
+var transformScript = (code, filename, options = {}) => {
+	const transforms = options.esm ? [] : ["imports"];
+	const wantTs = options.typescript === true || options.typescript !== false && (filename.endsWith(".ts") || filename.endsWith(".tsx"));
+	if (wantTs) transforms.unshift("typescript");
+	if (options.jsx) transforms.unshift("jsx");
+	try {
+		const script = wantTs ? removeImportedTypeExports(code) : code;
+		const source = options.jsx ? `import { h as __docs_h, Fragment as __docs_Fragment } from 'vue';\n${rewriteJsxAttributes(script)}` : script;
+		return `${rewriteImportMeta(transform(source, {
+			transforms,
+			disableESTransforms: true,
+			production: true,
+			jsxRuntime: "classic",
+			jsxPragma: "__docs_h",
+			jsxFragmentPragma: "__docs_Fragment",
+			filePath: filename
+		}).code, filename)}\n//# sourceURL=playground://${filename}`;
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		throw new Error(`[Playground] 脚本转换失败 ${filename}: ${message}`, { cause: error });
+	}
+};
+//#endregion
+//#region packages/playground/src/core/runtime/local/compile/css.ts
+var collectCss = (chunks) => {
+	const result = [];
+	chunks.forEach((chunk) => {
+		const css = String(chunk || "").trim();
+		if (css) result.push(css);
+	});
+	return result;
+};
+var injectStyle = (id, cssList) => {
+	/* istanbul ignore if -- 仅浏览器注入样式 */
+	if (typeof document === "undefined") return null;
+	document.querySelector(`style[data-playground-id="${id}"]`)?.remove();
+	const css = cssList.filter(Boolean).join("\n");
+	if (!css) return null;
+	const style = document.createElement("style");
+	style.setAttribute("data-playground-id", id);
+	style.textContent = css;
+	document.head.appendChild(style);
+	return style;
+};
+var removeStyle = (id) => {
+	/* istanbul ignore if -- 仅浏览器注入样式 */
+	if (typeof document === "undefined") return;
+	document.querySelector(`style[data-playground-id="${id}"]`)?.remove();
+};
+//#endregion
+export { normalizeCdnURL as C, NEW_SFC_CODE as D, DEFAULT_ENTRY as E, createBuiltinStyles as S, DEFAULT_CDN_URL as T, bindPlaygroundScss as _, transformScript as a, whenSassReady as b, createFileIndex as c, isIgnoredFilename as d, isInsideRoot as f, resolveModulePath as g, resolveEntry as h, rewriteImportMeta as i, getCommonRoot as l, normalizeVirtualPath as m, injectStyle as n, collectBareSpecifiers as o, isRelativeSpecifier as p, removeStyle as r, collectReachableFilenames as s, collectCss as t, getExtension as u, compileScssSource as v, resolveNpmImport as w, createBuiltinImports as x, extractScssExports as y };