@fieldnotes/core 0.40.1 → 0.40.2

package/dist/index.cjs

@@ -4031,6 +4031,7 @@ var NoteEditor = class {
   inputHandler = null;
   pendingEditId = null;
   onStopCallback = null;
+  onInputCallback = null;
   beginHistory = null;
   commitHistory = null;
   toolbar;
@@ -4048,6 +4049,9 @@ var NoteEditor = class {
   setOnStop(callback) {
     this.onStopCallback = callback;
   }
+  setOnInput(callback) {
+    this.onInputCallback = callback;
+  }
   setHistoryHooks(begin, commit) {
     this.beginHistory = begin;
     this.commitHistory = commit;
@@ -4090,7 +4094,6 @@ var NoteEditor = class {
       cursor: "default"
     });
     this.toolbar?.hide();
-    this.beginHistory?.();
     if (textChanged) {
       store.update(this.editingId, { text });
     }
@@ -4119,6 +4122,7 @@ var NoteEditor = class {
   activateEditing(node, elementId, store) {
     this.editingId = elementId;
     this.editingNode = node;
+    this.beginHistory?.();
     node.contentEditable = "true";
     Object.assign(node.style, {
       userSelect: "text",
@@ -4139,6 +4143,7 @@ var NoteEditor = class {
     node.setAttribute("data-fn-empty", String(isNodeEmpty(node)));
     this.inputHandler = () => {
       node.setAttribute("data-fn-empty", String(isNodeEmpty(node)));
+      this.onInputCallback?.(elementId);
     };
     node.addEventListener("input", this.inputHandler);
     this.toolbar?.show(node);
@@ -6602,6 +6607,16 @@ var ViewportInteractions = class {
       this.deps.noteEditor.startEditing(node, id, this.deps.store);
     }
   }
+  liveFitHeight(elementId) {
+    const element = this.deps.store.getById(elementId);
+    if (!element || element.type !== "note" && element.type !== "text") return;
+    const node = this.deps.domNodeManager.getNode(elementId);
+    if (!node) return;
+    const measured = node.scrollHeight;
+    if (measured > 0 && measured !== element.size.h) {
+      this.deps.store.update(elementId, { size: { w: element.size.w, h: measured } });
+    }
+  }
   fitNoteHeight(elementId) {
     const element = this.deps.store.getById(elementId);
     if (!element || element.type !== "note") return;
@@ -6621,7 +6636,7 @@ var ViewportInteractions = class {
         this.deps.store.remove(elementId);
         return;
       }
-      this.fitNoteHeight(elementId);
+      this.liveFitHeight(elementId);
       return;
     }
     if (element.type !== "text") return;
@@ -6629,13 +6644,7 @@ var ViewportInteractions = class {
       this.deps.store.remove(elementId);
       return;
     }
-    const node = this.deps.domNodeManager.getNode(elementId);
-    if (node && "size" in element) {
-      const measured = node.scrollHeight;
-      if (measured !== element.size.h) {
-        this.deps.store.update(elementId, { size: { w: element.size.w, h: measured } });
-      }
-    }
+    this.liveFitHeight(elementId);
   }
   onTapDown = (e) => {
     this.tapDownX = e.clientX;
@@ -6771,6 +6780,7 @@ var Viewport = class {
       placeholder: options.placeholder
     });
     this.noteEditor.setOnStop((id) => this.interactions.onTextEditStop(id));
+    this.noteEditor.setOnInput((id) => this.interactions.liveFitHeight(id));
     this.arrowLabelEditor = new ArrowLabelEditor();
     this.noteEditor.setHistoryHooks(
       () => this.historyRecorder.begin(),
@@ -9737,7 +9747,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.40.1";
+var VERSION = "0.40.2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,