microboard-temp 0.13.26 → 0.13.28

package/dist/cjs/browser.js

@@ -36852,6 +36852,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -36893,6 +36896,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -37806,6 +37812,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -37814,10 +37821,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -54453,9 +54497,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -54548,7 +54614,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -55974,6 +56049,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/cjs/index.js

@@ -36852,6 +36852,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -36893,6 +36896,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -37806,6 +37812,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -37814,10 +37821,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -54453,9 +54497,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -54548,7 +54614,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -55974,6 +56049,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/cjs/node.js

@@ -39325,6 +39325,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -39366,6 +39369,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -40279,6 +40285,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -40287,10 +40294,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -56926,9 +56970,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -57021,7 +57087,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -58447,6 +58522,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/esm/browser.js

@@ -36681,6 +36681,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -36722,6 +36725,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -37635,6 +37641,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -37643,10 +37650,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -54282,9 +54326,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -54377,7 +54443,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -55803,6 +55878,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/esm/index.js

@@ -36674,6 +36674,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -36715,6 +36718,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -37628,6 +37634,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -37636,10 +37643,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -54275,9 +54319,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -54370,7 +54436,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -55796,6 +55871,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/esm/node.js

@@ -39142,6 +39142,9 @@ class FloatingPoint extends Point {
   relativePoint;
   pointType = "Floating";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -39183,6 +39186,9 @@ class FixedPoint extends Point {
   relativePoint;
   pointType = "Fixed";
   edge;
+  getEdge() {
+    return this.edge;
+  }
   constructor(item, relativePoint) {
     super();
     this.item = item;
@@ -40096,6 +40102,7 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
@@ -40104,10 +40111,47 @@ class Connector2 extends BaseItem {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
+      this.smartJumpStartEdge();
       this.updatePaths();
       this.subject.publish(this);
     }
   };
+  smartJumpStartEdge() {
+    const start = this.startPoint;
+    if (start.pointType !== "Fixed" && start.pointType !== "Floating")
+      return;
+    const startEdge = start.getEdge();
+    if (!startEdge)
+      return;
+    const item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const center = item.getMbr().getCenter();
+    const dx = this.endPoint.x - center.x;
+    const dy = this.endPoint.y - center.y;
+    if (dx === 0 && dy === 0)
+      return;
+    let best = anchors[0];
+    let bestDot = -Infinity;
+    for (const anchor of anchors) {
+      const ax = anchor.x - center.x;
+      const ay = anchor.y - center.y;
+      const len = Math.sqrt(ax * ax + ay * ay);
+      if (len === 0)
+        continue;
+      const dot = (ax * dx + ay * dy) / len;
+      if (dot > bestDot) {
+        bestDot = dot;
+        best = anchor;
+      }
+    }
+    const bestRel = toRelativePoint(best, item);
+    const cur = start.relativePoint;
+    if (Math.abs(bestRel.x - cur.x) < 0.5 && Math.abs(bestRel.y - cur.y) < 0.5)
+      return;
+    this.startPoint = new FixedPoint(item, bestRel);
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();
@@ -56743,9 +56787,31 @@ class GravityEngine {
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
+  flushSync() {
+    this.syncPositions();
+  }
+  wake() {
+    for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
+    }
+    if (this.tickTimer !== null)
+      return;
+    this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
+    this.syncTimer = setInterval(() => this.syncPositions(), this.SYNC_MS);
+  }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length < 1)
       return;
     const snap = items.map((item, idx) => {
@@ -56838,7 +56904,16 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    const draggedIds = this.board.getDraggedItemIds();
+    const items = this.board.items.listAll().filter((item) => {
+      if (item.transformation.isLocked || EXCLUDED_ITEM_TYPES.has(item.itemType))
+        return false;
+      if (draggedIds.has(item.getId()))
+        return false;
+      if (item.parent !== "Board" && draggedIds.has(item.parent))
+        return false;
+      return true;
+    });
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {
@@ -58264,6 +58339,12 @@ class Board {
   isGravityEnabled() {
     return this.gravity !== null;
   }
+  syncGravity() {
+    this.gravity?.flushSync();
+  }
+  wakeGravity() {
+    this.gravity?.wake();
+  }
   forceGraph = null;
   enableForceGraph(nodeId) {
     if (!this.forceGraph) {

package/dist/types/Board.d.ts

@@ -139,6 +139,8 @@ export declare class Board {
     enableGravity(): void;
     disableGravity(): void;
     isGravityEnabled(): boolean;
+    syncGravity(): void;
+    wakeGravity(): void;
     private forceGraph;
     /** Enable force-directed layout for the connected component containing `nodeId`. */
     enableForceGraph(nodeId: string): void;

package/dist/types/Gravity/GravityEngine.d.ts

@@ -12,6 +12,8 @@ export declare class GravityEngine {
     constructor(board: Board);
     start(): void;
     stop(): void;
+    flushSync(): void;
+    wake(): void;
     private tick;
     private syncPositions;
 }

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

@@ -57,6 +57,12 @@ export declare class Connector extends BaseItem {
     private initText;
     observerStartPointItem: () => void;
     observerEndPointItem: () => void;
+    /**
+     * If the start point is attached to one of the 4 edge-center anchors, re-evaluate
+     * which edge best faces the current end position and jump there to avoid sharp bends.
+     * Purely local/visual — no operation is emitted.
+     */
+    private smartJumpStartEdge;
     clearObservedItems(): void;
     private unsubscribeFromItem;
     private subscribeToItem;

package/dist/types/Items/Connector/ControlPoint.d.ts

@@ -1,6 +1,7 @@
 import { Point } from "../Point";
 import { Item } from "../Item";
 import { Connector } from "./Connector";
+export type Edge = "top" | "bottom" | "left" | "right";
 export interface BoardPointData {
     pointType: "Board";
     x: number;
@@ -35,6 +36,7 @@ export declare class FloatingPoint extends Point {
     readonly relativePoint: Point;
     readonly pointType = "Floating";
     private edge;
+    getEdge(): Edge | undefined;
     constructor(item: Item, relativePoint: Point);
     recalculatePoint(): void;
     serialize(): FloatingPointData;
@@ -45,6 +47,7 @@ export declare class FixedPoint extends Point {
     readonly relativePoint: Point;
     readonly pointType = "Fixed";
     private edge;
+    getEdge(): Edge | undefined;
     constructor(item: Item, relativePoint: Point);
     recalculatePoint(): void;
     serialize(): FixedPointData;

package/package.json

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