@open-draw/canvas 0.0.0-stage → 0.1.0

package/dist/capabilities/connector/manager.js

@@ -0,0 +1,108 @@
+import { getAnchorPoint } from '../../shapes/arrow/index.js';
+export class ConnectorManager {
+    unbindListeners = new Set();
+    onTargetUnbound(listener) {
+        this.unbindListeners.add(listener);
+        return () => this.unbindListeners.delete(listener);
+    }
+    emitUnbound(event) {
+        for (const listener of this.unbindListeners) {
+            try {
+                listener(event);
+            }
+            catch (err) {
+                console.error('Target unbound listener error:', err);
+            }
+        }
+    }
+    handleTargetDeletion(deletedShapeId, deletedShapeRecord, store, registry) {
+        const arrowsToUpdate = [];
+        for (const shape of store.listShapes()) {
+            const def = registry.get(shape.type);
+            if (!def?.capabilities?.connector)
+                continue;
+            const props = shape.props;
+            const patchProps = {};
+            const events = [];
+            const startBinding = props.startBinding;
+            if (startBinding && startBinding.shapeId === deletedShapeId) {
+                let fallbackPoint = props.startPoint ?? { x: shape.x, y: shape.y };
+                if (deletedShapeRecord) {
+                    const targetDef = registry.get(deletedShapeRecord.type);
+                    if (targetDef) {
+                        fallbackPoint = getAnchorPoint(targetDef.geometry.bounds(deletedShapeRecord), startBinding.anchor);
+                    }
+                }
+                patchProps.startBinding = undefined;
+                patchProps.startPoint = fallbackPoint;
+                events.push({
+                    arrowId: shape.id,
+                    which: 'start',
+                    previousTargetId: deletedShapeId,
+                    fallbackPoint,
+                });
+            }
+            const endBinding = props.endBinding;
+            if (endBinding && endBinding.shapeId === deletedShapeId) {
+                let fallbackPoint = props.endPoint ?? { x: shape.x + 100, y: shape.y };
+                if (deletedShapeRecord) {
+                    const targetDef = registry.get(deletedShapeRecord.type);
+                    if (targetDef) {
+                        fallbackPoint = getAnchorPoint(targetDef.geometry.bounds(deletedShapeRecord), endBinding.anchor);
+                    }
+                }
+                patchProps.endBinding = undefined;
+                patchProps.endPoint = fallbackPoint;
+                events.push({
+                    arrowId: shape.id,
+                    which: 'end',
+                    previousTargetId: deletedShapeId,
+                    fallbackPoint,
+                });
+            }
+            if (events.length > 0) {
+                arrowsToUpdate.push({ arrow: shape, patchProps, events });
+            }
+        }
+        if (arrowsToUpdate.length === 0)
+            return;
+        store.transact(() => {
+            for (const item of arrowsToUpdate) {
+                store.updateShape(item.arrow.id, {
+                    props: {
+                        ...item.arrow.props,
+                        ...item.patchProps,
+                    },
+                });
+                for (const ev of item.events) {
+                    this.emitUnbound(ev);
+                }
+            }
+        });
+    }
+    findSnapTarget(pointerPagePt, shapes, registry, camera, excludeId) {
+        const anchors = ['top', 'right', 'bottom', 'left', 'center'];
+        let closestTarget = null;
+        let minDistance = 12;
+        const screenPointer = camera ? camera.pageToScreen(pointerPagePt) : pointerPagePt;
+        for (const shape of shapes) {
+            if (shape.id === excludeId)
+                continue;
+            const def = registry.get(shape.type);
+            if (!def || def.capabilities?.connector)
+                continue;
+            const bounds = def.geometry.bounds(shape);
+            for (const anchor of anchors) {
+                const pt = getAnchorPoint(bounds, anchor);
+                const screenAnchor = camera ? camera.pageToScreen(pt) : pt;
+                const dist = Math.hypot(screenPointer.x - screenAnchor.x, screenPointer.y - screenAnchor.y);
+                if (dist <= minDistance) {
+                    minDistance = dist;
+                    closestTarget = { shapeId: shape.id, anchor, point: pt };
+                }
+            }
+        }
+        return closestTarget;
+    }
+}
+//# sourceMappingURL=manager.js.map

package/dist/capabilities/connector/manager.js.map

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

package/dist/capabilities/text-editing/defs.d.ts

@@ -0,0 +1,2 @@
+export type EditorMode = 'none' | 'editing';
+//# sourceMappingURL=defs.d.ts.map

package/dist/capabilities/text-editing/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/capabilities/text-editing/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC"}

package/dist/capabilities/text-editing/defs.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defs.js.map

package/dist/capabilities/text-editing/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/capabilities/text-editing/defs.ts"],"names":[],"mappings":""}

package/dist/capabilities/text-editing/index.d.ts

@@ -0,0 +1,3 @@
+export * from './defs.js';
+export * from './manager.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/capabilities/text-editing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/capabilities/text-editing/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/capabilities/text-editing/index.js

@@ -0,0 +1,3 @@
+export * from './defs.js';
+export * from './manager.js';
+//# sourceMappingURL=index.js.map

package/dist/capabilities/text-editing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/capabilities/text-editing/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/capabilities/text-editing/manager.d.ts

@@ -0,0 +1,20 @@
+import type { ShapeId } from '@open-draw/schema';
+import type { CanvasEditor } from '../../editor.js';
+export declare class TextEditingManager {
+    private activeShapeId;
+    private foreignObject;
+    private textarea;
+    private initialText;
+    private currentEditor;
+    private isCommitting;
+    isEditing(): boolean;
+    getActiveShapeId(): ShapeId | null;
+    startEditing(shapeId: ShapeId, editor: CanvasEditor): boolean;
+    commit(): void;
+    cancel(): void;
+    private onKeyDown;
+    private onBlur;
+    private cleanupDOM;
+    private resetState;
+}
+//# sourceMappingURL=manager.d.ts.map

package/dist/capabilities/text-editing/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../src/capabilities/text-editing/manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,aAAa,CAAwC;IAC7D,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAS,IAAI,OAAO,CAEnB;IAED,gBAAgB,IAAI,OAAO,GAAG,IAAI,CAEjC;IAED,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO,CA+D5D;IAED,MAAM,IAAI,IAAI,CAkCb;IAED,MAAM,IAAI,IAAI,CAKb;IAED,OAAO,CAAC,SAAS,CAMf;IAEF,OAAO,CAAC,MAAM,CAEZ;IAEF,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,UAAU;CAOnB"}

package/dist/capabilities/text-editing/manager.js

@@ -0,0 +1,135 @@
+export class TextEditingManager {
+    activeShapeId = null;
+    foreignObject = null;
+    textarea = null;
+    initialText = '';
+    currentEditor = null;
+    isCommitting = false;
+    isEditing() {
+        return this.activeShapeId !== null;
+    }
+    getActiveShapeId() {
+        return this.activeShapeId;
+    }
+    startEditing(shapeId, editor) {
+        if (this.activeShapeId) {
+            this.commit();
+        }
+        const shape = editor.store.getShape(shapeId);
+        if (!shape)
+            return false;
+        const def = editor.registry.get(shape.type);
+        if (!def?.capabilities?.text?.canEditText(shape)) {
+            return false;
+        }
+        const slot = editor.getOverlaySlot(shapeId);
+        if (!slot)
+            return false;
+        this.activeShapeId = shapeId;
+        this.currentEditor = editor;
+        editor.mode = 'editing';
+        const textCap = def.capabilities.text;
+        this.initialText = textCap.getText(shape);
+        const bounds = def.geometry.bounds(shape);
+        const fo = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
+        fo.setAttribute('class', 'od-text-editing-fo');
+        fo.setAttribute('x', '0');
+        fo.setAttribute('y', '0');
+        fo.setAttribute('width', String(Math.max(bounds.width, 100)));
+        fo.setAttribute('height', String(Math.max(bounds.height, 60)));
+        fo.style.pointerEvents = 'auto';
+        const textarea = document.createElement('textarea');
+        textarea.className = 'od-text-editor';
+        textarea.value = this.initialText;
+        textarea.style.width = '100%';
+        textarea.style.height = '100%';
+        textarea.style.pointerEvents = 'auto';
+        textarea.style.background = 'rgba(255, 255, 255, 0.9)';
+        textarea.style.border = '1px solid #3b82f6';
+        textarea.style.borderRadius = '3px';
+        textarea.style.padding = '4px 8px';
+        textarea.style.boxSizing = 'border-box';
+        textarea.style.outline = 'none';
+        textarea.style.resize = 'none';
+        textarea.style.font = 'inherit';
+        textarea.style.color = 'inherit';
+        textarea.addEventListener('keydown', this.onKeyDown);
+        textarea.addEventListener('blur', this.onBlur);
+        fo.appendChild(textarea);
+        slot.appendChild(fo);
+        this.foreignObject = fo;
+        this.textarea = textarea;
+        setTimeout(() => {
+            textarea.focus();
+            textarea.select();
+        }, 0);
+        return true;
+    }
+    commit() {
+        if (this.isCommitting || !this.activeShapeId || !this.currentEditor)
+            return;
+        this.isCommitting = true;
+        const shapeId = this.activeShapeId;
+        const editor = this.currentEditor;
+        const newText = this.textarea?.value ?? '';
+        const initialText = this.initialText;
+        this.cleanupDOM();
+        const shape = editor.store.getShape(shapeId);
+        if (!shape) {
+            this.resetState(editor);
+            return;
+        }
+        const def = editor.registry.get(shape.type);
+        const textCap = def?.capabilities?.text;
+        if (newText.trim() === '') {
+            // Empty text on commit -> shape deleted in one transaction
+            editor.store.transact(() => {
+                editor.deleteShape(shapeId);
+            });
+        }
+        else if (newText !== initialText && textCap) {
+            // Apply updated text and auto-grown bounds in single transaction
+            const patch = textCap.setText(shape, newText);
+            editor.store.transact(() => {
+                editor.store.updateShape(shapeId, patch);
+            });
+        }
+        this.resetState(editor);
+    }
+    cancel() {
+        if (!this.activeShapeId || !this.currentEditor)
+            return;
+        const editor = this.currentEditor;
+        this.cleanupDOM();
+        this.resetState(editor);
+    }
+    onKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            this.cancel();
+        }
+    };
+    onBlur = () => {
+        this.commit();
+    };
+    cleanupDOM() {
+        if (this.textarea) {
+            this.textarea.removeEventListener('keydown', this.onKeyDown);
+            this.textarea.removeEventListener('blur', this.onBlur);
+        }
+        if (this.foreignObject && this.foreignObject.parentNode) {
+            this.foreignObject.parentNode.removeChild(this.foreignObject);
+        }
+        this.foreignObject = null;
+        this.textarea = null;
+    }
+    resetState(editor) {
+        this.activeShapeId = null;
+        this.currentEditor = null;
+        this.initialText = '';
+        this.isCommitting = false;
+        editor.mode = 'none';
+    }
+}
+//# sourceMappingURL=manager.js.map

package/dist/capabilities/text-editing/manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.js","sourceRoot":"","sources":["../../../src/capabilities/text-editing/manager.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,kBAAkB;IACrB,aAAa,GAAmB,IAAI,CAAC;IACrC,aAAa,GAAmC,IAAI,CAAC;IACrD,QAAQ,GAA+B,IAAI,CAAC;IAC5C,WAAW,GAAW,EAAE,CAAC;IACzB,aAAa,GAAwB,IAAI,CAAC;IAC1C,YAAY,GAAG,KAAK,CAAC;IAE7B,SAAS;QACP,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC;IACrC,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,YAAY,CAAC,OAAgB,EAAE,MAAoB;QACjD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QAExB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC;QAExB,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE1C,MAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,eAAe,CAAC,CAAC;QACnF,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAC/C,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1B,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1B,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9D,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/D,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAEhC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACpD,QAAQ,CAAC,SAAS,GAAG,gBAAgB,CAAC;QACtC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QACtC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,0BAA0B,CAAC;QACvD,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QAC5C,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACpC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;QACnC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;QACxC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;QAEjC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAE/C,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAErB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,UAAU,CAAC,GAAG,EAAE;YACd,QAAQ,CAAC,KAAK,EAAE,CAAC;YACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QAC5E,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAEzB,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;QACnC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAErC,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC;QAExC,IAAI,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC1B,2DAA2D;YAC3D,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACzB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,EAAE,CAAC;YAC9C,iEAAiE;YACjE,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC9C,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACzB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAEO,SAAS,GAAG,CAAC,CAAgB,EAAQ,EAAE;QAC7C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEM,MAAM,GAAG,GAAS,EAAE;QAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC,CAAC;IAEM,UAAU;QAChB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC7D,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACzD,CAAC;QACD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YACxD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAChE,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAEO,UAAU,CAAC,MAAoB;QACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;IACvB,CAAC;CACF"}

package/dist/editor.d.ts

@@ -0,0 +1,94 @@
+import type { Camera, Point, ShapeId, ShapeRecord, Snapshot } from '@open-draw/schema';
+import { CameraController, type ZoomOptions } from './camera.js';
+import { ShapeRegistry, type ShapeDefinition } from './registry.js';
+import { SVGRenderer } from './renderer.js';
+import { CanvasStore } from './store/index.js';
+import { PointerInteractionController } from './interaction.js';
+import { TextEditingManager, type EditorMode } from './capabilities/text-editing/index.js';
+import { ClippingManager } from './capabilities/clipping/index.js';
+import { ConnectorManager } from './capabilities/connector/index.js';
+import { SelectionManager } from './selection/index.js';
+import { KeyboardDispatcher, type KeyBinding } from './input/index.js';
+import { GestureController } from './gesture/index.js';
+import { FrameTelemetry } from './perf/index.js';
+import { type ExportPngOptions } from './export/index.js';
+export interface CanvasEditorOptions {
+    readonly readonly?: boolean;
+    readonly keymap?: readonly KeyBinding[];
+}
+/**
+ * OpenDraw Canvas Editor
+ * Composition point for camera, store, registry, renderer, and privileged capabilities.
+ */
+export declare class CanvasEditor {
+    readonly store: CanvasStore;
+    readonly camera: CameraController;
+    readonly options: CanvasEditorOptions;
+    readonly registry: ShapeRegistry;
+    readonly renderer: SVGRenderer;
+    readonly interaction: PointerInteractionController;
+    readonly textEditing: TextEditingManager;
+    readonly clipping: ClippingManager;
+    readonly connector: ConnectorManager;
+    readonly selectionManager: SelectionManager;
+    readonly keyboard: KeyboardDispatcher;
+    readonly gesture: GestureController;
+    readonly telemetry: FrameTelemetry;
+    mode: EditorMode;
+    private isMounted;
+    private container;
+    private unsubscribeCamera;
+    private unsubscribeStore;
+    private detachImageTransfer;
+    private activeTool;
+    constructor(options?: CanvasEditorOptions);
+    registerShape<P = Record<string, unknown>>(definition: ShapeDefinition<P>): void;
+    mount(container: HTMLElement): void;
+    destroy(): void;
+    getContainer(): HTMLElement | null;
+    setTool(toolId: string): void;
+    getTool(): string;
+    get selection(): readonly ShapeId[];
+    getSelection(): readonly ShapeId[];
+    setSelection(ids: readonly ShapeId[]): void;
+    selectShape(shapeId: ShapeId | null): void;
+    getSelectedShapeId(): ShapeId | null;
+    toggleSelection(shapeId: ShapeId): void;
+    addToSelection(ids: readonly ShapeId[]): void;
+    clearSelection(): void;
+    selectAll(): void;
+    isSelected(id: ShapeId): boolean;
+    cycleSelection(direction?: 'forward' | 'backward'): void;
+    bringToFront(ids?: readonly ShapeId[]): void;
+    sendToBack(ids?: readonly ShapeId[]): void;
+    bringForward(ids?: readonly ShapeId[]): void;
+    sendBackward(ids?: readonly ShapeId[]): void;
+    createShape(record: {
+        readonly id?: ShapeId;
+        readonly type: string;
+        readonly x: number;
+        readonly y: number;
+        readonly rotation?: number;
+        readonly hidden?: boolean;
+        readonly meta?: Record<string, unknown>;
+        readonly props?: Record<string, unknown>;
+    }): ShapeRecord;
+    updateShape(id: ShapeId, patch: Partial<Omit<ShapeRecord, 'id' | 'type'>>): ShapeRecord;
+    deleteShape(id: ShapeId): boolean;
+    getShape(id: ShapeId): ShapeRecord | undefined;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    clearHistory(): void;
+    undo(): boolean;
+    redo(): boolean;
+    loadSnapshot(snapshot: Snapshot): void;
+    getSnapshot(): Snapshot;
+    pan(dx: number, dy: number): Camera;
+    zoomAroundPoint(screenPoint: Point, factor: number, options?: ZoomOptions): Camera;
+    setCamera(camera: Camera): void;
+    getOverlaySlot(id: ShapeId): SVGGElement | null;
+    getShapeWrapper(id: ShapeId): SVGGElement | null;
+    exportPNG(options?: ExportPngOptions): Promise<Blob>;
+    private onDblClick;
+}
+//# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,qBAAa,YAAY;IACvB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,WAAW,EAAE,4BAA4B,CAAC;IACnD,QAAQ,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC;IAEnC,IAAI,EAAE,UAAU,CAAU;IAE1B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,gBAAgB,CAA6B;IACrD,OAAO,CAAC,mBAAmB,CAA6B;IAExD,OAAO,CAAC,UAAU,CAAoB;IAEtC,YAAY,OAAO,GAAE,mBAAwB,EAqB5C;IAED,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAE/E;IAED,KAAK,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAkClC;IAED,OAAO,IAAI,IAAI,CAqBd;IAED,YAAY,IAAI,WAAW,GAAG,IAAI,CAEjC;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,OAAO,IAAI,MAAM,CAEhB;IAED,IAAI,SAAS,IAAI,SAAS,OAAO,EAAE,CAA4C;IAC/E,YAAY,IAAI,SAAS,OAAO,EAAE,CAA4C;IAC9E,YAAY,CAAC,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAA6C;IACxF,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAoE;IAC9G,kBAAkB,IAAI,OAAO,GAAG,IAAI,CAGnC;IACD,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAA2C;IAClF,cAAc,CAAC,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAoC;IACjF,cAAc,IAAI,IAAI,CAAmC;IACzD,SAAS,IAAI,IAAI,CAA8D;IAC/E,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAiD;IACjF,cAAc,CAAC,SAAS,GAAE,SAAS,GAAG,UAAsB,GAAG,IAAI,CAElE;IAED,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAA8D;IAC1G,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAA6D;IACvG,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAgE;IAC5G,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAiE;IAE7G,WAAW,CAAC,MAAM,EAAE;QAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC1C,GAAG,WAAW,CAMd;IAED,WAAW,CACT,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,GAC/C,WAAW,CAEb;IAED,WAAW,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAYhC;IAED,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAE7C;IAED,OAAO,IAAI,OAAO,CAEjB;IAED,OAAO,IAAI,OAAO,CAEjB;IAED,YAAY,IAAI,IAAI,CAEnB;IAED,IAAI,IAAI,OAAO,CAEd;IAED,IAAI,IAAI,OAAO,CAEd;IAED,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAQrC;IAED,WAAW,IAAI,QAAQ,CAKtB;IAED,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAElC;IAED,eAAe,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAEjF;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE9B;IAED,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAE9C;IAED,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAE/C;IAEK,SAAS,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAEzD;IAED,OAAO,CAAC,UAAU,CAOhB;CACH"}

package/dist/editor.js

@@ -0,0 +1,240 @@
+import { CameraController } from './camera.js';
+import { ShapeRegistry } from './registry.js';
+import { SVGRenderer } from './renderer.js';
+import { groupDefinition } from './shapes/group/index.js';
+import { rectDefinition } from './shapes/rect/index.js';
+import { ellipseDefinition } from './shapes/ellipse/index.js';
+import { noteDefinition } from './shapes/note/index.js';
+import { imageDefinition, attachImageTransferHandlers } from './shapes/image/index.js';
+import { textDefinition } from './shapes/text/index.js';
+import { frameDefinition } from './shapes/frame/index.js';
+import { arrowDefinition } from './shapes/arrow/index.js';
+import { inkDefinition, highlighterDefinition } from './shapes/ink/index.js';
+import { CanvasStore } from './store/index.js';
+import { PointerInteractionController } from './interaction.js';
+import { TextEditingManager } from './capabilities/text-editing/index.js';
+import { ClippingManager } from './capabilities/clipping/index.js';
+import { ConnectorManager } from './capabilities/connector/index.js';
+import { SelectionManager } from './selection/index.js';
+import { KeyboardDispatcher } from './input/index.js';
+import { GestureController } from './gesture/index.js';
+import { FrameTelemetry } from './perf/index.js';
+import { exportPNG } from './export/index.js';
+/**
+ * OpenDraw Canvas Editor
+ * Composition point for camera, store, registry, renderer, and privileged capabilities.
+ */
+export class CanvasEditor {
+    store;
+    camera;
+    options;
+    registry;
+    renderer;
+    interaction;
+    textEditing;
+    clipping;
+    connector;
+    selectionManager;
+    keyboard;
+    gesture;
+    telemetry;
+    mode = 'none';
+    isMounted = false;
+    container = null;
+    unsubscribeCamera = null;
+    unsubscribeStore = null;
+    detachImageTransfer = null;
+    activeTool = 'select';
+    constructor(options = {}) {
+        this.options = options;
+        this.store = new CanvasStore();
+        this.camera = new CameraController();
+        this.registry = new ShapeRegistry();
+        this.renderer = new SVGRenderer(this.registry);
+        this.gesture = new GestureController(this);
+        this.telemetry = new FrameTelemetry();
+        this.interaction = new PointerInteractionController(this);
+        this.textEditing = new TextEditingManager();
+        this.clipping = new ClippingManager();
+        this.connector = new ConnectorManager();
+        this.selectionManager = new SelectionManager();
+        this.keyboard = new KeyboardDispatcher(this, options.keymap);
+        const builtins = [
+            rectDefinition, ellipseDefinition, noteDefinition, imageDefinition,
+            textDefinition, frameDefinition, arrowDefinition, inkDefinition,
+            highlighterDefinition, groupDefinition,
+        ];
+        for (const def of builtins)
+            this.registerShape(def);
+    }
+    registerShape(definition) {
+        this.registry.register(definition);
+    }
+    mount(container) {
+        if (this.isMounted)
+            return;
+        this.container = container;
+        this.isMounted = true;
+        this.renderer.mount(container, this.camera.camera);
+        this.renderer.renderAll(this.store.listShapes());
+        this.unsubscribeCamera = this.camera.subscribe((cam) => {
+            this.renderer.updateCamera(cam);
+            this.selectionManager.updateVisuals(this.renderer, this.store, this.registry, cam);
+        });
+        this.unsubscribeStore = this.store.listen((diff) => {
+            if (diff.deleted.size > 0)
+                this.selectionManager.remove(Array.from(diff.deleted));
+            for (const deletedId of diff.deleted) {
+                const lastRecord = this.renderer.getShapeRecord(deletedId);
+                this.clipping.handleParentDeletion(deletedId, this.store);
+                this.connector.handleTargetDeletion(deletedId, lastRecord, this.store, this.registry);
+            }
+            this.renderer.applyDiff(diff, this.store);
+            this.renderer.reorderDOM(this.store.listShapes());
+            if (diff.updated.size > 0) {
+                this.selectionManager.updateVisuals(this.renderer, this.store, this.registry, this.camera.camera);
+            }
+        });
+        this.selectionManager.subscribe(() => {
+            this.selectionManager.updateVisuals(this.renderer, this.store, this.registry, this.camera.camera);
+        });
+        this.interaction.attach(container);
+        this.keyboard.attach(window);
+        container.addEventListener('dblclick', this.onDblClick);
+        this.detachImageTransfer = attachImageTransferHandlers(container, this);
+    }
+    destroy() {
+        if (this.container) {
+            this.container.removeEventListener('dblclick', this.onDblClick);
+        }
+        this.interaction.detach();
+        this.keyboard.detach();
+        if (this.detachImageTransfer) {
+            this.detachImageTransfer();
+            this.detachImageTransfer = null;
+        }
+        if (this.unsubscribeCamera) {
+            this.unsubscribeCamera();
+            this.unsubscribeCamera = null;
+        }
+        if (this.unsubscribeStore) {
+            this.unsubscribeStore();
+            this.unsubscribeStore = null;
+        }
+        this.renderer.destroy();
+        this.isMounted = false;
+        this.container = null;
+    }
+    getContainer() {
+        return this.container;
+    }
+    setTool(toolId) {
+        this.activeTool = toolId;
+    }
+    getTool() {
+        return this.activeTool;
+    }
+    get selection() { return this.selectionManager.selection; }
+    getSelection() { return this.selectionManager.selection; }
+    setSelection(ids) { this.selectionManager.setSelection(ids); }
+    selectShape(shapeId) { shapeId ? this.setSelection([shapeId]) : this.clearSelection(); }
+    getSelectedShapeId() {
+        const sel = this.selection;
+        return sel.length > 0 ? sel[sel.length - 1] : null;
+    }
+    toggleSelection(shapeId) { this.selectionManager.toggle(shapeId); }
+    addToSelection(ids) { this.selectionManager.add(ids); }
+    clearSelection() { this.selectionManager.clear(); }
+    selectAll() { this.selectionManager.selectAll(this.store.listShapes()); }
+    isSelected(id) { return this.selectionManager.isSelected(id); }
+    cycleSelection(direction = 'forward') {
+        this.selectionManager.cycleZOrder(this.store.listShapes(), direction);
+    }
+    bringToFront(ids) { this.store.reorderShapes('front', ids ?? this.selection); }
+    sendToBack(ids) { this.store.reorderShapes('back', ids ?? this.selection); }
+    bringForward(ids) { this.store.reorderShapes('forward', ids ?? this.selection); }
+    sendBackward(ids) { this.store.reorderShapes('backward', ids ?? this.selection); }
+    createShape(record) {
+        const id = record.id ?? `shape-${Date.now()}-${Math.random().toString(36).substring(2, 7)}`;
+        return this.store.createShape({
+            ...record,
+            id,
+        });
+    }
+    updateShape(id, patch) {
+        return this.store.updateShape(id, patch);
+    }
+    deleteShape(id) {
+        this.selectionManager.remove([id]);
+        const lastRecord = this.store.getShape(id);
+        if (!lastRecord)
+            return false;
+        let res = false;
+        this.store.transact(() => {
+            this.clipping.handleParentDeletion(id, this.store);
+            this.connector.handleTargetDeletion(id, lastRecord, this.store, this.registry);
+            res = this.store.deleteShape(id);
+        });
+        return res;
+    }
+    getShape(id) {
+        return this.store.getShape(id);
+    }
+    canUndo() {
+        return this.store.canUndo();
+    }
+    canRedo() {
+        return this.store.canRedo();
+    }
+    clearHistory() {
+        this.store.clearHistory();
+    }
+    undo() {
+        return this.store.undo();
+    }
+    redo() {
+        return this.store.redo();
+    }
+    loadSnapshot(snapshot) {
+        this.store.loadSnapshot(snapshot);
+        if (snapshot.camera) {
+            this.camera.setCamera(snapshot.camera);
+        }
+        if (this.isMounted) {
+            this.renderer.renderAll(this.store.listShapes());
+        }
+    }
+    getSnapshot() {
+        return {
+            ...this.store.getSnapshot(),
+            camera: this.camera.camera,
+        };
+    }
+    pan(dx, dy) {
+        return this.camera.pan(dx, dy);
+    }
+    zoomAroundPoint(screenPoint, factor, options) {
+        return this.camera.zoomAroundPoint(screenPoint, factor, options);
+    }
+    setCamera(camera) {
+        this.camera.setCamera(camera);
+    }
+    getOverlaySlot(id) {
+        return this.renderer.getOverlaySlot(id);
+    }
+    getShapeWrapper(id) {
+        return this.renderer.getShapeWrapper(id);
+    }
+    async exportPNG(options) {
+        return exportPNG(this, options);
+    }
+    onDblClick = (e) => {
+        const target = e.target;
+        const shapeWrapper = target?.closest('.od-shape');
+        const shapeId = shapeWrapper?.getAttribute('data-id');
+        if (!shapeId)
+            return;
+        this.textEditing.startEditing(shapeId, this);
+    };
+}
+//# sourceMappingURL=editor.js.map