@oomol-lab/open-flow 0.1.0-beta.67 → 0.1.0-beta.68

package/dist/browser/exportSvg-D4CqCcx2.js

@@ -0,0 +1,659 @@
+import { n as IconImageCrossOriginContext, o as IconifyProvider } from "./ContentIcon-Sx9bywU-.js";
+import { t as FlowCanvas, y as CanvasStore } from "./FlowCanvas-CXpaeurx.js";
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/util.js
+function resolveUrl(url, baseUrl) {
+	if (url.match(/^[a-z]+:\/\//i)) return url;
+	if (url.match(/^\/\//)) return window.location.protocol + url;
+	if (url.match(/^[a-z]+:/i)) return url;
+	const doc = document.implementation.createHTMLDocument();
+	const base = doc.createElement("base");
+	const a = doc.createElement("a");
+	doc.head.appendChild(base);
+	doc.body.appendChild(a);
+	if (baseUrl) base.href = baseUrl;
+	a.href = url;
+	return a.href;
+}
+var uuid = (() => {
+	let counter = 0;
+	const random = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
+	return () => {
+		counter += 1;
+		return `u${random()}${counter}`;
+	};
+})();
+function toArray(arrayLike) {
+	const arr = [];
+	for (let i = 0, l = arrayLike.length; i < l; i++) arr.push(arrayLike[i]);
+	return arr;
+}
+function px(node, styleProperty) {
+	const val = (node.ownerDocument.defaultView || window).getComputedStyle(node).getPropertyValue(styleProperty);
+	return val ? parseFloat(val.replace("px", "")) : 0;
+}
+function getNodeWidth(node) {
+	const leftBorder = px(node, "border-left-width");
+	const rightBorder = px(node, "border-right-width");
+	return node.clientWidth + leftBorder + rightBorder;
+}
+function getNodeHeight(node) {
+	const topBorder = px(node, "border-top-width");
+	const bottomBorder = px(node, "border-bottom-width");
+	return node.clientHeight + topBorder + bottomBorder;
+}
+function getImageSize(targetNode, options = {}) {
+	return {
+		width: options.width || getNodeWidth(targetNode),
+		height: options.height || getNodeHeight(targetNode)
+	};
+}
+function createImage(url) {
+	return new Promise((resolve, reject) => {
+		const img = new Image();
+		img.decode = () => resolve(img);
+		img.onload = () => resolve(img);
+		img.onerror = reject;
+		img.crossOrigin = "anonymous";
+		img.decoding = "async";
+		img.src = url;
+	});
+}
+async function svgToDataURL(svg) {
+	return Promise.resolve().then(() => new XMLSerializer().serializeToString(svg)).then(encodeURIComponent).then((html) => `data:image/svg+xml;charset=utf-8,${html}`);
+}
+async function nodeToDataURL(node, width, height) {
+	const xmlns = "http://www.w3.org/2000/svg";
+	const svg = document.createElementNS(xmlns, "svg");
+	const foreignObject = document.createElementNS(xmlns, "foreignObject");
+	svg.setAttribute("width", `${width}`);
+	svg.setAttribute("height", `${height}`);
+	svg.setAttribute("viewBox", `0 0 ${width} ${height}`);
+	foreignObject.setAttribute("width", "100%");
+	foreignObject.setAttribute("height", "100%");
+	foreignObject.setAttribute("x", "0");
+	foreignObject.setAttribute("y", "0");
+	foreignObject.setAttribute("externalResourcesRequired", "true");
+	svg.appendChild(foreignObject);
+	foreignObject.appendChild(node);
+	return svgToDataURL(svg);
+}
+var isInstanceOfElement = (node, instance) => {
+	if (node instanceof instance) return true;
+	const nodePrototype = Object.getPrototypeOf(node);
+	if (nodePrototype === null) return false;
+	return nodePrototype.constructor.name === instance.name || isInstanceOfElement(nodePrototype, instance);
+};
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/clone-pseudos.js
+function formatCSSText(style) {
+	const content = style.getPropertyValue("content");
+	return `${style.cssText} content: '${content.replace(/'|"/g, "")}';`;
+}
+function formatCSSProperties(style) {
+	return toArray(style).map((name) => {
+		return `${name}: ${style.getPropertyValue(name)}${style.getPropertyPriority(name) ? " !important" : ""};`;
+	}).join(" ");
+}
+function getPseudoElementStyle(className, pseudo, style) {
+	const selector = `.${className}:${pseudo}`;
+	const cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style);
+	return document.createTextNode(`${selector}{${cssText}}`);
+}
+function clonePseudoElement(nativeNode, clonedNode, pseudo) {
+	const style = window.getComputedStyle(nativeNode, pseudo);
+	const content = style.getPropertyValue("content");
+	if (content === "" || content === "none") return;
+	const className = uuid();
+	try {
+		clonedNode.className = `${clonedNode.className} ${className}`;
+	} catch (err) {
+		return;
+	}
+	const styleElement = document.createElement("style");
+	styleElement.appendChild(getPseudoElementStyle(className, pseudo, style));
+	clonedNode.appendChild(styleElement);
+}
+function clonePseudoElements(nativeNode, clonedNode) {
+	clonePseudoElement(nativeNode, clonedNode, ":before");
+	clonePseudoElement(nativeNode, clonedNode, ":after");
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/mimes.js
+var WOFF = "application/font-woff";
+var JPEG = "image/jpeg";
+var mimes = {
+	woff: WOFF,
+	woff2: WOFF,
+	ttf: "application/font-truetype",
+	eot: "application/vnd.ms-fontobject",
+	png: "image/png",
+	jpg: JPEG,
+	jpeg: JPEG,
+	gif: "image/gif",
+	tiff: "image/tiff",
+	svg: "image/svg+xml",
+	webp: "image/webp"
+};
+function getExtension(url) {
+	const match = /\.([^./]*?)$/g.exec(url);
+	return match ? match[1] : "";
+}
+function getMimeType(url) {
+	return mimes[getExtension(url).toLowerCase()] || "";
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/dataurl.js
+function getContentFromDataUrl(dataURL) {
+	return dataURL.split(/,/)[1];
+}
+function isDataUrl(url) {
+	return url.search(/^(data:)/) !== -1;
+}
+function makeDataUrl(content, mimeType) {
+	return `data:${mimeType};base64,${content}`;
+}
+async function fetchAsDataURL(url, init, process) {
+	const res = await fetch(url, init);
+	if (res.status === 404) throw new Error(`Resource "${res.url}" not found`);
+	const blob = await res.blob();
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onerror = reject;
+		reader.onloadend = () => {
+			try {
+				resolve(process({
+					res,
+					result: reader.result
+				}));
+			} catch (error) {
+				reject(error);
+			}
+		};
+		reader.readAsDataURL(blob);
+	});
+}
+var cache = {};
+function getCacheKey(url, contentType, includeQueryParams) {
+	let key = url.replace(/\?.*/, "");
+	if (includeQueryParams) key = url;
+	if (/ttf|otf|eot|woff2?/i.test(key)) key = key.replace(/.*\//, "");
+	return contentType ? `[${contentType}]${key}` : key;
+}
+async function resourceToDataURL(resourceUrl, contentType, options) {
+	const cacheKey = getCacheKey(resourceUrl, contentType, options.includeQueryParams);
+	if (cache[cacheKey] != null) return cache[cacheKey];
+	if (options.cacheBust) resourceUrl += (/\?/.test(resourceUrl) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime();
+	let dataURL;
+	try {
+		dataURL = makeDataUrl(await fetchAsDataURL(resourceUrl, options.fetchRequestInit, ({ res, result }) => {
+			if (!contentType) contentType = res.headers.get("Content-Type") || "";
+			return getContentFromDataUrl(result);
+		}), contentType);
+	} catch (error) {
+		dataURL = options.imagePlaceholder || "";
+		let msg = `Failed to fetch resource: ${resourceUrl}`;
+		if (error) msg = typeof error === "string" ? error : error.message;
+		if (msg) console.warn(msg);
+	}
+	cache[cacheKey] = dataURL;
+	return dataURL;
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/clone-node.js
+async function cloneCanvasElement(canvas) {
+	const dataURL = canvas.toDataURL();
+	if (dataURL === "data:,") return canvas.cloneNode(false);
+	return createImage(dataURL);
+}
+async function cloneVideoElement(video, options) {
+	if (video.currentSrc) {
+		const canvas = document.createElement("canvas");
+		const ctx = canvas.getContext("2d");
+		canvas.width = video.clientWidth;
+		canvas.height = video.clientHeight;
+		ctx === null || ctx === void 0 || ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+		return createImage(canvas.toDataURL());
+	}
+	const poster = video.poster;
+	return createImage(await resourceToDataURL(poster, getMimeType(poster), options));
+}
+async function cloneIFrameElement(iframe) {
+	var _a;
+	try {
+		if ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument) === null || _a === void 0 ? void 0 : _a.body) return await cloneNode(iframe.contentDocument.body, {}, true);
+	} catch (_b) {}
+	return iframe.cloneNode(false);
+}
+async function cloneSingleNode(node, options) {
+	if (isInstanceOfElement(node, HTMLCanvasElement)) return cloneCanvasElement(node);
+	if (isInstanceOfElement(node, HTMLVideoElement)) return cloneVideoElement(node, options);
+	if (isInstanceOfElement(node, HTMLIFrameElement)) return cloneIFrameElement(node);
+	return node.cloneNode(false);
+}
+var isSlotElement = (node) => node.tagName != null && node.tagName.toUpperCase() === "SLOT";
+async function cloneChildren(nativeNode, clonedNode, options) {
+	var _a, _b;
+	let children = [];
+	if (isSlotElement(nativeNode) && nativeNode.assignedNodes) children = toArray(nativeNode.assignedNodes());
+	else if (isInstanceOfElement(nativeNode, HTMLIFrameElement) && ((_a = nativeNode.contentDocument) === null || _a === void 0 ? void 0 : _a.body)) children = toArray(nativeNode.contentDocument.body.childNodes);
+	else children = toArray(((_b = nativeNode.shadowRoot) !== null && _b !== void 0 ? _b : nativeNode).childNodes);
+	if (children.length === 0 || isInstanceOfElement(nativeNode, HTMLVideoElement)) return clonedNode;
+	await children.reduce((deferred, child) => deferred.then(() => cloneNode(child, options)).then((clonedChild) => {
+		if (clonedChild) clonedNode.appendChild(clonedChild);
+	}), Promise.resolve());
+	return clonedNode;
+}
+function cloneCSSStyle(nativeNode, clonedNode) {
+	const targetStyle = clonedNode.style;
+	if (!targetStyle) return;
+	const sourceStyle = window.getComputedStyle(nativeNode);
+	if (sourceStyle.cssText) {
+		targetStyle.cssText = sourceStyle.cssText;
+		targetStyle.transformOrigin = sourceStyle.transformOrigin;
+	} else toArray(sourceStyle).forEach((name) => {
+		let value = sourceStyle.getPropertyValue(name);
+		if (name === "font-size" && value.endsWith("px")) value = `${Math.floor(parseFloat(value.substring(0, value.length - 2))) - .1}px`;
+		if (isInstanceOfElement(nativeNode, HTMLIFrameElement) && name === "display" && value === "inline") value = "block";
+		if (name === "d" && clonedNode.getAttribute("d")) value = `path(${clonedNode.getAttribute("d")})`;
+		targetStyle.setProperty(name, value, sourceStyle.getPropertyPriority(name));
+	});
+}
+function cloneInputValue(nativeNode, clonedNode) {
+	if (isInstanceOfElement(nativeNode, HTMLTextAreaElement)) clonedNode.innerHTML = nativeNode.value;
+	if (isInstanceOfElement(nativeNode, HTMLInputElement)) clonedNode.setAttribute("value", nativeNode.value);
+}
+function cloneSelectValue(nativeNode, clonedNode) {
+	if (isInstanceOfElement(nativeNode, HTMLSelectElement)) {
+		const clonedSelect = clonedNode;
+		const selectedOption = Array.from(clonedSelect.children).find((child) => nativeNode.value === child.getAttribute("value"));
+		if (selectedOption) selectedOption.setAttribute("selected", "");
+	}
+}
+function decorate(nativeNode, clonedNode) {
+	if (isInstanceOfElement(clonedNode, Element)) {
+		cloneCSSStyle(nativeNode, clonedNode);
+		clonePseudoElements(nativeNode, clonedNode);
+		cloneInputValue(nativeNode, clonedNode);
+		cloneSelectValue(nativeNode, clonedNode);
+	}
+	return clonedNode;
+}
+async function ensureSVGSymbols(clone, options) {
+	const uses = clone.querySelectorAll ? clone.querySelectorAll("use") : [];
+	if (uses.length === 0) return clone;
+	const processedDefs = {};
+	for (let i = 0; i < uses.length; i++) {
+		const id = uses[i].getAttribute("xlink:href");
+		if (id) {
+			const exist = clone.querySelector(id);
+			const definition = document.querySelector(id);
+			if (!exist && definition && !processedDefs[id]) processedDefs[id] = await cloneNode(definition, options, true);
+		}
+	}
+	const nodes = Object.values(processedDefs);
+	if (nodes.length) {
+		const ns = "http://www.w3.org/1999/xhtml";
+		const svg = document.createElementNS(ns, "svg");
+		svg.setAttribute("xmlns", ns);
+		svg.style.position = "absolute";
+		svg.style.width = "0";
+		svg.style.height = "0";
+		svg.style.overflow = "hidden";
+		svg.style.display = "none";
+		const defs = document.createElementNS(ns, "defs");
+		svg.appendChild(defs);
+		for (let i = 0; i < nodes.length; i++) defs.appendChild(nodes[i]);
+		clone.appendChild(svg);
+	}
+	return clone;
+}
+async function cloneNode(node, options, isRoot) {
+	if (!isRoot && options.filter && !options.filter(node)) return null;
+	return Promise.resolve(node).then((clonedNode) => cloneSingleNode(clonedNode, options)).then((clonedNode) => cloneChildren(node, clonedNode, options)).then((clonedNode) => decorate(node, clonedNode)).then((clonedNode) => ensureSVGSymbols(clonedNode, options));
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-resources.js
+var URL_REGEX = /url\((['"]?)([^'"]+?)\1\)/g;
+var URL_WITH_FORMAT_REGEX = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g;
+var FONT_SRC_REGEX = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function toRegex(url) {
+	const escaped = url.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+	return new RegExp(`(url\\(['"]?)(${escaped})(['"]?\\))`, "g");
+}
+function parseURLs(cssText) {
+	const urls = [];
+	cssText.replace(URL_REGEX, (raw, quotation, url) => {
+		urls.push(url);
+		return raw;
+	});
+	return urls.filter((url) => !isDataUrl(url));
+}
+async function embed(cssText, resourceURL, baseURL, options, getContentFromUrl) {
+	try {
+		const resolvedURL = baseURL ? resolveUrl(resourceURL, baseURL) : resourceURL;
+		const contentType = getMimeType(resourceURL);
+		let dataURL;
+		if (getContentFromUrl) dataURL = makeDataUrl(await getContentFromUrl(resolvedURL), contentType);
+		else dataURL = await resourceToDataURL(resolvedURL, contentType, options);
+		return cssText.replace(toRegex(resourceURL), `$1${dataURL}$3`);
+	} catch (error) {}
+	return cssText;
+}
+function filterPreferredFontFormat(str, { preferredFontFormat }) {
+	return !preferredFontFormat ? str : str.replace(FONT_SRC_REGEX, (match) => {
+		while (true) {
+			const [src, , format] = URL_WITH_FORMAT_REGEX.exec(match) || [];
+			if (!format) return "";
+			if (format === preferredFontFormat) return `src: ${src};`;
+		}
+	});
+}
+function shouldEmbed(url) {
+	return url.search(URL_REGEX) !== -1;
+}
+async function embedResources(cssText, baseUrl, options) {
+	if (!shouldEmbed(cssText)) return cssText;
+	const filteredCSSText = filterPreferredFontFormat(cssText, options);
+	return parseURLs(filteredCSSText).reduce((deferred, url) => deferred.then((css) => embed(css, url, baseUrl, options)), Promise.resolve(filteredCSSText));
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-images.js
+async function embedProp(propName, node, options) {
+	var _a;
+	const propValue = (_a = node.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue(propName);
+	if (propValue) {
+		const cssString = await embedResources(propValue, null, options);
+		node.style.setProperty(propName, cssString, node.style.getPropertyPriority(propName));
+		return true;
+	}
+	return false;
+}
+async function embedBackground(clonedNode, options) {
+	if (!await embedProp("background", clonedNode, options)) await embedProp("background-image", clonedNode, options);
+	if (!await embedProp("mask", clonedNode, options)) await embedProp("mask-image", clonedNode, options);
+}
+async function embedImageNode(clonedNode, options) {
+	const isImageElement = isInstanceOfElement(clonedNode, HTMLImageElement);
+	if (!(isImageElement && !isDataUrl(clonedNode.src)) && !(isInstanceOfElement(clonedNode, SVGImageElement) && !isDataUrl(clonedNode.href.baseVal))) return;
+	const url = isImageElement ? clonedNode.src : clonedNode.href.baseVal;
+	const dataURL = await resourceToDataURL(url, getMimeType(url), options);
+	await new Promise((resolve, reject) => {
+		clonedNode.onload = resolve;
+		clonedNode.onerror = reject;
+		const image = clonedNode;
+		if (image.decode) image.decode = resolve;
+		if (image.loading === "lazy") image.loading = "eager";
+		if (isImageElement) {
+			clonedNode.srcset = "";
+			clonedNode.src = dataURL;
+		} else clonedNode.href.baseVal = dataURL;
+	});
+}
+async function embedChildren(clonedNode, options) {
+	const deferreds = toArray(clonedNode.childNodes).map((child) => embedImages(child, options));
+	await Promise.all(deferreds).then(() => clonedNode);
+}
+async function embedImages(clonedNode, options) {
+	if (isInstanceOfElement(clonedNode, Element)) {
+		await embedBackground(clonedNode, options);
+		await embedImageNode(clonedNode, options);
+		await embedChildren(clonedNode, options);
+	}
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/apply-style.js
+function applyStyle(node, options) {
+	const { style } = node;
+	if (options.backgroundColor) style.backgroundColor = options.backgroundColor;
+	if (options.width) style.width = `${options.width}px`;
+	if (options.height) style.height = `${options.height}px`;
+	const manual = options.style;
+	if (manual != null) Object.keys(manual).forEach((key) => {
+		style[key] = manual[key];
+	});
+	return node;
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-webfonts.js
+var cssFetchCache = {};
+async function fetchCSS(url) {
+	let cache = cssFetchCache[url];
+	if (cache != null) return cache;
+	cache = {
+		url,
+		cssText: await (await fetch(url)).text()
+	};
+	cssFetchCache[url] = cache;
+	return cache;
+}
+async function embedFonts(data, options) {
+	let cssText = data.cssText;
+	const regexUrl = /url\(["']?([^"')]+)["']?\)/g;
+	const loadFonts = (cssText.match(/url\([^)]+\)/g) || []).map(async (loc) => {
+		let url = loc.replace(regexUrl, "$1");
+		if (!url.startsWith("https://")) url = new URL(url, data.url).href;
+		return fetchAsDataURL(url, options.fetchRequestInit, ({ result }) => {
+			cssText = cssText.replace(loc, `url(${result})`);
+			return [loc, result];
+		});
+	});
+	return Promise.all(loadFonts).then(() => cssText);
+}
+function parseCSS(source) {
+	if (source == null) return [];
+	const result = [];
+	let cssText = source.replace(/(\/\*[\s\S]*?\*\/)/gi, "");
+	const keyframesRegex = /* @__PURE__ */ new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+	while (true) {
+		const matches = keyframesRegex.exec(cssText);
+		if (matches === null) break;
+		result.push(matches[0]);
+	}
+	cssText = cssText.replace(keyframesRegex, "");
+	const importRegex = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi;
+	const unifiedRegex = /* @__PURE__ */ new RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", "gi");
+	while (true) {
+		let matches = importRegex.exec(cssText);
+		if (matches === null) {
+			matches = unifiedRegex.exec(cssText);
+			if (matches === null) break;
+			else importRegex.lastIndex = unifiedRegex.lastIndex;
+		} else unifiedRegex.lastIndex = importRegex.lastIndex;
+		result.push(matches[0]);
+	}
+	return result;
+}
+async function getCSSRules(styleSheets, options) {
+	const ret = [];
+	const deferreds = [];
+	styleSheets.forEach((sheet) => {
+		if ("cssRules" in sheet) try {
+			toArray(sheet.cssRules || []).forEach((item, index) => {
+				if (item.type === CSSRule.IMPORT_RULE) {
+					let importIndex = index + 1;
+					const url = item.href;
+					const deferred = fetchCSS(url).then((metadata) => embedFonts(metadata, options)).then((cssText) => parseCSS(cssText).forEach((rule) => {
+						try {
+							sheet.insertRule(rule, rule.startsWith("@import") ? importIndex += 1 : sheet.cssRules.length);
+						} catch (error) {
+							console.error("Error inserting rule from remote css", {
+								rule,
+								error
+							});
+						}
+					})).catch((e) => {
+						console.error("Error loading remote css", e.toString());
+					});
+					deferreds.push(deferred);
+				}
+			});
+		} catch (e) {
+			const inline = styleSheets.find((a) => a.href == null) || document.styleSheets[0];
+			if (sheet.href != null) deferreds.push(fetchCSS(sheet.href).then((metadata) => embedFonts(metadata, options)).then((cssText) => parseCSS(cssText).forEach((rule) => {
+				inline.insertRule(rule, sheet.cssRules.length);
+			})).catch((err) => {
+				console.error("Error loading remote stylesheet", err);
+			}));
+			console.error("Error inlining remote css file", e);
+		}
+	});
+	return Promise.all(deferreds).then(() => {
+		styleSheets.forEach((sheet) => {
+			if ("cssRules" in sheet) try {
+				toArray(sheet.cssRules || []).forEach((item) => {
+					ret.push(item);
+				});
+			} catch (e) {
+				console.error(`Error while reading CSS rules from ${sheet.href}`, e);
+			}
+		});
+		return ret;
+	});
+}
+function getWebFontRules(cssRules) {
+	return cssRules.filter((rule) => rule.type === CSSRule.FONT_FACE_RULE).filter((rule) => shouldEmbed(rule.style.getPropertyValue("src")));
+}
+async function parseWebFontRules(node, options) {
+	if (node.ownerDocument == null) throw new Error("Provided element is not within a Document");
+	return getWebFontRules(await getCSSRules(toArray(node.ownerDocument.styleSheets), options));
+}
+async function getWebFontCSS(node, options) {
+	const rules = await parseWebFontRules(node, options);
+	return (await Promise.all(rules.map((rule) => {
+		const baseUrl = rule.parentStyleSheet ? rule.parentStyleSheet.href : null;
+		return embedResources(rule.cssText, baseUrl, options);
+	}))).join("\n");
+}
+async function embedWebFonts(clonedNode, options) {
+	const cssText = options.fontEmbedCSS != null ? options.fontEmbedCSS : options.skipFonts ? null : await getWebFontCSS(clonedNode, options);
+	if (cssText) {
+		const styleNode = document.createElement("style");
+		const sytleContent = document.createTextNode(cssText);
+		styleNode.appendChild(sytleContent);
+		if (clonedNode.firstChild) clonedNode.insertBefore(styleNode, clonedNode.firstChild);
+		else clonedNode.appendChild(styleNode);
+	}
+}
+//#endregion
+//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/index.js
+async function toSvg(node, options = {}) {
+	const { width, height } = getImageSize(node, options);
+	const clonedNode = await cloneNode(node, options, true);
+	await embedWebFonts(clonedNode, options);
+	await embedImages(clonedNode, options);
+	applyStyle(clonedNode, options);
+	return await nodeToDataURL(clonedNode, width, height);
+}
+//#endregion
+//#region src/canvas/browser/graph/FlowCanvas/exportSvg.ts
+var padding = 64;
+var nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
+async function waitFor(ready) {
+	const started = performance.now();
+	while (!ready()) {
+		if (performance.now() - started > 15e3) throw new Error("Timed out rendering the workflow image.");
+		await nextFrame();
+	}
+}
+/** Render the real canvas at full detail without moving or changing the user's canvas. */
+async function flowToSvg(model, title, language = "en", options = {}) {
+	const positions = model.nodes.map((node) => node.position);
+	const minX = Math.min(0, ...positions.map((position) => position.x));
+	const minY = Math.min(0, ...positions.map((position) => position.y));
+	const snapshot = {
+		...model,
+		viewport: {
+			x: padding - minX,
+			y: padding - minY,
+			zoom: 1
+		}
+	};
+	const host = document.createElement("div");
+	Object.assign(host.style, {
+		position: "fixed",
+		left: "-100000px",
+		top: "0",
+		pointerEvents: "none",
+		width: `${Math.max(0, ...positions.map((position) => position.x)) - minX + 1e3}px`,
+		height: `${Math.max(0, ...positions.map((position) => position.y)) - minY + 1e3}px`
+	});
+	host.inert = true;
+	host.setAttribute("aria-hidden", "true");
+	document.body.append(host);
+	const root = createRoot(host);
+	const store = new CanvasStore(snapshot, false, language, {
+		onMoveNodes: () => {},
+		onChangeComment: () => {}
+	});
+	store.reconcile(snapshot, false, language, [], options.ignoredNodeIds ?? []);
+	try {
+		root.render(createElement(IconifyProvider, null, createElement(IconImageCrossOriginContext.Provider, { value: "anonymous" }, createElement(FlowCanvas, {
+			flowCanvasStore: store,
+			dark: options.dark ?? false,
+			fitView: false,
+			layoutMotion: false,
+			nodesDraggable: false
+		}))));
+		await waitFor(() => store.$.initialized.value && store.$.rfNodes.value.every((node) => !!node.measured?.width && !!node.measured.height));
+		await waitFor(() => host.querySelector("[data-render-pending]") == null);
+		for (const image of host.querySelectorAll("img")) image.loading = "eager";
+		await Promise.all([...host.querySelectorAll("img")].map((image) => image.decode().catch(() => {})));
+		await document.fonts.ready;
+		await nextFrame();
+		await nextFrame();
+		const viewport = host.querySelector(".react-flow__viewport");
+		const origin = viewport.getBoundingClientRect();
+		const bounds = [...viewport.querySelectorAll(".react-flow__node")].map((node) => {
+			const rect = node.getBoundingClientRect();
+			return {
+				x: rect.left - origin.left,
+				y: rect.top - origin.top,
+				width: rect.width,
+				height: rect.height
+			};
+		});
+		for (const edge of viewport.querySelectorAll(".react-flow__edge-path")) bounds.push(edge.getBBox());
+		const left = bounds.length ? Math.min(...bounds.map((rect) => rect.x)) : 0;
+		const top = bounds.length ? Math.min(...bounds.map((rect) => rect.y)) : 0;
+		const right = bounds.length ? Math.max(...bounds.map((rect) => rect.x + rect.width)) : 320;
+		const bottom = bounds.length ? Math.max(...bounds.map((rect) => rect.y + rect.height)) : 120;
+		const dataUrl = await toSvg(viewport, {
+			width: Math.ceil(right - left + 128),
+			height: Math.ceil(bottom - top + 128),
+			preferredFontFormat: "woff2",
+			includeQueryParams: true,
+			style: {
+				transform: `translate(${padding - left}px, ${padding - top}px)`,
+				transformOrigin: "0 0"
+			}
+		});
+		const svg = new DOMParser().parseFromString(decodeURIComponent(dataUrl.slice(dataUrl.indexOf(",") + 1)), "image/svg+xml");
+		const background = svg.createElementNS("http://www.w3.org/2000/svg", "rect");
+		background.setAttribute("width", "100%");
+		background.setAttribute("height", "100%");
+		background.setAttribute("fill", getComputedStyle(host.querySelector(".react-flow")).backgroundColor);
+		const label = svg.createElementNS("http://www.w3.org/2000/svg", "title");
+		label.textContent = title;
+		svg.documentElement.prepend(label, background);
+		return `<?xml version="1.0" encoding="UTF-8"?>\n${new XMLSerializer().serializeToString(svg)}`;
+	} finally {
+		root.unmount();
+		store.dispose();
+		host.remove();
+	}
+}
+async function downloadFlowSvg(model, title, language = "en", options = {}) {
+	const source = await flowToSvg(model, title, language, options);
+	const url = URL.createObjectURL(new Blob([source], { type: "image/svg+xml;charset=utf-8" }));
+	const link = document.createElement("a");
+	link.download = `${title.replace(/[<>:"/\\|?*\u0000-\u001f]/g, "_").replace(/[. ]+$/g, "") || "workflow"}.svg`;
+	link.href = url;
+	document.body.append(link);
+	link.click();
+	link.remove();
+	setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+//#endregion
+export { downloadFlowSvg };