system-canvas-react 0.2.13 → 0.2.14

package/dist/hooks/__tests__/selfLoop.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=selfLoop.test.d.ts.map

package/dist/hooks/__tests__/selfLoop.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selfLoop.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/selfLoop.test.ts"],"names":[],"mappings":""}

package/dist/hooks/__tests__/selfLoop.test.js

@@ -0,0 +1,94 @@
+import { describe, it, expect } from 'vitest';
+import { computeSelfLoopPath, computeEdgePath, computeEdgeMidpoint } from 'system-canvas';
+function makeNode(overrides = {}) {
+    return {
+        id: 'n1',
+        type: 'text',
+        x: 100,
+        y: 100,
+        width: 200,
+        height: 100,
+        text: 'Node',
+        resolvedFill: '#fff',
+        resolvedStroke: '#000',
+        ...overrides,
+    };
+}
+function makeEdge(overrides = {}) {
+    return {
+        id: 'e1',
+        fromNode: 'n1',
+        toNode: 'n1',
+        ...overrides,
+    };
+}
+describe('computeSelfLoopPath', () => {
+    it('returns a non-empty SVG d string starting with M', () => {
+        const node = makeNode();
+        const path = computeSelfLoopPath(node);
+        expect(path).toBeTruthy();
+        expect(path.trimStart()).toMatch(/^M /);
+    });
+    it('contains a cubic bezier segment (C command)', () => {
+        const node = makeNode();
+        const path = computeSelfLoopPath(node);
+        expect(path).toContain(' C ');
+    });
+    it('scales loop size with node dimensions', () => {
+        const small = makeNode({ width: 100, height: 50 });
+        const large = makeNode({ width: 400, height: 200 });
+        const smallPath = computeSelfLoopPath(small);
+        const largePath = computeSelfLoopPath(large);
+        // cp1y is the 5th token in the path string (after "M x y C cp1x")
+        const getCP1Y = (d) => parseFloat(d.split(' ')[4]);
+        expect(Math.abs(getCP1Y(largePath))).toBeGreaterThan(Math.abs(getCP1Y(smallPath)));
+    });
+    it('respects the exitSide parameter', () => {
+        const node = makeNode();
+        const topPath = computeSelfLoopPath(node, 'top');
+        const rightPath = computeSelfLoopPath(node, 'right');
+        expect(topPath).not.toBe(rightPath);
+    });
+});
+describe('computeEdgePath with self-loop', () => {
+    it('returns same result as computeSelfLoopPath when fromNode === toNode', () => {
+        const node = makeNode();
+        const edge = makeEdge();
+        expect(computeEdgePath(edge, node, node)).toBe(computeSelfLoopPath(node, 'top'));
+    });
+    it('uses edge.fromSide to control loop exit direction', () => {
+        const node = makeNode();
+        const edgeTop = makeEdge({ fromSide: 'top' });
+        const edgeRight = makeEdge({ fromSide: 'right' });
+        expect(computeEdgePath(edgeTop, node, node)).toBe(computeSelfLoopPath(node, 'top'));
+        expect(computeEdgePath(edgeRight, node, node)).toBe(computeSelfLoopPath(node, 'right'));
+    });
+    it('does not regress on normal edges (fromNode !== toNode)', () => {
+        const from = makeNode({ id: 'a', x: 0, y: 0 });
+        const to = makeNode({ id: 'b', x: 400, y: 0 });
+        const edge = { id: 'e2', fromNode: 'a', toNode: 'b' };
+        const path = computeEdgePath(edge, from, to);
+        expect(path).toMatch(/^M /);
+        expect(path).not.toContain('NaN');
+    });
+});
+describe('computeEdgeMidpoint with self-loop', () => {
+    it('returns a point outside the node bounding box (the arc tip)', () => {
+        const node = makeNode({ x: 100, y: 100, width: 200, height: 100 });
+        const edge = makeEdge();
+        const mid = computeEdgeMidpoint(edge, node, node);
+        const outsideBox = mid.x < node.x ||
+            mid.x > node.x + node.width ||
+            mid.y < node.y ||
+            mid.y > node.y + node.height;
+        expect(outsideBox).toBe(true);
+    });
+    it('returns a valid finite numeric point', () => {
+        const node = makeNode();
+        const edge = makeEdge();
+        const mid = computeEdgeMidpoint(edge, node, node);
+        expect(Number.isFinite(mid.x)).toBe(true);
+        expect(Number.isFinite(mid.y)).toBe(true);
+    });
+});
+//# sourceMappingURL=selfLoop.test.js.map

package/dist/hooks/__tests__/selfLoop.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selfLoop.test.js","sourceRoot":"","sources":["../../../src/hooks/__tests__/selfLoop.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-canvas-react",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,7 +35,7 @@
     "d3-selection": "^3.0.0",
     "d3-transition": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "system-canvas": "^0.2.13"
+    "system-canvas": "^0.2.14"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",