@deot/docs-playground 1.1.3 → 1.1.5

package/dist/local-sandbox-B8IJ5jWb.js

@@ -1,431 +0,0 @@
-import { j as PREVIEW_SCROLL_CONTENT_CLASS, r as createRuntimeImports } from "./store-D8vwi-HV.js";
-import * as Vue from "vue";
-import { createElementBlock, createElementVNode, defineComponent, h, nextTick, onBeforeUnmount, onErrorCaptured, onMounted, openBlock, provide, ref, shallowRef, unref, watch } from "vue";
-import { Scroller } from "@deot/vc";
-import * as VueRouter from "vue-router";
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#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
-//#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__*/ defineComponent({
-	__name: "local-sandbox",
-	props: {
-		files: {},
-		entry: {},
-		options: {},
-		previewScroller: {
-			type: Boolean,
-			default: false
-		},
-		clearConsole: {
-			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 = ref(null);
-		const bridgeEl = ref(null);
-		const mountEl = ref(null);
-		const compileError = ref("");
-		const runtimeError = ref("");
-		const messageSource = 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
-			});
-		};
-		watch([compileError, runtimeError], publishError);
-		const createDocsLink = (preview) => defineComponent({
-			name: "DocsLink",
-			props: { to: {
-				type: String,
-				default: ""
-			} },
-			setup(linkProps, { slots }) {
-				return () => 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);
-					provide("docs:playground", service);
-					onErrorCaptured((error) => {
-						const message = formatPlaygroundRuntimeError(error);
-						if (message) runtimeError.value = message;
-						return false;
-					});
-					onBeforeUnmount(() => service.dispose());
-					return () => {
-						const content = h(component);
-						if (!useScroller) return content;
-						return h(Scroller, {
-							height: "100%",
-							native: false,
-							autoResize: true,
-							showBar: true,
-							contentClass: 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 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([
-					import("./compile-Bw7v7QE-.js"),
-					import("./linker-JHdz37DK.js"),
-					import("./modules-DlLJF_vd.js"),
-					import("./files-C5UMzYxA.js")
-				]);
-				/* 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 = createRuntimeImports(props.options.cdnURL, props.options.builtinImportMap);
-				const specifiers = fileApi.collectBareSpecifiers(props.files, fileApi.collectReachableFilenames(props.files, compiled.entry));
-				const { createRemoteLoader } = await import("./remote-DfXAsO9n.js");
-				const remote = createRemoteLoader(imports, {
-					vue: Vue,
-					vueRouter: VueRouter
-				}, props.options.cdnURL);
-				const loaded = await modulesApi.loadLocalModules(specifiers, imports, {
-					vue: Vue,
-					vueRouter: VueRouter
-				}, (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();
-		};
-		onMounted(() => {
-			run();
-		});
-		watch(() => [
-			props.files,
-			props.entry,
-			props.options,
-			props.previewScroller
-		], () => {
-			if (!containerEl.value) return;
-			run();
-		}, { deep: true });
-		onBeforeUnmount(() => {
-			version += 1;
-			pendingMount = null;
-			destroyPreview();
-		});
-		__expose({
-			container: containerEl,
-			messageSource,
-			local: true,
-			refresh: () => {
-				run();
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "containerEl",
-				ref: containerEl,
-				class: "docs-playground-local"
-			}, [createElementVNode("iframe", {
-				ref_key: "bridgeEl",
-				ref: bridgeEl,
-				class: "docs-playground-local__bridge",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				title: "",
-				srcdoc: unref(bridgeSrcdoc),
-				onLoad: handleBridgeLoad
-			}, null, 40, _hoisted_1), createElementVNode("div", {
-				ref_key: "mountEl",
-				ref: mountEl,
-				class: "docs-playground-local__mount"
-			}, null, 512)], 512);
-		};
-	}
-});
-//#endregion
-//#region packages/playground/src/core/runtime/local/local-sandbox.vue
-var local_sandbox_exports = /* @__PURE__ */ __exportAll({ default: () => local_sandbox_default });
-var local_sandbox_default = local_sandbox_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { local_sandbox_default as default, collectCss as n, local_sandbox_exports as t };