@oh-just-another/renderer-canvas 0.57.0

package/dist/layered-surface.js

@@ -0,0 +1,262 @@
+import { LAYER_ORDER } from "@oh-just-another/renderer-core";
+import { LayeredCanvas } from "./layered-canvas.js";
+import { WebGL2Target } from "./webgl2-target.js";
+import { RecordingTarget } from "./recording-target.js";
+import { setupHiDpiNoContext } from "./hi-dpi.js";
+/**
+ * Factory entry point. Picks the right backend implementation, builds
+ * it, and returns the common `LayeredSurface` interface. Canvas2D is
+ * always safe; WebGL2 throws if the browser doesn't expose
+ * `getContext("webgl2")`; Offscreen throws if either `OffscreenCanvas`
+ * or `transferControlToOffscreen` is missing.
+ *
+ * The host (DiagramRoot) catches errors and falls back to `canvas2d`
+ * automatically when an opt-in backend isn't supported.
+ */
+export const createLayeredSurface = (host, width, height, options = {}) => {
+    const backend = options.backend ?? "canvas2d";
+    switch (backend) {
+        case "canvas2d":
+            return new Canvas2DLayeredSurface(host, width, height);
+        case "webgl2":
+            return new WebGL2LayeredSurface(host, width, height);
+        case "offscreen":
+            if (!options.workerFactory) {
+                throw new Error("createLayeredSurface: workerFactory is required for the offscreen backend");
+            }
+            return new OffscreenLayeredSurface(host, width, height, options.workerFactory);
+    }
+};
+/**
+ * Build the requested surface and fall back to `canvas2d` if the
+ * opt-in backend throws (no WebGL2 / no OffscreenCanvas / per-page
+ * WebGL context limit hit). On fallback, `onFallback` is invoked
+ * with the original error so the host can surface a toast / log.
+ *
+ * Use this when the backend is user-controlled (demo dropdown,
+ * URL param) so a misclick doesn't crash the React tree. Hosts
+ * that want hard failures should call `createLayeredSurface`
+ * directly and handle the throw themselves.
+ */
+export const createLayeredSurfaceWithFallback = (host, width, height, options = {}, onFallback) => {
+    const requested = options.backend ?? "canvas2d";
+    try {
+        return { surface: createLayeredSurface(host, width, height, options), effectiveBackend: requested };
+    }
+    catch (err) {
+        if (requested === "canvas2d")
+            throw err;
+        onFallback?.(requested, err);
+        return {
+            surface: createLayeredSurface(host, width, height, { ...options, backend: "canvas2d" }),
+            effectiveBackend: "canvas2d",
+        };
+    }
+};
+/** Canvas2D surface — wraps `LayeredCanvas` (3× Canvas2DTarget). */
+class Canvas2DLayeredSurface {
+    backend = "canvas2d";
+    inner;
+    constructor(host, width, height) {
+        this.inner = new LayeredCanvas(host, width, height);
+    }
+    get(name) {
+        return this.inner.get(name);
+    }
+    getCanvas(name) {
+        return this.inner.getCanvas(name);
+    }
+    resize(width, height) {
+        this.inner.resize(width, height);
+    }
+    get size() {
+        return this.inner.size;
+    }
+    present() {
+        // No-op — Canvas2D paints synchronously.
+    }
+    dispose() {
+        this.inner.dispose();
+    }
+}
+/**
+ * WebGL2 surface — hybrid: GPU only for the heavy `main` layer;
+ * `overlay` / `background` stay on Canvas2D.
+ *
+ * Overlay paints handles / selection halo / port hints — a few dozen
+ * primitives per frame, trivially fast in Canvas2D. Background paints
+ * the grid — a repeating rect, also Canvas2D-cheap. Giving each its own
+ * WebGL2 context would triple GL state churn, triple GPU memory, and
+ * triple the chance of hitting the browser's per-page WebGL context cap
+ * (~16 in Chrome).
+ */
+class WebGL2LayeredSurface {
+    backend = "webgl2";
+    /** Canvas2D layered for overlay + background. */
+    base;
+    /** WebGL2 only for `main`. */
+    mainCanvas;
+    mainTarget;
+    _width;
+    _height;
+    constructor(host, width, height) {
+        this._width = width;
+        this._height = height;
+        // Build the Canvas2D layers first; the WebGL2 main canvas is
+        // spliced into the same stack between background and overlay.
+        this.base = new LayeredCanvas(host, width, height, {
+            layers: LAYER_ORDER.filter((name) => name !== "main"),
+        });
+        const overlay = this.base.getCanvas("overlay");
+        const canvas = host.ownerDocument.createElement("canvas");
+        canvas.dataset.layer = "main";
+        canvas.dataset.backend = "webgl2";
+        canvas.style.position = "absolute";
+        canvas.style.inset = "0";
+        canvas.style.pointerEvents = "none";
+        // Insert main before overlay so overlay sits on top in z-order.
+        host.insertBefore(canvas, overlay);
+        // Never call `getContext("2d")` on this canvas: the WebGL2 slot is
+        // exclusive — one canvas, one context kind, for the life of the
+        // element. `setupHiDpiNoContext` sizes the bitmap without touching
+        // the context.
+        setupHiDpiNoContext(canvas, width, height);
+        try {
+            this.mainCanvas = canvas;
+            this.mainTarget = new WebGL2Target(canvas, width, height);
+        }
+        catch (err) {
+            canvas.remove();
+            this.base.dispose();
+            throw err;
+        }
+    }
+    get(name) {
+        if (name === "main")
+            return this.mainTarget;
+        return this.base.get(name);
+    }
+    getCanvas(name) {
+        if (name === "main")
+            return this.mainCanvas;
+        return this.base.getCanvas(name);
+    }
+    resize(width, height) {
+        if (this._width === width && this._height === height)
+            return;
+        this._width = width;
+        this._height = height;
+        this.base.resize(width, height);
+        setupHiDpiNoContext(this.mainCanvas, width, height);
+        this.mainTarget.resize(width, height);
+    }
+    get size() {
+        return { width: this._width, height: this._height };
+    }
+    present() {
+        // Canvas2D + WebGL2 both paint synchronously — nothing to flush.
+    }
+    dispose() {
+        this.mainTarget.dispose();
+        this.mainCanvas.remove();
+        this.base.dispose();
+    }
+}
+/**
+ * Offscreen surface — main-thread `RecordingTarget` per layer + a
+ * dedicated worker per layer that owns the transferred OffscreenCanvas
+ * and replays the buffered command stream on each `present()`.
+ *
+ * Trade-offs:
+ *   • Latency: every `present()` posts one message per layer; on
+ *     desktop browsers this is sub-millisecond, but interactive
+ *     overlay (pointer-following handles) sees one rAF of delay
+ *     because the worker draws after the main thread yields.
+ *   • Memory: 3× workers, each owning a DPR-sized OffscreenCanvas.
+ *   • drawImage is silently skipped — see `RecordingTarget` docs.
+ */
+class OffscreenLayeredSurface {
+    backend = "offscreen";
+    canvases = new Map();
+    targets = new Map();
+    workers = new Map();
+    _width;
+    _height;
+    dpr;
+    constructor(host, width, height, workerFactory) {
+        this._width = width;
+        this._height = height;
+        this.dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+        if (getComputedStyle(host).position === "static") {
+            host.style.position = "relative";
+        }
+        try {
+            for (const name of LAYER_ORDER) {
+                const canvas = host.ownerDocument.createElement("canvas");
+                canvas.dataset.layer = name;
+                canvas.dataset.backend = "offscreen";
+                canvas.style.position = "absolute";
+                canvas.style.inset = "0";
+                canvas.style.pointerEvents = name === "overlay" ? "auto" : "none";
+                canvas.style.width = `${width}px`;
+                canvas.style.height = `${height}px`;
+                host.appendChild(canvas);
+                const worker = workerFactory();
+                const offscreen = canvas.transferControlToOffscreen();
+                worker.postMessage({ type: "init", canvas: offscreen, width, height, dpr: this.dpr }, [offscreen]);
+                this.canvases.set(name, canvas);
+                this.workers.set(name, worker);
+                this.targets.set(name, new RecordingTarget(width, height));
+            }
+        }
+        catch (err) {
+            this.dispose();
+            throw err;
+        }
+    }
+    get(name) {
+        const t = this.targets.get(name);
+        if (!t)
+            throw new Error(`Layer not created: ${name}`);
+        return t;
+    }
+    getCanvas(name) {
+        const c = this.canvases.get(name);
+        if (!c)
+            throw new Error(`Layer not created: ${name}`);
+        return c;
+    }
+    resize(width, height) {
+        if (this._width === width && this._height === height)
+            return;
+        this._width = width;
+        this._height = height;
+        for (const [name, canvas] of this.canvases) {
+            canvas.style.width = `${width}px`;
+            canvas.style.height = `${height}px`;
+            this.targets.get(name)?.resize(width, height);
+            this.workers.get(name)?.postMessage({ type: "resize", width, height });
+        }
+    }
+    get size() {
+        return { width: this._width, height: this._height };
+    }
+    present() {
+        for (const [name, target] of this.targets) {
+            const cmds = target.flush();
+            if (cmds.length === 0)
+                continue;
+            this.workers.get(name)?.postMessage({ type: "replay", commands: cmds });
+        }
+    }
+    dispose() {
+        for (const worker of this.workers.values())
+            worker.terminate();
+        for (const canvas of this.canvases.values())
+            canvas.remove();
+        this.workers.clear();
+        this.canvases.clear();
+        this.targets.clear();
+    }
+}
+//# sourceMappingURL=layered-surface.js.map

package/dist/layered-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layered-surface.js","sourceRoot":"","sources":["../src/layered-surface.ts"],"names":[],"mappings":"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"}

package/dist/offscreen.d.ts

@@ -0,0 +1,30 @@
+import { Canvas2DTarget } from "./canvas-target.js";
+/**
+ * Browser-feature detection. `true` when both `OffscreenCanvas` and the
+ * `transferControlToOffscreen` upgrade path on `HTMLCanvasElement` are
+ * available. False in Safari < 16.4 and in test environments without a
+ * canvas implementation — callers should fall back to the on-main
+ * `Canvas2DTarget` in that case.
+ */
+export declare const supportsOffscreenCanvas: () => boolean;
+/**
+ * Build a `Canvas2DTarget` backed by a fresh `OffscreenCanvas`. The CSS
+ * dimensions match the bitmap (no DPR scaling here — callers that want
+ * crisp output on hi-DPI displays should size the bitmap by `dpr` and
+ * pass a pre-scaled transform to draw calls).
+ */
+export declare const createOffscreenCanvas2DTarget: (width: number, height: number) => {
+    readonly canvas: OffscreenCanvas;
+    readonly target: Canvas2DTarget;
+};
+/**
+ * Transfer a canvas's rendering ownership to a worker. The returned
+ * `OffscreenCanvas` is now controlled by the worker (the host can no
+ * longer get a 2D context on the same element). Posts the offscreen
+ * to the worker via `worker.postMessage(msg, [offscreen])`.
+ *
+ * Throws when offscreen is unsupported — guard with
+ * `supportsOffscreenCanvas()` before calling.
+ */
+export declare const transferCanvasToWorker: (canvas: HTMLCanvasElement, worker: Worker, initMessage?: Record<string, unknown>) => OffscreenCanvas;
+//# sourceMappingURL=offscreen.d.ts.map

package/dist/offscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offscreen.d.ts","sourceRoot":"","sources":["../src/offscreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,QAAO,OAI1C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GACxC,OAAO,MAAM,EACb,QAAQ,MAAM,KACb;IAAE,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;CASrE,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,QAAQ,iBAAiB,EACzB,QAAQ,MAAM,EACd,cAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,KACxC,eAOF,CAAC"}

package/dist/offscreen.js

@@ -0,0 +1,50 @@
+import { Canvas2DTarget } from "./canvas-target.js";
+/**
+ * Browser-feature detection. `true` when both `OffscreenCanvas` and the
+ * `transferControlToOffscreen` upgrade path on `HTMLCanvasElement` are
+ * available. False in Safari < 16.4 and in test environments without a
+ * canvas implementation — callers should fall back to the on-main
+ * `Canvas2DTarget` in that case.
+ */
+export const supportsOffscreenCanvas = () => {
+    if (typeof OffscreenCanvas === "undefined")
+        return false;
+    if (typeof HTMLCanvasElement === "undefined")
+        return false;
+    return typeof HTMLCanvasElement.prototype.transferControlToOffscreen === "function";
+};
+/**
+ * Build a `Canvas2DTarget` backed by a fresh `OffscreenCanvas`. The CSS
+ * dimensions match the bitmap (no DPR scaling here — callers that want
+ * crisp output on hi-DPI displays should size the bitmap by `dpr` and
+ * pass a pre-scaled transform to draw calls).
+ */
+export const createOffscreenCanvas2DTarget = (width, height) => {
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        throw new Error("OffscreenCanvas 2D context unavailable");
+    // The OffscreenCanvasRenderingContext2D API is a superset of the
+    // 2D path / state / text methods Canvas2DTarget calls, so the cast
+    // relies on structural compatibility.
+    const target = new Canvas2DTarget(ctx, width, height);
+    return { canvas, target };
+};
+/**
+ * Transfer a canvas's rendering ownership to a worker. The returned
+ * `OffscreenCanvas` is now controlled by the worker (the host can no
+ * longer get a 2D context on the same element). Posts the offscreen
+ * to the worker via `worker.postMessage(msg, [offscreen])`.
+ *
+ * Throws when offscreen is unsupported — guard with
+ * `supportsOffscreenCanvas()` before calling.
+ */
+export const transferCanvasToWorker = (canvas, worker, initMessage = {}) => {
+    if (!supportsOffscreenCanvas()) {
+        throw new Error("OffscreenCanvas not supported in this environment");
+    }
+    const offscreen = canvas.transferControlToOffscreen();
+    worker.postMessage({ type: "init", canvas: offscreen, ...initMessage }, [offscreen]);
+    return offscreen;
+};
+//# sourceMappingURL=offscreen.js.map

package/dist/offscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offscreen.js","sourceRoot":"","sources":["../src/offscreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAY,EAAE;IACnD,IAAI,OAAO,eAAe,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IACzD,IAAI,OAAO,iBAAiB,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAC3D,OAAO,OAAO,iBAAiB,CAAC,SAAS,CAAC,0BAA0B,KAAK,UAAU,CAAC;AACtF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,KAAa,EACb,MAAc,EACyD,EAAE;IACzE,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IACpE,iEAAiE;IACjE,mEAAmE;IACnE,sCAAsC;IACtC,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,GAA0C,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,MAAyB,EACzB,MAAc,EACd,cAAuC,EAAE,EACxB,EAAE;IACnB,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IACD,MAAM,SAAS,GAAG,MAAM,CAAC,0BAA0B,EAAE,CAAC;IACtD,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACrF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/dist/recording-target.d.ts

@@ -0,0 +1,203 @@
+import type { Bounds, Color, Transform } from "@oh-just-another/types";
+import type { FillRule, LineCap, LineJoin, RenderTarget, TextAlign, TextBaseline } from "@oh-just-another/renderer-core";
+/**
+ * Backend-agnostic RenderTarget that captures every method call as a
+ * structured command. Powers the "offscreen" pipeline: the main thread
+ * renders into a RecordingTarget, the resulting buffer is shipped to a
+ * worker via postMessage, and the worker replays the commands onto its
+ * OffscreenCanvas.
+ *
+ * Commands are a tagged union of primitive payloads (no class
+ * instances) so they survive `structuredClone` cleanly across the
+ * worker boundary. `flush()` returns the buffered commands and resets
+ * the internal log.
+ */
+export type RenderCommand = {
+    readonly k: "setFill";
+    readonly color: Color | null;
+} | {
+    readonly k: "setStroke";
+    readonly color: Color | null;
+} | {
+    readonly k: "setStrokeWidth";
+    readonly w: number;
+} | {
+    readonly k: "setOpacity";
+    readonly a: number;
+} | {
+    readonly k: "setLineCap";
+    readonly cap: LineCap;
+} | {
+    readonly k: "setLineJoin";
+    readonly join: LineJoin;
+} | {
+    readonly k: "setDashArray";
+    readonly dash: readonly number[] | null;
+} | {
+    readonly k: "setFont";
+    readonly family: string;
+    readonly size: number;
+    readonly options?: {
+        readonly weight?: "normal" | "bold";
+        readonly style?: "normal" | "italic";
+    };
+} | {
+    readonly k: "setTextAlign";
+    readonly align: TextAlign;
+} | {
+    readonly k: "setTextBaseline";
+    readonly baseline: TextBaseline;
+} | {
+    readonly k: "save";
+} | {
+    readonly k: "restore";
+} | {
+    readonly k: "translate";
+    readonly x: number;
+    readonly y: number;
+} | {
+    readonly k: "rotate";
+    readonly r: number;
+} | {
+    readonly k: "scale";
+    readonly sx: number;
+    readonly sy: number;
+} | {
+    readonly k: "setTransform";
+    readonly t: Transform;
+} | {
+    readonly k: "resetTransform";
+} | {
+    readonly k: "beginPath";
+} | {
+    readonly k: "closePath";
+} | {
+    readonly k: "moveTo";
+    readonly x: number;
+    readonly y: number;
+} | {
+    readonly k: "lineTo";
+    readonly x: number;
+    readonly y: number;
+} | {
+    readonly k: "quadraticCurveTo";
+    readonly cx: number;
+    readonly cy: number;
+    readonly x: number;
+    readonly y: number;
+} | {
+    readonly k: "bezierCurveTo";
+    readonly c1x: number;
+    readonly c1y: number;
+    readonly c2x: number;
+    readonly c2y: number;
+    readonly x: number;
+    readonly y: number;
+} | {
+    readonly k: "rect";
+    readonly x: number;
+    readonly y: number;
+    readonly w: number;
+    readonly h: number;
+} | {
+    readonly k: "ellipse";
+    readonly cx: number;
+    readonly cy: number;
+    readonly rx: number;
+    readonly ry: number;
+} | {
+    readonly k: "fill";
+    readonly rule?: FillRule;
+} | {
+    readonly k: "stroke";
+} | {
+    readonly k: "fillText";
+    readonly text: string;
+    readonly x: number;
+    readonly y: number;
+    readonly maxWidth?: number;
+} | {
+    readonly k: "clear";
+    readonly bounds?: Bounds;
+} | {
+    readonly k: "markDirty";
+    readonly bounds: Bounds;
+} | {
+    readonly k: "resize";
+    readonly w: number;
+    readonly h: number;
+};
+/**
+ * `drawImage` is NOT serialisable through this command stream — image
+ * sources (HTMLImageElement, ImageBitmap, HTMLCanvasElement) either
+ * can't cross the postMessage boundary cleanly or require expensive
+ * transfers. The recording target silently skips `drawImage` calls and
+ * counts them in `skippedImageDraws` so the host UI can warn (or fall
+ * back to main-thread compositing for image-heavy scenes).
+ *
+ * `measureText` returns a synchronous heuristic — the worker has the
+ * authoritative measurement, but routing per-call is too chatty. Hosts
+ * that care about pixel-perfect text in offscreen mode should
+ * pre-measure on a sidecar text shaper.
+ */
+export declare class RecordingTarget implements RenderTarget {
+    private commands;
+    private _width;
+    private _height;
+    /** Counter so hosts can warn when images are silently skipped. */
+    skippedImageDraws: number;
+    constructor(width: number, height: number);
+    get size(): {
+        readonly width: number;
+        readonly height: number;
+    };
+    resize(width: number, height: number): void;
+    /** Pop the buffered commands and clear the internal log. */
+    flush(): readonly RenderCommand[];
+    /** Snapshot of the buffered commands without clearing. */
+    peek(): readonly RenderCommand[];
+    setFill(color: Color | null): void;
+    setStroke(color: Color | null): void;
+    setStrokeWidth(w: number): void;
+    setOpacity(a: number): void;
+    setLineCap(cap: LineCap): void;
+    setLineJoin(join: LineJoin): void;
+    setDashArray(dash: readonly number[] | null): void;
+    setFont(family: string, size: number, options?: {
+        weight?: "normal" | "bold";
+        style?: "normal" | "italic";
+    }): void;
+    setTextAlign(align: TextAlign): void;
+    setTextBaseline(baseline: TextBaseline): void;
+    save(): void;
+    restore(): void;
+    translate(x: number, y: number): void;
+    rotate(r: number): void;
+    scale(sx: number, sy: number): void;
+    setTransform(t: Transform): void;
+    resetTransform(): void;
+    beginPath(): void;
+    closePath(): void;
+    moveTo(x: number, y: number): void;
+    lineTo(x: number, y: number): void;
+    quadraticCurveTo(cx: number, cy: number, x: number, y: number): void;
+    bezierCurveTo(c1x: number, c1y: number, c2x: number, c2y: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    ellipse(cx: number, cy: number, rx: number, ry: number): void;
+    fill(rule?: FillRule): void;
+    stroke(): void;
+    fillText(text: string, x: number, y: number, maxWidth?: number): void;
+    measureText(text: string): {
+        width: number;
+    };
+    drawImage(_image: unknown, _dx: number, _dy: number, _dw: number, _dh: number): void;
+    clear(bounds?: Bounds): void;
+    markDirty(bounds: Bounds): void;
+}
+/**
+ * Replay a previously-flushed command buffer onto a real RenderTarget.
+ * Used by the worker entry point to apply commands shipped from the
+ * main thread.
+ */
+export declare const replayCommands: (target: RenderTarget, commands: readonly RenderCommand[]) => void;
+//# sourceMappingURL=recording-target.d.ts.map

package/dist/recording-target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-target.d.ts","sourceRoot":"","sources":["../src/recording-target.ts"],"names":[],"mappings":"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"}