node-red-contrib-markdown-note 1.1.1 → 1.1.2

package/note.html

@@ -17,19 +17,15 @@
       return "note";
     },
 
-    oneditprepare: function () {
-      var content = this.content || "";
-
-      // Capture top-left anchor position before editing
-      // This ensures the node stays in place after edits
-      if (
-        this._noteTopY === undefined &&
-        this.y !== undefined &&
-        this.h !== undefined
-      ) {
-        this._noteTopY = this.y - this.h / 2;
-        this._noteLastY = this.y;
-      }
+    oneditprepare: function () {
+      var content = this.content || "";
+
+      // Capture the current top edge before editing so content-driven
+      // height changes can keep the note visually anchored.
+      if (this.y !== undefined && this.h !== undefined) {
+        this._noteTopY = this.y - this.h / 2;
+        this._notePreserveTopOnNextRender = true;
+      }
 
       // Create the ACE editor with markdown mode
       this.editor = RED.editor.createEditor({
@@ -48,28 +44,25 @@
         delete this.editor;
       }
 
-      // Reposition node after Node-RED finishes its layout
-      var node = this;
-      if (node._noteTopY !== undefined) {
-        setTimeout(function () {
-          // Re-render to get correct height
-          renderNoteNode(node);
-
-          // Anchor top edge
-          if (node.h !== undefined) {
-            node.y = node._noteTopY + node.h / 2;
-            node._noteLastY = node.y;
-            RED.view.redraw(true);
-          }
-        }, 0);
-      }
-    },
-    oneditcancel: function () {
-      if (this.editor) {
-        this.editor.destroy();
-        delete this.editor;
-      }
+      // Re-render after Node-RED finishes its layout so the content height is
+      // measured from the updated markdown.
+      var node = this;
+      if (
+        node._noteTopY !== undefined &&
+        node._notePreserveTopOnNextRender === true
+      ) {
+        setTimeout(function () {
+          renderNoteNode(node);
+        }, 0);
+      }
     },
+    oneditcancel: function () {
+      if (this.editor) {
+        this.editor.destroy();
+        delete this.editor;
+      }
+      this._notePreserveTopOnNextRender = false;
+    },
     oneditresize: function (size) {
       var rows = $("#dialog-form>div:not(.node-text-editor-row)");
       var height = $("#dialog-form").height();
@@ -249,31 +242,23 @@
       // We use snappedHeight directly to allow expansion beyond initial 'h'
       var finalHeight = Math.max(snappedHeight, Math.ceil(minHeight / 40) * 40);
 
-      // Track top edge position to anchor the node
-      // If this is first render OR user has moved the node, recalculate anchor
-      var currentTopY = node.y - h / 2;
-      if (node._noteTopY === undefined || node._noteLastY === undefined) {
-        // First time: store current top edge as anchor
-        node._noteTopY = currentTopY;
-      } else if (Math.abs(node.y - node._noteLastY) > 1) {
-        // User moved the node - update anchor
-        node._noteTopY = currentTopY;
-      }
-
-      // Set y so top edge stays at _noteTopY
-      var newY = node._noteTopY + finalHeight / 2;
-      node.y = newY;
-      node._noteLastY = newY;
-
-      rect.attr("height", finalHeight);
-      fo.attr("height", finalHeight - inset * 2);
-      contentDiv.style("height", finalHeight - inset * 2 + "px");
-
-      // Update Node-RED's internal dimensions
-      node.h = finalHeight;
-    }
-  }
-</script>
+      rect.attr("height", finalHeight);
+      fo.attr("height", finalHeight - inset * 2);
+      contentDiv.style("height", finalHeight - inset * 2 + "px");
+
+      if (
+        node._notePreserveTopOnNextRender === true &&
+        typeof node._noteTopY === "number"
+      ) {
+        node.y = node._noteTopY + finalHeight / 2;
+        node._notePreserveTopOnNextRender = false;
+      }
+
+      // Update Node-RED's internal dimensions
+      node.h = finalHeight;
+    }
+  }
+</script>
 
 <script type="text/html" data-template-name="note">
   <div class="form-row node-text-editor-row">

package/package.json

@@ -1,41 +1,41 @@
-{
-  "name": "node-red-contrib-markdown-note",
-  "version": "1.1.1",
-  "description": "A Node-RED node for adding rich Markdown notes and annotations to your flows.",
-  "keywords": [
-    "node-red",
-    "node-red-contrib",
-    "node-red-node",
-    "note",
-    "markdown",
-    "annotation",
-    "comment",
-    "documentation"
-  ],
-  "author": "Ted Lanham <Backroads4me@gmail.com>",
-  "license": "MIT",
-  "homepage": "https://github.com/Backroads4Me/node-red-contrib-markdown-note",
-  "bugs": {
-    "url": "https://github.com/Backroads4Me/node-red-contrib-markdown-note/issues"
-  },
-  "files": [
-    "note.js",
-    "note.html",
-    "README.md",
-    "LICENSE",
-    "examples"
-  ],
-  "node-red": {
-    "version": ">=3.0.0",
-    "nodes": {
-      "note": "note.js"
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Backroads4Me/node-red-contrib-markdown-note.git"
-  },
-  "engines": {
-    "node": ">=14.0.0"
-  }
+{
+  "name": "node-red-contrib-markdown-note",
+  "version": "1.1.2",
+  "description": "A Node-RED node for adding rich Markdown notes and annotations to your flows.",
+  "keywords": [
+    "node-red",
+    "node-red-contrib",
+    "node-red-node",
+    "note",
+    "markdown",
+    "annotation",
+    "comment",
+    "documentation"
+  ],
+  "author": "Ted Lanham <Backroads4me@gmail.com>",
+  "license": "MIT",
+  "homepage": "https://github.com/Backroads4Me/node-red-contrib-markdown-note",
+  "bugs": {
+    "url": "https://github.com/Backroads4Me/node-red-contrib-markdown-note/issues"
+  },
+  "files": [
+    "note.js",
+    "note.html",
+    "README.md",
+    "LICENSE",
+    "examples"
+  ],
+  "node-red": {
+    "version": ">=3.0.0",
+    "nodes": {
+      "note": "note.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Backroads4Me/node-red-contrib-markdown-note.git"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  }
 }