@oh-just-another/state 0.57.0

package/dist/auto-layout-scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-layout-scheduler.d.ts","sourceRoot":"","sources":["../src/auto-layout-scheduler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,KAAK,EAML,KAAK,KAAK,EACV,KAAK,KAAK,EACX,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;;GAUG;AACH,qBAAa,mBAAmB;IAIlB,OAAO,CAAC,QAAQ,CAAC,IAAI;IAHjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgC;gBAE9B,IAAI,EAAE,0BAA0B;IAE7D,8DAA8D;IAC9D,QAAQ,IAAI,IAAI;IAShB;;;;OAIG;IACH,cAAc,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI;IAIzC,kEAAkE;IAClE,QAAQ,IAAI,IAAI;IAuBhB,OAAO,CAAC,YAAY;CA0BrB;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,iEAAiE;IACjE,QAAQ,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1E;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/auto-layout-scheduler.js

@@ -0,0 +1,94 @@
+import { apply, getAutoLayoutSpec, getDropZoneWorld, getElement, getElementWorldBounds, runAutoLayout, } from "@oh-just-another/scene";
+/**
+ * Microtask-coalesced re-runner for shapes carrying
+ * `metadata.autoLayout`. The editor calls `schedule()` from `notify()`;
+ * the check walks every auto-layout parent, compares its children-set
+ * fingerprint against the previous run, and re-runs the layout when the
+ * set changed.
+ *
+ * Pure position edits inside an existing children set are ignored
+ * (fingerprint is sorted-ids only), so a manual nudge of a child
+ * isn't snapped back. Add / remove / reparent does trigger.
+ */
+export class AutoLayoutScheduler {
+    opts;
+    pending = false;
+    signatures = new Map();
+    constructor(opts) {
+        this.opts = opts;
+    }
+    /** Queue a check for the next microtask. Coalesces bursts. */
+    schedule() {
+        if (this.pending)
+            return;
+        this.pending = true;
+        queueMicrotask(() => {
+            this.pending = false;
+            this.runCheck();
+        });
+    }
+    /**
+     * Recompute and store the signature for a parent, used after the
+     * editor's public `runLayout(parentId)` to prevent the next
+     * scheduled check from firing a redundant second run.
+     */
+    resetSignature(parentId) {
+        this.signatures.set(parentId, this.signatureFor(parentId));
+    }
+    /** Run the actual check + relayout immediately. Used by tests. */
+    runCheck() {
+        const scene = this.opts.getScene();
+        let mutated = false;
+        for (const parent of scene.elements.values()) {
+            if (!getAutoLayoutSpec(parent))
+                continue;
+            const sig = this.signatureFor(parent.id);
+            if (this.signatures.get(parent.id) === sig)
+                continue;
+            this.signatures.set(parent.id, sig);
+            const patch = runAutoLayout(this.opts.getScene(), parent.id);
+            if (!patch)
+                continue;
+            this.opts.applyPatch(patch);
+            // Grow container to fit children after they've been re-laid out.
+            // Per-child idempotent: `growContainer` is a no-op when the child
+            // already fits the drop-zone.
+            const post = this.opts.getScene();
+            for (const s of post.elements.values()) {
+                if (s.parentId === parent.id)
+                    this.opts.growContainer(parent.id, s.id);
+            }
+            mutated = true;
+        }
+        if (mutated)
+            this.opts.onMutated();
+    }
+    signatureFor(parentId) {
+        const scene = this.opts.getScene();
+        const parent = getElement(scene, parentId);
+        const children = [...scene.elements.values()].filter((s) => s.parentId === parentId);
+        // Wrap containers reflow on drop-zone geometry (origin + width) AND
+        // child-size changes (not just child add/remove): fold the drop-zone
+        // top-left + width + each child's size into the signature so resizing the
+        // container, MOVING it, or resizing a child re-anchors children at the
+        // (top-left-pinned) drop-zone origin. Other kinds keep the ids-only
+        // fingerprint (a manual position nudge isn't snapped back).
+        if (parent && getAutoLayoutSpec(parent)?.kind === "wrap") {
+            const dz = getDropZoneWorld(parent);
+            const origin = dz ? `${Math.round(dz.x)},${Math.round(dz.y)}` : "0,0";
+            const innerW = dz ? Math.round(dz.width) : 0;
+            const parts = children
+                .map((s) => {
+                const b = getElementWorldBounds(s);
+                return `${s.id}:${Math.round(b.width)}x${Math.round(b.height)}`;
+            })
+                .sort();
+            return `o${origin}|w${innerW}|${parts.join(",")}`;
+        }
+        const ids = children.map((s) => s.id);
+        ids.sort();
+        return ids.join(",");
+    }
+}
+export { apply };
+//# sourceMappingURL=auto-layout-scheduler.js.map

package/dist/auto-layout-scheduler.js.map

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

package/dist/built-in-handlers.d.ts

@@ -0,0 +1,24 @@
+import { type FileDropHandler } from "./file-drop.js";
+/**
+ * Built-in handler: any file matching IMAGE_MIME_TYPES becomes an
+ * ImageElement at the drop point. Measured size is downscaled to
+ * `DEFAULT_IMAGE_MAX_EDGE_PX` on the longer axis so huge phone
+ * snapshots arrive at a reasonable on-canvas size.
+ *
+ * Registered automatically by the Editor constructor; hosts that
+ * want different sizing can `unregisterFileDropHandler("image")`
+ * and supply their own.
+ */
+export declare const imageFileDropHandler: FileDropHandler;
+/**
+ * Built-in video file-drop handler. Drops a `<video>` element into
+ * the hidden sink (autoplay + muted + loop so it advances frames
+ * without user-gesture limits), reads the natural dimensions, and
+ * inserts an image-shaped scene element pointing at the video
+ * element via `metadata.image`. The Canvas2D renderer accepts a
+ * video element through drawImage and reads its current frame.
+ * The editor's animation tick (`metadata.animated = true`) keeps
+ * the canvas in sync with the playing video.
+ */
+export declare const videoFileDropHandler: FileDropHandler;
+//# sourceMappingURL=built-in-handlers.d.ts.map

package/dist/built-in-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"built-in-handlers.d.ts","sourceRoot":"","sources":["../src/built-in-handlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAmBxB;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,eA+FlC,CAAC;AAiCF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAgDlC,CAAC"}

package/dist/built-in-handlers.js

@@ -0,0 +1,210 @@
+import { DEFAULT_IMAGE_MAX_EDGE_PX } from "./constants.js";
+import { isImageFile, isVideoFile, readFileAsDataURL, } from "./file-drop.js";
+/**
+ * Read an image data URL and return its natural pixel dimensions
+ * (loaded once via an off-screen `<img>` element).
+ */
+const measureImage = (dataUrl) => new Promise((resolve, reject) => {
+    if (typeof Image === "undefined") {
+        reject(new Error("Image() is not available in this environment"));
+        return;
+    }
+    const img = new Image();
+    img.onload = () => { resolve({ width: img.naturalWidth, height: img.naturalHeight }); };
+    img.onerror = () => { reject(new Error("Failed to decode image data URL")); };
+    img.src = dataUrl;
+});
+/**
+ * Built-in handler: any file matching IMAGE_MIME_TYPES becomes an
+ * ImageElement at the drop point. Measured size is downscaled to
+ * `DEFAULT_IMAGE_MAX_EDGE_PX` on the longer axis so huge phone
+ * snapshots arrive at a reasonable on-canvas size.
+ *
+ * Registered automatically by the Editor constructor; hosts that
+ * want different sizing can `unregisterFileDropHandler("image")`
+ * and supply their own.
+ */
+export const imageFileDropHandler = {
+    id: "image",
+    accept: (file) => isImageFile(file),
+    handle: async (file, { editor, worldPoint }) => {
+        // Register the blob in Scene.files first, then create an object-URL
+        // for renderer convenience. Scene.json ends up with just a small
+        // `fileId` reference instead of the full base64 dataURL, keeping the
+        // payload small even for large PNGs.
+        //
+        // The dataURL fallback path produces a usable `src` for the renderer
+        // where `URL.createObjectURL(blob)` is unavailable (headless / SSR):
+        // the file is read as a dataURL so the shape still has something to
+        // draw if a host renders it before the file blob lands.
+        const useObjectUrl = typeof URL !== "undefined" && typeof URL.createObjectURL === "function";
+        const fileId = await editor.addBinaryFile(file, file.name);
+        const src = useObjectUrl ? URL.createObjectURL(file) : await readFileAsDataURL(file);
+        const natural = await measureImage(src);
+        const max = DEFAULT_IMAGE_MAX_EDGE_PX;
+        const scale = Math.max(natural.width, natural.height) > max
+            ? max / Math.max(natural.width, natural.height)
+            : 1;
+        const width = Math.round(natural.width * scale);
+        const height = Math.round(natural.height * scale);
+        // Land the image centered on the drop point.
+        const topLeft = {
+            x: worldPoint.x - width / 2,
+            y: worldPoint.y - height / 2,
+        };
+        // Pre-decoded `<img>` instance so the Canvas2D renderer can call
+        // drawImage() directly (canvas can't drawImage a raw string). GIFs
+        // animate natively in the element — the animation tick re-draws every
+        // frame.
+        //
+        // For animation the `<img>` must be attached to the DOM (Safari won't
+        // advance frames on a detached element, and Chrome/Firefox can also
+        // pause off-DOM elements). It is attached to a hidden container so the
+        // user never sees the raw image element.
+        const isGif = file.type === "image/gif" || /\.gif$/i.test(file.name);
+        let img = null;
+        if (typeof Image !== "undefined") {
+            img = new Image();
+            img.src = src;
+            if (typeof document !== "undefined") {
+                const sink = ensureAnimatedImageSink();
+                // Keep the element inside the viewport — browsers pause GIF frame
+                // advancement for images scrolled out of view as a power-saving
+                // measure, so an off-screen element would freeze on its first
+                // frame. It is pinned to the top-left corner and hidden via
+                // near-zero opacity + 1px size + z-index behind everything.
+                // Throttling keys off viewport-intersection, not opacity, so a
+                // 0.01-alpha 1px element keeps decoding frames while staying
+                // imperceptible to the user.
+                img.style.position = "fixed";
+                img.style.left = "0";
+                img.style.top = "0";
+                img.style.width = "1px";
+                img.style.height = "1px";
+                img.style.opacity = "0.01";
+                img.style.zIndex = "-1";
+                img.style.pointerEvents = "none";
+                sink.appendChild(img);
+            }
+            // Wait for the image to decode before handing it to the renderer; an
+            // undecoded element draws nothing and the user sees a flash of empty
+            // rectangle on first paint.
+            const el = img;
+            if (!el.complete) {
+                await new Promise((resolve) => {
+                    el.onload = () => { resolve(); };
+                    el.onerror = () => { resolve(); };
+                });
+            }
+        }
+        // GIF animation goes through the adapter path: the raw bytes become
+        // `animationData`, and the renderer asks the registered "gif" adapter
+        // for the current frame (relying on the hidden `<img>` to advance
+        // frames is unreliable since browsers pause near-invisible elements).
+        // `animationData` is transient (an ArrayBuffer doesn't survive JSON) —
+        // on reload the editor rehydrates it from `Scene.files`.
+        const animationBytes = isGif ? await file.arrayBuffer() : undefined;
+        editor.insertImage({
+            src,
+            fileId,
+            width,
+            height,
+            position: topLeft,
+            ...(img ? { image: img } : {}),
+            animated: isGif,
+            ...(isGif ? { animationKind: "gif" } : {}),
+            ...(animationBytes ? { animationData: animationBytes } : {}),
+        });
+    },
+};
+/**
+ * Singleton hidden container that holds animated `<img>` elements so
+ * the browser keeps decoding their frames. One container per
+ * document; created lazily.
+ *
+ * Pinned to the viewport's top-left (`position:fixed; 0,0`) — not
+ * off-screen — because browsers pause GIF animation for elements
+ * outside the viewport. A 0×0 container with `overflow:visible`
+ * lets the 1px children sit at the corner; `pointer-events:none`
+ * and `z-index:-1` keep it from intercepting clicks or covering UI.
+ */
+const SINK_ID = "oh-just-another-animated-image-sink";
+const ensureAnimatedImageSink = () => {
+    const existing = document.getElementById(SINK_ID);
+    if (existing)
+        return existing;
+    const div = document.createElement("div");
+    div.id = SINK_ID;
+    div.setAttribute("aria-hidden", "true");
+    div.style.position = "fixed";
+    div.style.left = "0";
+    div.style.top = "0";
+    div.style.width = "0";
+    div.style.height = "0";
+    div.style.overflow = "visible";
+    div.style.pointerEvents = "none";
+    div.style.zIndex = "-1";
+    document.body.appendChild(div);
+    return div;
+};
+/**
+ * Built-in video file-drop handler. Drops a `<video>` element into
+ * the hidden sink (autoplay + muted + loop so it advances frames
+ * without user-gesture limits), reads the natural dimensions, and
+ * inserts an image-shaped scene element pointing at the video
+ * element via `metadata.image`. The Canvas2D renderer accepts a
+ * video element through drawImage and reads its current frame.
+ * The editor's animation tick (`metadata.animated = true`) keeps
+ * the canvas in sync with the playing video.
+ */
+export const videoFileDropHandler = {
+    id: "video",
+    accept: (file) => isVideoFile(file),
+    handle: async (file, { editor, worldPoint }) => {
+        if (typeof document === "undefined")
+            return;
+        const url = URL.createObjectURL(file);
+        const video = document.createElement("video");
+        video.src = url;
+        video.muted = true;
+        video.loop = true;
+        video.playsInline = true;
+        video.autoplay = true;
+        const sink = ensureAnimatedImageSink();
+        video.style.position = "absolute";
+        video.style.left = "-99999px";
+        video.style.top = "-99999px";
+        video.style.width = "1px";
+        video.style.height = "1px";
+        sink.appendChild(video);
+        await new Promise((resolve) => {
+            const done = () => { resolve(); };
+            video.onloadedmetadata = done;
+            video.onerror = done;
+        });
+        const nW = video.videoWidth || 480;
+        const nH = video.videoHeight || 270;
+        const max = DEFAULT_IMAGE_MAX_EDGE_PX;
+        const scale = Math.max(nW, nH) > max ? max / Math.max(nW, nH) : 1;
+        const width = Math.round(nW * scale);
+        const height = Math.round(nH * scale);
+        const topLeft = {
+            x: worldPoint.x - width / 2,
+            y: worldPoint.y - height / 2,
+        };
+        // Best-effort play (some browsers require an interaction
+        // before allowing autoplay even when muted).
+        void video.play().catch(() => {
+            /* intentional no-op: autoplay rejection is expected before user interaction */
+        });
+        editor.insertImage({
+            src: url,
+            width,
+            height,
+            position: topLeft,
+            image: video,
+            animated: true,
+        });
+    },
+};
+//# sourceMappingURL=built-in-handlers.js.map

package/dist/built-in-handlers.js.map

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

package/dist/clipboard.d.ts

@@ -0,0 +1,51 @@
+import type { ElementId, Vec2 } from "@oh-just-another/types";
+import { type Scene, type Element } from "@oh-just-another/scene";
+import type { HistoryProvider } from "@oh-just-another/history";
+/**
+ * Clipboard helpers.
+ *
+ * The Editor's internal clipboard buffer is an array of deep-cloned
+ * shapes — it survives across calls within one editor session;
+ * cross-tab paste is a host concern (`navigator.clipboard`).
+ *
+ *   • `copyElements` — collect selection into a fresh buffer.
+ *   • `pasteElements` — paste a buffer into the scene at a target
+ *     centroid, returning the new selection.
+ */
+export interface PasteResult {
+    readonly scene: Scene;
+    readonly newIds: readonly ElementId[];
+}
+/**
+ * Clone a shape for the clipboard buffer / paste output. Deep-clones the
+ * plain data (so later edits don't bleed into the buffer) but carries
+ * live runtime handles by reference instead of cloning them:
+ *
+ *   - `metadata.image` — a decoded `HTMLImageElement`; `structuredClone`
+ *     throws `DataCloneError` on DOM nodes.
+ *   - `animationData` — the raw GIF/video buffer; large and re-derivable
+ *     from `fileId`, so sharing the reference avoids copying megabytes.
+ *
+ * The live `<img>` / buffer is shared, so the pasted shape draws
+ * immediately (same as the original) and still references its `fileId`.
+ */
+export declare const cloneElementForClipboard: (shape: Element) => Element;
+/**
+ * Snapshot every selected shape into a fresh array. Uses
+ * {@link cloneElementForClipboard} so live runtime handles (decoded
+ * image element, animation buffer) survive — a plain `structuredClone`
+ * throws on the DOM `<img>` an image shape carries in `metadata.image`.
+ */
+export declare const copyElements: (scene: Scene, selection: Iterable<ElementId>) => Element[];
+/**
+ * Paste the clipboard into `scene` so that its centroid lands at
+ * `target` (when supplied) or `+10` from each shape's stored
+ * position (so duplicates stay visible). Relative offsets between
+ * clipboard items are preserved.
+ *
+ * Allocates new shape ids via the `genId` callback (so the Editor
+ * keeps owning the counter) and pushes patches into `history`.
+ * Returns the new scene + ids the caller should select.
+ */
+export declare const pasteElements: (scene: Scene, history: HistoryProvider, clipboard: readonly Element[], target: Vec2 | null, genId: () => ElementId) => PasteResult;
+//# sourceMappingURL=clipboard.d.ts.map

package/dist/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../src/clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAML,KAAK,KAAK,EACV,KAAK,OAAO,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;CACvC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,KAAG,OAmBzD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,EACZ,WAAW,QAAQ,CAAC,SAAS,CAAC,KAC7B,OAAO,EAOT,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,EACZ,SAAS,eAAe,EACxB,WAAW,SAAS,OAAO,EAAE,EAC7B,QAAQ,IAAI,GAAG,IAAI,EACnB,OAAO,MAAM,SAAS,KACrB,WA8CF,CAAC"}

package/dist/clipboard.js

@@ -0,0 +1,105 @@
+import { addElement, batch, getElement, orderForTop, } from "@oh-just-another/scene";
+/**
+ * Clone a shape for the clipboard buffer / paste output. Deep-clones the
+ * plain data (so later edits don't bleed into the buffer) but carries
+ * live runtime handles by reference instead of cloning them:
+ *
+ *   - `metadata.image` — a decoded `HTMLImageElement`; `structuredClone`
+ *     throws `DataCloneError` on DOM nodes.
+ *   - `animationData` — the raw GIF/video buffer; large and re-derivable
+ *     from `fileId`, so sharing the reference avoids copying megabytes.
+ *
+ * The live `<img>` / buffer is shared, so the pasted shape draws
+ * immediately (same as the original) and still references its `fileId`.
+ */
+export const cloneElementForClipboard = (shape) => {
+    const meta = shape.metadata;
+    const liveImage = meta && "image" in meta ? meta.image : undefined;
+    const liveAnim = shape.animationData;
+    // Strip the live handles, deep-clone the rest, then re-attach by ref.
+    const stripped = { ...shape };
+    if (liveAnim !== undefined)
+        delete stripped.animationData;
+    if (meta) {
+        const m = { ...meta };
+        delete m.image;
+        stripped.metadata = m;
+    }
+    const cloned = structuredClone(stripped);
+    if (liveImage !== undefined) {
+        cloned.metadata = { ...cloned.metadata, image: liveImage };
+    }
+    if (liveAnim !== undefined)
+        cloned.animationData = liveAnim;
+    return cloned;
+};
+/**
+ * Snapshot every selected shape into a fresh array. Uses
+ * {@link cloneElementForClipboard} so live runtime handles (decoded
+ * image element, animation buffer) survive — a plain `structuredClone`
+ * throws on the DOM `<img>` an image shape carries in `metadata.image`.
+ */
+export const copyElements = (scene, selection) => {
+    const out = [];
+    for (const id of selection) {
+        const s = getElement(scene, id);
+        if (s)
+            out.push(cloneElementForClipboard(s));
+    }
+    return out;
+};
+/**
+ * Paste the clipboard into `scene` so that its centroid lands at
+ * `target` (when supplied) or `+10` from each shape's stored
+ * position (so duplicates stay visible). Relative offsets between
+ * clipboard items are preserved.
+ *
+ * Allocates new shape ids via the `genId` callback (so the Editor
+ * keeps owning the counter) and pushes patches into `history`.
+ * Returns the new scene + ids the caller should select.
+ */
+export const pasteElements = (scene, history, clipboard, target, genId) => {
+    if (clipboard.length === 0)
+        return { scene, newIds: [] };
+    let cx = 0;
+    let cy = 0;
+    for (const s of clipboard) {
+        cx += s.position.x;
+        cy += s.position.y;
+    }
+    cx /= clipboard.length;
+    cy /= clipboard.length;
+    const delta = target
+        ? { x: target.x - cx, y: target.y - cy }
+        : { x: 10, y: 10 };
+    // Build the patch list first, push as one batch. `history.transaction()`
+    // is intentionally avoided: an Editor with an open gesture-transaction
+    // (drag/resize in flight) would make `transaction()` throw "A transaction
+    // is already open". The batch-push path doesn't nest, so paste is always
+    // safe to call.
+    const patches = [];
+    const newIds = [];
+    let next = scene;
+    for (const tmpl of clipboard) {
+        const newId = genId();
+        const order = orderForTop([...next.elements.values()]
+            .filter((s) => s.layerId === tmpl.layerId)
+            .map((s) => s.order));
+        const clone = {
+            ...cloneElementForClipboard(tmpl),
+            id: newId,
+            position: { x: tmpl.position.x + delta.x, y: tmpl.position.y + delta.y },
+            order,
+        };
+        const r = addElement(next, clone);
+        next = r.scene;
+        patches.push(r.patch);
+        newIds.push(newId);
+    }
+    const first = patches[0];
+    if (first !== undefined) {
+        history.push(patches.length === 1 ? first : batch(patches));
+    }
+    return { scene: next, newIds };
+};
+//# sourceMappingURL=clipboard.js.map

package/dist/clipboard.js.map

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