kritzel-stencil 0.1.78 → 0.1.80

package/dist/collection/classes/objects/shape.class.js

@@ -44,6 +44,12 @@ export class KritzelShape extends KritzelBaseObject {
     get viewBox() {
         return `${this.x} ${this.y} ${this.width} ${this.height}`;
     }
+    get _editor() {
+        if (!this.editor) {
+            throw new Error('KritzelShape: editor is not initialized');
+        }
+        return this.editor;
+    }
     /**
      * Creates a new KritzelShape instance with optional configuration.
      * This constructor initializes the shape with default values that can be
@@ -99,7 +105,7 @@ export class KritzelShape extends KritzelBaseObject {
         const object = new KritzelShape();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.x = config?.x ?? 0;
         object.y = config?.y ?? 0;
@@ -151,7 +157,7 @@ export class KritzelShape extends KritzelBaseObject {
         if (element === null || this.isInViewport() === false) {
             return;
         }
-        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
             return;
         }
         this.elementRef = element;
@@ -167,7 +173,7 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null) {
+        if (element === null || !this.editor) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -198,12 +204,12 @@ export class KritzelShape extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this.editor.state.apply(transaction);
-                this.editor.updateState(newState);
+                const newState = this._editor.state.apply(transaction);
+                this._editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     if (!transaction.getMeta('fromRemote')) {
-                        this._core.store.state.objects.update(this, { temporary: true });
+                        this._core.store.objects.update(this, { temporary: true });
                     }
                 }
             },
@@ -247,7 +253,7 @@ export class KritzelShape extends KritzelBaseObject {
         this.height = height;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Focuses the text editor and optionally positions the cursor at specific coordinates.
@@ -261,25 +267,23 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     focus(coords) {
-        if (this.editor) {
-            const doc = this.editor.state.doc;
-            if (coords?.x && coords?.y) {
-                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
-                if (pos) {
-                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this.editor.focus();
-                    if (KritzelDevicesHelper.isIOS()) {
-                        this.scrollIntoViewOnIOS();
-                    }
-                    return;
+        const doc = this._editor.state.doc;
+        if (coords?.x && coords?.y) {
+            const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+            if (pos) {
+                this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                this._editor.focus();
+                if (KritzelDevicesHelper.isIOS()) {
+                    this.scrollIntoViewOnIOS();
                 }
+                return;
             }
-            const end = Math.max(1, doc.content.size - 1);
-            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this.editor.focus();
-            if (KritzelDevicesHelper.isIOS()) {
-                this.scrollIntoViewOnIOS();
-            }
+        }
+        const end = Math.max(1, doc.content.size - 1);
+        this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
+        this._editor.focus();
+        if (KritzelDevicesHelper.isIOS()) {
+            this.scrollIntoViewOnIOS();
         }
     }
     /**
@@ -315,10 +319,12 @@ export class KritzelShape extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('shape'));
-        this.editor.setProps({ editable: () => true });
+        this._editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
-        this.focus({ x: event?.clientX, y: event?.clientY });
+        if (event?.clientX && event?.clientY) {
+            this.focus({ x: event.clientX, y: event.clientY });
+        }
         KritzelKeyboardHelper.enableInteractiveWidget();
     }
     /**
@@ -330,12 +336,12 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     save() {
-        this.content = this.editor.state.doc.toJSON();
-        this.editor.setProps({ editable: () => false });
-        this.editor.dom.blur();
+        this.content = this._editor.state.doc.toJSON();
+        this._editor.setProps({ editable: () => false });
+        this._editor.dom.blur();
         this.isEditing = false;
-        this._core.store.state.objects.consolidateTemporaryItems();
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.consolidateTemporaryItems();
+        this._core.store.objects.update(this);
         this._core.engine.emitObjectsChange();
     }
     /**

package/dist/collection/classes/objects/text.class.js

@@ -28,6 +28,12 @@ export class KritzelText extends KritzelBaseObject {
     isEditing = false;
     editor = null;
     content = null;
+    get _editor() {
+        if (!this._editor) {
+            throw new Error('KritzelShape: editor is not initialized');
+        }
+        return this._editor;
+    }
     _schema = new Schema({
         nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
         marks: schema.spec.marks,
@@ -39,10 +45,10 @@ export class KritzelText extends KritzelBaseObject {
      * @returns `true` if the editor is empty or contains only whitespace, `false` otherwise.
      */
     get isEmpty() {
-        if (!this.editor) {
+        if (!this._editor) {
             return true;
         }
-        const doc = this.editor.state.doc;
+        const doc = this._editor.state.doc;
         if (doc.content.size === 0) {
             return true;
         }
@@ -115,10 +121,10 @@ export class KritzelText extends KritzelBaseObject {
         const object = new KritzelText();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
-        object.fontSize = fontSize;
-        object.fontFamily = fontFamily;
+        object.fontSize = fontSize || 8;
+        object.fontFamily = fontFamily || 'Arial';
         object.translateX = 0;
         object.translateY = 0;
         const coreScale = core.store.state.scale;
@@ -146,7 +152,7 @@ export class KritzelText extends KritzelBaseObject {
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
         element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
-        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
             }
@@ -156,7 +162,7 @@ export class KritzelText extends KritzelBaseObject {
         this.elementRef.style.whiteSpace = 'pre-wrap';
         this.elementRef.style.wordWrap = 'break-word';
         this.elementRef.innerHTML = '';
-        this.elementRef.appendChild(this.editor.dom);
+        this.elementRef.appendChild(this._editor.dom);
         this.isMounted = true;
         requestAnimationFrame(() => this.adjustSizeOnInput());
     }
@@ -174,13 +180,13 @@ export class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this.editor.state.apply(transaction);
-                this.editor.updateState(newState);
+                const newState = this._editor.state.apply(transaction);
+                this._editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
                     if (!transaction.getMeta('fromRemote')) {
-                        this._core.store.state.objects.update(this, { temporary: true });
+                        this._core.store.objects.update(this, { temporary: true });
                     }
                 }
             },
@@ -193,11 +199,11 @@ export class KritzelText extends KritzelBaseObject {
      */
     setContent(content) {
         this.content = content;
-        if (this.editor && content) {
-            const newDoc = this.editor.state.schema.nodeFromJSON(content);
-            const tr = this.editor.state.tr.replaceWith(0, this.editor.state.doc.content.size, newDoc.content);
+        if (this._editor && content) {
+            const newDoc = this._editor.state.schema.nodeFromJSON(content);
+            const tr = this._editor.state.tr.replaceWith(0, this._editor.state.doc.content.size, newDoc.content);
             tr.setMeta('fromRemote', true);
-            this.editor.dispatch(tr);
+            this._editor.dispatch(tr);
         }
     }
     /**
@@ -251,7 +257,7 @@ export class KritzelText extends KritzelBaseObject {
         this.height = originalHeight * this.scaleFactor;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Focuses the text editor and optionally positions the cursor at specific coordinates.
@@ -262,13 +268,13 @@ export class KritzelText extends KritzelBaseObject {
      * @param coords.y - Y coordinate for cursor placement.
      */
     focus(coords) {
-        if (this.editor) {
-            const doc = this.editor.state.doc;
+        if (this._editor) {
+            const doc = this._editor.state.doc;
             if (coords.x && coords.y && !this.isEmpty) {
-                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
+                const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
                 if (pos) {
-                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this.editor.focus();
+                    this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                    this._editor.focus();
                     if (KritzelDevicesHelper.isIOS()) {
                         this.scrollIntoViewOnIOS();
                     }
@@ -276,8 +282,8 @@ export class KritzelText extends KritzelBaseObject {
                 }
             }
             const end = Math.max(1, doc.content.size - 1);
-            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this.editor.focus();
+            this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
+            this._editor.focus();
             if (KritzelDevicesHelper.isIOS()) {
                 this.scrollIntoViewOnIOS();
             }
@@ -289,11 +295,11 @@ export class KritzelText extends KritzelBaseObject {
      */
     scrollIntoViewOnIOS() {
         setTimeout(() => {
-            if (this.editor && this.editor.dom) {
-                this.editor.dom.scrollIntoView({
+            if (this._editor && this._editor.dom) {
+                this._editor.dom.scrollIntoView({
                     behavior: 'smooth',
                     block: 'center',
-                    inline: 'nearest'
+                    inline: 'nearest',
                 });
             }
         }, 300);
@@ -308,11 +314,13 @@ export class KritzelText extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this.editor.setProps({ editable: () => true });
+        this._editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         this.adjustSizeOnInput();
-        this.focus({ x: event?.clientX, y: event?.clientY });
+        if (event?.clientX && event?.clientY) {
+            this.focus({ x: event?.clientX, y: event?.clientY });
+        }
         KritzelKeyboardHelper.enableInteractiveWidget();
     }
     /**
@@ -322,12 +330,12 @@ export class KritzelText extends KritzelBaseObject {
      */
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
-        this.content = this.editor.state.doc.toJSON();
-        this.editor.setProps({ editable: () => false });
-        this.editor.dom.blur();
+        this.content = this._editor.state.doc.toJSON();
+        this._editor.setProps({ editable: () => false });
+        this._editor.dom.blur();
         this.isEditing = false;
-        this._core.store.state.objects.consolidateTemporaryItems();
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.consolidateTemporaryItems();
+        this._core.store.objects.update(this);
         this._core.engine.emitObjectsChange();
     }
     /**

package/dist/collection/classes/structures/app-state-map.structure.js

@@ -207,7 +207,9 @@ export class KritzelAppStateMap {
             };
         }
         const workspace = new KritzelWorkspace(serialized.id, serialized.name, viewport);
-        workspace._core = this._core;
+        if (this._core) {
+            workspace._core = this._core;
+        }
         workspace.createdAt = new Date(serialized.createdAt);
         workspace.updatedAt = new Date(serialized.updatedAt);
         workspace.isPublic = serialized.isPublic ?? false;
@@ -222,14 +224,14 @@ export class KritzelAppStateMap {
             return;
         }
         this._ydoc.transact(() => {
-            if (!this._metadataMap.get('type')) {
-                this._metadataMap.set('type', type);
+            if (!this._metadataMap?.get('type')) {
+                this._metadataMap?.set('type', type);
             }
-            if (this._metadataMap.get('isPublic') === undefined) {
-                this._metadataMap.set('isPublic', false);
+            if (this._metadataMap?.get('isPublic') === undefined) {
+                this._metadataMap?.set('isPublic', false);
             }
-            if (this._metadataMap.get('schemaVersion') === undefined) {
-                this._metadataMap.set('schemaVersion', CURRENT_APP_STATE_SCHEMA_VERSION);
+            if (this._metadataMap?.get('schemaVersion') === undefined) {
+                this._metadataMap?.set('schemaVersion', CURRENT_APP_STATE_SCHEMA_VERSION);
             }
         }, 'metadata');
     }
@@ -248,7 +250,7 @@ export class KritzelAppStateMap {
             return;
         }
         this._ydoc.transact(() => {
-            this._metadataMap.set('isPublic', isPublic);
+            this._metadataMap?.set('isPublic', isPublic);
         }, 'metadata');
     }
     /**
@@ -288,8 +290,8 @@ export class KritzelAppStateMap {
      */
     reset() {
         this.map.clear();
-        this._ydoc.transact(() => {
-            this._workspacesMap.clear();
+        this._ydoc?.transact(() => {
+            this._workspacesMap?.clear();
         }, 'local');
     }
     /**
@@ -305,8 +307,8 @@ export class KritzelAppStateMap {
         this.map.set(workspace.id, workspace);
         if (this._workspacesMap) {
             const serialized = workspace.serialize();
-            this._ydoc.transact(() => {
-                this._workspacesMap.set(workspace.id, serialized);
+            this._ydoc?.transact(() => {
+                this._workspacesMap?.set(workspace.id, serialized);
             }, 'local');
         }
         return true;
@@ -324,8 +326,8 @@ export class KritzelAppStateMap {
         this.map.set(workspace.id, workspace);
         if (this._workspacesMap) {
             const serialized = workspace.serialize();
-            this._ydoc.transact(() => {
-                this._workspacesMap.set(workspace.id, serialized);
+            this._ydoc?.transact(() => {
+                this._workspacesMap?.set(workspace.id, serialized);
             }, 'local');
         }
         return true;
@@ -343,8 +345,8 @@ export class KritzelAppStateMap {
         }
         this.map.delete(workspaceToRemove.id);
         if (this._workspacesMap) {
-            this._ydoc.transact(() => {
-                this._workspacesMap.delete(workspaceToRemove.id);
+            this._ydoc?.transact(() => {
+                this._workspacesMap?.delete(workspaceToRemove.id);
             }, 'local');
         }
         return true;

package/dist/collection/classes/structures/object-map.structure.js

@@ -407,9 +407,9 @@ export class KritzelObjectMap {
                 objectsToDelete.push(key);
             }
             else {
-                const serialized = this._objectsMap.get(key);
+                const serialized = this._objectsMap?.get(key);
                 if (serialized) {
-                    const object = this._reviver.revive(serialized);
+                    const object = this._reviver?.revive(serialized);
                     // Separate SelectionGroups to process them after regular objects
                     if (object instanceof KritzelSelectionGroup) {
                         selectionGroupsToUpdate.push(object);
@@ -516,17 +516,17 @@ export class KritzelObjectMap {
             return;
         }
         this._ydoc.transact(() => {
-            if (!this._metadataMap.get('type')) {
-                this._metadataMap.set('type', type);
+            if (!this._metadataMap?.get('type')) {
+                this._metadataMap?.set('type', type);
             }
-            if (this._metadataMap.get('isPublic') === undefined) {
-                this._metadataMap.set('isPublic', false);
+            if (this._metadataMap?.get('isPublic') === undefined) {
+                this._metadataMap?.set('isPublic', false);
             }
-            if (this._metadataMap.get('schemaVersion') === undefined) {
-                this._metadataMap.set('schemaVersion', CURRENT_WORKSPACE_SCHEMA_VERSION);
+            if (this._metadataMap?.get('schemaVersion') === undefined) {
+                this._metadataMap?.set('schemaVersion', CURRENT_WORKSPACE_SCHEMA_VERSION);
             }
-            this._metadataMap.set('workspaceId', workspaceId);
-            this._metadataMap.set('workspaceName', workspaceName);
+            this._metadataMap?.set('workspaceId', workspaceId);
+            this._metadataMap?.set('workspaceName', workspaceName);
         }, 'metadata');
     }
     /**
@@ -544,8 +544,8 @@ export class KritzelObjectMap {
         if (!this._metadataMap || !this._ydoc) {
             return;
         }
-        this._ydoc.transact(() => {
-            this._metadataMap.set('isPublic', isPublic);
+        this._ydoc?.transact(() => {
+            this._metadataMap?.set('isPublic', isPublic);
         }, 'metadata');
     }
     /**
@@ -569,8 +569,8 @@ export class KritzelObjectMap {
         if (!this._metadataMap || !this._ydoc) {
             return;
         }
-        this._ydoc.transact(() => {
-            this._metadataMap.set('workspaceName', name);
+        this._ydoc?.transact(() => {
+            this._metadataMap?.set('workspaceName', name);
         }, 'metadata');
     }
     /**
@@ -605,13 +605,16 @@ export class KritzelObjectMap {
         const localUserId = this._core?.user?.id;
         const staleSelectionGroupIds = [];
         this._objectsMap.forEach((serialized, key) => {
-            const object = this._reviver.revive(serialized);
+            const object = this._reviver?.revive(serialized);
             // Remove remote selection groups on startup — they are transient UI state
             // that should not survive an app restart. The owning user's session is gone.
             if (object instanceof KritzelSelectionGroup && object.userId != null && object.userId !== localUserId) {
                 staleSelectionGroupIds.push(key);
                 return;
             }
+            if (!object) {
+                return;
+            }
             this.quadtree.insert(object);
             this._idMap.set(object.id, object);
         });
@@ -632,8 +635,8 @@ export class KritzelObjectMap {
     reset() {
         this.quadtree.reset();
         this._idMap.clear();
-        this._ydoc.transact(() => {
-            this._objectsMap.clear();
+        this._ydoc?.transact(() => {
+            this._objectsMap?.clear();
         }, 'local');
     }
     /**
@@ -652,8 +655,8 @@ export class KritzelObjectMap {
         this._idMap.set(object.id, object);
         if (this._objectsMap && this.isPersistable(object)) {
             const serialized = object.serialize();
-            this._ydoc.transact(() => {
-                this._objectsMap.set(object.id, serialized);
+            this._ydoc?.transact(() => {
+                this._objectsMap?.set(object.id, serialized);
             }, 'local');
         }
         return true;
@@ -682,8 +685,8 @@ export class KritzelObjectMap {
         if (this._objectsMap && this.isPersistable(object)) {
             const serialized = object.serialize();
             const origin = options.temporary ? 'temporary' : 'local';
-            this._ydoc.transact(() => {
-                this._objectsMap.set(object.id, serialized);
+            this._ydoc?.transact(() => {
+                this._objectsMap?.set(object.id, serialized);
             }, origin);
         }
         return true;
@@ -700,8 +703,8 @@ export class KritzelObjectMap {
             this.quadtree.remove(o => o.id === object.id);
             this._idMap.delete(object.id);
             if (this._objectsMap && this.isPersistable(object)) {
-                this._ydoc.transact(() => {
-                    this._objectsMap.delete(object.id);
+                this._ydoc?.transact(() => {
+                    this._objectsMap?.delete(object.id);
                 }, 'local');
             }
         }
@@ -759,7 +762,7 @@ export class KritzelObjectMap {
     undo() {
         if (this._undoManager && this._undoManager.canUndo()) {
             this._undoManager.undo();
-            this._core.engine.emitObjectsChange();
+            this._core?.engine.emitObjectsChange();
         }
     }
     /**
@@ -769,7 +772,7 @@ export class KritzelObjectMap {
     redo() {
         if (this._undoManager && this._undoManager.canRedo()) {
             this._undoManager.redo();
-            this._core.engine.emitObjectsChange();
+            this._core?.engine.emitObjectsChange();
         }
     }
     /**
@@ -841,9 +844,9 @@ export class KritzelObjectMap {
             }
             // Now redo them all as a single 'local' transaction
             // This will consolidate them into one undo item
-            this._ydoc.transact(() => {
+            this._ydoc?.transact(() => {
                 for (let i = itemsToConsolidate - 1; i >= 0; i--) {
-                    if (this._undoManager.canRedo()) {
+                    if (this._undoManager?.canRedo()) {
                         this._undoManager.redo();
                     }
                 }

package/dist/collection/classes/tools/brush-tool.class.js

@@ -54,8 +54,8 @@ export class KritzelBrushTool extends KritzelBaseTool {
                 });
                 path.isCompleted = false;
                 this._currentPathId = path.id;
-                this._core.store.state.objects.insert(path);
-                this._core.store.state.objects?.setActiveDrawingObject(path.id);
+                this._core.store.objects.insert(path);
+                this._core.store.objects?.setActiveDrawingObject(path.id);
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
@@ -78,8 +78,8 @@ export class KritzelBrushTool extends KritzelBaseTool {
                 });
                 path.isCompleted = false;
                 this._currentPathId = path.id;
-                this._core.store.state.objects.insert(path);
-                this._core.store.state.objects?.setActiveDrawingObject(path.id);
+                this._core.store.objects.insert(path);
+                this._core.store.objects?.setActiveDrawingObject(path.id);
             }
         }
     }
@@ -95,7 +95,7 @@ export class KritzelBrushTool extends KritzelBaseTool {
         }
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isDrawing && this._currentPathId) {
-                const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                const currentPath = this._core.store.objects.findById(this._currentPathId);
                 if (currentPath) {
                     const viewportScale = this._core.store.state.scale;
                     const lockScale = this._core.store.state.lockDrawingScale;
@@ -115,7 +115,7 @@ export class KritzelBrushTool extends KritzelBaseTool {
                     updatedPath.workspaceId = currentPath.workspaceId;
                     updatedPath.zIndex = currentPath.zIndex;
                     updatedPath.isCompleted = false;
-                    this._core.store.state.objects.update(updatedPath);
+                    this._core.store.objects.update(updatedPath);
                 }
             }
         }
@@ -123,7 +123,7 @@ export class KritzelBrushTool extends KritzelBaseTool {
             const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1) {
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         const viewportScale = this._core.store.state.scale;
                         const lockScale = this._core.store.state.lockDrawingScale;
@@ -143,7 +143,7 @@ export class KritzelBrushTool extends KritzelBaseTool {
                         updatedPath.workspaceId = currentPath.workspaceId;
                         updatedPath.zIndex = currentPath.zIndex;
                         updatedPath.isCompleted = false;
-                        this._core.store.state.objects.update(updatedPath);
+                        this._core.store.objects.update(updatedPath);
                     }
                 }
             }
@@ -163,14 +163,14 @@ export class KritzelBrushTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         currentPath.isCompleted = true;
-                        this._core.store.state.objects.update(currentPath);
+                        this._core.store.objects.update(currentPath);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentPath]);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentPathId = null;
                 }
             }
@@ -179,14 +179,14 @@ export class KritzelBrushTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         currentPath.isCompleted = true;
-                        this._core.store.state.objects.update(currentPath);
+                        this._core.store.objects.update(currentPath);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentPath]);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentPathId = null;
                 }
             }

package/dist/collection/classes/tools/image-tool.class.js

@@ -37,7 +37,7 @@ export class KritzelImageTool extends KritzelBaseTool {
         if (this._core.store.isDisabled) {
             return;
         }
-        this.fileInput.click();
+        this.fileInput?.click();
     }
     /**
      * Creates and configures the hidden file input element.