microboard-temp 0.13.22 → 0.13.24

package/dist/cjs/browser.js

@@ -54661,10 +54661,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -54750,8 +54760,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -54850,14 +54869,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55979,6 +55998,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/cjs/index.js

@@ -54661,10 +54661,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -54750,8 +54760,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -54850,14 +54869,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55979,6 +55998,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/cjs/node.js

@@ -57134,10 +57134,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -57223,8 +57233,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -57323,14 +57342,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -58452,6 +58471,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/browser.js

@@ -54490,10 +54490,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -54579,8 +54589,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -54679,14 +54698,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55808,6 +55827,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/index.js

@@ -54483,10 +54483,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -54572,8 +54582,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -54672,14 +54691,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55801,6 +55820,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/node.js

@@ -56951,10 +56951,20 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
-    if (this.activeComponents.size > 0 && this.tickTimer === null) {
-      this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    if (this.activeComponents.size === 0)
+      return;
+    const activeIds = this.getActiveNodeIds();
+    for (const item of this.board.items.listAll()) {
+      if (!activeIds.has(item.getId()))
+        continue;
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
     }
+    this.ensureRunning();
   }
   stop() {
     this.stopTimers();
@@ -57040,8 +57050,17 @@ class ForceGraphEngine {
   tick() {
     const dt = this.TICK_MS / 1000;
     const activeIds = this.getActiveNodeIds();
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
     const allNodes = this.getNodes();
-    const nodes = allNodes.filter((item) => activeIds.has(item.getId()));
+    const nodes = allNodes.filter((item) => {
+      if (!activeIds.has(item.getId()))
+        return false;
+      if (selectedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && selectedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (nodes.length < 1)
       return;
     const snapMap = new Map;
@@ -57140,14 +57159,14 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const selectedIds = new Set(this.board.selection.list().map((i) => i.getId()));
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !selectedIds.has(item.getId()) && !(item.parent !== "Board" && selectedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -58269,6 +58288,9 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/types/Board.d.ts

@@ -150,6 +150,8 @@ export declare class Board {
     getForceGraphGap(nodeId: string): number | undefined;
     /** Set the connector target gap (px) for the component containing `nodeId`. */
     setForceGraphGap(nodeId: string, gap: number): void;
+    /** Flush pending physics positions to the server immediately (call before drag starts). */
+    syncForceGraph(): void;
     /** Call after dragging a node to re-wake the physics engine if it was sleeping. */
     wakeForceGraph(): void;
 }

package/dist/types/ForceGraph/ForceGraphEngine.d.ts

@@ -30,7 +30,17 @@ export declare class ForceGraphEngine {
     /** Update the target gap (connector length) for the component containing `nodeId` and re-wake. */
     setComponentTargetGap(nodeId: string, gap: number): void;
     hasActiveComponents(): boolean;
-    /** Re-wake physics after a node is manually dragged. */
+    /**
+     * Flush pending physics positions immediately.
+     * Call BEFORE a manual drag starts so the server knows the current physics position
+     * before the drag delta is applied on top of it.
+     */
+    flushSync(): void;
+    /**
+     * Re-wake physics after a manual drag ends.
+     * Resets sync baseline to the post-drag position so the drag delta
+     * (already sent by the normal operation system) is not double-counted.
+     */
     wake(): void;
     /** Full stop — called when Board destroys the engine. */
     stop(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.13.22",
+  "version": "0.13.24",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",