microboard-temp 0.13.27 → 0.13.29

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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,46 @@ 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 item = start.item;
+    const anchors = item.getSnapAnchorPoints?.();
+    if (!anchors || anchors.length === 0)
+      return;
+    const EPS = 2;
+    const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
+    if (!isOnAnchor)
+      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;
+      }
+    }
+    if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
+      return;
+    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+  }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
     const endPoint = this.getEndPoint();

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.27",
+  "version": "0.13.29",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",