microboard-temp 0.13.23 → 0.13.25

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;
@@ -54757,14 +54760,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -54872,7 +54875,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55994,6 +55998,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  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;
@@ -54757,14 +54760,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -54872,7 +54875,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55994,6 +55998,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  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;
@@ -57230,14 +57233,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -57345,7 +57348,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -58467,6 +58471,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  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;
@@ -54586,14 +54589,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -54701,7 +54704,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55823,6 +55827,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  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;
@@ -54579,14 +54582,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -54694,7 +54697,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -55816,6 +55820,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  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;
@@ -57047,14 +57050,14 @@ 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 draggedIds = this.board.getDraggedItemIds();
     const allNodes = this.getNodes();
     const nodes = allNodes.filter((item) => {
       if (!activeIds.has(item.getId()))
         return false;
-      if (selectedIds.has(item.getId()))
+      if (draggedIds.has(item.getId()))
         return false;
-      if (item.parent !== "Board" && selectedIds.has(item.parent))
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
         return false;
       return true;
     });
@@ -57162,7 +57165,8 @@ class ForceGraphEngine {
   }
   syncPositions() {
     const activeIds = this.getActiveNodeIds();
-    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()));
+    const draggedIds = this.board.getDraggedItemIds();
+    const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
     const movedItems = nodes.map((item) => {
@@ -58284,6 +58288,21 @@ class Board {
   setForceGraphGap(nodeId, gap) {
     this.forceGraph?.setComponentTargetGap(nodeId, gap);
   }
+  getDraggedItemIds() {
+    const ids = new Set;
+    if (!this.selection.transformationRenderBlock)
+      return ids;
+    for (const item of this.selection.list())
+      ids.add(item.getId());
+    const selectTool = this.tools.getSelect();
+    if (selectTool?.isDraggingUnselectedItem && selectTool.downOnItem) {
+      ids.add(selectTool.downOnItem.getId());
+    }
+    return ids;
+  }
+  syncForceGraph() {
+    this.forceGraph?.flushSync();
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/types/Board.d.ts

@@ -150,6 +150,13 @@ 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;
+    /**
+     * Returns IDs of all items currently being dragged (both selected and unselected drag).
+     * Used by physics engines to skip items that are under user control.
+     */
+    getDraggedItemIds(): Set<string>;
+    /** 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.25",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",