@deot/docs-playground 1.1.4 → 1.1.5

package/dist/local-sandbox-0ojvBQPO.cjs

@@ -1,432 +0,0 @@
-const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.cjs");
-const require_store = require("./store-DKawhFZu.cjs");
-let vue = require("vue");
-vue = require_rolldown_runtime.__toESM(vue);
-let _deot_vc = require("@deot/vc");
-let vue_router = require("vue-router");
-vue_router = require_rolldown_runtime.__toESM(vue_router);
-//#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
-//#region packages/playground/src/core/runtime/local/playground.ts
-/**
-* 直接渲染与页面同文档，弹层不需要临时撑高。
-* `run` 仍返回可调用函数，但不会申请高度，也不会改动预览尺寸。
-* @param vue 宿主 Vue，只用其中的 `isRef`。
-* @returns 注入给预览的 `docs:playground`。
-*/
-var createLocalPlayground = (vue) => {
-	const run = (_height, optionsOrHandler, lastHandler) => {
-		const visible = (typeof optionsOrHandler === "function" || optionsOrHandler == null ? {} : optionsOrHandler).visible;
-		const handler = typeof optionsOrHandler === "function" ? optionsOrHandler : typeof lastHandler === "function" ? lastHandler : vue.isRef(visible) ? () => {
-			visible.value = true;
-		} : void 0;
-		return (...args) => {
-			if (typeof handler !== "function") return void 0;
-			return handler(...args);
-		};
-	};
-	return {
-		enable: () => Promise.resolve(true),
-		disable() {},
-		dispose() {},
-		run
-	};
-};
-//#endregion
-//#region packages/playground/src/core/runtime/local/port.ts
-/** 只在桥接 iframe 内部转发，保证父页面收到的 source 是该 iframe。 */
-var LOCAL_BRIDGE_CHANNEL = "docs:local-out";
-var BRIDGE_INSTALLER = `
-if (!window.__docsLocalBridge) {
-	window.__docsLocalBridge = true;
-	window.addEventListener('message', function (event) {
-		var data = event.data;
-		if (!data || data.channel !== ${JSON.stringify(LOCAL_BRIDGE_CHANNEL)}) return;
-		window.parent.postMessage(data.payload, '*');
-	});
-}
-`;
-var LOCAL_BRIDGE_SRCDOC = `<!doctype html><html><head></head><body><script>${BRIDGE_INSTALLER}<\/script></body></html>`;
-/**
-* 在同源空白 iframe 里安装转发脚本。调用发生在 iframe realm，父页面看到的 source 才是它。
-* @param iframe 用作消息身份的空白 iframe。
-* @returns 脚本是否已经装上。
-*/
-var installLocalBridge = (iframe) => {
-	const win = iframe.contentWindow;
-	if (!win || win.__docsLocalBridge) return Boolean(win?.__docsLocalBridge);
-	win.eval(BRIDGE_INSTALLER);
-	return Boolean(win.__docsLocalBridge);
-};
-/**
-* 满足 PlaygroundService 现有 Window 调用的预览窗口。
-* 出站消息经 iframe 转发，入站回复再交回服务，协议仍是 docs:height / docs:navigate。
-*/
-var LocalPreviewPort = class {
-	iframe;
-	parent;
-	listeners = /* @__PURE__ */ new Map();
-	constructor(iframe) {
-		this.iframe = iframe;
-		this.parent = { postMessage: (data) => {
-			this.iframe.contentWindow?.postMessage({
-				channel: LOCAL_BRIDGE_CHANNEL,
-				payload: data
-			}, "*");
-		} };
-	}
-	get contentWindow() {
-		return this.iframe.contentWindow;
-	}
-	get innerHeight() {
-		const fromWindow = this.iframe.contentWindow?.innerHeight ?? 0;
-		if (fromWindow > 0) return fromWindow;
-		return this.iframe.clientHeight || this.iframe.parentElement?.clientHeight || 0;
-	}
-	addEventListener(type, listener) {
-		const win = this.iframe.contentWindow;
-		if (!win) return;
-		if (type !== "message") {
-			win.addEventListener(type, listener);
-			return;
-		}
-		const wrapped = (event) => {
-			const message = event;
-			const data = message.data;
-			if (data && data.channel === "docs:local-out") return;
-			listener({
-				data: message.data,
-				source: this.parent
-			});
-		};
-		this.listeners.set(listener, wrapped);
-		win.addEventListener("message", wrapped);
-	}
-	removeEventListener(type, listener) {
-		const win = this.iframe.contentWindow;
-		if (!win) return;
-		const wrapped = this.listeners.get(listener);
-		if (wrapped) {
-			this.listeners.delete(listener);
-			win.removeEventListener(type, wrapped);
-			return;
-		}
-		win.removeEventListener(type, listener);
-	}
-	requestAnimationFrame(callback) {
-		return window.requestAnimationFrame(callback);
-	}
-	cancelAnimationFrame(handle) {
-		window.cancelAnimationFrame(handle);
-	}
-	setTimeout(handler, timeout, ...args) {
-		return window.setTimeout(handler, timeout, ...args);
-	}
-	clearTimeout(handle) {
-		window.clearTimeout(handle);
-	}
-};
-//#endregion
-//#region packages/playground/src/core/runtime/local/format-error.ts
-/**
-* 空 reject（例如弹层取消）不要渲染成红条。
-* @param error 运行时抛出的值。
-* @returns 可展示的错误文本；空取消返回空字符串。
-*/
-var formatPlaygroundRuntimeError = (error) => {
-	if (error == null) return "";
-	const raw = typeof error === "object" && "message" in error ? error.message : error;
-	if (raw == null || raw === "") return "";
-	const text = String(raw);
-	if (text === "undefined" || text === "null") return "";
-	return text;
-};
-//#endregion
-//#region packages/playground/src/core/runtime/local/local-sandbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["srcdoc"];
-var local_sandbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
-	__name: "local-sandbox",
-	props: {
-		files: {},
-		entry: {},
-		options: {},
-		previewScroller: {
-			type: Boolean,
-			default: false
-		},
-		clearConsole: {
-			type: Boolean,
-			default: false
-		},
-		autoHeight: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["error"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const bridgeSrcdoc = LOCAL_BRIDGE_SRCDOC;
-		const containerEl = (0, vue.ref)(null);
-		const bridgeEl = (0, vue.ref)(null);
-		const mountEl = (0, vue.ref)(null);
-		const compileError = (0, vue.ref)("");
-		const runtimeError = (0, vue.ref)("");
-		const messageSource = (0, vue.shallowRef)(null);
-		let port = null;
-		let previewApp = null;
-		let version = 0;
-		let pendingMount = null;
-		const styleId = `docs-local-${Math.random().toString(36).slice(2, 10)}`;
-		const publishError = () => {
-			emit("error", {
-				compile: compileError.value,
-				runtime: runtimeError.value
-			});
-		};
-		(0, vue.watch)([compileError, runtimeError], publishError);
-		const createDocsLink = (preview) => (0, vue.defineComponent)({
-			name: "DocsLink",
-			props: { to: {
-				type: String,
-				default: ""
-			} },
-			setup(linkProps, { slots }) {
-				return () => (0, vue.h)("a", {
-					href: linkProps.to,
-					style: {
-						color: "inherit",
-						textDecoration: "none"
-					},
-					onClick(event) {
-						event.preventDefault();
-						preview.parent.postMessage({
-							action: "docs:navigate",
-							to: linkProps.to
-						});
-					}
-				}, slots.default?.());
-			}
-		});
-		const destroyPreview = () => {
-			previewApp?.unmount();
-			previewApp = null;
-			removeStyle(styleId);
-		};
-		const mountPreview = (component, preview, css) => {
-			if (!mountEl.value) return;
-			destroyPreview();
-			injectStyle(styleId, css);
-			if (props.clearConsole) console.clear();
-			const useScroller = props.previewScroller === true;
-			const app = vue.createApp({
-				name: "LocalSandboxRoot",
-				setup() {
-					const service = createLocalPlayground(vue);
-					(0, vue.provide)("docs:playground", service);
-					(0, vue.onErrorCaptured)((error) => {
-						const message = formatPlaygroundRuntimeError(error);
-						if (message) runtimeError.value = message;
-						return false;
-					});
-					(0, vue.onBeforeUnmount)(() => service.dispose());
-					return () => {
-						const content = (0, vue.h)(component);
-						if (!useScroller) return content;
-						return (0, vue.h)(_deot_vc.Scroller, {
-							height: "100%",
-							native: false,
-							autoResize: true,
-							showBar: true,
-							contentClass: require_store.PREVIEW_SCROLL_CONTENT_CLASS
-						}, { default: () => content });
-					};
-				}
-			});
-			app.component("DocsLink", createDocsLink(preview));
-			app.config.errorHandler = (error) => {
-				const message = formatPlaygroundRuntimeError(error);
-				if (message) runtimeError.value = message;
-			};
-			app.mount(mountEl.value);
-			previewApp = app;
-		};
-		const ensurePort = () => {
-			const iframe = bridgeEl.value;
-			if (!iframe?.contentWindow) return null;
-			try {
-				if (!installLocalBridge(iframe)) return null;
-			} catch {
-				return null;
-			}
-			port ??= new LocalPreviewPort(iframe);
-			messageSource.value = iframe.contentWindow;
-			return port;
-		};
-		const tryMount = async () => {
-			const job = pendingMount;
-			/* istanbul ignore if -- 桥接 iframe 尚未就绪或编译已被取代 */
-			if (!job || job.version !== version) return;
-			const preview = ensurePort();
-			/* istanbul ignore if -- 挂载点在编译完成时已经存在 */
-			if (!preview || !mountEl.value) return;
-			await (0, vue.nextTick)();
-			/* istanbul ignore if -- 桥接 iframe 尚未就绪或编译已被取代 */
-			if (pendingMount !== job || !mountEl.value) return;
-			pendingMount = null;
-			mountPreview(job.component, preview, job.css);
-		};
-		const run = async () => {
-			const current = ++version;
-			pendingMount = null;
-			compileError.value = "";
-			runtimeError.value = "";
-			publishError();
-			destroyPreview();
-			try {
-				const [{ compilePlayground }, { linkPlayground }, modulesApi, fileApi] = await Promise.all([
-					Promise.resolve().then(() => require("./compile-Da095AyM.cjs")),
-					Promise.resolve().then(() => require("./linker-DIpEiean.cjs")),
-					Promise.resolve().then(() => require("./modules-E6kK6ZJH.cjs")),
-					Promise.resolve().then(() => require("./files-BsAOZiPN.cjs")).then((n) => n.files_exports)
-				]);
-				/* istanbul ignore if -- 并发编译时只保留最后一次 */
-				if (current !== version) return;
-				const compiled = await compilePlayground(props.files, { entry: props.entry });
-				/* istanbul ignore if -- 并发编译时只保留最后一次 */
-				if (current !== version) return;
-				if (compiled.errors.length || !compiled.entry) {
-					compileError.value = compiled.errors.join("\n") || "[Playground] 未能确定入口";
-					publishError();
-					return;
-				}
-				const imports = require_store.createRuntimeImports(props.options.cdnURL, props.options.builtinImportMap);
-				const specifiers = fileApi.collectBareSpecifiers(props.files, fileApi.collectReachableFilenames(props.files, compiled.entry));
-				const { createRemoteLoader } = await Promise.resolve().then(() => require("./remote-BG0E1Ugo.cjs"));
-				const remote = createRemoteLoader(imports, {
-					vue,
-					vueRouter: vue_router
-				}, props.options.cdnURL);
-				const loaded = await modulesApi.loadLocalModules(specifiers, imports, {
-					vue,
-					vueRouter: vue_router
-				}, (url) => remote.load(url), props.options.cdnURL);
-				/* istanbul ignore if -- 并发编译时只保留最后一次 */
-				if (current !== version) return;
-				if (loaded.errors.length) {
-					compileError.value = loaded.errors.join("\n");
-					publishError();
-					return;
-				}
-				const linked = linkPlayground(compiled, props.files, { modules: loaded.modules });
-				/* istanbul ignore if -- 并发编译时只保留最后一次 */
-				if (current !== version) return;
-				if (linked.errors.length || !linked.component) {
-					compileError.value = (linked.errors.length ? linked.errors : ["[Playground] 未能解析入口组件"]).join("\n");
-					publishError();
-					return;
-				}
-				pendingMount = {
-					component: linked.component,
-					css: linked.css,
-					version: current
-				};
-				await tryMount();
-			} catch (error) {
-				/* istanbul ignore next -- 编译器自身异常才进入，普通错误走结果里的 errors */
-				if (current !== version) return;
-				/* istanbul ignore next -- 同上，只兜底编译器抛错 */
-				compileError.value = error instanceof Error ? error.message : String(error);
-				/* istanbul ignore next -- 同上，只兜底编译器抛错 */
-				publishError();
-			}
-		};
-		const handleBridgeLoad = () => {
-			tryMount();
-		};
-		(0, vue.onMounted)(() => {
-			run();
-		});
-		(0, vue.watch)(() => [
-			props.files,
-			props.entry,
-			props.options,
-			props.previewScroller
-		], () => {
-			if (!containerEl.value) return;
-			run();
-		}, { deep: true });
-		(0, vue.onBeforeUnmount)(() => {
-			version += 1;
-			pendingMount = null;
-			destroyPreview();
-		});
-		__expose({
-			container: containerEl,
-			messageSource,
-			local: true,
-			refresh: () => {
-				run();
-			}
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				ref_key: "containerEl",
-				ref: containerEl,
-				class: "docs-playground-local"
-			}, [(0, vue.createElementVNode)("iframe", {
-				ref_key: "bridgeEl",
-				ref: bridgeEl,
-				class: "docs-playground-local__bridge",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				title: "",
-				srcdoc: (0, vue.unref)(bridgeSrcdoc),
-				onLoad: handleBridgeLoad
-			}, null, 40, _hoisted_1), (0, vue.createElementVNode)("div", {
-				ref_key: "mountEl",
-				ref: mountEl,
-				class: (0, vue.normalizeClass)(["docs-playground-local__mount", { "docs-playground-local__mount--auto": __props.autoHeight }])
-			}, null, 2)], 512);
-		};
-	}
-});
-//#endregion
-//#region packages/playground/src/core/runtime/local/local-sandbox.vue
-var local_sandbox_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({ default: () => local_sandbox_default });
-var local_sandbox_default = local_sandbox_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-exports.collectCss = collectCss;
-exports.default = local_sandbox_default;
-Object.defineProperty(exports, "local_sandbox_exports", {
-	enumerable: true,
-	get: function() {
-		return local_sandbox_exports;
-	}
-});