microboard-temp 0.13.23 → 0.13.24

package/dist/cjs/browser.js

@@ -54661,6 +54661,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -54872,7 +54875,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -55994,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,6 +54661,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -54872,7 +54875,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -55994,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,6 +57134,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -57345,7 +57348,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -58467,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,6 +54490,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -54701,7 +54704,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -55823,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,6 +54483,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -54694,7 +54697,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -55816,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,6 +56951,9 @@ class ForceGraphEngine {
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
+  flushSync() {
+    this.syncPositions();
+  }
   wake() {
     if (this.activeComponents.size === 0)
       return;
@@ -57162,7 +57165,8 @@ class ForceGraphEngine {
   }
   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) => {
@@ -58284,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 (or targetGap changed). */
+    /**
+     * 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.23",
+  "version": "0.13.24",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",