kritzel-stencil 0.0.145 → 0.0.147

package/dist/esm/{default-text-tool.config-CsZAW1Cu.js → default-text-tool.config-nXXHSTK9.js}

@@ -353,6 +353,32 @@ class KritzelKeyboardHelper {
     }
 }
 
+class KritzelDevicesHelper {
+    static isTouchDevice() {
+        return window.matchMedia('(any-pointer: coarse)').matches;
+    }
+    static isAndroid() {
+        return /android/i.test(navigator.userAgent);
+    }
+    static isIOS() {
+        return /iPad|iPhone|iPod/.test(navigator.userAgent);
+    }
+    static detectOS() {
+        if (this.isIOS()) {
+            return 'iOS';
+        }
+        else if (this.isAndroid()) {
+            return 'Android';
+        }
+        else {
+            return 'Other';
+        }
+    }
+    static isFirefox() {
+        return /firefox/i.test(navigator.userAgent);
+    }
+}
+
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
 function OrderedMap(content) {
@@ -13906,17 +13932,12 @@ class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                // Apply the transaction to get the new state
                 const newState = this.editor.state.apply(transaction);
-                // Update the editor state first
                 this.editor.updateState(newState);
-                // Only update content and adjust size if the document actually changed
-                // AND it's not from a remote source (to prevent infinite loops)
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
                     if (!transaction.getMeta('fromRemote')) {
-                        // Mark updates as temporary while editing - they'll be consolidated on save
                         this._core.store.state.objectsMap.update(this, { temporary: true });
                     }
                 }
@@ -13928,7 +13949,6 @@ class KritzelText extends KritzelBaseObject {
         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);
-            // Mark this transaction as coming from remote/external source
             tr.setMeta('fromRemote', true);
             this.editor.dispatch(tr);
         }
@@ -13976,39 +13996,46 @@ class KritzelText extends KritzelBaseObject {
     focus(coords) {
         if (this.editor) {
             const doc = this.editor.state.doc;
-            if (coords) {
+            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();
+            }
         }
     }
+    scrollIntoViewOnIOS() {
+        setTimeout(() => {
+            if (this.editor && this.editor.dom) {
+                this.editor.dom.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                    inline: 'nearest'
+                });
+            }
+        }, 300);
+    }
     edit(event) {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        if (this.editor) {
-            this.editor.setProps({ editable: () => true });
-        }
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
-        requestAnimationFrame(() => {
-            this.adjustSizeOnInput();
-            // Focus after the DOM has been updated
-            if (event) {
-                this.focus({ x: event.clientX, y: event.clientY });
-            }
-            else {
-                this.focus();
-            }
-            KritzelKeyboardHelper.enableInteractiveWidget();
-        });
+        this.adjustSizeOnInput();
+        this.focus({ x: event?.clientX, y: event?.clientY });
+        KritzelKeyboardHelper.enableInteractiveWidget();
     }
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
@@ -14016,9 +14043,7 @@ class KritzelText extends KritzelBaseObject {
         this.editor.setProps({ editable: () => false });
         this.editor.dom.blur();
         this.isEditing = false;
-        // Consolidate all temporary keystrokes into a single undo item
         this._core.store.state.objectsMap.consolidateTemporaryItems();
-        // Final update with normal origin
         this._core.store.state.objectsMap.update(this);
     }
     handlePointerDown(event) {
@@ -14860,7 +14885,7 @@ class KritzelTextTool extends KritzelBaseTool {
             text.zIndex = this._core.store.currentZIndex;
             this._core.store.state.objectsMap.insert(text);
             this._core.rerender();
-            requestAnimationFrame(() => text.edit(event));
+            text.edit(event);
         }
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
@@ -14885,7 +14910,6 @@ class KritzelTextTool extends KritzelBaseTool {
             if (activePointers.length > 1) {
                 return;
             }
-            KritzelKeyboardHelper.disableInteractiveWidget();
             const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);
             const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);
             const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
@@ -14895,19 +14919,14 @@ class KritzelTextTool extends KritzelBaseTool {
             text.zIndex = this._core.store.currentZIndex;
             this._core.store.state.objectsMap.insert(text);
             this._core.rerender();
+            text.edit(event);
         }
     }
     handlePointerUp(event) {
         if (event.cancelable) {
             event.preventDefault();
         }
-        if (event.pointerType === 'mouse') {
-            this._core.store.activeText?.edit(event);
-        }
-        if (event.pointerType === 'touch') {
-            this._core.store.activeText?.edit(event);
-            KritzelKeyboardHelper.enableInteractiveWidget();
-        }
+        this._core.store.activeText?.edit(event);
     }
 }
 
@@ -31245,7 +31264,7 @@ const DEFAULT_TEXT_CONFIG = {
     ],
 };
 
-export { Doc as $, isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelPath as E, KritzelImage as F, KritzelBrushTool as G, HocuspocusProvider as H, KritzelEraserTool as I, KritzelImageTool as J, KritzelText as K, KritzelTextTool as L, KritzelSelectionTool as M, BroadcastSyncProvider as N, Observable$1 as O, IndexedDBSyncProvider as P, KritzelAppStateMap as Q, KritzelWorkspace as R, DEFAULT_BRUSH_CONFIG as S, DEFAULT_TEXT_CONFIG as T, KritzelMouseButton as U, KritzelKeyboardHelper as V, KritzelBaseHandler as W, KritzelToolRegistry as X, KritzelSelectionBox as Y, KritzelSelectionGroup as Z, KritzelBaseObject as _, createUint8ArrayFromArrayBuffer as a, DEFAULT_SYNC_CONFIG as a0, UndoManager as a1, ObjectHelper as a2, KritzelEventHelper as a3, KritzelBaseTool as a4, offChange as b, create$8 as c, writeVarUint8Array$2 as d, encodeStateVector as e, fromBase64 as f, encodeStateAsUpdate as g, applyUpdate as h, readVarUint8Array$2 as i, readVarString$2 as j, floor$2 as k, getUnixTime$1 as l, equalityDeep$1 as m, writeVarString$2 as n, onChange as o, toUint8Array$1 as p, createEncoder$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toBase64 as t, createDecoder$1 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
-//# sourceMappingURL=default-text-tool.config-CsZAW1Cu.js.map
+export { KritzelBaseObject as $, isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelPath as E, KritzelImage as F, KritzelBrushTool as G, HocuspocusProvider as H, KritzelEraserTool as I, KritzelImageTool as J, KritzelText as K, KritzelTextTool as L, KritzelSelectionTool as M, BroadcastSyncProvider as N, Observable$1 as O, IndexedDBSyncProvider as P, KritzelAppStateMap as Q, KritzelWorkspace as R, DEFAULT_BRUSH_CONFIG as S, DEFAULT_TEXT_CONFIG as T, KritzelDevicesHelper as U, KritzelMouseButton as V, KritzelKeyboardHelper as W, KritzelBaseHandler as X, KritzelToolRegistry as Y, KritzelSelectionBox as Z, KritzelSelectionGroup as _, createUint8ArrayFromArrayBuffer as a, Doc as a0, DEFAULT_SYNC_CONFIG as a1, UndoManager as a2, ObjectHelper as a3, KritzelEventHelper as a4, KritzelBaseTool as a5, offChange as b, create$8 as c, writeVarUint8Array$2 as d, encodeStateVector as e, fromBase64 as f, encodeStateAsUpdate as g, applyUpdate as h, readVarUint8Array$2 as i, readVarString$2 as j, floor$2 as k, getUnixTime$1 as l, equalityDeep$1 as m, writeVarString$2 as n, onChange as o, toUint8Array$1 as p, createEncoder$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toBase64 as t, createDecoder$1 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
+//# sourceMappingURL=default-text-tool.config-nXXHSTK9.js.map
 
-//# sourceMappingURL=default-text-tool.config-CsZAW1Cu.js.map
+//# sourceMappingURL=default-text-tool.config-nXXHSTK9.js.map