@sliiu/present-renderer 0.0.0-stage → 0.1.0

package/dist/esm/entrance-hide.js

@@ -0,0 +1,59 @@
+import { computeInitialEntranceState } from "@sliiu/present-core";
+/**
+ * 放映专用：按当前 timing 把 entrance 目标在 scene 上藏起来（opacity=0 / 段落级 hide）。
+ *
+ * 编辑器会 `forceVisibleForEdit`，让入场图形在编辑态全部可见；分享 / 导出 / 直播快照
+ * 打的是这份数据。播放器必须在这里重算 hidden-until-entrance，不能依赖 shape.opacity。
+ */
+export function applyEntranceHideToScene(scene, slide) {
+    const st = computeInitialEntranceState(slide);
+    for (const s of st.hiddenShapes) {
+        const node = scene.root.findById(s.id);
+        if (node)
+            node.setProperty("opacity", 0);
+    }
+    for (const o of st.paraOverrides) {
+        const node = scene.root.findById(o.shapeId);
+        if (!node)
+            continue;
+        if (o.opacity !== undefined)
+            node.setParaProperty(o.paraIdx, "opacity", o.opacity);
+    }
+    for (const o of st.charOverrides) {
+        const node = scene.root.findById(o.shapeId);
+        if (!node)
+            continue;
+        if (o.opacity !== undefined) {
+            node.setCharRangeProperty(o.paraIdx, o.unit, o.start, o.end, "opacity", o.opacity);
+        }
+    }
+}
+/**
+ * 放映缩略图 / 下一张预览：画出设计稿，而不是「点击前隐藏」的初态。
+ *
+ * 进入放映时编辑器会把 entrance 目标的 opacity 写回 0。播放舞台要这个初态，
+ * 缩略图如果跟着藏，演讲者看到的是空白页。只改 scene，不改 slide 数据。
+ */
+export function revealDesignedAppearance(scene, slide) {
+    const st = computeInitialEntranceState(slide);
+    for (const s of st.hiddenShapes) {
+        const node = scene.root.findById(s.id);
+        if (node)
+            node.setProperty("opacity", 1);
+    }
+    for (const o of st.paraOverrides) {
+        const node = scene.root.findById(o.shapeId);
+        if (!node)
+            continue;
+        if (o.opacity === 0)
+            node.setParaProperty(o.paraIdx, "opacity", 1);
+    }
+    for (const o of st.charOverrides) {
+        const node = scene.root.findById(o.shapeId);
+        if (!node)
+            continue;
+        if (o.opacity === 0) {
+            node.setCharRangeProperty(o.paraIdx, o.unit, o.start, o.end, "opacity", 1);
+        }
+    }
+}

package/dist/esm/font-stack.js

@@ -0,0 +1,100 @@
+/**
+ * Font fallback for the browser. OOXML names one typeface per run ("Inter", "Songti SC"); when the
+ * machine lacks it PowerPoint substitutes a face of the same class (sans / serif / mono), but a
+ * browser given a bare unknown family falls back to its default — usually a serif — so a sans deck
+ * comes up in Times. Append the class-matched generic (plus CJK faces so Han glyphs never hit a
+ * Latin-only fallback) to every family that is not already a stack.
+ */
+const SERIF = /\b(serif|times|georgia|garamond|cambria|palatino|baskerville|didot|bodoni|playfair|fraunces|merriweather|lora|libre|spectral|songti|simsun|song|ming|mincho|kaiti|kai|fangsong|batang)\b|宋体|楷体|仿宋|书宋|明朝/i;
+const MONO = /\b(mono|monospace|consolas|menlo|courier|code|inconsolata|fira code|source code|jetbrains|plex mono|space mono)\b/i;
+const CJK_FALLBACK = `"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC"`;
+const CJK_SERIF_FALLBACK = `"Songti SC", "SimSun", "Noto Serif CJK SC"`;
+// OOXML 写的是 Windows 字体名。同一种字在 macOS 上登记成另一个 family，
+// 名字对不上时浏览器会跳过它，后面的拉丁字体就把数字和英文抢走。
+// 别名紧跟在原名后面，原名存在时仍优先用原名。
+const CJK_ALIASES = {
+    黑体: ["SimHei", "Heiti SC", "STHeiti", "华文黑体"],
+    SimHei: ["黑体", "Heiti SC", "STHeiti"],
+    宋体: ["SimSun", "Songti SC", "STSong", "华文宋体"],
+    SimSun: ["宋体", "Songti SC", "STSong"],
+    新宋体: ["NSimSun", "Songti SC", "SimSun"],
+    NSimSun: ["新宋体", "Songti SC"],
+    微软雅黑: ["Microsoft YaHei", "PingFang SC", "Hiragino Sans GB"],
+    "Microsoft YaHei": ["微软雅黑", "PingFang SC", "Hiragino Sans GB"],
+    楷体: ["KaiTi", "Kaiti SC", "STKaiti", "华文楷体"],
+    KaiTi: ["楷体", "Kaiti SC", "STKaiti"],
+    仿宋: ["FangSong", "STFangsong", "华文仿宋"],
+    FangSong: ["仿宋", "STFangsong"],
+    等线: ["DengXian", "Microsoft YaHei", "PingFang SC"],
+};
+const cache = new Map();
+/** `family` as a CSS font-family list with a class-matched generic fallback appended. */
+export function withFontFallback(family) {
+    if (!family)
+        return `${CJK_FALLBACK}, sans-serif`;
+    const hit = cache.get(family);
+    if (hit)
+        return hit;
+    const trimmed = expandCjkAliases(family.trim());
+    // Ends in a generic already: trust it. A stack of named faces (`Inter, "Noto Sans SC"`) still
+    // needs the generic, since with none of them installed the browser falls to its serif default.
+    // The class is judged from the lead family; the rest of the stack is kept as authored.
+    const lead = trimmed.split(",")[0].trim().replace(/^["']|["']$/g, "");
+    const head = trimmed.includes(",") ? trimmed : quote(trimmed);
+    const stack = /\b(sans-serif|serif|monospace|system-ui|cursive|fantasy)\s*$/i.test(trimmed)
+        ? trimmed
+        : MONO.test(lead)
+            ? `${head}, "Menlo", "Consolas", monospace`
+            : SERIF.test(lead)
+                ? `${head}, ${CJK_SERIF_FALLBACK}, serif`
+                : `${head}, ${CJK_FALLBACK}, sans-serif`;
+    cache.set(family, stack);
+    return stack;
+}
+function quote(name) {
+    return /^["']/.test(name) || !/[\s\d]/.test(name) ? name : `"${name}"`;
+}
+function unquote(name) {
+    return name.trim().replace(/^["']|["']$/g, "");
+}
+function splitFamilies(stack) {
+    const out = [];
+    let cur = "";
+    let quoted = false;
+    for (const ch of stack) {
+        if (ch === '"') {
+            quoted = !quoted;
+            cur += ch;
+            continue;
+        }
+        if (ch === "," && !quoted) {
+            if (cur.trim())
+                out.push(cur.trim());
+            cur = "";
+            continue;
+        }
+        cur += ch;
+    }
+    if (cur.trim())
+        out.push(cur.trim());
+    return out;
+}
+function expandCjkAliases(stack) {
+    const parts = splitFamilies(stack);
+    const seen = new Set(parts.map((part) => unquote(part).toLowerCase()));
+    const out = [];
+    for (const part of parts) {
+        out.push(part);
+        const aliases = CJK_ALIASES[unquote(part)];
+        if (!aliases)
+            continue;
+        for (const alias of aliases) {
+            const key = alias.toLowerCase();
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            out.push(quote(alias));
+        }
+    }
+    return out.join(", ");
+}

package/dist/esm/hit-geom.js

@@ -0,0 +1,45 @@
+/**
+ * 撤销单个 SceneNode 的绘制变换，与 canvas/svg backend 对偶：
+ * translate(tx,ty) → rotate around bbox center → scale around center。
+ */
+export function inverseSceneNode(n, x, y) {
+    const s = n.shape;
+    const cx = s.bbox.x + s.bbox.w / 2;
+    const cy = s.bbox.y + s.bbox.h / 2;
+    let lx = x - n.tx;
+    let ly = y - n.ty;
+    if (n.rotation) {
+        const a = (-n.rotation * Math.PI) / 180;
+        const cos = Math.cos(a);
+        const sin = Math.sin(a);
+        const dx = lx - cx;
+        const dy = ly - cy;
+        lx = cx + dx * cos - dy * sin;
+        ly = cy + dx * sin + dy * cos;
+    }
+    const flipX = s.transform?.scaleX ?? 1;
+    const flipY = s.transform?.scaleY ?? 1;
+    const sx = n.scale * n.scaleX * n.widthScale * (flipX < 0 ? -1 : 1);
+    const sy = n.scale * n.scaleY * n.heightScale * (flipY < 0 ? -1 : 1);
+    if (sx !== 1 && sx !== 0)
+        lx = (lx - cx) / sx + cx;
+    if (sy !== 1 && sy !== 0)
+        ly = (ly - cy) / sy + cy;
+    return { x: lx, y: ly };
+}
+/** 世界坐标 → 该节点未旋转 bbox 空间（含祖先 group 变换）。 */
+export function worldToLocal(node, x, y) {
+    const chain = [];
+    for (let n = node; n; n = n.parent)
+        chain.push(n);
+    chain.reverse();
+    let p = { x, y };
+    for (const n of chain)
+        p = inverseSceneNode(n, p.x, p.y);
+    return p;
+}
+export function hitTestNodeBBox(node, worldX, worldY) {
+    const p = worldToLocal(node, worldX, worldY);
+    const b = node.shape.bbox;
+    return p.x >= b.x && p.x <= b.x + b.w && p.y >= b.y && p.y <= b.y + b.h;
+}

package/dist/esm/hybrid-backend.js

@@ -0,0 +1,89 @@
+import { SvgBackend } from "./svg-backend.js";
+import { CanvasBackend } from "./canvas-backend.js";
+import { WebGLShapeBackend } from "./webgl-shape-backend.js";
+import { WebGLModel3DBackend } from "./webgl-model3d-backend.js";
+import { buildHybridSegments } from "./hybrid-segments.js";
+export class HybridBackend {
+    host;
+    svg;
+    wrapper;
+    backends = [];
+    constructor(scene, container, opts = {}) {
+        this.wrapper = document.createElement("div");
+        this.wrapper.style.position = "relative";
+        this.wrapper.style.width = "100%";
+        this.wrapper.style.height = "100%";
+        this.wrapper.style.background = opts.background ?? "transparent";
+        container.appendChild(this.wrapper);
+        const segments = buildHybridSegments(scene.root.children);
+        let firstSvg = null;
+        for (const seg of segments) {
+            const layer = document.createElement("div");
+            layer.style.position = "absolute";
+            layer.style.inset = "0";
+            layer.style.width = "100%";
+            layer.style.height = "100%";
+            this.wrapper.appendChild(layer);
+            const ids = new Set(seg.ids);
+            const filter = (s) => ids.has(s.id);
+            if (seg.kind === "canvas") {
+                this.backends.push(new CanvasBackend(scene, layer, { shapeFilter: filter, transparent: true }));
+            }
+            else if (seg.kind === "webgl") {
+                layer.style.pointerEvents = "none";
+                this.backends.push(new WebGLShapeBackend(scene, layer, { shapeFilter: filter }));
+            }
+            else if (seg.kind === "webglm3d") {
+                layer.style.pointerEvents = "none";
+                this.backends.push(new WebGLModel3DBackend(scene, layer, { shapeFilter: filter, interactive: opts.interactive }));
+            }
+            else {
+                // 这一层必须能接到指针。HTML 祖先一旦 pointer-events:none，foreignObject
+                // 里的 <video> 控件就点不到，点击会穿透到 stage，被放映的翻页接走。
+                const be = new SvgBackend(scene, layer, {
+                    shapeFilter: filter,
+                    transparent: true,
+                    clipToSlide: opts.clipToSlide,
+                });
+                this.backends.push(be);
+                if (!firstSvg)
+                    firstSvg = be;
+            }
+        }
+        if (!firstSvg) {
+            const layer = document.createElement("div");
+            layer.style.position = "absolute";
+            layer.style.inset = "0";
+            layer.style.width = "100%";
+            layer.style.height = "100%";
+            layer.style.pointerEvents = "none";
+            this.wrapper.appendChild(layer);
+            firstSvg = new SvgBackend(scene, layer, {
+                shapeFilter: () => false,
+                transparent: true,
+                clipToSlide: opts.clipToSlide,
+            });
+            this.backends.push(firstSvg);
+        }
+        this.svg = firstSvg;
+        this.host = this.wrapper;
+    }
+    get svgRoot() {
+        return this.svg.root;
+    }
+    /** 同步刷新所有子 backend；详见 SvgBackend.flush。 */
+    flush() {
+        for (const b of this.backends)
+            b.flush?.();
+    }
+    /** 等待所有 live 3D（WebGLShapeBackend）首帧就绪——截图 / visual-compare 前调。 */
+    async waitForReady() {
+        await Promise.all(this.backends.map((b) => b.whenReady?.() ?? Promise.resolve()));
+    }
+    destroy() {
+        for (const b of this.backends)
+            b.destroy();
+        this.backends = [];
+        this.wrapper.remove();
+    }
+}

package/dist/esm/hybrid-segments.js

@@ -0,0 +1,51 @@
+import { needs3DRender, shape3DInfo, shapeSupports3D } from "@sliiu/present-three-bake";
+const BITMAP_KINDS = new Set(["image", "chart"]);
+function shapeIsLive3D(s) {
+    return shapeSupports3D(s) && needs3DRender(shape3DInfo(s));
+}
+function shapeIsLiveModel3D(s) {
+    return s.kind === "model3d" && Boolean(s.glbSrc);
+}
+function classifyBucket(node) {
+    if (shapeIsLive3D(node.shape))
+        return "webgl";
+    if (shapeIsLiveModel3D(node.shape))
+        return "webglm3d";
+    if (node.shape.kind === "model3d")
+        return "canvas";
+    return BITMAP_KINDS.has(node.shape.kind) ? "canvas" : "svg";
+}
+/**
+ * 按绘制顺序切段。组合不单独成段：非 3D 子形状留在组合被归入的那一类（图片在组合里
+ * 仍走 SVG），3D 子形状在它自己的 z 序位置拆成 webgl 段，这样字可以盖在挤出体上面。
+ */
+export function buildHybridSegments(children) {
+    const segments = [];
+    for (const child of children)
+        walk(child, segments, classifyBucket(child));
+    return segments;
+}
+function walk(node, segments, bucket) {
+    if (shapeIsLive3D(node.shape)) {
+        push(segments, "webgl", node.id);
+        return;
+    }
+    if (shapeIsLiveModel3D(node.shape)) {
+        push(segments, "webglm3d", node.id);
+        return;
+    }
+    if (node.shape.kind === "group") {
+        for (const c of node.children)
+            walk(c, segments, bucket);
+        return;
+    }
+    push(segments, bucket, node.id);
+}
+function push(segments, kind, id) {
+    const prev = segments[segments.length - 1];
+    if (prev && prev.kind === kind && kind !== "webgl" && kind !== "webglm3d") {
+        prev.ids.push(id);
+        return;
+    }
+    segments.push({ kind, ids: [id] });
+}

package/dist/esm/index.js

@@ -0,0 +1,24 @@
+export * from "./scene-node.js";
+export { applyEntranceHideToScene, revealDesignedAppearance } from "./entrance-hide.js";
+export * from "./compose.js";
+export * from "./svg-backend.js";
+export * from "./canvas-backend.js";
+export * from "./hybrid-backend.js";
+export { WebGLShapeBackend } from "./webgl-shape-backend.js";
+export { WebGLModel3DBackend } from "./webgl-model3d-backend.js";
+export { stageChromeBackground } from "./stage-chrome.js";
+export { mountMorphTransitionLayers } from "./morph-transition.js";
+export * from "./selection.js";
+export { renderPaint, applyStroke as applySvgStroke } from "./paint-svg.js";
+export { paintToCanvasStyle, applyStroke as applyCanvasStroke, getImage, waitForImagesLoaded } from "./paint-canvas.js";
+export { getVideoPosterFrame, waitForVideoFrames } from "./video-frame.js";
+export { getModel3DPreviewFrame, waitForModel3DFrames } from "./model3d-frame.js";
+export { renderChart } from "./chart-svg.js";
+export { drawChartCanvas } from "./chart-canvas.js";
+export { effectClipPathD, effectClipUsesEvenOdd } from "./effect-clip.js";
+export * from "./text-shared.js";
+export * from "./text-stacked.js";
+export { runLinkAt, hitTestTextRunAt } from "./text-hit.js";
+export { worldToLocal, hitTestNodeBBox, inverseSceneNode } from "./hit-geom.js";
+export { shapeFrontImageSrc } from "./shape-front.js";
+export { warpActive, sampleWarpPath, placeGlyphsOnWarp } from "./text-warp.js";

package/dist/esm/linked-src.js

@@ -0,0 +1,109 @@
+/** 浏览器无法加载 `file:` 外链图；画带文件名的占位，避免空白碎图。
+ *  Node 下若本地文件仍在，读成 data URL 仅供预览，**不改 IR 的 src**（否则 round-trip 会丢掉 r:link）。
+ */
+export function isFileLinkedSrc(src) {
+    return !!src && /^file:/i.test(src);
+}
+export function linkedImageLabel(src) {
+    const stripped = src.replace(/^file:\/\//i, "").replace(/^\/\//, "");
+    const name = stripped.split(/[/\\]/).pop()?.trim();
+    return name && name.length > 0 && name.length < 80 ? name : "Linked image";
+}
+function escapeXml(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+const FILE_PREVIEW_CACHE = new Map();
+function fileUrlToFsPath(src) {
+    try {
+        const u = new URL(src);
+        if (u.protocol !== "file:")
+            return undefined;
+        let p = decodeURIComponent(u.pathname);
+        if (/^\/[A-Za-z]:\//.test(p))
+            p = p.slice(1);
+        return p;
+    }
+    catch {
+        return undefined;
+    }
+}
+function mimeFromFsPath(p) {
+    const ext = p.slice(p.lastIndexOf(".") + 1).toLowerCase();
+    if (ext === "jpg" || ext === "jpeg")
+        return "image/jpeg";
+    if (ext === "gif")
+        return "image/gif";
+    if (ext === "webp")
+        return "image/webp";
+    if (ext === "svg")
+        return "image/svg+xml";
+    if (ext === "bmp")
+        return "image/bmp";
+    return "image/png";
+}
+function tryReadFileLinkedDataUrl(src) {
+    const cached = FILE_PREVIEW_CACHE.get(src);
+    if (cached === null)
+        return undefined;
+    if (cached)
+        return cached;
+    const proc = globalThis;
+    if (!proc.process?.versions?.node) {
+        FILE_PREVIEW_CACHE.set(src, null);
+        return undefined;
+    }
+    const fsPath = fileUrlToFsPath(src);
+    if (!fsPath) {
+        FILE_PREVIEW_CACHE.set(src, null);
+        return undefined;
+    }
+    try {
+        const fs = proc.process.getBuiltinModule?.("fs");
+        if (!fs?.existsSync || !fs.readFileSync || !fs.existsSync(fsPath)) {
+            FILE_PREVIEW_CACHE.set(src, null);
+            return undefined;
+        }
+        const b64 = fs.readFileSync(fsPath).toString("base64");
+        const dataUrl = `data:${mimeFromFsPath(fsPath)};base64,${b64}`;
+        FILE_PREVIEW_CACHE.set(src, dataUrl);
+        return dataUrl;
+    }
+    catch {
+        FILE_PREVIEW_CACHE.set(src, null);
+        return undefined;
+    }
+}
+export function linkedImagePlaceholderDataUri(src, w = 320, h = 180) {
+    const label = escapeXml(linkedImageLabel(src));
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${Math.max(1, Math.round(w))}" height="${Math.max(1, Math.round(h))}">` +
+        `<rect width="100%" height="100%" fill="#f3f4f6"/>` +
+        `<rect x="0.5" y="0.5" width="99%" height="99%" fill="none" stroke="#d1d5db" stroke-dasharray="6 4"/>` +
+        `<text x="50%" y="46%" text-anchor="middle" font-size="14" fill="#6b7280" font-family="sans-serif">Linked image</text>` +
+        `<text x="50%" y="60%" text-anchor="middle" font-size="12" fill="#6b7280" font-family="sans-serif">${label}</text>` +
+        `</svg>`;
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+export function displayImageSrc(src, w = 320, h = 180) {
+    if (!isFileLinkedSrc(src))
+        return src;
+    return tryReadFileLinkedDataUrl(src) ?? linkedImagePlaceholderDataUri(src, w, h);
+}
+export function drawLinkedImagePlaceholder(ctx, bbox, src) {
+    ctx.save();
+    ctx.fillStyle = "#f3f4f6";
+    ctx.fillRect(bbox.x, bbox.y, bbox.w, bbox.h);
+    ctx.strokeStyle = "#d1d5db";
+    ctx.setLineDash([6, 4]);
+    ctx.lineWidth = 1;
+    ctx.strokeRect(bbox.x + 0.5, bbox.y + 0.5, bbox.w - 1, bbox.h - 1);
+    ctx.setLineDash([]);
+    ctx.fillStyle = "#6b7280";
+    ctx.font = "12px sans-serif";
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    const label = linkedImageLabel(src);
+    ctx.fillText("Linked image", bbox.x + bbox.w / 2, bbox.y + bbox.h / 2 - 8);
+    ctx.font = "11px sans-serif";
+    ctx.fillText(label, bbox.x + bbox.w / 2, bbox.y + bbox.h / 2 + 10, Math.max(8, bbox.w - 12));
+    ctx.restore();
+}

package/dist/esm/metafile-preview.js

@@ -0,0 +1,135 @@
+// EMF / WMF 浏览器画不出来。上屏前转成 SVG，原 src 不动，导出仍写回图元文件。
+// 转出来的 SVG 不放进 shape.svgSrc：那个字段会写成 asvg:svgBlip，文件就会多出一个部件。
+import { convertMetafileToSvgDataUrl } from "emf-converter";
+export const METAFILE_MARKER_SRC = "data:image/svg+xml," +
+    encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><rect x="1.5" y="1.5" width="61" height="61" fill="#f3f4f6" stroke="#d1d5db" stroke-width="1" stroke-dasharray="4 3"/></svg>`);
+const cache = new Map();
+const jobs = new Map();
+const watched = new WeakSet();
+export function isMetafileDataUrl(src) {
+    return /^data:image\/(?:x-)?(?:emf|wmf)(?:;|,)/i.test(src);
+}
+/** EMF 签名在偏移 40（" EMF"）。可放置 WMF 以 0x9AC6CDD7 开头。 */
+export function isMetafileBytes(bytes, mime = "") {
+    if (/emf|wmf/i.test(mime))
+        return true;
+    if (bytes.length >= 4) {
+        const key = bytes[0] | (bytes[1] << 8) | (bytes[2] << 16) | (bytes[3] << 24);
+        if (key === 0x9ac6cdd7)
+            return true;
+    }
+    if (bytes.length >= 44) {
+        const sig = bytes[40] | (bytes[41] << 8) | (bytes[42] << 16) | (bytes[43] << 24);
+        if (sig === 0x464d4520)
+            return true;
+    }
+    return false;
+}
+/**
+ * 画布该用的地址。
+ * 返回空字符串表示图元文件还在转，调用方先留白，完成后再画。
+ * 转失败返回虚线占位。普通图片原样返回。
+ */
+export function previewImageSrc(src, img, onReady) {
+    const hit = cache.get(src);
+    if (hit?.kind === "native")
+        return src;
+    if (hit?.kind === "svg" || hit?.kind === "marker")
+        return hit.url;
+    if (jobs.has(src))
+        return "";
+    if (isMetafileDataUrl(src)) {
+        ensure(src, onReady);
+        return "";
+    }
+    if (img && !img.complete && onReady && !watched.has(img)) {
+        watched.add(img);
+        img.addEventListener("error", () => {
+            ensure(src, onReady);
+        }, { once: true });
+    }
+    if (!img || !img.complete)
+        return src;
+    if (img.naturalWidth > 0) {
+        cache.set(src, { kind: "native" });
+        return src;
+    }
+    ensure(src, onReady);
+    return "";
+}
+export function waitForMetafilePreviews() {
+    return Promise.all([...jobs.values()]).then(() => undefined);
+}
+function ensure(src, onReady) {
+    let job = jobs.get(src);
+    if (!job) {
+        job = run(src);
+        jobs.set(src, job);
+        void job.finally(() => {
+            jobs.delete(src);
+        });
+    }
+    if (onReady)
+        void job.then(() => onReady());
+}
+async function run(src) {
+    if (cache.has(src))
+        return;
+    const claimed = isMetafileDataUrl(src);
+    try {
+        const loaded = await loadBytes(src);
+        if (!loaded) {
+            cache.set(src, claimed ? { kind: "marker", url: METAFILE_MARKER_SRC } : { kind: "native" });
+            return;
+        }
+        if (!claimed && !isMetafileBytes(loaded.bytes, loaded.mime)) {
+            cache.set(src, { kind: "native" });
+            return;
+        }
+        const svg = await convertMetafileToSvgDataUrl(toArrayBuffer(loaded.bytes));
+        cache.set(src, svg ? { kind: "svg", url: svg } : { kind: "marker", url: METAFILE_MARKER_SRC });
+    }
+    catch {
+        cache.set(src, claimed ? { kind: "marker", url: METAFILE_MARKER_SRC } : { kind: "native" });
+    }
+}
+function toArrayBuffer(bytes) {
+    const copy = new ArrayBuffer(bytes.byteLength);
+    new Uint8Array(copy).set(bytes);
+    return copy;
+}
+async function loadBytes(src) {
+    if (src.startsWith("data:")) {
+        const bytes = decodeDataUrl(src);
+        return bytes ? { bytes, mime: "" } : undefined;
+    }
+    if (typeof fetch !== "function")
+        return undefined;
+    const res = await fetch(src);
+    if (!res.ok)
+        return undefined;
+    return {
+        bytes: new Uint8Array(await res.arrayBuffer()),
+        mime: res.headers.get("content-type") ?? "",
+    };
+}
+function decodeDataUrl(src) {
+    const comma = src.indexOf(",");
+    if (comma < 0)
+        return undefined;
+    const head = src.slice(0, comma);
+    const body = src.slice(comma + 1);
+    try {
+        if (/;base64/i.test(head)) {
+            const bin = atob(body);
+            const out = new Uint8Array(bin.length);
+            for (let i = 0; i < bin.length; i++)
+                out[i] = bin.charCodeAt(i) & 0xff;
+            return out;
+        }
+        return new TextEncoder().encode(decodeURIComponent(body));
+    }
+    catch {
+        return undefined;
+    }
+}