microboard-temp 0.13.21 → 0.13.23

package/dist/cjs/browser.js

@@ -54644,13 +54644,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -54717,7 +54738,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -54736,8 +54757,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;
@@ -54836,8 +54866,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -55959,6 +55988,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/cjs/index.js

@@ -54644,13 +54644,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -54717,7 +54738,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -54736,8 +54757,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;
@@ -54836,8 +54866,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -55959,6 +55988,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/cjs/node.js

@@ -57117,13 +57117,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -57190,7 +57211,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -57209,8 +57230,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;
@@ -57309,8 +57339,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -58432,6 +58461,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/browser.js

@@ -54473,13 +54473,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -54546,7 +54567,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -54565,8 +54586,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;
@@ -54665,8 +54695,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -55788,6 +55817,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/index.js

@@ -54466,13 +54466,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -54539,7 +54560,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -54558,8 +54579,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;
@@ -54658,8 +54688,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -55781,6 +55810,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/esm/node.js

@@ -56934,13 +56934,34 @@ class ForceGraphEngine {
   isNodeInActiveGraph(nodeId) {
     return !!this.findComponentId(nodeId);
   }
+  getComponentTargetGap(nodeId) {
+    const compId = this.findComponentId(nodeId);
+    return compId ? this.activeComponents.get(compId)?.targetGap : undefined;
+  }
+  setComponentTargetGap(nodeId, gap) {
+    const compId = this.findComponentId(nodeId);
+    if (!compId)
+      return;
+    const comp = this.activeComponents.get(compId);
+    if (!comp)
+      return;
+    comp.targetGap = gap;
+    this.wake();
+  }
   hasActiveComponents() {
     return this.activeComponents.size > 0;
   }
   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();
@@ -57007,7 +57028,7 @@ class ForceGraphEngine {
       count++;
     }
     const avgMaxDim = count > 0 ? totalMaxDim / count : 100;
-    return avgMaxDim * 0.3 + conf.FG_TARGET_GAP;
+    return avgMaxDim * 1.5;
   }
   getActiveNodeIds() {
     const all6 = new Set;
@@ -57026,8 +57047,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;
@@ -57126,8 +57156,7 @@ class ForceGraphEngine {
       }
     }
     if (totalEnergy < conf.FG_SLEEP_THRESHOLD && this.tickTimer !== null) {
-      clearInterval(this.tickTimer);
-      this.tickTimer = null;
+      this.stopTimers();
       this.syncPositions();
     }
   }
@@ -58249,6 +58278,12 @@ class Board {
   isNodeInForceGraph(nodeId) {
     return this.forceGraph?.isNodeInActiveGraph(nodeId) ?? false;
   }
+  getForceGraphGap(nodeId) {
+    return this.forceGraph?.getComponentTargetGap(nodeId);
+  }
+  setForceGraphGap(nodeId, gap) {
+    this.forceGraph?.setComponentTargetGap(nodeId, gap);
+  }
   wakeForceGraph() {
     this.forceGraph?.wake();
   }

package/dist/types/Board.d.ts

@@ -146,6 +146,10 @@ export declare class Board {
     disableForceGraph(nodeId: string): void;
     /** Returns true if `nodeId` is currently in an active force-directed component. */
     isNodeInForceGraph(nodeId: string): boolean;
+    /** Get the connector target gap (px) for the component containing `nodeId`. */
+    getForceGraphGap(nodeId: string): number | undefined;
+    /** Set the connector target gap (px) for the component containing `nodeId`. */
+    setForceGraphGap(nodeId: string, gap: number): 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

@@ -25,8 +25,12 @@ export declare class ForceGraphEngine {
      */
     disableForGraph(nodeId: string): void;
     isNodeInActiveGraph(nodeId: string): boolean;
+    /** Get the current target gap for the component containing `nodeId`. Returns undefined if not active. */
+    getComponentTargetGap(nodeId: string): number | undefined;
+    /** 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. */
+    /** Re-wake physics after a node is manually dragged (or targetGap changed). */
     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.21",
+  "version": "0.13.23",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",