@ulearning/ai-generative-frame 0.0.0-stage → 1.0.0-next.0

package/dist/runtime/morph.js

@@ -0,0 +1,251 @@
+import { detectWidgetKind } from "../protocol.js";
+// src/runtime/morph.ts
+const SCRIPT_PLACEHOLDER = "gf-script";
+const NON_VISUAL = /* @__PURE__ */ new Set([
+	"style",
+	"script",
+	"meta",
+	"link",
+	"title",
+	"base"
+]);
+/**
+* Drops a trailing `<style>` element that has not closed yet, so half-written
+* CSS never applies and then snaps when the rule completes.
+*/
+function stripUnclosedStyle(source) {
+	const open = source.toLowerCase().lastIndexOf("<style");
+	if (open === -1) return source;
+	const next = source.charAt(open + 6);
+	if (next !== "" && !/[\s>/]/.test(next)) return source;
+	return source.toLowerCase().includes("</style", open) ? source : source.slice(0, open);
+}
+/**
+* Parses (possibly partial) markup into a detached fragment. The HTML parser
+* closes open elements and drops a tag cut off mid-way, so any prefix of a
+* document parses into a well-formed tree.
+*/
+function parseMarkup(doc, source) {
+	const template = doc.createElement("template");
+	template.innerHTML = source;
+	const fragment = template.content;
+	const scripts = [];
+	for (const script of Array.from(fragment.querySelectorAll("script"))) {
+		script.replaceWith(doc.createComment(SCRIPT_PLACEHOLDER));
+		scripts.push(script);
+	}
+	return {
+		fragment,
+		scripts
+	};
+}
+const sameNode = (live, next) => {
+	if (live.nodeType !== next.nodeType) return false;
+	if (live.nodeType !== Node.ELEMENT_NODE) return true;
+	const a = live;
+	const b = next;
+	return a.localName === b.localName && a.namespaceURI === b.namespaceURI && a.getAttribute("id") === b.getAttribute("id");
+};
+const syncAttributes = (live, next) => {
+	for (const attr of Array.from(next.attributes)) {
+		if (live.getAttributeNS(attr.namespaceURI, attr.localName) === attr.value) continue;
+		try {
+			if (attr.namespaceURI) live.setAttributeNS(attr.namespaceURI, attr.name, attr.value);
+			else live.setAttribute(attr.name, attr.value);
+		} catch {}
+	}
+	for (const attr of Array.from(live.attributes)) if (!next.hasAttributeNS(attr.namespaceURI, attr.localName)) live.removeAttributeNS(attr.namespaceURI, attr.localName);
+};
+const patchNode = (live, next, ctx) => {
+	if (live.nodeType !== Node.ELEMENT_NODE) {
+		if (live.nodeValue !== next.nodeValue) live.nodeValue = next.nodeValue;
+		return;
+	}
+	const liveEl = live;
+	const nextEl = next;
+	syncAttributes(liveEl, nextEl);
+	if (liveEl instanceof HTMLTemplateElement && nextEl instanceof HTMLTemplateElement) {
+		if (liveEl.innerHTML !== nextEl.innerHTML) liveEl.content.replaceChildren(nextEl.content);
+		return;
+	}
+	morphChildren(liveEl, nextEl, ctx);
+};
+/**
+* Makes `live`'s children match `next`'s, reusing live nodes matched by
+* position and tag. Unmatched nodes move out of `next` into `live`.
+*/
+function morphChildren(live, next, ctx) {
+	const nextNodes = Array.from(next.childNodes);
+	let cursor = live.firstChild;
+	for (let i = 0; i < nextNodes.length; i++) {
+		const nextChild = nextNodes[i];
+		if (!cursor) {
+			live.appendChild(nextChild);
+			ctx.onAdded(nextChild);
+			continue;
+		}
+		if (sameNode(cursor, nextChild)) {
+			patchNode(cursor, nextChild, ctx);
+			cursor = cursor.nextSibling;
+			continue;
+		}
+		const following = nextNodes[i + 1];
+		if (following && sameNode(cursor, following)) {
+			live.insertBefore(nextChild, cursor);
+			ctx.onAdded(nextChild);
+			continue;
+		}
+		const afterCursor = cursor.nextSibling;
+		if (afterCursor && sameNode(afterCursor, nextChild)) {
+			cursor.remove();
+			patchNode(afterCursor, nextChild, ctx);
+			cursor = afterCursor.nextSibling;
+			continue;
+		}
+		live.replaceChild(nextChild, cursor);
+		ctx.onAdded(nextChild);
+		cursor = afterCursor;
+	}
+	while (cursor) {
+		const after = cursor.nextSibling;
+		cursor.remove();
+		cursor = after;
+	}
+}
+const SCRIPT_LOAD_TIMEOUT_MS = 15e3;
+const defaultSchedule = (render) => {
+	let done = false;
+	const run = () => {
+		if (done) return;
+		done = true;
+		cancelAnimationFrame(frame);
+		clearTimeout(timer);
+		render();
+	};
+	const frame = requestAnimationFrame(run);
+	const timer = setTimeout(run, 50);
+	return () => {
+		done = true;
+		cancelAnimationFrame(frame);
+		clearTimeout(timer);
+	};
+};
+const createScriptRunner = (onError = () => {}) => (placeholder, original) => {
+	const script = placeholder.ownerDocument.createElementNS(original.namespaceURI ?? "http://www.w3.org/1999/xhtml", "script");
+	for (const attr of Array.from(original.attributes)) try {
+		script.setAttribute(attr.name, attr.value);
+	} catch {}
+	script.textContent = original.textContent;
+	const src = script.getAttribute("src") ?? script.getAttribute("href");
+	if (!src) {
+		placeholder.replaceWith(script);
+		return Promise.resolve();
+	}
+	return new Promise((resolve) => {
+		const timer = setTimeout(() => {
+			onError(`Script timed out: ${src}`, src);
+			resolve();
+		}, SCRIPT_LOAD_TIMEOUT_MS);
+		script.addEventListener("load", () => {
+			clearTimeout(timer);
+			resolve();
+		});
+		script.addEventListener("error", () => {
+			clearTimeout(timer);
+			onError(`Script failed to load: ${src}`, src);
+			resolve();
+		});
+		placeholder.replaceWith(script);
+	});
+};
+const fadeIn = (node) => {
+	if (node.nodeType !== Node.ELEMENT_NODE) return;
+	const el = node;
+	if (NON_VISUAL.has(el.localName) || typeof el.animate !== "function") return;
+	el.animate([{ opacity: 0 }, { opacity: 1 }], {
+		duration: 200,
+		easing: "ease-out"
+	});
+};
+function createStreamRenderer(options) {
+	const { root } = options;
+	const doc = root.ownerDocument;
+	const schedule = options.schedule ?? defaultSchedule;
+	const runScript = options.runScript ?? createScriptRunner(options.onScriptError);
+	let source = "";
+	let kind = "html";
+	let ended = false;
+	let scriptsRan = false;
+	let cancelScheduled;
+	let lastRendered;
+	let lastScripts = [];
+	const ctx = { onAdded(node) {
+		if (options.animate?.()) fadeIn(node);
+	} };
+	const render = (final) => {
+		cancelScheduled?.();
+		cancelScheduled = void 0;
+		const markup = final ? source : stripUnclosedStyle(source);
+		if (markup === lastRendered) return;
+		lastRendered = markup;
+		kind = detectWidgetKind(source);
+		root.dataset["kind"] = kind;
+		const parsed = parseMarkup(doc, markup);
+		lastScripts = parsed.scripts;
+		morphChildren(root, parsed.fragment, ctx);
+		options.onRender?.(kind);
+	};
+	const runHeldScripts = async () => {
+		const walker = doc.createTreeWalker(root, NodeFilter.SHOW_COMMENT);
+		const placeholders = [];
+		for (let node = walker.nextNode(); node; node = walker.nextNode()) if (node.nodeValue === "gf-script") placeholders.push(node);
+		const scripts = lastScripts;
+		for (let i = 0; i < placeholders.length && i < scripts.length; i++) await runScript(placeholders[i], scripts[i]);
+		if (scripts.length > 0 && !scriptsRan) {
+			scriptsRan = true;
+			doc.dispatchEvent(new Event("DOMContentLoaded", { bubbles: true }));
+			doc.defaultView?.dispatchEvent(new Event("load"));
+		}
+	};
+	return {
+		get source() {
+			return source;
+		},
+		get kind() {
+			return kind;
+		},
+		get ended() {
+			return ended;
+		},
+		get scriptsRan() {
+			return scriptsRan;
+		},
+		write(chunk) {
+			if (ended) throw new Error("Cannot write after end; use replace");
+			if (!chunk) return;
+			source += chunk;
+			cancelScheduled ??= schedule(() => {
+				cancelScheduled = void 0;
+				render(false);
+			});
+		},
+		async end() {
+			if (ended) return;
+			ended = true;
+			render(true);
+			await runHeldScripts();
+		},
+		async replace(code) {
+			ended = true;
+			source = code;
+			render(true);
+			await runHeldScripts();
+		},
+		flush() {
+			if (cancelScheduled) render(ended);
+		}
+	};
+}
+export { SCRIPT_PLACEHOLDER, createScriptRunner, createStreamRenderer, morphChildren, parseMarkup, stripUnclosedStyle };
+
+//# sourceMappingURL=morph.js.map

package/dist/runtime/morph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.js","names":[],"sources":["../../src/runtime/morph.ts"],"sourcesContent":["import { detectWidgetKind, type WidgetKind } from \"../protocol\";\n\nexport const SCRIPT_PLACEHOLDER = \"gf-script\";\n\nconst NON_VISUAL = new Set([\n  \"style\",\n  \"script\",\n  \"meta\",\n  \"link\",\n  \"title\",\n  \"base\",\n]);\n\nexport type ParsedMarkup = {\n  fragment: DocumentFragment;\n  /** Scripts in document order; each one's position holds a placeholder comment. */\n  scripts: Element[];\n};\n\n/**\n * Drops a trailing `<style>` element that has not closed yet, so half-written\n * CSS never applies and then snaps when the rule completes.\n */\nexport function stripUnclosedStyle(source: string): string {\n  const open = source.toLowerCase().lastIndexOf(\"<style\");\n  if (open === -1) return source;\n  const next = source.charAt(open + 6);\n  if (next !== \"\" && !/[\\s>/]/.test(next)) return source;\n  return source.toLowerCase().includes(\"</style\", open)\n    ? source\n    : source.slice(0, open);\n}\n\n/**\n * Parses (possibly partial) markup into a detached fragment. The HTML parser\n * closes open elements and drops a tag cut off mid-way, so any prefix of a\n * document parses into a well-formed tree.\n */\nexport function parseMarkup(doc: Document, source: string): ParsedMarkup {\n  const template = doc.createElement(\"template\");\n  template.innerHTML = source;\n  const fragment = template.content;\n  const scripts: Element[] = [];\n  for (const script of Array.from(fragment.querySelectorAll(\"script\"))) {\n    script.replaceWith(doc.createComment(SCRIPT_PLACEHOLDER));\n    scripts.push(script);\n  }\n  return { fragment, scripts };\n}\n\nexport type MorphContext = {\n  onAdded(node: Node): void;\n};\n\nconst sameNode = (live: Node, next: Node): boolean => {\n  if (live.nodeType !== next.nodeType) return false;\n  if (live.nodeType !== Node.ELEMENT_NODE) return true;\n  const a = live as Element;\n  const b = next as Element;\n  return (\n    a.localName === b.localName &&\n    a.namespaceURI === b.namespaceURI &&\n    a.getAttribute(\"id\") === b.getAttribute(\"id\")\n  );\n};\n\nconst syncAttributes = (live: Element, next: Element) => {\n  for (const attr of Array.from(next.attributes)) {\n    if (live.getAttributeNS(attr.namespaceURI, attr.localName) === attr.value) {\n      continue;\n    }\n    try {\n      if (attr.namespaceURI) {\n        live.setAttributeNS(attr.namespaceURI, attr.name, attr.value);\n      } else {\n        live.setAttribute(attr.name, attr.value);\n      }\n    } catch {\n      // The parser accepts attribute names the DOM API rejects; they carry no meaning.\n    }\n  }\n  for (const attr of Array.from(live.attributes)) {\n    if (!next.hasAttributeNS(attr.namespaceURI, attr.localName)) {\n      live.removeAttributeNS(attr.namespaceURI, attr.localName);\n    }\n  }\n};\n\nconst patchNode = (live: Node, next: Node, ctx: MorphContext) => {\n  if (live.nodeType !== Node.ELEMENT_NODE) {\n    if (live.nodeValue !== next.nodeValue) live.nodeValue = next.nodeValue;\n    return;\n  }\n  const liveEl = live as Element;\n  const nextEl = next as Element;\n  syncAttributes(liveEl, nextEl);\n  if (\n    liveEl instanceof HTMLTemplateElement &&\n    nextEl instanceof HTMLTemplateElement\n  ) {\n    if (liveEl.innerHTML !== nextEl.innerHTML) {\n      liveEl.content.replaceChildren(nextEl.content);\n    }\n    return;\n  }\n  morphChildren(liveEl, nextEl, ctx);\n};\n\n/**\n * Makes `live`'s children match `next`'s, reusing live nodes matched by\n * position and tag. Unmatched nodes move out of `next` into `live`.\n */\nexport function morphChildren(\n  live: ParentNode & Node,\n  next: ParentNode & Node,\n  ctx: MorphContext,\n): void {\n  const nextNodes = Array.from(next.childNodes);\n  let cursor: ChildNode | null = live.firstChild;\n\n  for (let i = 0; i < nextNodes.length; i++) {\n    const nextChild = nextNodes[i]!;\n    if (!cursor) {\n      live.appendChild(nextChild);\n      ctx.onAdded(nextChild);\n      continue;\n    }\n    if (sameNode(cursor, nextChild)) {\n      patchNode(cursor, nextChild, ctx);\n      cursor = cursor.nextSibling;\n      continue;\n    }\n    const following = nextNodes[i + 1];\n    if (following && sameNode(cursor, following)) {\n      live.insertBefore(nextChild, cursor);\n      ctx.onAdded(nextChild);\n      continue;\n    }\n    const afterCursor: ChildNode | null = cursor.nextSibling;\n    if (afterCursor && sameNode(afterCursor, nextChild)) {\n      cursor.remove();\n      patchNode(afterCursor, nextChild, ctx);\n      cursor = afterCursor.nextSibling;\n      continue;\n    }\n    live.replaceChild(nextChild, cursor);\n    ctx.onAdded(nextChild);\n    cursor = afterCursor;\n  }\n\n  while (cursor) {\n    const after: ChildNode | null = cursor.nextSibling;\n    cursor.remove();\n    cursor = after;\n  }\n}\n\nexport type ScriptRunner = (\n  placeholder: Comment,\n  original: Element,\n) => Promise<void>;\n\nexport type StreamRendererOptions = {\n  root: HTMLElement;\n  /** Whether newly inserted elements fade in. Checked per insertion. */\n  animate?: () => boolean;\n  /** Schedules a coalesced render; returns a cancel function. */\n  schedule?: (render: () => void) => () => void;\n  runScript?: ScriptRunner;\n  onScriptError?: (message: string, src: string | undefined) => void;\n  onRender?: (kind: WidgetKind) => void;\n};\n\nexport type StreamRenderer = {\n  readonly source: string;\n  readonly kind: WidgetKind;\n  readonly ended: boolean;\n  readonly scriptsRan: boolean;\n  write(chunk: string): void;\n  /** Renders the complete source, then runs held scripts in document order. */\n  end(): Promise<void>;\n  replace(code: string): Promise<void>;\n  flush(): void;\n};\n\nconst SCRIPT_LOAD_TIMEOUT_MS = 15_000;\n\nconst defaultSchedule = (render: () => void) => {\n  let done = false;\n  const run = () => {\n    if (done) return;\n    done = true;\n    cancelAnimationFrame(frame);\n    clearTimeout(timer);\n    render();\n  };\n  // rAF alone stalls in hidden or offscreen frames, which previews use.\n  const frame = requestAnimationFrame(run);\n  const timer = setTimeout(run, 50);\n  return () => {\n    done = true;\n    cancelAnimationFrame(frame);\n    clearTimeout(timer);\n  };\n};\n\nexport const createScriptRunner =\n  (\n    onError: (message: string, src: string | undefined) => void = () => {},\n  ): ScriptRunner =>\n  (placeholder, original) => {\n    const doc = placeholder.ownerDocument;\n    const script = doc.createElementNS(\n      original.namespaceURI ?? \"http://www.w3.org/1999/xhtml\",\n      \"script\",\n    );\n    for (const attr of Array.from(original.attributes)) {\n      try {\n        script.setAttribute(attr.name, attr.value);\n      } catch {\n        // See syncAttributes.\n      }\n    }\n    script.textContent = original.textContent;\n    const src = script.getAttribute(\"src\") ?? script.getAttribute(\"href\");\n    if (!src) {\n      placeholder.replaceWith(script);\n      return Promise.resolve();\n    }\n    return new Promise<void>((resolve) => {\n      const timer = setTimeout(() => {\n        onError(`Script timed out: ${src}`, src);\n        resolve();\n      }, SCRIPT_LOAD_TIMEOUT_MS);\n      script.addEventListener(\"load\", () => {\n        clearTimeout(timer);\n        resolve();\n      });\n      script.addEventListener(\"error\", () => {\n        clearTimeout(timer);\n        onError(`Script failed to load: ${src}`, src);\n        resolve();\n      });\n      placeholder.replaceWith(script);\n    });\n  };\n\nconst fadeIn = (node: Node) => {\n  if (node.nodeType !== Node.ELEMENT_NODE) return;\n  const el = node as Element;\n  if (NON_VISUAL.has(el.localName) || typeof el.animate !== \"function\") return;\n  el.animate([{ opacity: 0 }, { opacity: 1 }], {\n    duration: 200,\n    easing: \"ease-out\",\n  });\n};\n\nexport function createStreamRenderer(\n  options: StreamRendererOptions,\n): StreamRenderer {\n  const { root } = options;\n  const doc = root.ownerDocument;\n  const schedule = options.schedule ?? defaultSchedule;\n  const runScript =\n    options.runScript ?? createScriptRunner(options.onScriptError);\n  let source = \"\";\n  let kind: WidgetKind = \"html\";\n  let ended = false;\n  let scriptsRan = false;\n  let cancelScheduled: (() => void) | undefined;\n  let lastRendered: string | undefined;\n  let lastScripts: Element[] = [];\n\n  const ctx: MorphContext = {\n    onAdded(node) {\n      if (options.animate?.()) fadeIn(node);\n    },\n  };\n\n  const render = (final: boolean) => {\n    cancelScheduled?.();\n    cancelScheduled = undefined;\n    const markup = final ? source : stripUnclosedStyle(source);\n    if (markup === lastRendered) return;\n    lastRendered = markup;\n    kind = detectWidgetKind(source);\n    root.dataset[\"kind\"] = kind;\n    const parsed = parseMarkup(doc, markup);\n    lastScripts = parsed.scripts;\n    morphChildren(root, parsed.fragment, ctx);\n    options.onRender?.(kind);\n  };\n\n  const runHeldScripts = async () => {\n    const walker = doc.createTreeWalker(root, NodeFilter.SHOW_COMMENT);\n    const placeholders: Comment[] = [];\n    for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n      if (node.nodeValue === SCRIPT_PLACEHOLDER) {\n        placeholders.push(node as Comment);\n      }\n    }\n    const scripts = lastScripts;\n    for (let i = 0; i < placeholders.length && i < scripts.length; i++) {\n      await runScript(placeholders[i]!, scripts[i]!);\n    }\n    if (scripts.length > 0 && !scriptsRan) {\n      scriptsRan = true;\n      // The bootstrap document loaded long ago; widgets written for a fresh page wait for these.\n      doc.dispatchEvent(new Event(\"DOMContentLoaded\", { bubbles: true }));\n      doc.defaultView?.dispatchEvent(new Event(\"load\"));\n    }\n  };\n\n  return {\n    get source() {\n      return source;\n    },\n    get kind() {\n      return kind;\n    },\n    get ended() {\n      return ended;\n    },\n    get scriptsRan() {\n      return scriptsRan;\n    },\n    write(chunk) {\n      if (ended) throw new Error(\"Cannot write after end; use replace\");\n      if (!chunk) return;\n      source += chunk;\n      cancelScheduled ??= schedule(() => {\n        cancelScheduled = undefined;\n        render(false);\n      });\n    },\n    async end() {\n      if (ended) return;\n      ended = true;\n      render(true);\n      await runHeldScripts();\n    },\n    async replace(code) {\n      ended = true;\n      source = code;\n      render(true);\n      await runHeldScripts();\n    },\n    flush() {\n      if (cancelScheduled) render(ended);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/runtime/screenshot.d.ts

@@ -0,0 +1,23 @@
+import type { ScreenshotOptions } from "../protocol.js";
+export type Screenshot = {
+    dataUrl: string;
+    width: number;
+    height: number;
+};
+/**
+ * The capture box: the clone is laid out at the root's own width, and the
+ * image grows to the full scroll size so content overflowing the root is
+ * not clipped.
+ */
+export declare const measureCapture: (root: HTMLElement) => {
+    layoutWidth: number;
+    width: number;
+    height: number;
+};
+/**
+ * Captures `root` as a PNG data URL by serializing a styled clone into an SVG
+ * `foreignObject` and drawing it onto a canvas. Best effort: web fonts loaded
+ * by URL, cross-origin images, and pseudo-elements are not reproduced.
+ */
+export declare function captureScreenshot(root: HTMLElement, options?: ScreenshotOptions): Promise<Screenshot>;
+//# sourceMappingURL=screenshot.d.ts.map

package/dist/runtime/screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.d.ts","mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAa;AAOpD,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf;AAmLD;;;;;AAKA,eAAO,MAAM,cAAc,GAAI,MAAM,WAAW;;;;CAQ/C;AAWD;;;;;AAKA,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,WAAW,EACjB,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,UAAU,CAAC","names":[],"ignoreList":[],"sources":["../../src/runtime/screenshot.ts"],"sourcesContent":[null]}

package/dist/runtime/screenshot.js

@@ -0,0 +1,188 @@
+// src/runtime/screenshot.ts
+const XHTML = "http://www.w3.org/1999/xhtml";
+const SVG = "http://www.w3.org/2000/svg";
+const MAX_CANVAS_SIDE = 4096;
+const SKIP = /* @__PURE__ */ new Set([
+	"script",
+	"noscript",
+	"template"
+]);
+const createDefaultStyles = (doc) => {
+	const cache = /* @__PURE__ */ new Map();
+	let sandbox;
+	let svgSandbox;
+	let host;
+	const ensureSandbox = () => {
+		if (sandbox) return;
+		host = doc.createElement("div");
+		host.setAttribute("aria-hidden", "true");
+		host.style.cssText = "all:initial;position:absolute;left:-99999px;top:0;visibility:hidden;contain:strict;width:0;height:0;";
+		const shadow = host.attachShadow({ mode: "closed" });
+		sandbox = doc.createElement("div");
+		svgSandbox = doc.createElementNS(SVG, "svg");
+		sandbox.appendChild(svgSandbox);
+		shadow.appendChild(sandbox);
+		doc.body.appendChild(host);
+	};
+	return {
+		get(el) {
+			const key = `${el.namespaceURI}|${el.localName}`;
+			let styles = cache.get(key);
+			if (styles) return styles;
+			ensureSandbox();
+			const probe = doc.createElementNS(el.namespaceURI ?? XHTML, el.localName);
+			(el.namespaceURI === SVG ? svgSandbox : sandbox).appendChild(probe);
+			const computed = doc.defaultView.getComputedStyle(probe);
+			styles = /* @__PURE__ */ new Map();
+			for (let i = 0; i < computed.length; i++) {
+				const name = computed.item(i);
+				styles.set(name, computed.getPropertyValue(name));
+			}
+			probe.remove();
+			cache.set(key, styles);
+			return styles;
+		},
+		dispose() {
+			host?.remove();
+		}
+	};
+};
+const toDataUrl = (source, width, height) => {
+	const canvas = document.createElement("canvas");
+	canvas.width = Math.max(1, width);
+	canvas.height = Math.max(1, height);
+	canvas.getContext("2d").drawImage(source, 0, 0, width, height);
+	return canvas.toDataURL("image/png");
+};
+/**
+* Clones `node` with every computed style that differs from both the
+* element's default and its parent's value written inline, because a
+* serialized SVG image cannot see the frame's stylesheets.
+*/
+const cloneWithStyles = (node, defaults, parentStyle) => {
+	if (node.nodeType === Node.TEXT_NODE) return node.cloneNode();
+	if (node.nodeType !== Node.ELEMENT_NODE) return null;
+	const el = node;
+	if (SKIP.has(el.localName)) return null;
+	const view = el.ownerDocument.defaultView;
+	const style = view.getComputedStyle(el);
+	let clone;
+	if (el instanceof view.HTMLCanvasElement) {
+		clone = el.ownerDocument.createElement("img");
+		try {
+			clone.setAttribute("src", el.toDataURL("image/png"));
+		} catch {}
+	} else if (el instanceof view.HTMLImageElement && el.complete && el.naturalWidth > 0 && !el.src.startsWith("data:")) {
+		clone = el.cloneNode(false);
+		try {
+			clone.setAttribute("src", toDataUrl(el, el.naturalWidth, el.naturalHeight));
+		} catch {}
+	} else clone = el.cloneNode(false);
+	if (el instanceof view.HTMLInputElement) {
+		if (el.type === "checkbox" || el.type === "radio") {
+			if (el.checked) clone.setAttribute("checked", "");
+			else clone.removeAttribute("checked");
+		} else clone.setAttribute("value", el.value);
+	} else if (el instanceof view.HTMLTextAreaElement) clone.textContent = el.value;
+	else if (el instanceof view.HTMLSelectElement) clone.setAttribute("data-gf-value", el.value);
+	const base = defaults.get(el);
+	const declarations = [];
+	for (let i = 0; i < style.length; i++) {
+		const name = style.item(i);
+		if (name.startsWith("--")) continue;
+		const value = style.getPropertyValue(name);
+		if (value !== base.get(name) || parentStyle && value !== parentStyle.getPropertyValue(name)) declarations.push(`${name}:${value}`);
+	}
+	if (style.animationName !== "none" || style.transitionProperty !== "none") declarations.push("animation:none", "transition:none");
+	clone.setAttribute("style", declarations.join(";"));
+	if (!(el instanceof view.HTMLTextAreaElement)) for (const child of Array.from(el.childNodes)) {
+		const childClone = cloneWithStyles(child, defaults, style);
+		if (childClone) clone.appendChild(childClone);
+	}
+	if (el instanceof view.HTMLSelectElement) {
+		for (const option of Array.from(clone.querySelectorAll("option"))) if (option.getAttribute("value") === el.value || option.textContent === el.value) option.setAttribute("selected", "");
+	}
+	return clone;
+};
+/** Embeds `@font-face` rules that are already self-contained (`data:` sources). */
+const collectInlineFontFaces = (doc) => {
+	const rules = [];
+	for (const sheet of Array.from(doc.styleSheets)) {
+		let cssRules;
+		try {
+			cssRules = sheet.cssRules;
+		} catch {
+			continue;
+		}
+		for (const rule of Array.from(cssRules)) if (rule.constructor.name === "CSSFontFaceRule" && !/url\((?!\s*["']?data:)/i.test(rule.cssText)) rules.push(rule.cssText);
+	}
+	return rules.join("\n");
+};
+/**
+* The capture box: the clone is laid out at the root's own width, and the
+* image grows to the full scroll size so content overflowing the root is
+* not clipped.
+*/
+const measureCapture = (root) => {
+	const rect = root.getBoundingClientRect();
+	const layoutWidth = Math.max(1, Math.ceil(rect.width));
+	return {
+		layoutWidth,
+		width: Math.max(layoutWidth, Math.ceil(root.scrollWidth)),
+		height: Math.max(1, Math.ceil(Math.max(rect.height, root.scrollHeight)))
+	};
+};
+const loadImage = (src) => new Promise((resolve, reject) => {
+	const img = new Image();
+	img.onload = () => resolve(img);
+	img.onerror = () => reject(/* @__PURE__ */ new Error("The serialized widget failed to rasterize"));
+	img.src = src;
+});
+/**
+* Captures `root` as a PNG data URL by serializing a styled clone into an SVG
+* `foreignObject` and drawing it onto a canvas. Best effort: web fonts loaded
+* by URL, cross-origin images, and pseudo-elements are not reproduced.
+*/
+async function captureScreenshot(root, options = {}) {
+	const doc = root.ownerDocument;
+	const view = doc.defaultView;
+	await doc.fonts?.ready;
+	const { layoutWidth, width, height } = measureCapture(root);
+	const defaults = createDefaultStyles(doc);
+	let clone;
+	try {
+		clone = cloneWithStyles(root, defaults, view.getComputedStyle(doc.body));
+	} finally {
+		defaults.dispose();
+	}
+	const wrapper = doc.createElementNS(XHTML, "div");
+	wrapper.setAttribute("style", `width:${width}px;height:${height}px;overflow:hidden;`);
+	if (clone) wrapper.appendChild(clone);
+	if (clone instanceof Element) clone.setAttribute("style", `${clone.getAttribute("style") ?? ""};width:${layoutWidth}px;margin:0;`);
+	const fonts = collectInlineFontFaces(doc);
+	const markup = new XMLSerializer().serializeToString(wrapper);
+	const svg = `<svg xmlns="${SVG}" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><foreignObject x="0" y="0" width="100%" height="100%">` + (fonts ? `<style xmlns="${XHTML}">${fonts.replace(/</g, "\\3c ")}</style>` : "") + markup + `</foreignObject></svg>`;
+	const image = await loadImage(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`);
+	const requested = options.scale ?? Math.min(view.devicePixelRatio || 1, 2);
+	const scale = Math.max(.1, Math.min(requested, MAX_CANVAS_SIDE / width, MAX_CANVAS_SIDE / height));
+	const canvas = doc.createElement("canvas");
+	canvas.width = Math.round(width * scale);
+	canvas.height = Math.round(height * scale);
+	const context = canvas.getContext("2d");
+	if (!context) throw new Error("Canvas 2D context is unavailable");
+	const background = options.background ?? view.getComputedStyle(doc.documentElement).getPropertyValue("--color-background").trim();
+	if (background) {
+		context.fillStyle = background;
+		context.fillRect(0, 0, canvas.width, canvas.height);
+	}
+	context.scale(scale, scale);
+	context.drawImage(image, 0, 0, width, height);
+	return {
+		dataUrl: canvas.toDataURL("image/png"),
+		width,
+		height
+	};
+}
+export { captureScreenshot, measureCapture };
+
+//# sourceMappingURL=screenshot.js.map

package/dist/runtime/screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.js","names":[],"sources":["../../src/runtime/screenshot.ts"],"sourcesContent":["import type { ScreenshotOptions } from \"../protocol\";\n\nconst XHTML = \"http://www.w3.org/1999/xhtml\";\nconst SVG = \"http://www.w3.org/2000/svg\";\nconst MAX_CANVAS_SIDE = 4096;\nconst SKIP = new Set([\"script\", \"noscript\", \"template\"]);\n\nexport type Screenshot = {\n  dataUrl: string;\n  width: number;\n  height: number;\n};\n\nconst createDefaultStyles = (doc: Document) => {\n  const cache = new Map<string, Map<string, string>>();\n  let sandbox: HTMLElement | undefined;\n  let svgSandbox: SVGSVGElement | undefined;\n\n  let host: HTMLElement | undefined;\n\n  const ensureSandbox = () => {\n    if (sandbox) return;\n    host = doc.createElement(\"div\");\n    host.setAttribute(\"aria-hidden\", \"true\");\n    host.style.cssText =\n      \"all:initial;position:absolute;left:-99999px;top:0;visibility:hidden;contain:strict;width:0;height:0;\";\n    // Document rules such as `*{box-sizing:border-box}` do not cross a shadow\n    // boundary, so probes inside it report the defaults the serialized image\n    // will actually render with.\n    const shadow = host.attachShadow({ mode: \"closed\" });\n    sandbox = doc.createElement(\"div\");\n    svgSandbox = doc.createElementNS(SVG, \"svg\");\n    sandbox.appendChild(svgSandbox);\n    shadow.appendChild(sandbox);\n    doc.body.appendChild(host);\n  };\n\n  return {\n    get(el: Element): Map<string, string> {\n      const key = `${el.namespaceURI}|${el.localName}`;\n      let styles = cache.get(key);\n      if (styles) return styles;\n      ensureSandbox();\n      const probe = doc.createElementNS(el.namespaceURI ?? XHTML, el.localName);\n      (el.namespaceURI === SVG ? svgSandbox! : sandbox!).appendChild(probe);\n      const computed = doc.defaultView!.getComputedStyle(probe);\n      styles = new Map();\n      for (let i = 0; i < computed.length; i++) {\n        const name = computed.item(i);\n        styles.set(name, computed.getPropertyValue(name));\n      }\n      probe.remove();\n      cache.set(key, styles);\n      return styles;\n    },\n    dispose() {\n      host?.remove();\n    },\n  };\n};\n\nconst toDataUrl = (\n  source: CanvasImageSource,\n  width: number,\n  height: number,\n) => {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, width);\n  canvas.height = Math.max(1, height);\n  canvas.getContext(\"2d\")!.drawImage(source, 0, 0, width, height);\n  return canvas.toDataURL(\"image/png\");\n};\n\n/**\n * Clones `node` with every computed style that differs from both the\n * element's default and its parent's value written inline, because a\n * serialized SVG image cannot see the frame's stylesheets.\n */\nconst cloneWithStyles = (\n  node: Node,\n  defaults: ReturnType<typeof createDefaultStyles>,\n  parentStyle: CSSStyleDeclaration | undefined,\n): Node | null => {\n  if (node.nodeType === Node.TEXT_NODE) return node.cloneNode();\n  if (node.nodeType !== Node.ELEMENT_NODE) return null;\n  const el = node as Element;\n  if (SKIP.has(el.localName)) return null;\n\n  const view = el.ownerDocument.defaultView!;\n  const style = view.getComputedStyle(el);\n  let clone: Element;\n\n  if (el instanceof view.HTMLCanvasElement) {\n    clone = el.ownerDocument.createElement(\"img\");\n    try {\n      clone.setAttribute(\"src\", el.toDataURL(\"image/png\"));\n    } catch {\n      // A tainted canvas cannot be read; it stays empty in the capture.\n    }\n  } else if (\n    el instanceof view.HTMLImageElement &&\n    el.complete &&\n    el.naturalWidth > 0 &&\n    !el.src.startsWith(\"data:\")\n  ) {\n    clone = el.cloneNode(false) as Element;\n    try {\n      clone.setAttribute(\n        \"src\",\n        toDataUrl(el, el.naturalWidth, el.naturalHeight),\n      );\n    } catch {\n      // Cross-origin images without CORS cannot be inlined.\n    }\n  } else {\n    clone = el.cloneNode(false) as Element;\n  }\n\n  if (el instanceof view.HTMLInputElement) {\n    if (el.type === \"checkbox\" || el.type === \"radio\") {\n      if (el.checked) clone.setAttribute(\"checked\", \"\");\n      else clone.removeAttribute(\"checked\");\n    } else {\n      clone.setAttribute(\"value\", el.value);\n    }\n  } else if (el instanceof view.HTMLTextAreaElement) {\n    clone.textContent = el.value;\n  } else if (el instanceof view.HTMLSelectElement) {\n    clone.setAttribute(\"data-gf-value\", el.value);\n  }\n\n  const base = defaults.get(el);\n  const declarations: string[] = [];\n  for (let i = 0; i < style.length; i++) {\n    const name = style.item(i);\n    if (name.startsWith(\"--\")) continue;\n    const value = style.getPropertyValue(name);\n    if (\n      value !== base.get(name) ||\n      (parentStyle && value !== parentStyle.getPropertyValue(name))\n    ) {\n      declarations.push(`${name}:${value}`);\n    }\n  }\n  if (style.animationName !== \"none\" || style.transitionProperty !== \"none\") {\n    declarations.push(\"animation:none\", \"transition:none\");\n  }\n  clone.setAttribute(\"style\", declarations.join(\";\"));\n\n  if (!(el instanceof view.HTMLTextAreaElement)) {\n    for (const child of Array.from(el.childNodes)) {\n      const childClone = cloneWithStyles(child, defaults, style);\n      if (childClone) clone.appendChild(childClone);\n    }\n  }\n  if (el instanceof view.HTMLSelectElement) {\n    for (const option of Array.from(clone.querySelectorAll(\"option\"))) {\n      if (\n        option.getAttribute(\"value\") === el.value ||\n        option.textContent === el.value\n      ) {\n        option.setAttribute(\"selected\", \"\");\n      }\n    }\n  }\n  return clone;\n};\n\n/** Embeds `@font-face` rules that are already self-contained (`data:` sources). */\nconst collectInlineFontFaces = (doc: Document): string => {\n  const rules: string[] = [];\n  for (const sheet of Array.from(doc.styleSheets)) {\n    let cssRules: CSSRuleList;\n    try {\n      cssRules = sheet.cssRules;\n    } catch {\n      continue;\n    }\n    for (const rule of Array.from(cssRules)) {\n      if (\n        rule.constructor.name === \"CSSFontFaceRule\" &&\n        !/url\\((?!\\s*[\"']?data:)/i.test(rule.cssText)\n      ) {\n        rules.push(rule.cssText);\n      }\n    }\n  }\n  return rules.join(\"\\n\");\n};\n\n/**\n * The capture box: the clone is laid out at the root's own width, and the\n * image grows to the full scroll size so content overflowing the root is\n * not clipped.\n */\nexport const measureCapture = (root: HTMLElement) => {\n  const rect = root.getBoundingClientRect();\n  const layoutWidth = Math.max(1, Math.ceil(rect.width));\n  return {\n    layoutWidth,\n    width: Math.max(layoutWidth, Math.ceil(root.scrollWidth)),\n    height: Math.max(1, Math.ceil(Math.max(rect.height, root.scrollHeight))),\n  };\n};\n\nconst loadImage = (src: string) =>\n  new Promise<HTMLImageElement>((resolve, reject) => {\n    const img = new Image();\n    img.onload = () => resolve(img);\n    img.onerror = () =>\n      reject(new Error(\"The serialized widget failed to rasterize\"));\n    img.src = src;\n  });\n\n/**\n * Captures `root` as a PNG data URL by serializing a styled clone into an SVG\n * `foreignObject` and drawing it onto a canvas. Best effort: web fonts loaded\n * by URL, cross-origin images, and pseudo-elements are not reproduced.\n */\nexport async function captureScreenshot(\n  root: HTMLElement,\n  options: ScreenshotOptions = {},\n): Promise<Screenshot> {\n  const doc = root.ownerDocument;\n  const view = doc.defaultView!;\n  await doc.fonts?.ready;\n\n  const { layoutWidth, width, height } = measureCapture(root);\n\n  const defaults = createDefaultStyles(doc);\n  let clone: Node | null;\n  try {\n    clone = cloneWithStyles(root, defaults, view.getComputedStyle(doc.body));\n  } finally {\n    defaults.dispose();\n  }\n  const wrapper = doc.createElementNS(XHTML, \"div\");\n  wrapper.setAttribute(\n    \"style\",\n    `width:${width}px;height:${height}px;overflow:hidden;`,\n  );\n  if (clone) wrapper.appendChild(clone);\n  if (clone instanceof Element) {\n    clone.setAttribute(\n      \"style\",\n      `${clone.getAttribute(\"style\") ?? \"\"};width:${layoutWidth}px;margin:0;`,\n    );\n  }\n\n  const fonts = collectInlineFontFaces(doc);\n  const markup = new XMLSerializer().serializeToString(wrapper);\n  const svg =\n    `<svg xmlns=\"${SVG}\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">` +\n    `<foreignObject x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">` +\n    (fonts\n      ? `<style xmlns=\"${XHTML}\">${fonts.replace(/</g, \"\\\\3c \")}</style>`\n      : \"\") +\n    markup +\n    `</foreignObject></svg>`;\n\n  const image = await loadImage(\n    `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`,\n  );\n\n  const requested = options.scale ?? Math.min(view.devicePixelRatio || 1, 2);\n  const scale = Math.max(\n    0.1,\n    Math.min(requested, MAX_CANVAS_SIDE / width, MAX_CANVAS_SIDE / height),\n  );\n  const canvas = doc.createElement(\"canvas\");\n  canvas.width = Math.round(width * scale);\n  canvas.height = Math.round(height * scale);\n  const context = canvas.getContext(\"2d\");\n  if (!context) throw new Error(\"Canvas 2D context is unavailable\");\n  const background =\n    options.background ??\n    view\n      .getComputedStyle(doc.documentElement)\n      .getPropertyValue(\"--color-background\")\n      .trim();\n  if (background) {\n    context.fillStyle = background;\n    context.fillRect(0, 0, canvas.width, canvas.height);\n  }\n  context.scale(scale, scale);\n  context.drawImage(image, 0, 0, width, height);\n  return { dataUrl: canvas.toDataURL(\"image/png\"), width, height };\n}\n"],"mappings":"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"}

package/dist/runtime/size.d.ts

@@ -0,0 +1,10 @@
+import type { WidgetSize } from "../protocol.js";
+export declare function measureRoot(root: Element): WidgetSize;
+/**
+ * The size to report to the host, or `undefined` while the root has no
+ * layout width. A frame laid out at zero width (a collapsed or hidden
+ * container, or Chrome's full-page capture) wraps its content one word per
+ * line, and its height would size the iframe far past its content.
+ */
+export declare function reportableSize(root: Element): WidgetSize | undefined;
+//# sourceMappingURL=size.d.ts.map

package/dist/runtime/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAa;AAE7C,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU;AAKtD;;;;;;AAMA,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS","names":[],"ignoreList":[],"sources":["../../src/runtime/size.ts"],"sourcesContent":[null]}

package/dist/runtime/size.js

@@ -0,0 +1,21 @@
+// src/runtime/size.ts
+function measureRoot(root) {
+	const rect = root.getBoundingClientRect();
+	return {
+		width: Math.ceil(rect.width),
+		height: Math.ceil(rect.height)
+	};
+}
+/**
+* The size to report to the host, or `undefined` while the root has no
+* layout width. A frame laid out at zero width (a collapsed or hidden
+* container, or Chrome's full-page capture) wraps its content one word per
+* line, and its height would size the iframe far past its content.
+*/
+function reportableSize(root) {
+	const size = measureRoot(root);
+	return size.width > 0 ? size : void 0;
+}
+export { measureRoot, reportableSize };
+
+//# sourceMappingURL=size.js.map

package/dist/runtime/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","names":[],"sources":["../../src/runtime/size.ts"],"sourcesContent":["import type { WidgetSize } from \"../protocol\";\n\nexport function measureRoot(root: Element): WidgetSize {\n  const rect = root.getBoundingClientRect();\n  return { width: Math.ceil(rect.width), height: Math.ceil(rect.height) };\n}\n\n/**\n * The size to report to the host, or `undefined` while the root has no\n * layout width. A frame laid out at zero width (a collapsed or hidden\n * container, or Chrome's full-page capture) wraps its content one word per\n * line, and its height would size the iframe far past its content.\n */\nexport function reportableSize(root: Element): WidgetSize | undefined {\n  const size = measureRoot(root);\n  return size.width > 0 ? size : undefined;\n}\n"],"mappings":";AAEA,SAAgB,YAAY,MAA2B;CACrD,MAAM,OAAO,KAAK,sBAAsB;CACxC,OAAO;EAAE,OAAO,KAAK,KAAK,KAAK,KAAK;EAAG,QAAQ,KAAK,KAAK,KAAK,MAAM;CAAE;AACxE;;;;;;;AAQA,SAAgB,eAAe,MAAuC;CACpE,MAAM,OAAO,YAAY,IAAI;CAC7B,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAA;AACjC"}

package/dist/runtime/storage.d.ts

@@ -0,0 +1,4 @@
+import type { ClearStorageResult } from "../protocol.js";
+/** Clears everything this frame's origin stores in the browser. */
+export declare function clearFrameStorage(win: Window): Promise<ClearStorageResult>;
+//# sourceMappingURL=storage.d.ts.map

package/dist/runtime/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAa;AAIrD;AACA,wBAAsB,iBAAiB,CACrC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,kBAAkB,CAAC","names":[],"ignoreList":[],"sources":["../../src/runtime/storage.ts"],"sourcesContent":[null]}

package/dist/runtime/storage.js

@@ -0,0 +1,38 @@
+// src/runtime/storage.ts
+const EXPIRED = "expires=Thu, 01 Jan 1970 00:00:00 GMT";
+/** Clears everything this frame's origin stores in the browser. */
+async function clearFrameStorage(win) {
+	const cleared = [];
+	const attempt = async (kind, clear) => {
+		try {
+			if (await clear() !== false) cleared.push(kind);
+		} catch {}
+	};
+	await attempt("localStorage", () => win.localStorage.clear());
+	await attempt("sessionStorage", () => win.sessionStorage.clear());
+	await attempt("indexedDB", async () => {
+		const idb = win.indexedDB;
+		if (typeof idb?.databases !== "function") return false;
+		const databases = await idb.databases();
+		await Promise.all(databases.map(({ name }) => name && new Promise((resolve) => {
+			const request = idb.deleteDatabase(name);
+			request.onsuccess = request.onerror = request.onblocked = () => resolve();
+		})));
+		return true;
+	});
+	await attempt("cacheStorage", async () => {
+		if (!win.caches) return false;
+		for (const key of await win.caches.keys()) await win.caches.delete(key);
+		return true;
+	});
+	await attempt("cookies", () => {
+		for (const part of win.document.cookie.split(";")) {
+			const name = part.split("=")[0]?.trim();
+			if (name) win.document.cookie = `${name}=; ${EXPIRED}; path=/`;
+		}
+	});
+	return { cleared };
+}
+export { clearFrameStorage };
+
+//# sourceMappingURL=storage.js.map

package/dist/runtime/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","names":[],"sources":["../../src/runtime/storage.ts"],"sourcesContent":["import type { ClearStorageResult } from \"../protocol\";\n\nconst EXPIRED = \"expires=Thu, 01 Jan 1970 00:00:00 GMT\";\n\n/** Clears everything this frame's origin stores in the browser. */\nexport async function clearFrameStorage(\n  win: Window,\n): Promise<ClearStorageResult> {\n  const cleared: string[] = [];\n  const attempt = async (kind: string, clear: () => unknown) => {\n    try {\n      if ((await clear()) !== false) cleared.push(kind);\n    } catch {}\n  };\n\n  await attempt(\"localStorage\", () => win.localStorage.clear());\n  await attempt(\"sessionStorage\", () => win.sessionStorage.clear());\n  await attempt(\"indexedDB\", async () => {\n    const idb = win.indexedDB;\n    if (typeof idb?.databases !== \"function\") return false;\n    const databases = await idb.databases();\n    await Promise.all(\n      databases.map(\n        ({ name }) =>\n          name &&\n          new Promise<void>((resolve) => {\n            const request = idb.deleteDatabase(name);\n            request.onsuccess =\n              request.onerror =\n              request.onblocked =\n                () => resolve();\n          }),\n      ),\n    );\n    return true;\n  });\n  await attempt(\"cacheStorage\", async () => {\n    if (!win.caches) return false;\n    for (const key of await win.caches.keys()) await win.caches.delete(key);\n    return true;\n  });\n  await attempt(\"cookies\", () => {\n    for (const part of win.document.cookie.split(\";\")) {\n      const name = part.split(\"=\")[0]?.trim();\n      if (name) win.document.cookie = `${name}=; ${EXPIRED}; path=/`;\n    }\n  });\n  return { cleared };\n}\n"],"mappings":";AAEA,MAAM,UAAU;;AAGhB,eAAsB,kBACpB,KAC6B;CAC7B,MAAM,UAAoB,CAAC;CAC3B,MAAM,UAAU,OAAO,MAAc,UAAyB;EAC5D,IAAI;GACF,IAAK,MAAM,MAAM,MAAO,OAAO,QAAQ,KAAK,IAAI;EAClD,QAAQ,CAAC;CACX;CAEA,MAAM,QAAQ,sBAAsB,IAAI,aAAa,MAAM,CAAC;CAC5D,MAAM,QAAQ,wBAAwB,IAAI,eAAe,MAAM,CAAC;CAChE,MAAM,QAAQ,aAAa,YAAY;EACrC,MAAM,MAAM,IAAI;EAChB,IAAI,OAAO,KAAK,cAAc,YAAY,OAAO;EACjD,MAAM,YAAY,MAAM,IAAI,UAAU;EACtC,MAAM,QAAQ,IACZ,UAAU,KACP,EAAE,WACD,QACA,IAAI,SAAe,YAAY;GAC7B,MAAM,UAAU,IAAI,eAAe,IAAI;GACvC,QAAQ,YACN,QAAQ,UACR,QAAQ,kBACA,QAAQ;EACpB,CAAC,CACL,CACF;EACA,OAAO;CACT,CAAC;CACD,MAAM,QAAQ,gBAAgB,YAAY;EACxC,IAAI,CAAC,IAAI,QAAQ,OAAO;EACxB,KAAK,MAAM,OAAO,MAAM,IAAI,OAAO,KAAK,GAAG,MAAM,IAAI,OAAO,OAAO,GAAG;EACtE,OAAO;CACT,CAAC;CACD,MAAM,QAAQ,iBAAiB;EAC7B,KAAK,MAAM,QAAQ,IAAI,SAAS,OAAO,MAAM,GAAG,GAAG;GACjD,MAAM,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK;GACtC,IAAI,MAAM,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,QAAQ;EACvD;CACF,CAAC;CACD,OAAO,EAAE,QAAQ;AACnB"}