@oh-just-another/editor 0.58.2 → 0.60.0

package/dist/file-actions.js.map

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

package/dist/gif-animation.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Register the built-in GIF animation adapter once. Idempotent — `<Editor>`
+ * calls this by default on mount, but hosts can also call it explicitly (or
+ * register their own `kind: "gif"` adapter to override it).
+ */
+export declare const installGifAnimationAdapter: () => void;
+//# sourceMappingURL=gif-animation.d.ts.map

package/dist/gif-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gif-animation.d.ts","sourceRoot":"","sources":["../src/gif-animation.ts"],"names":[],"mappings":"AA+HA;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,QAAO,IAI7C,CAAC"}

package/dist/gif-animation.js

@@ -0,0 +1,99 @@
+import { registerAnimationAdapter, notifyAnimationContentReady, } from "@oh-just-another/renderer-core";
+import { DEFAULT_FRAME_DELAY_MS } from "./constants.js";
+const decodeCache = new WeakMap();
+const decoding = new WeakSet();
+const compositeGifFrames = async (buffer) => {
+    // Lazy-load the decoder — only fetched when a GIF is first decoded.
+    const { parseGIF, decompressFrames } = await import("gifuct-js");
+    const gif = parseGIF(buffer);
+    const raw = decompressFrames(gif, true);
+    const width = gif.lsd.width;
+    const height = gif.lsd.height;
+    if (width <= 0 || height <= 0 || raw.length === 0) {
+        return { frames: [], totalMs: 0 };
+    }
+    // Persistent composite — each frame's patch is drawn on top so partial-frame
+    // GIFs (most of them) accumulate correctly. Disposal type 2 ("restore to
+    // background") clears the patch region after snapshotting; types 1/0 keep it
+    // (the common case).
+    const composite = new OffscreenCanvas(width, height);
+    const cctx = composite.getContext("2d");
+    const patch = new OffscreenCanvas(width, height);
+    const pctx = patch.getContext("2d");
+    if (!cctx || !pctx)
+        return { frames: [], totalMs: 0 };
+    const frames = [];
+    let cumulative = 0;
+    for (const fr of raw) {
+        // Copy into a fresh ArrayBuffer-backed array — gifuct's patch may be typed
+        // as `Uint8ClampedArray<ArrayBufferLike>` (SharedArrayBuffer union), which
+        // `ImageData` doesn't accept under TS's strict ArrayBuffer typing.
+        const imageData = new ImageData(new Uint8ClampedArray(fr.patch), fr.dims.width, fr.dims.height);
+        patch.width = fr.dims.width;
+        patch.height = fr.dims.height;
+        pctx.putImageData(imageData, 0, 0);
+        cctx.drawImage(patch, fr.dims.left, fr.dims.top);
+        // Snapshot the full composite as this frame.
+        const bitmap = await createImageBitmap(composite);
+        cumulative += fr.delay > 0 ? fr.delay : DEFAULT_FRAME_DELAY_MS;
+        frames.push({ bitmap, endMs: cumulative });
+        if (fr.disposalType === 2) {
+            cctx.clearRect(fr.dims.left, fr.dims.top, fr.dims.width, fr.dims.height);
+        }
+    }
+    return { frames, totalMs: cumulative };
+};
+const gifAdapter = {
+    kind: "gif",
+    getFrameAt(data, timestampMs) {
+        if (!(data instanceof ArrayBuffer) || data.byteLength === 0)
+            return null;
+        const decoded = decodeCache.get(data);
+        if (!decoded) {
+            // First sighting — kick off a one-time async decode. Return null
+            // meanwhile; the renderer skips a null handle and the next AnimationTick
+            // frame will find the cache populated.
+            if (!decoding.has(data)) {
+                decoding.add(data);
+                compositeGifFrames(data)
+                    .then((d) => {
+                    decodeCache.set(data, d);
+                    // Nudge the host to render once more so a paused shape
+                    // (reduced-motion / auto-stopped / frozen) — which has no animation
+                    // tick to pick the frames up — paints its now-decoded frame.
+                    notifyAnimationContentReady();
+                })
+                    .catch(() => {
+                    /* leave uncached — getFrameAt keeps returning null */
+                })
+                    .finally(() => decoding.delete(data));
+            }
+            return null;
+        }
+        if (decoded.frames.length === 0)
+            return null;
+        const t = decoded.totalMs > 0 ? timestampMs % decoded.totalMs : 0;
+        for (const frame of decoded.frames) {
+            if (t < frame.endMs)
+                return frame.bitmap;
+        }
+        const last = decoded.frames[decoded.frames.length - 1];
+        return last ? last.bitmap : null;
+    },
+    totalDurationMs(data) {
+        return decodeCache.get(data)?.totalMs ?? 0;
+    },
+};
+let installed = false;
+/**
+ * Register the built-in GIF animation adapter once. Idempotent — `<Editor>`
+ * calls this by default on mount, but hosts can also call it explicitly (or
+ * register their own `kind: "gif"` adapter to override it).
+ */
+export const installGifAnimationAdapter = () => {
+    if (installed)
+        return;
+    installed = true;
+    registerAnimationAdapter(gifAdapter);
+};
+//# sourceMappingURL=gif-animation.js.map

package/dist/gif-animation.js.map

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

package/dist/index.d.ts

@@ -15,18 +15,28 @@
  * full live engine (`EditorInstance` from `@oh-just-another/state`) as the
  * power-user escape hatch. See `EditorProps` for the customisation surface.
  *
- * `Diagram` is a deprecated alias for `Editor`, kept for back-compat.
+ * @deprecated `Diagram` — use {@link Editor} instead.
  */
 export { Diagram as Editor, Diagram, type DiagramAPI as EditorAPI, type DiagramAPI, type DiagramProps as EditorProps, type DiagramProps, type DiagramTheme as EditorTheme, type DiagramTheme, } from "./Diagram.js";
 export { detectCapabilities, logCapabilities, type CapabilityProfile, type CapabilityOverrides, } from "./capabilities.js";
 export { isEditableTarget } from "./dom-focus.js";
+export { bindEditorHotkeys, type HotkeyBindingOptions } from "@oh-just-another/state";
 export { exportSceneToPng, type PngExportBackground, type PngExportOptions } from "./png-export.js";
+export { fileActions, registerFileActions, setFileActionNotifier, downloadScene, downloadSvg, downloadPng, openSceneFile, copySceneAsImage, } from "./file-actions.js";
 export { registerBounder, registerLayoutKind } from "@oh-just-another/scene";
 export { registerElementRenderer, registerAnimationAdapter } from "@oh-just-another/renderer-core";
+export { registerInteractiveHitTester, registerRotateAnchor } from "@oh-just-another/state";
 export { registerMigration } from "@oh-just-another/serialization";
+export { defineShape, type ShapeSpec, type ShapeRegistration } from "./define-shape.js";
+export { installGifAnimationAdapter } from "./gif-animation.js";
 export type { ElementId } from "@oh-just-another/types";
 export type { Editor as EditorInstance, Mode, FileDropHandler } from "@oh-just-another/state";
-export type { Scene, LayoutKindEntry } from "@oh-just-another/scene";
+export { clampCrop, computeConvertType, computeSetImageCrop, computeCommitImageCrop, computeSpawnConnectedNode, cropFullImageLocalRect, cropHandleWorldPoints, computeCropHandleDrag, computeCropBodyPan, CROP_HANDLES, FULL_CROP, pickColorAt, } from "@oh-just-another/state";
+export type { ConvertTarget, CropDragResult, CropHandle, SpawnDirection, } from "@oh-just-another/state";
+export type { ImageCrop } from "@oh-just-another/scene";
+export type { Scene, LayoutKindEntry, ElementBase, ElementBounder, AnchorRef, } from "@oh-just-another/scene";
+export type { ElementRenderer, RenderTarget } from "@oh-just-another/renderer-core";
+export type { InteractiveHitTester } from "@oh-just-another/state";
 export type { Template } from "@oh-just-another/templates";
 export type { AnimatedSourceAdapter } from "@oh-just-another/renderer-core";
 export type { RendererBackend } from "@oh-just-another/renderer-canvas";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,OAAO,EACP,KAAK,UAAU,IAAI,SAAS,EAC5B,KAAK,UAAU,EACf,KAAK,YAAY,IAAI,WAAW,EAChC,KAAK,YAAY,EACjB,KAAK,YAAY,IAAI,WAAW,EAChC,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKpG,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAOnE,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,MAAM,IAAI,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9F,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,OAAO,EACP,KAAK,UAAU,IAAI,SAAS,EAC5B,KAAK,UAAU,EACf,KAAK,YAAY,IAAI,WAAW,EAChC,KAAK,YAAY,EACjB,KAAK,YAAY,IAAI,WAAW,EAChC,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIpG,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAOhE,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,MAAM,IAAI,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,aAAa,EACb,cAAc,EACd,UAAU,EACV,cAAc,GACf,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EACV,KAAK,EACL,eAAe,EACf,WAAW,EACX,cAAc,EACd,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACpF,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/index.js

@@ -15,16 +15,30 @@
  * full live engine (`EditorInstance` from `@oh-just-another/state`) as the
  * power-user escape hatch. See `EditorProps` for the customisation surface.
  *
- * `Diagram` is a deprecated alias for `Editor`, kept for back-compat.
+ * @deprecated `Diagram` — use {@link Editor} instead.
  */
 export { Diagram as Editor, Diagram, } from "./Diagram.js";
 export { detectCapabilities, logCapabilities, } from "./capabilities.js";
 export { isEditableTarget } from "./dom-focus.js";
+export { bindEditorHotkeys } from "@oh-just-another/state";
 export { exportSceneToPng } from "./png-export.js";
+// File operations (Save / Open / Export / Copy-as-image) — registered on
+// the action registry by `<Editor>`; exported so hosts can wire them to
+// their own chrome or a custom registry.
+export { fileActions, registerFileActions, setFileActionNotifier, downloadScene, downloadSvg, downloadPng, openSceneFile, copySceneAsImage, } from "./file-actions.js";
 // Plug-in registries from the underlying packages, surfaced here so the
 // umbrella package is the single import for extending the editor without
 // reaching into the lower-level packages.
 export { registerBounder, registerLayoutKind } from "@oh-just-another/scene";
 export { registerElementRenderer, registerAnimationAdapter } from "@oh-just-another/renderer-core";
+export { registerInteractiveHitTester, registerRotateAnchor } from "@oh-just-another/state";
 export { registerMigration } from "@oh-just-another/serialization";
+// `defineShape` — one-call facade over the registries above for adding a
+// custom shape type (bounds + render + optional interaction hooks).
+export { defineShape } from "./define-shape.js";
+// Built-in GIF decoder — `<Editor>` installs it by default; exported so hosts
+// can install it explicitly or opt into it without the component.
+export { installGifAnimationAdapter } from "./gif-animation.js";
+// Tool operations + types (eyedropper / convert-type / image-crop / spawn).
+export { clampCrop, computeConvertType, computeSetImageCrop, computeCommitImageCrop, computeSpawnConnectedNode, cropFullImageLocalRect, cropHandleWorldPoints, computeCropHandleDrag, computeCropBodyPan, CROP_HANDLES, FULL_CROP, pickColorAt, } from "@oh-just-another/state";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,OAAO,GAOR,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,eAAe,GAGhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAmD,MAAM,iBAAiB,CAAC;AAEpG,wEAAwE;AACxE,yEAAyE;AACzE,0CAA0C;AAC1C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,OAAO,GAOR,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,eAAe,GAGhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAA6B,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAmD,MAAM,iBAAiB,CAAC;AACpG,yEAAyE;AACzE,wEAAwE;AACxE,yCAAyC;AACzC,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,wEAAwE;AACxE,yEAAyE;AACzE,0CAA0C;AAC1C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,yEAAyE;AACzE,oEAAoE;AACpE,OAAO,EAAE,WAAW,EAA0C,MAAM,mBAAmB,CAAC;AACxF,8EAA8E;AAC9E,kEAAkE;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAShE,4EAA4E;AAC5E,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,wBAAwB,CAAC"}

package/dist/png-export.d.ts

@@ -1,21 +1,15 @@
 import { type Scene } from "@oh-just-another/scene";
 /**
  * Browser-side PNG export — renders the **full scene** (not just the
- * current viewport) into an OffscreenCanvas via the standard
- * `renderScene` + `renderLinks` pipeline, then converts to a PNG blob.
+ * current viewport) into an OffscreenCanvas via the `renderScene` +
+ * `renderLinks` pipeline, then converts to a PNG blob.
  *
  * Three variants, exposed as separate menu items:
  *
  *   • "transparent"     — no background fill, PNG alpha channel preserved.
  *   • "color"           — solid fill in the host's canvas colour.
  *   • "color-and-grid"  — solid fill + the same grid the user sees on
- *                         the canvas (same gridSize / gridStyle).
- *
- * This host-side helper is used instead of `@oh-just-another/exporter.exportPng`
- * because exporter's path goes through `@headless.renderToPng`, which pulls
- * `@resvg/resvg-js` (~3 MB WASM peer dep). For a browser host the kernel's
- * `Canvas2DTarget` + `renderScene` are already on hand — no extra
- * dependency, no SVG round-trip, identical visual output.
+ *                         the canvas (same gridStyle).
  *
  * Returns `null` when the scene has no shapes (host shows an alert).
  */

package/dist/png-export.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"png-export.d.ts","sourceRoot":"","sources":["../src/png-export.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,wBAAwB,CAAC;AAKhC;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC;AAUD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,EACZ,SAAS,gBAAgB,KACxB,OAAO,CAAC,IAAI,GAAG,IAAI,CA6DrB,CAAC"}
+{"version":3,"file":"png-export.d.ts","sourceRoot":"","sources":["../src/png-export.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,wBAAwB,CAAC;AAMhC;;;;;;;;;;;;;GAaG;AAEH,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,EACZ,SAAS,gBAAgB,KACxB,OAAO,CAAC,IAAI,GAAG,IAAI,CAyDrB,CAAC"}

package/dist/png-export.js

@@ -1,13 +1,7 @@
 import { getLayersInOrder, getElementWorldBounds, getElementsInLayer, } from "@oh-just-another/scene";
 import { renderLinks, renderGrid, renderScene } from "@oh-just-another/renderer-core";
 import { createOffscreenCanvas2DTarget } from "@oh-just-another/renderer-canvas";
-/**
- * Padding around the scene bbox, in world units. Matches the
- * `zoomToFit` default so the exported framing feels like "what fit
- * on screen would look like". Hosts that want a tight bbox can crop
- * after the fact.
- */
-const EXPORT_PADDING_WORLD = 20;
+import { EXPORT_PADDING_WORLD } from "./constants.js";
 export const exportSceneToPng = async (scene, options) => {
     if (typeof OffscreenCanvas === "undefined")
         return null;
@@ -45,15 +39,13 @@ export const exportSceneToPng = async (scene, options) => {
             zoom: options.scale,
             rotation: 0,
             size: { width: canvasW, height: canvasH },
-            ...(scene.viewport.gridSize !== undefined ? { gridSize: scene.viewport.gridSize } : {}),
+            gridEnabled: scene.viewport.gridEnabled,
             ...(scene.viewport.gridStyle !== undefined ? { gridStyle: scene.viewport.gridStyle } : {}),
         },
     };
-    // Grid pass — only for the color-and-grid variant. Skipped when the
-    // scene has no gridSize (user disabled it).
-    if (options.background === "color-and-grid" &&
-        exportScene.viewport.gridSize &&
-        exportScene.viewport.gridSize > 0) {
+    // Grid pass — only for the color-and-grid variant, and only when the scene
+    // has the grid enabled.
+    if (options.background === "color-and-grid" && exportScene.viewport.gridEnabled) {
         renderGrid(exportScene, target);
     }
     // Shapes (skipClear: true so background / grid survive).

package/dist/png-export.js.map

@@ -1 +1 @@
-{"version":3,"file":"png-export.js","sourceRoot":"","sources":["../src/png-export.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,GAEnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AAsCjF;;;;;GAKG;AACH,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEhC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EACnC,KAAY,EACZ,OAAyB,EACH,EAAE;IACxB,IAAI,OAAO,eAAe,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAExD,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC,CAAC,oCAAoC;IAE5D,MAAM,MAAM,GAAW;QACrB,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,oBAAoB;QAChC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,oBAAoB;QAChC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,oBAAoB;QAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,oBAAoB;KAC/C,CAAC;IAEF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,6BAA6B,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE3E,mEAAmE;IACnE,gEAAgE;IAChE,qEAAqE;IACrE,6BAA6B;IAC7B,IAAI,OAAO,CAAC,UAAU,KAAK,aAAa,EAAE,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACxC,MAAM,CAAC,SAAS,EAAE,CAAC;QACnB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,EAAE,CAAC;IAChB,CAAC;IAED,iEAAiE;IACjE,qDAAqD;IACrD,4DAA4D;IAC5D,4DAA4D;IAC5D,kEAAkE;IAClE,MAAM,WAAW,GAAU;QACzB,GAAG,KAAK;QACR,QAAQ,EAAE;YACR,GAAG,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE;YACjC,IAAI,EAAE,OAAO,CAAC,KAAK;YACnB,QAAQ,EAAE,CAAC;YACX,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;YACzC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3F;KACF,CAAC;IAEF,oEAAoE;IACpE,4CAA4C;IAC5C,IACE,OAAO,CAAC,UAAU,KAAK,gBAAgB;QACvC,WAAW,CAAC,QAAQ,CAAC,QAAQ;QAC7B,WAAW,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,EACjC,CAAC;QACD,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IAED,yDAAyD;IACzD,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAEjC,OAAO,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAiB,EAAE;IACvD,IAAI,GAAG,GAAkB,IAAI,CAAC;IAC9B,KAAK,MAAM,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,SAAS;QAC7B,KAAK,MAAM,KAAK,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YACxD,MAAM,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACvC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,yEAAyE;AACzE,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,CAAS,EAAU,EAAE;IACnD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IACxD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AACxD,CAAC,CAAC"}
+{"version":3,"file":"png-export.js","sourceRoot":"","sources":["../src/png-export.ts"],"names":[],"mappings":"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"}

package/dist/themed-portal-container.d.ts

@@ -0,0 +1,25 @@
+import type { DiagramTheme } from "./Diagram.js";
+/**
+ * Create a portal container that mirrors the editor's `theme` as a `data-theme`
+ * attribute, nested inside whatever portal container is already in effect
+ * (another provider, or `document.body` by default).
+ *
+ * Floating chrome (the selection / property panel, popovers, tooltips, menus)
+ * portals out of the editor's clipped subtree. That also escapes the
+ * `data-theme` set on the editor root, so the stylesheet's `:root` +
+ * `prefers-color-scheme` fallback leaks the OS theme into the portaled UI —
+ * e.g. a dark menu while the app is set to light. Portaling into this themed
+ * wrapper instead makes the floating UI inherit the editor's chosen theme
+ * regardless of the OS preference.
+ *
+ * Nesting (rather than always appending to `document.body`) preserves any host
+ * setup: the web-component wrapper portals into a shadow-internal layer so its
+ * adopted stylesheet still reaches the menus — this wrapper stays inside it.
+ *
+ * `"system"` removes the attribute so the media query (OS theme) takes over,
+ * matching the editor root. The element is unstyled and unpositioned, so it
+ * never creates a containing block — absolutely / fixed positioned portal
+ * children resolve exactly as they did against the parent container.
+ */
+export declare const useThemedPortalContainer: (theme: DiagramTheme) => HTMLElement | null;
+//# sourceMappingURL=themed-portal-container.d.ts.map

package/dist/themed-portal-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-portal-container.d.ts","sourceRoot":"","sources":["../src/themed-portal-container.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,GAAI,OAAO,YAAY,KAAG,WAAW,GAAG,IAsB5E,CAAC"}

package/dist/themed-portal-container.js

@@ -0,0 +1,47 @@
+import { useEffect, useState } from "react";
+import { usePortalContainer } from "@oh-just-another/react-ui";
+/**
+ * Create a portal container that mirrors the editor's `theme` as a `data-theme`
+ * attribute, nested inside whatever portal container is already in effect
+ * (another provider, or `document.body` by default).
+ *
+ * Floating chrome (the selection / property panel, popovers, tooltips, menus)
+ * portals out of the editor's clipped subtree. That also escapes the
+ * `data-theme` set on the editor root, so the stylesheet's `:root` +
+ * `prefers-color-scheme` fallback leaks the OS theme into the portaled UI —
+ * e.g. a dark menu while the app is set to light. Portaling into this themed
+ * wrapper instead makes the floating UI inherit the editor's chosen theme
+ * regardless of the OS preference.
+ *
+ * Nesting (rather than always appending to `document.body`) preserves any host
+ * setup: the web-component wrapper portals into a shadow-internal layer so its
+ * adopted stylesheet still reaches the menus — this wrapper stays inside it.
+ *
+ * `"system"` removes the attribute so the media query (OS theme) takes over,
+ * matching the editor root. The element is unstyled and unpositioned, so it
+ * never creates a containing block — absolutely / fixed positioned portal
+ * children resolve exactly as they did against the parent container.
+ */
+export const useThemedPortalContainer = (theme) => {
+    const parent = usePortalContainer();
+    const [el] = useState(() => typeof document === "undefined" ? null : document.createElement("div"));
+    useEffect(() => {
+        if (!el)
+            return;
+        el.setAttribute("data-diagram-portal", "");
+        parent.appendChild(el);
+        return () => {
+            el.remove();
+        };
+    }, [el, parent]);
+    useEffect(() => {
+        if (!el)
+            return;
+        if (theme === "system")
+            el.removeAttribute("data-theme");
+        else
+            el.setAttribute("data-theme", theme);
+    }, [el, theme]);
+    return el;
+};
+//# sourceMappingURL=themed-portal-container.js.map

package/dist/themed-portal-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-portal-container.js","sourceRoot":"","sources":["../src/themed-portal-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAmB,EAAsB,EAAE;IAClF,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAwB,GAAG,EAAE,CAChD,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CACvE,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,MAAM,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,IAAI,KAAK,KAAK,QAAQ;YAAE,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;;YACpD,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhB,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oh-just-another/editor",
-  "version": "0.58.2",
+  "version": "0.60.0",
   "description": "Drop-in diagram editor as a single React component. Auto-detects renderer / WASM / worker capabilities and exposes a programmatic editor API.",
   "license": "MIT",
   "author": "Rustam Garifulin <rustam@n69.in>",
@@ -39,17 +39,19 @@
     "access": "public"
   },
   "dependencies": {
-    "lucide-react": "^1.16.0",
-    "@oh-just-another/react-ui": "0.57.3",
-    "@oh-just-another/raster-wasm": "0.57.1",
-    "@oh-just-another/renderer-canvas": "0.58.1",
-    "@oh-just-another/renderer-core": "0.57.1",
-    "@oh-just-another/renderer-svg": "0.57.1",
-    "@oh-just-another/state": "0.58.0",
-    "@oh-just-another/serialization": "0.57.1",
-    "@oh-just-another/scene": "0.58.0",
-    "@oh-just-another/templates": "0.57.1",
-    "@oh-just-another/text-wasm": "0.57.1",
+    "gifuct-js": "2.1.2",
+    "lucide-react": "1.16.0",
+    "@oh-just-another/fonts": "0.1.0",
+    "@oh-just-another/raster-wasm": "0.57.3",
+    "@oh-just-another/react-ui": "0.59.0",
+    "@oh-just-another/renderer-canvas": "0.60.0",
+    "@oh-just-another/renderer-core": "0.59.0",
+    "@oh-just-another/renderer-svg": "0.57.3",
+    "@oh-just-another/scene": "0.60.0",
+    "@oh-just-another/serialization": "0.59.0",
+    "@oh-just-another/state": "0.60.0",
+    "@oh-just-another/templates": "0.57.3",
+    "@oh-just-another/text-wasm": "0.57.3",
     "@oh-just-another/types": "0.57.0"
   },
   "peerDependencies": {
@@ -57,12 +59,12 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@testing-library/react": "^16.1.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "jsdom": "^25.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.15",
+    "@types/react-dom": "19.2.3",
+    "jsdom": "25.0.1",
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
   },
   "scripts": {
     "build": "tsc -b tsconfig.build.json",