microboard-temp 0.13.53 → 0.13.55

package/dist/cjs/browser.js

@@ -13028,6 +13028,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13234,7 +13243,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13345,6 +13354,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -60684,6 +60703,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -60695,7 +60718,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -60723,6 +60754,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -60731,6 +60763,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -60792,6 +60825,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -60801,6 +60837,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -60854,18 +60891,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -60877,10 +60923,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -60927,8 +60973,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

package/dist/cjs/index.js

@@ -13028,6 +13028,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13234,7 +13243,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13345,6 +13354,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -60684,6 +60703,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -60695,7 +60718,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -60723,6 +60754,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -60731,6 +60763,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -60792,6 +60825,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -60801,6 +60837,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -60854,18 +60891,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -60877,10 +60923,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -60927,8 +60973,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

package/dist/cjs/node.js

@@ -13048,6 +13048,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13254,7 +13263,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13365,6 +13374,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -63159,6 +63178,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -63170,7 +63193,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -63198,6 +63229,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -63206,6 +63238,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -63267,6 +63300,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -63276,6 +63312,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -63329,18 +63366,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -63352,10 +63398,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -63402,8 +63448,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

package/dist/esm/browser.js

@@ -13000,6 +13000,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13206,7 +13215,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13317,6 +13326,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -60427,6 +60446,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -60438,7 +60461,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -60466,6 +60497,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -60474,6 +60506,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -60535,6 +60568,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -60544,6 +60580,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -60597,18 +60634,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -60620,10 +60666,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -60670,8 +60716,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

package/dist/esm/index.js

@@ -12993,6 +12993,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13199,7 +13208,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13310,6 +13319,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -60420,6 +60439,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -60431,7 +60454,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -60459,6 +60490,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -60467,6 +60499,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -60528,6 +60561,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -60537,6 +60573,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -60590,18 +60627,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -60613,10 +60659,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -60663,8 +60709,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

package/dist/esm/node.js

@@ -13015,6 +13015,15 @@ var init_BaseItem = __esm(() => {
     childIds = [];
     isHoverHighlighted = false;
     static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    _physicsHalfExtent = -1;
+    get physicsHalfExtent() {
+      if (this._physicsHalfExtent < 0) {
+        const w = Math.max(this.right - this.left, 1);
+        const h = Math.max(this.bottom - this.top, 1);
+        this._physicsHalfExtent = Math.max(w, h) * 0.5;
+      }
+      return this._physicsHalfExtent;
+    }
     constructor(board, id = "", defaultItemData, isGroupItem) {
       super();
       this.defaultItemData = defaultItemData;
@@ -13221,7 +13230,7 @@ var init_BaseItem = __esm(() => {
       this.subject.publish(this);
     }
     updateMbr() {
-      return;
+      this._physicsHalfExtent = -1;
     }
     getLinkTo() {
       return this.linkTo.link;
@@ -13332,6 +13341,16 @@ var init_BaseItem = __esm(() => {
             }
           }
           this.transformation.apply(transformOp);
+          const m = transformOp.method;
+          if (m !== "translateTo" && m !== "translateBy" && m !== "rotateTo" && m !== "rotateBy" && m !== "locked" && m !== "unlocked") {
+            if (m === "applyMatrix") {
+              if (transformOp.items.some((i) => i.matrix.scaleX !== 1 || i.matrix.scaleY !== 1)) {
+                this._physicsHalfExtent = -1;
+              }
+            } else {
+              this._physicsHalfExtent = -1;
+            }
+          }
           break;
         }
         case "LinkTo":
@@ -62884,6 +62903,10 @@ class ForceGraphEngine {
   lastSyncedPositions = new Map;
   activeComponents = new Map;
   isPhysicsEmit = false;
+  _cachedConnectors = null;
+  _cachedNodes = null;
+  _activeNodeIdsCache = null;
+  _topologyDirty = true;
   get TICK_MS() {
     return conf.FG_TICK_MS;
   }
@@ -62895,7 +62918,15 @@ class ForceGraphEngine {
       if (this.isPhysicsEmit)
         return;
       const op = event.body?.operation;
-      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+      if (!op)
+        return;
+      if (op.class === "Board") {
+        this._cachedConnectors = null;
+        this._cachedNodes = null;
+        this._topologyDirty = true;
+        return;
+      }
+      if (op.class !== "Transformation" || op.method !== "applyMatrix")
         return;
       for (const { id, matrix } of op.items) {
         const last = this.lastSyncedPositions.get(id);
@@ -62923,6 +62954,7 @@ class ForceGraphEngine {
     }
     const targetGap = this.calibrateTargetGap(nodeIds);
     this.activeComponents.set(startNodeId, { nodeIds, targetGap });
+    this._activeNodeIdsCache = null;
     this.initNodes(nodeIds);
     this.ensureRunning();
   }
@@ -62931,6 +62963,7 @@ class ForceGraphEngine {
     if (!compId)
       return;
     this.activeComponents.delete(compId);
+    this._activeNodeIdsCache = null;
     if (this.activeComponents.size === 0) {
       this.stopTimers();
     }
@@ -62992,6 +63025,9 @@ class ForceGraphEngine {
     }
   }
   refreshComponentTopology() {
+    if (!this._topologyDirty)
+      return;
+    this._topologyDirty = false;
     for (const [compId, comp] of this.activeComponents) {
       const current = this.bfsComponent(compId);
       const newIds = new Set;
@@ -63001,6 +63037,7 @@ class ForceGraphEngine {
       }
       if (newIds.size > 0) {
         this.initNodes(newIds, comp.nodeIds);
+        this._activeNodeIdsCache = null;
       }
     }
   }
@@ -63054,18 +63091,27 @@ class ForceGraphEngine {
     return conf.FG_TARGET_GAP;
   }
   getActiveNodeIds() {
-    const all6 = new Set;
-    for (const { nodeIds } of this.activeComponents.values()) {
-      for (const id of nodeIds)
-        all6.add(id);
+    if (!this._activeNodeIdsCache) {
+      const all6 = new Set;
+      for (const { nodeIds } of this.activeComponents.values()) {
+        for (const id of nodeIds)
+          all6.add(id);
+      }
+      this._activeNodeIdsCache = all6;
     }
-    return all6;
+    return this._activeNodeIdsCache;
   }
   getNodes() {
-    return this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    if (!this._cachedNodes) {
+      this._cachedNodes = this.board.items.listAll().filter((item) => !EXCLUDED_TYPES.has(item.itemType) && !item.transformation.isLocked);
+    }
+    return this._cachedNodes;
   }
   getConnectors() {
-    return this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    if (!this._cachedConnectors) {
+      this._cachedConnectors = this.board.items.listAll().filter((item) => item.itemType === "Connector");
+    }
+    return this._cachedConnectors;
   }
   tick() {
     this.refreshComponentTopology();
@@ -63077,10 +63123,10 @@ class ForceGraphEngine {
       if (!activeIds.has(item.getId()))
         continue;
       const pos = item.transformation.getTranslation();
-      const mbr = item.getMbr();
-      const w = Math.max(mbr.getWidth(), 1);
-      const h2 = Math.max(mbr.getHeight(), 1);
-      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + w * 0.5, cy: pos.y + h2 * 0.5, w, h: h2 });
+      const half = item.physicsHalfExtent;
+      const w = half * 2;
+      const h2 = half * 2;
+      snapMap.set(item.getId(), { id: item.getId(), cx: pos.x + half, cy: pos.y + half, w, h: h2 });
     }
     const snap = Array.from(snapMap.values());
     if (snap.length < 1)
@@ -63127,8 +63173,12 @@ class ForceGraphEngine {
           continue;
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = Math.max(dx * dx + dy * dy, conf.FG_MIN_DIST_SQ);
-        const force = conf.FG_REPULSION / distSq;
+        const centerDist = Math.sqrt(dx * dx + dy * dy) || 1;
+        const halfA = Math.max(s1.w, s1.h) * 0.5;
+        const halfB = Math.max(s2.w, s2.h) * 0.5;
+        const edgeDist = Math.max(centerDist - halfA - halfB, 0);
+        const edgeDistSq = Math.max(edgeDist * edgeDist, conf.FG_MIN_DIST_SQ);
+        const force = conf.FG_REPULSION / edgeDistSq;
         ax.set(s1.id, (ax.get(s1.id) ?? 0) - dx * force);
         ay.set(s1.id, (ay.get(s1.id) ?? 0) - dy * force);
         ax.set(s2.id, (ax.get(s2.id) ?? 0) + dx * force);

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

@@ -11,6 +11,14 @@ export declare class ForceGraphEngine {
     /** Set to true while we are emitting a physics sync operation, so the
      *  board-event subscription below doesn't double-update lastSyncedPositions. */
     private isPhysicsEmit;
+    /** Cached connector list — invalidated when items are added/removed. */
+    private _cachedConnectors;
+    /** Cached non-connector node list — invalidated when items are added/removed. */
+    private _cachedNodes;
+    /** Cached flat set of all active node ids across components. */
+    private _activeNodeIdsCache;
+    /** True when a board add/remove event has occurred since the last BFS refresh. */
+    private _topologyDirty;
     private get TICK_MS();
     private readonly SYNC_MS;
     private readonly MIN_MOVE_PX;
@@ -49,7 +57,8 @@ export declare class ForceGraphEngine {
     /** Initialize velocities and sync baseline for a set of node ids.
      *  If `target` is provided, new ids are also added into that Set. */
     private initNodes;
-    /** Re-BFS each active component to pick up nodes/connectors added after enableForGraph. */
+    /** Re-BFS each active component to pick up nodes/connectors added after enableForGraph.
+     *  Runs only when _topologyDirty is set (board add/remove event). */
     private refreshComponentTopology;
     private ensureRunning;
     private stopTimers;

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -49,6 +49,11 @@ export declare class BaseItem<T extends BaseItem<any> = any> extends Mbr impleme
     childIds: string[];
     isHoverHighlighted: boolean;
     static readonly HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
+    /** Cached max half-extent for force-graph physics: max(w, h) * 0.5.
+     *  -1 means dirty. Physics never scales items, so this is valid for the
+     *  entire simulation once computed. Invalidated on resize/scale only. */
+    private _physicsHalfExtent;
+    get physicsHalfExtent(): number;
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined, isGroupItem?: boolean);
     updateChildrenIds(): void;
     /**

package/package.json

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