@nesso-how/graph 0.1.0-alpha.28 → 0.1.0-alpha.29

package/dist/NessoEdge.js

@@ -5,7 +5,7 @@ import { useStore } from '@xyflow/react';
 import { PALETTES, RELATION_TYPES } from '@nesso-how/relation-types';
 import { GlyphSVG } from './GlyphSVG.js';
 import { useGraphDisplay } from './context.js';
-import { effectiveCurveFlip, flowNodeCenterX, flowNodeCenterY, nessoArcPath, rectExit, } from './geometry.js';
+import { arcControlPoint, effectiveCurveFlip, flowNodeCenterX, flowNodeCenterY, nessoArcPath, rectExit, } from './geometry.js';
 function asEdgeTypeName(value, fallback = 'causes') {
     return typeof value === 'string' && value in RELATION_TYPES ? value : fallback;
 }
@@ -61,7 +61,6 @@ export function NessoEdge({ id, source, target, data, selected }) {
     const tcy = flowNodeCenterY(targetNode);
     const curveFlip = effectiveCurveFlip(autoCurveFlip, data?.curveFlipPinned, data?.curveFlip, flowNodeCenterX(sourceNode), scy, flowNodeCenterX(targetNode), tcy);
     const pad = 6;
-    const flipSign = curveFlip ? -1 : 1;
     const { a, b } = (() => {
         if (straight) {
             return {
@@ -69,13 +68,7 @@ export function NessoEdge({ id, source, target, data, selected }) {
                 b: rectExit(tcx, tcy, tw + pad * 2, th + pad * 2, scx, scy),
             };
         }
-        const dx = tcx - scx, dy = tcy - scy;
-        const dist = Math.sqrt(dx * dx + dy * dy) || 1;
-        const nx = -dy / dist, ny = dx / dist;
-        const sibOff = (data?.siblingIdx ?? 0) * 14;
-        const bend = (Math.min(dist * 0.22, 90) + sibOff * 0.5) * flipSign;
-        const cpx = (scx + tcx) / 2 + nx * bend;
-        const cpy = (scy + tcy) / 2 + ny * bend;
+        const { cpx, cpy } = arcControlPoint(scx, scy, tcx, tcy, data?.siblingIdx ?? 0, curveFlip);
         return {
             a: rectExit(scx, scy, sw + pad * 2, sh + pad * 2, cpx, cpy),
             b: rectExit(tcx, tcy, tw + pad * 2, th + pad * 2, cpx, cpy),

package/dist/geometry.d.ts

@@ -40,6 +40,11 @@ export declare function rectExit(cx: number, cy: number, w: number, h: number, t
     x: number;
     y: number;
 };
+/** Quadratic-curve control point shared by edge rendering and the connection line. */
+export declare function arcControlPoint(sx: number, sy: number, tx: number, ty: number, siblingIdx?: number, curveFlip?: boolean): {
+    cpx: number;
+    cpy: number;
+};
 export declare function nessoArcPath(sx: number, sy: number, tx: number, ty: number, siblingIdx?: number, straight?: boolean, curveFlip?: boolean): {
     path: string;
     labelX: number;

package/dist/geometry.js

@@ -36,6 +36,18 @@ export function rectExit(cx, cy, w, h, tx, ty) {
     const s = Math.min(sx, sy);
     return { x: cx + dx * s, y: cy + dy * s };
 }
+/** Quadratic-curve control point shared by edge rendering and the connection line. */
+export function arcControlPoint(sx, sy, tx, ty, siblingIdx = 0, curveFlip = false) {
+    const dx = tx - sx;
+    const dy = ty - sy;
+    const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+    const nx = -dy / dist;
+    const ny = dx / dist;
+    const off = siblingIdx * 14;
+    const sign = curveFlip ? -1 : 1;
+    const bend = (Math.min(dist * 0.22, 90) + off * 0.5) * sign;
+    return { cpx: (sx + tx) / 2 + nx * bend, cpy: (sy + ty) / 2 + ny * bend };
+}
 export function nessoArcPath(sx, sy, tx, ty, siblingIdx = 0, straight = false, curveFlip = false) {
     if (straight) {
         const lx = (sx + tx) / 2;
@@ -47,16 +59,7 @@ export function nessoArcPath(sx, sy, tx, ty, siblingIdx = 0, straight = false, c
             arrowAngle: Math.atan2(ty - sy, tx - sx),
         };
     }
-    const dx = tx - sx;
-    const dy = ty - sy;
-    const dist = Math.sqrt(dx * dx + dy * dy) || 1;
-    const nx = -dy / dist;
-    const ny = dx / dist;
-    const off = siblingIdx * 14;
-    const sign = curveFlip ? -1 : 1;
-    const bend = (Math.min(dist * 0.22, 90) + off * 0.5) * sign;
-    const cpx = (sx + tx) / 2 + nx * bend;
-    const cpy = (sy + ty) / 2 + ny * bend;
+    const { cpx, cpy } = arcControlPoint(sx, sy, tx, ty, siblingIdx, curveFlip);
     const path = `M ${sx} ${sy} Q ${cpx} ${cpy} ${tx} ${ty}`;
     const labelX = cpx * 0.5 + (sx + tx) * 0.25;
     const labelY = cpy * 0.5 + (sy + ty) * 0.25;

package/dist/index.d.ts

@@ -8,4 +8,4 @@ export { useGraphDisplay, GraphDisplayContext } from './context.js';
 export type { NessoGraphDisplayContext, CategoryColorMode } from './context.js';
 export { GlyphSVG } from './GlyphSVG.js';
 export { ratingColor } from './ratingColor.js';
-export { defaultCurveFlip, nodeCenterX, nodeCenterY, flowNodeCenterX, flowNodeCenterY, effectiveCurveFlip, rectExit, nessoArcPath, } from './geometry.js';
+export { arcControlPoint, defaultCurveFlip, nodeCenterX, nodeCenterY, flowNodeCenterX, flowNodeCenterY, effectiveCurveFlip, rectExit, nessoArcPath, } from './geometry.js';

package/dist/index.js

@@ -7,4 +7,4 @@ export { useGraphDisplay, GraphDisplayContext } from './context.js';
 // Shared canvas utilities — import from here to avoid duplication with the main app.
 export { GlyphSVG } from './GlyphSVG.js';
 export { ratingColor } from './ratingColor.js';
-export { defaultCurveFlip, nodeCenterX, nodeCenterY, flowNodeCenterX, flowNodeCenterY, effectiveCurveFlip, rectExit, nessoArcPath, } from './geometry.js';
+export { arcControlPoint, defaultCurveFlip, nodeCenterX, nodeCenterY, flowNodeCenterX, flowNodeCenterY, effectiveCurveFlip, rectExit, nessoArcPath, } from './geometry.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nesso-how/graph",
-  "version": "0.1.0-alpha.28",
+  "version": "0.1.0-alpha.29",
   "description": "Embeddable read-only Nesso knowledge graph React component",
   "license": "MIT",
   "repository": {
@@ -22,9 +22,9 @@
     }
   },
   "dependencies": {
-    "@nesso-how/formats": "0.1.0-alpha.28",
-    "@nesso-how/types": "0.1.0-alpha.28",
-    "@nesso-how/relation-types": "0.1.0-alpha.28"
+    "@nesso-how/formats": "0.1.0-alpha.29",
+    "@nesso-how/relation-types": "0.1.0-alpha.29",
+    "@nesso-how/types": "0.1.0-alpha.29"
   },
   "peerDependencies": {
     "@xyflow/react": "^12.6.4",