@flowdrop/flowdrop 1.2.1 → 1.2.2

package/dist/stores/portCoordinateStore.svelte.js

@@ -13,6 +13,7 @@
  * CSS positioning logic and stays automatically accurate.
  */
 import { SvelteMap } from "svelte/reactivity";
+import { untrack } from "svelte";
 import { ProximityConnectHelper } from "../helpers/proximityConnect.js";
 /** Reactive state holding all port absolute coordinates, keyed by handleId */
 let coordinates = $state(new SvelteMap());
@@ -125,11 +126,21 @@ export function updateNodePortCoordinates(node, getInternalNode) {
     const internalNode = getInternalNode(node.id);
     if (!internalNode)
         return;
-    // Remove old entries for this node
-    for (const [key, coord] of coordinates) {
-        if (coord.nodeId === node.id) {
-            coordinates.delete(key);
+    // Remove old entries for this node.
+    // untrack prevents this read from creating a reactive dependency on `coordinates`
+    // inside any $effect that calls this function — otherwise the effect would re-run
+    // every time we mutate `coordinates`, creating an infinite reactive loop during drag.
+    const keysToDelete = untrack(() => {
+        const keys = [];
+        for (const [key, coord] of coordinates) {
+            if (coord.nodeId === node.id) {
+                keys.push(key);
+            }
         }
+        return keys;
+    });
+    for (const key of keysToDelete) {
+        coordinates.delete(key);
     }
     // Add new entries
     const coords = computeNodePortCoordinates(node, internalNode);
@@ -143,10 +154,17 @@ export function updateNodePortCoordinates(node, getInternalNode) {
  * @param nodeId - ID of the node to remove
  */
 export function removeNodePortCoordinates(nodeId) {
-    for (const [key, coord] of coordinates) {
-        if (coord.nodeId === nodeId) {
-            coordinates.delete(key);
+    const keysToDelete = untrack(() => {
+        const keys = [];
+        for (const [key, coord] of coordinates) {
+            if (coord.nodeId === nodeId) {
+                keys.push(key);
+            }
         }
+        return keys;
+    });
+    for (const key of keysToDelete) {
+        coordinates.delete(key);
     }
 }
 /**

package/package.json

@@ -3,7 +3,7 @@
   "description": "A drop-in visual workflow editor for any web application. You own the backend. You own the data. You own the orchestration.",
   "license": "MIT",
   "private": false,
-  "version": "1.2.1",
+  "version": "1.2.2",
   "author": "Shibin Das (D34dMan)",
   "bugs": {
     "url": "https://github.com/flowdrop-io/flowdrop/issues"