@graph-render/core 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +6 -0
- package/CHANGELOG.md +45 -0
- package/dist/edges/collision.d.ts +8 -0
- package/dist/edges/collision.d.ts.map +1 -0
- package/dist/edges/collision.js +26 -0
- package/dist/edges/collision.js.map +1 -0
- package/dist/edges/geometry.d.ts +22 -0
- package/dist/edges/geometry.d.ts.map +1 -0
- package/dist/edges/geometry.js +75 -0
- package/dist/edges/geometry.js.map +1 -0
- package/dist/edges/index.d.ts +4 -0
- package/dist/edges/index.d.ts.map +1 -0
- package/dist/edges/index.js +4 -0
- package/dist/edges/index.js.map +1 -0
- package/dist/edges/pathBuilder.d.ts +11 -0
- package/dist/edges/pathBuilder.d.ts.map +1 -0
- package/dist/edges/pathBuilder.js +114 -0
- package/dist/edges/pathBuilder.js.map +1 -0
- package/dist/edges/pathCalculation.d.ts +14 -0
- package/dist/edges/pathCalculation.d.ts.map +1 -0
- package/dist/edges/pathCalculation.js +47 -0
- package/dist/edges/pathCalculation.js.map +1 -0
- package/dist/edges/routing.d.ts +6 -0
- package/dist/edges/routing.d.ts.map +1 -0
- package/dist/edges/routing.js +243 -0
- package/dist/edges/routing.js.map +1 -0
- package/dist/edges/sideSelection.d.ts +17 -0
- package/dist/edges/sideSelection.d.ts.map +1 -0
- package/dist/edges/sideSelection.js +45 -0
- package/dist/edges/sideSelection.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/layouts/centered.d.ts +6 -0
- package/dist/layouts/centered.d.ts.map +1 -0
- package/dist/layouts/centered.js +69 -0
- package/dist/layouts/centered.js.map +1 -0
- package/dist/layouts/compactBracket.d.ts +3 -0
- package/dist/layouts/compactBracket.d.ts.map +1 -0
- package/dist/layouts/compactBracket.js +7 -0
- package/dist/layouts/compactBracket.js.map +1 -0
- package/dist/layouts/dag.d.ts +3 -0
- package/dist/layouts/dag.d.ts.map +1 -0
- package/dist/layouts/dag.js +52 -0
- package/dist/layouts/dag.js.map +1 -0
- package/dist/layouts/forceDirected.d.ts +3 -0
- package/dist/layouts/forceDirected.d.ts.map +1 -0
- package/dist/layouts/forceDirected.js +176 -0
- package/dist/layouts/forceDirected.js.map +1 -0
- package/dist/layouts/grid.d.ts +6 -0
- package/dist/layouts/grid.d.ts.map +1 -0
- package/dist/layouts/grid.js +34 -0
- package/dist/layouts/grid.js.map +1 -0
- package/dist/layouts/index.d.ts +12 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +88 -0
- package/dist/layouts/index.js.map +1 -0
- package/dist/layouts/orthogonalFlow.d.ts +3 -0
- package/dist/layouts/orthogonalFlow.d.ts.map +1 -0
- package/dist/layouts/orthogonalFlow.js +81 -0
- package/dist/layouts/orthogonalFlow.js.map +1 -0
- package/dist/layouts/radialTree.d.ts +3 -0
- package/dist/layouts/radialTree.d.ts.map +1 -0
- package/dist/layouts/radialTree.js +45 -0
- package/dist/layouts/radialTree.js.map +1 -0
- package/dist/layouts/tree.d.ts +6 -0
- package/dist/layouts/tree.d.ts.map +1 -0
- package/dist/layouts/tree.js +19 -0
- package/dist/layouts/tree.js.map +1 -0
- package/dist/layouts/treeAlignment.d.ts +10 -0
- package/dist/layouts/treeAlignment.d.ts.map +1 -0
- package/dist/layouts/treeAlignment.js +69 -0
- package/dist/layouts/treeAlignment.js.map +1 -0
- package/dist/layouts/treePositioning.d.ts +14 -0
- package/dist/layouts/treePositioning.d.ts.map +1 -0
- package/dist/layouts/treePositioning.js +30 -0
- package/dist/layouts/treePositioning.js.map +1 -0
- package/dist/layouts/treeTopology.d.ts +29 -0
- package/dist/layouts/treeTopology.d.ts.map +1 -0
- package/dist/layouts/treeTopology.js +137 -0
- package/dist/layouts/treeTopology.js.map +1 -0
- package/dist/rendering/defaultRenderers.d.ts +10 -0
- package/dist/rendering/defaultRenderers.d.ts.map +1 -0
- package/dist/rendering/defaultRenderers.js +85 -0
- package/dist/rendering/defaultRenderers.js.map +1 -0
- package/dist/rendering/index.d.ts +4 -0
- package/dist/rendering/index.d.ts.map +1 -0
- package/dist/rendering/index.js +4 -0
- package/dist/rendering/index.js.map +1 -0
- package/dist/rendering/svg.d.ts +7 -0
- package/dist/rendering/svg.d.ts.map +1 -0
- package/dist/rendering/svg.js +256 -0
- package/dist/rendering/svg.js.map +1 -0
- package/dist/rendering/utils.d.ts +5 -0
- package/dist/rendering/utils.d.ts.map +1 -0
- package/dist/rendering/utils.js +33 -0
- package/dist/rendering/utils.js.map +1 -0
- package/dist/utils/config.d.ts +36 -0
- package/dist/utils/config.d.ts.map +1 -0
- package/dist/utils/config.js +115 -0
- package/dist/utils/config.js.map +1 -0
- package/dist/utils/constants.d.ts +15 -0
- package/dist/utils/constants.d.ts.map +1 -0
- package/dist/utils/constants.js +19 -0
- package/dist/utils/constants.js.map +1 -0
- package/dist/utils/graphParser.d.ts +16 -0
- package/dist/utils/graphParser.d.ts.map +1 -0
- package/dist/utils/graphParser.js +277 -0
- package/dist/utils/graphParser.js.map +1 -0
- package/dist/utils/graphTraversal.d.ts +13 -0
- package/dist/utils/graphTraversal.d.ts.map +1 -0
- package/dist/utils/graphTraversal.js +28 -0
- package/dist/utils/graphTraversal.js.map +1 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +7 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/nodeMetrics.d.ts +8 -0
- package/dist/utils/nodeMetrics.d.ts.map +1 -0
- package/dist/utils/nodeMetrics.js +12 -0
- package/dist/utils/nodeMetrics.js.map +1 -0
- package/dist/utils/nodeSizing.d.ts +3 -0
- package/dist/utils/nodeSizing.d.ts.map +1 -0
- package/dist/utils/nodeSizing.js +77 -0
- package/dist/utils/nodeSizing.js.map +1 -0
- package/package.json +29 -0
- package/project.json +32 -0
- package/src/edges/collision.ts +31 -0
- package/src/edges/geometry.ts +85 -0
- package/src/edges/index.ts +3 -0
- package/src/edges/pathBuilder.ts +136 -0
- package/src/edges/pathCalculation.ts +69 -0
- package/src/edges/routing.ts +459 -0
- package/src/edges/sideSelection.ts +67 -0
- package/src/index.ts +50 -0
- package/src/layouts/centered.ts +114 -0
- package/src/layouts/compactBracket.ts +14 -0
- package/src/layouts/dag.ts +76 -0
- package/src/layouts/forceDirected.ts +224 -0
- package/src/layouts/grid.ts +50 -0
- package/src/layouts/index.ts +148 -0
- package/src/layouts/orthogonalFlow.ts +112 -0
- package/src/layouts/radialTree.ts +77 -0
- package/src/layouts/tree.ts +35 -0
- package/src/layouts/treeAlignment.ts +107 -0
- package/src/layouts/treePositioning.ts +55 -0
- package/src/layouts/treeTopology.ts +184 -0
- package/src/rendering/defaultRenderers.ts +110 -0
- package/src/rendering/index.ts +3 -0
- package/src/rendering/svg.ts +346 -0
- package/src/rendering/utils.ts +41 -0
- package/src/utils/config.ts +198 -0
- package/src/utils/constants.ts +24 -0
- package/src/utils/graphParser.ts +495 -0
- package/src/utils/graphTraversal.ts +32 -0
- package/src/utils/index.ts +19 -0
- package/src/utils/nodeMetrics.ts +23 -0
- package/src/utils/nodeSizing.ts +97 -0
- package/tsconfig.json +11 -0
- package/tsconfig.tsbuildinfo +1 -0
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
import { NodeSide, EdgeType, LayoutDirection, } from '@graph-render/types';
|
|
2
|
+
import { DEFAULT_NODE_SIZE } from '../utils';
|
|
3
|
+
import { getNodeCenter, getAnchorPoint, getSideNormal, getSideInwardNormal } from './geometry';
|
|
4
|
+
import { sortSidesByDistance, applyDirectionalPreference, findNonIntersectingSides, } from './sideSelection';
|
|
5
|
+
import { getLeadOutDistance, calculateControlPoints, calculateStraightPoints, } from './pathCalculation';
|
|
6
|
+
const ORTHOGONAL_TERMINAL_SEGMENT = 20;
|
|
7
|
+
const MAX_COLLISION_SCAN_WORK = 20000;
|
|
8
|
+
const getParallelGroupKey = (edge) => {
|
|
9
|
+
const pair = [edge.source, edge.target].sort().join('|');
|
|
10
|
+
return `${pair}|${edge.type ?? EdgeType.Directed}`;
|
|
11
|
+
};
|
|
12
|
+
const buildParallelEdgeIndex = (edges) => {
|
|
13
|
+
const groups = new Map();
|
|
14
|
+
edges.forEach((edge) => {
|
|
15
|
+
const key = getParallelGroupKey(edge);
|
|
16
|
+
groups.set(key, [...(groups.get(key) ?? []), edge]);
|
|
17
|
+
});
|
|
18
|
+
const meta = new Map();
|
|
19
|
+
groups.forEach((group) => {
|
|
20
|
+
const total = group.length;
|
|
21
|
+
group.forEach((edge, index) => {
|
|
22
|
+
meta.set(edge.id, {
|
|
23
|
+
index,
|
|
24
|
+
total,
|
|
25
|
+
centeredOffset: index - (total - 1) / 2,
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
return meta;
|
|
30
|
+
};
|
|
31
|
+
const calculateLabelPosition = (points) => {
|
|
32
|
+
if (points.length < 2) {
|
|
33
|
+
return undefined;
|
|
34
|
+
}
|
|
35
|
+
const segmentLengths = points.slice(1).map((point, index) => {
|
|
36
|
+
const previous = points[index];
|
|
37
|
+
return Math.hypot(point.x - previous.x, point.y - previous.y);
|
|
38
|
+
});
|
|
39
|
+
const totalLength = segmentLengths.reduce((sum, length) => sum + length, 0);
|
|
40
|
+
const halfway = totalLength / 2;
|
|
41
|
+
let traversed = 0;
|
|
42
|
+
for (let index = 0; index < segmentLengths.length; index += 1) {
|
|
43
|
+
const length = segmentLengths[index];
|
|
44
|
+
if (traversed + length >= halfway) {
|
|
45
|
+
const start = points[index];
|
|
46
|
+
const end = points[index + 1];
|
|
47
|
+
const ratio = length === 0 ? 0 : (halfway - traversed) / length;
|
|
48
|
+
return {
|
|
49
|
+
x: start.x + (end.x - start.x) * ratio,
|
|
50
|
+
y: start.y + (end.y - start.y) * ratio,
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
traversed += length;
|
|
54
|
+
}
|
|
55
|
+
return points[Math.floor(points.length / 2)];
|
|
56
|
+
};
|
|
57
|
+
const createSelfLoopPoints = (node, size, loopRadius, offset) => {
|
|
58
|
+
const right = node.position.x + size.width;
|
|
59
|
+
const top = node.position.y;
|
|
60
|
+
const anchorX = right - Math.min(size.width * 0.2, 16);
|
|
61
|
+
const anchorY = top + Math.min(size.height * 0.3, 20);
|
|
62
|
+
const loopX = right + loopRadius + offset;
|
|
63
|
+
const loopTop = top - loopRadius - Math.abs(offset) * 0.4;
|
|
64
|
+
const loopBottom = top + size.height * 0.75 + Math.abs(offset) * 0.3;
|
|
65
|
+
return [
|
|
66
|
+
{ x: anchorX, y: anchorY },
|
|
67
|
+
{ x: loopX * 0.92, y: loopTop },
|
|
68
|
+
{ x: loopX, y: loopTop },
|
|
69
|
+
{ x: loopX, y: loopBottom },
|
|
70
|
+
{ x: anchorX, y: top + size.height * 0.82 },
|
|
71
|
+
];
|
|
72
|
+
};
|
|
73
|
+
const applyParallelOffset = (points, sourceCenter, targetCenter, offset) => {
|
|
74
|
+
if (Math.abs(offset) < 0.01) {
|
|
75
|
+
return points;
|
|
76
|
+
}
|
|
77
|
+
const dx = targetCenter.x - sourceCenter.x;
|
|
78
|
+
const dy = targetCenter.y - sourceCenter.y;
|
|
79
|
+
const distance = Math.max(1, Math.hypot(dx, dy));
|
|
80
|
+
const normal = { x: -dy / distance, y: dx / distance };
|
|
81
|
+
return points.map((point) => ({
|
|
82
|
+
x: point.x + normal.x * offset,
|
|
83
|
+
y: point.y + normal.y * offset,
|
|
84
|
+
}));
|
|
85
|
+
};
|
|
86
|
+
const calculateOrthogonalPoints = (startPoint, endPoint, sourceCenter, targetCenter, routingStyle, parallelOffset, sourceSide, targetSide) => {
|
|
87
|
+
const sourceNormal = getSideNormal(sourceSide);
|
|
88
|
+
const targetNormal = getSideNormal(targetSide);
|
|
89
|
+
const startLead = {
|
|
90
|
+
x: startPoint.x + sourceNormal.x * ORTHOGONAL_TERMINAL_SEGMENT,
|
|
91
|
+
y: startPoint.y + sourceNormal.y * ORTHOGONAL_TERMINAL_SEGMENT,
|
|
92
|
+
};
|
|
93
|
+
const endLead = {
|
|
94
|
+
x: endPoint.x + targetNormal.x * ORTHOGONAL_TERMINAL_SEGMENT,
|
|
95
|
+
y: endPoint.y + targetNormal.y * ORTHOGONAL_TERMINAL_SEGMENT,
|
|
96
|
+
};
|
|
97
|
+
const dx = endLead.x - startLead.x;
|
|
98
|
+
const dy = endLead.y - startLead.y;
|
|
99
|
+
const sourceIsHorizontal = sourceNormal.x !== 0;
|
|
100
|
+
const targetIsHorizontal = targetNormal.x !== 0;
|
|
101
|
+
const sourceIsVertical = sourceNormal.y !== 0;
|
|
102
|
+
const targetIsVertical = targetNormal.y !== 0;
|
|
103
|
+
const preferHorizontalRun = (sourceIsHorizontal && targetIsHorizontal) ||
|
|
104
|
+
(!(sourceIsVertical && targetIsVertical) && Math.abs(dx) >= Math.abs(dy));
|
|
105
|
+
if (preferHorizontalRun) {
|
|
106
|
+
const midX = routingStyle === 'bundled'
|
|
107
|
+
? (sourceCenter.x + targetCenter.x) / 2 + parallelOffset * 0.5
|
|
108
|
+
: startLead.x + dx / 2;
|
|
109
|
+
return [
|
|
110
|
+
startPoint,
|
|
111
|
+
startLead,
|
|
112
|
+
{ x: midX, y: startLead.y },
|
|
113
|
+
{ x: midX, y: endLead.y },
|
|
114
|
+
endLead,
|
|
115
|
+
endPoint,
|
|
116
|
+
];
|
|
117
|
+
}
|
|
118
|
+
const midY = routingStyle === 'bundled'
|
|
119
|
+
? (sourceCenter.y + targetCenter.y) / 2 + parallelOffset * 0.5
|
|
120
|
+
: startLead.y + dy / 2;
|
|
121
|
+
return [
|
|
122
|
+
startPoint,
|
|
123
|
+
startLead,
|
|
124
|
+
{ x: startLead.x, y: midY },
|
|
125
|
+
{ x: endLead.x, y: midY },
|
|
126
|
+
endLead,
|
|
127
|
+
endPoint,
|
|
128
|
+
];
|
|
129
|
+
};
|
|
130
|
+
/**
|
|
131
|
+
* Create routing context for an edge
|
|
132
|
+
*/
|
|
133
|
+
const createRoutingContext = (source, target, sourceSize, targetSize, nodes, useObstacleAvoidance, isUndirected, arrowPadding, straight, forceRightToLeft, layoutDirection, routingStyle, edgeSeparation, selfLoopRadius) => {
|
|
134
|
+
return {
|
|
135
|
+
source,
|
|
136
|
+
target,
|
|
137
|
+
sourceSize,
|
|
138
|
+
targetSize,
|
|
139
|
+
isUndirected,
|
|
140
|
+
arrowPadding,
|
|
141
|
+
straight,
|
|
142
|
+
forceRightToLeft,
|
|
143
|
+
layoutDirection,
|
|
144
|
+
routingStyle,
|
|
145
|
+
edgeSeparation,
|
|
146
|
+
selfLoopRadius,
|
|
147
|
+
otherRects: useObstacleAvoidance
|
|
148
|
+
? nodes
|
|
149
|
+
.filter((n) => n.id !== source.id && n.id !== target.id)
|
|
150
|
+
.map((n) => ({
|
|
151
|
+
x: n.position.x,
|
|
152
|
+
y: n.position.y,
|
|
153
|
+
w: n.size?.width ?? DEFAULT_NODE_SIZE.width,
|
|
154
|
+
h: n.size?.height ?? DEFAULT_NODE_SIZE.height,
|
|
155
|
+
}))
|
|
156
|
+
: [],
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
/**
|
|
160
|
+
* Find the best connection sides between source and target nodes
|
|
161
|
+
*/
|
|
162
|
+
const findConnectionSides = (source, target, sourceSize, targetSize, context, isDirected) => {
|
|
163
|
+
// If forceRightToLeft is enabled, always use right side for source and left side for target
|
|
164
|
+
if (context.forceRightToLeft) {
|
|
165
|
+
return { sourceSide: NodeSide.Right, targetSide: NodeSide.Left };
|
|
166
|
+
}
|
|
167
|
+
const srcCenter = getNodeCenter(source, sourceSize);
|
|
168
|
+
const tgtCenter = getNodeCenter(target, targetSize);
|
|
169
|
+
const sortedTargetSides = sortSidesByDistance(target, targetSize, srcCenter);
|
|
170
|
+
const sortedSourceSidesBase = sortSidesByDistance(source, sourceSize, tgtCenter);
|
|
171
|
+
const sortedSourceSides = applyDirectionalPreference(sortedSourceSidesBase, isDirected, context.layoutDirection);
|
|
172
|
+
return findNonIntersectingSides(context, sortedSourceSides, sortedTargetSides);
|
|
173
|
+
};
|
|
174
|
+
/**
|
|
175
|
+
* Calculate edge path points based on connection sides
|
|
176
|
+
*/
|
|
177
|
+
const calculateEdgePoints = (source, target, sourceSize, targetSize, sourceSide, targetSide, isUndirected, arrowPadding, straight, routingStyle, parallelOffset) => {
|
|
178
|
+
const targetInset = isUndirected ? 0 : arrowPadding;
|
|
179
|
+
const startPoint = getAnchorPoint(source, sourceSize, sourceSide, 0, 0);
|
|
180
|
+
const endPoint = getAnchorPoint(target, targetSize, targetSide, 0, targetInset);
|
|
181
|
+
const sourceCenter = getNodeCenter(source, sourceSize);
|
|
182
|
+
const targetCenter = getNodeCenter(target, targetSize);
|
|
183
|
+
if (routingStyle === 'orthogonal' || routingStyle === 'bundled') {
|
|
184
|
+
return calculateOrthogonalPoints(startPoint, endPoint, sourceCenter, targetCenter, routingStyle, parallelOffset, sourceSide, targetSide);
|
|
185
|
+
}
|
|
186
|
+
const sourceNormal = getSideNormal(sourceSide);
|
|
187
|
+
const targetNormal = getSideInwardNormal(targetSide);
|
|
188
|
+
const leadOut = getLeadOutDistance(straight, isUndirected);
|
|
189
|
+
const points = straight
|
|
190
|
+
? calculateStraightPoints(startPoint, endPoint, sourceNormal, targetNormal, leadOut, isUndirected)
|
|
191
|
+
: calculateControlPoints(startPoint, endPoint, sourceNormal, targetNormal, leadOut, isUndirected);
|
|
192
|
+
return applyParallelOffset(points, sourceCenter, targetCenter, parallelOffset);
|
|
193
|
+
};
|
|
194
|
+
/**
|
|
195
|
+
* Route a single edge between two nodes
|
|
196
|
+
*/
|
|
197
|
+
const routeSingleEdge = (edge, nodeMap, nodes, useObstacleAvoidance, arrowPadding, straight, forceRightToLeft, layoutDirection, routingStyle, edgeSeparation, selfLoopRadius, parallelMeta) => {
|
|
198
|
+
const source = nodeMap.get(edge.source);
|
|
199
|
+
const target = nodeMap.get(edge.target);
|
|
200
|
+
if (!source || !target) {
|
|
201
|
+
throw new Error(`Cannot route edge "${edge.id}" because endpoint nodes are missing. Source: "${edge.source}", target: "${edge.target}".`);
|
|
202
|
+
}
|
|
203
|
+
const isUndirected = edge.type === EdgeType.Undirected;
|
|
204
|
+
const isDirected = edge.type === EdgeType.Directed;
|
|
205
|
+
const sourceSize = source.size ?? DEFAULT_NODE_SIZE;
|
|
206
|
+
const targetSize = target.size ?? DEFAULT_NODE_SIZE;
|
|
207
|
+
const parallelOffset = parallelMeta.centeredOffset * edgeSeparation;
|
|
208
|
+
if (source.id === target.id) {
|
|
209
|
+
const points = createSelfLoopPoints(source, sourceSize, selfLoopRadius, parallelOffset);
|
|
210
|
+
return {
|
|
211
|
+
...edge,
|
|
212
|
+
points: edge.points ?? points,
|
|
213
|
+
labelPosition: calculateLabelPosition(edge.points ?? points),
|
|
214
|
+
};
|
|
215
|
+
}
|
|
216
|
+
const context = createRoutingContext(source, target, sourceSize, targetSize, nodes, useObstacleAvoidance, isUndirected, arrowPadding, straight, forceRightToLeft, layoutDirection, routingStyle, edgeSeparation, selfLoopRadius);
|
|
217
|
+
const { sourceSide, targetSide } = findConnectionSides(source, target, sourceSize, targetSize, context, isDirected);
|
|
218
|
+
const defaultPoints = calculateEdgePoints(source, target, sourceSize, targetSize, sourceSide, targetSide, isUndirected, arrowPadding, straight, routingStyle, parallelOffset);
|
|
219
|
+
const points = edge.points ?? defaultPoints;
|
|
220
|
+
return {
|
|
221
|
+
...edge,
|
|
222
|
+
points,
|
|
223
|
+
labelPosition: calculateLabelPosition(points),
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
/**
|
|
227
|
+
* Route edges between nodes, calculating the path points for each edge
|
|
228
|
+
*/
|
|
229
|
+
export const routeEdges = (nodes, edges, opts) => {
|
|
230
|
+
const nodeMap = new Map(nodes.map((n) => [n.id, n]));
|
|
231
|
+
const arrowPadding = Math.max(2, opts?.arrowPadding ?? 6);
|
|
232
|
+
const straight = opts?.straight ?? false;
|
|
233
|
+
const forceRightToLeft = opts?.forceRightToLeft ?? false;
|
|
234
|
+
const layoutDirection = opts?.layoutDirection ?? LayoutDirection.LTR;
|
|
235
|
+
const routingStyle = opts?.routingStyle ?? 'smart';
|
|
236
|
+
const edgeSeparation = Math.max(6, opts?.edgeSeparation ?? 18);
|
|
237
|
+
const selfLoopRadius = Math.max(12, opts?.selfLoopRadius ?? 32);
|
|
238
|
+
const parallelIndex = buildParallelEdgeIndex(edges);
|
|
239
|
+
const useObstacleAvoidance = nodes.length * edges.length <= MAX_COLLISION_SCAN_WORK;
|
|
240
|
+
return edges
|
|
241
|
+
.map((edge) => routeSingleEdge(edge, nodeMap, nodes, useObstacleAvoidance, arrowPadding, straight, forceRightToLeft, layoutDirection, routingStyle, edgeSeparation, selfLoopRadius, parallelIndex.get(edge.id) ?? { index: 0, total: 1, centeredOffset: 0 }));
|
|
242
|
+
};
|
|
243
|
+
//# sourceMappingURL=routing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"routing.js","sourceRoot":"","sources":["../../src/edges/routing.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PositionedNode, Point, Size, NodeSide, EdgeRoutingContext, LayoutDirection } from '@graph-render/types';
|
|
2
|
+
/**
|
|
3
|
+
* Sort node sides by distance to a target point
|
|
4
|
+
*/
|
|
5
|
+
export declare const sortSidesByDistance: (node: PositionedNode, size: Size, targetPoint: Point) => NodeSide[];
|
|
6
|
+
/**
|
|
7
|
+
* Apply directional preference for source sides based on layout flow.
|
|
8
|
+
*/
|
|
9
|
+
export declare const applyDirectionalPreference: (sides: NodeSide[], isDirected: boolean, layoutDirection?: LayoutDirection) => NodeSide[];
|
|
10
|
+
/**
|
|
11
|
+
* Find the best non-intersecting pair of sides between source and target
|
|
12
|
+
*/
|
|
13
|
+
export declare const findNonIntersectingSides: (context: EdgeRoutingContext, sortedSourceSides: NodeSide[], sortedTargetSides: NodeSide[]) => {
|
|
14
|
+
sourceSide: NodeSide;
|
|
15
|
+
targetSide: NodeSide;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=sideSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sideSelection.d.ts","sourceRoot":"","sources":["../../src/edges/sideSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAI7B;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,cAAc,EACpB,MAAM,IAAI,EACV,aAAa,KAAK,KACjB,QAAQ,EASV,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,QAAQ,EAAE,EACjB,YAAY,OAAO,EACnB,kBAAiB,eAAqC,KACrD,QAAQ,EASV,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,SAAS,kBAAkB,EAC3B,mBAAmB,QAAQ,EAAE,EAC7B,mBAAmB,QAAQ,EAAE,KAC5B;IAAE,UAAU,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,QAAQ,CAAA;CAY9C,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { NodeSide, LayoutDirection, } from '@graph-render/types';
|
|
2
|
+
import { getSideCenter } from './geometry';
|
|
3
|
+
import { segmentIntersectsRect } from './collision';
|
|
4
|
+
/**
|
|
5
|
+
* Sort node sides by distance to a target point
|
|
6
|
+
*/
|
|
7
|
+
export const sortSidesByDistance = (node, size, targetPoint) => {
|
|
8
|
+
const sides = [NodeSide.Left, NodeSide.Right, NodeSide.Top, NodeSide.Bottom];
|
|
9
|
+
return [...sides].sort((a, b) => {
|
|
10
|
+
const ca = getSideCenter(node, size, a);
|
|
11
|
+
const cb = getSideCenter(node, size, b);
|
|
12
|
+
const da = Math.hypot(ca.x - targetPoint.x, ca.y - targetPoint.y);
|
|
13
|
+
const db = Math.hypot(cb.x - targetPoint.x, cb.y - targetPoint.y);
|
|
14
|
+
return da - db;
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Apply directional preference for source sides based on layout flow.
|
|
19
|
+
*/
|
|
20
|
+
export const applyDirectionalPreference = (sides, isDirected, layoutDirection = LayoutDirection.LTR) => {
|
|
21
|
+
if (!isDirected)
|
|
22
|
+
return sides;
|
|
23
|
+
const preferredSide = layoutDirection === LayoutDirection.RTL ? NodeSide.Left : NodeSide.Right;
|
|
24
|
+
return [...sides].sort((a, b) => {
|
|
25
|
+
const weight = (side) => (side === preferredSide ? 0 : 1);
|
|
26
|
+
return weight(a) - weight(b);
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Find the best non-intersecting pair of sides between source and target
|
|
31
|
+
*/
|
|
32
|
+
export const findNonIntersectingSides = (context, sortedSourceSides, sortedTargetSides) => {
|
|
33
|
+
for (const s of sortedSourceSides) {
|
|
34
|
+
for (const t of sortedTargetSides) {
|
|
35
|
+
const start = getSideCenter(context.source, context.sourceSize, s);
|
|
36
|
+
const end = getSideCenter(context.target, context.targetSize, t);
|
|
37
|
+
if (!context.otherRects.some((r) => segmentIntersectsRect(start, end, r))) {
|
|
38
|
+
return { sourceSide: s, targetSide: t };
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
// Return first options if no non-intersecting pair found
|
|
43
|
+
return { sourceSide: sortedSourceSides[0], targetSide: sortedTargetSides[0] };
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=sideSelection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sideSelection.js","sourceRoot":"","sources":["../../src/edges/sideSelection.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { EdgeType, LayoutType, LayoutDirection, NodeSide } from '@graph-render/types';
|
|
2
|
+
export type { DragState, EdgeComponent, EdgeData, EdgeId, EdgePathProps, EdgeRenderer, EdgeRoutingContext, GraphConfig, GraphControlsPosition, GraphHandle, GraphHoverMeta, GraphProps, GraphRenderContext, GraphSearchResults, GraphSelection, GraphTheme, GraphTopology, GraphViewport, LayoutOptions, NodeData, NodeId, NodeMeasurementHints, NodeRenderer, NodeSizingMode, NxEdgeAttrs, NxGraphInput, NxNodeAttrs, PathHoverOptions, PathTraversalOptions, PathTraversalResult, Point, PositionedEdge, PositionedNode, RenderConfig, RenderGraphToSvgOptions, RenderGraphToSvgResult, RenderTheme, RouteEdgesOptions, Size, TreeMetrics, VertexComponent, VertexComponentProps, } from '@graph-render/types';
|
|
3
|
+
export * from './rendering';
|
|
4
|
+
export * from './layouts';
|
|
5
|
+
export * from './edges';
|
|
6
|
+
export * from './utils';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtF,YAAY,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,aAAa,EACb,aAAa,EACb,aAAa,EACb,QAAQ,EACR,MAAM,EACN,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,sBAAsB,EACtB,WAAW,EACX,iBAAiB,EACjB,IAAI,EACJ,WAAW,EACX,eAAe,EACf,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AA8CtF,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { NodeData, PositionedNode } from '@graph-render/types';
|
|
2
|
+
/**
|
|
3
|
+
* Layout nodes in a circular pattern around the center
|
|
4
|
+
*/
|
|
5
|
+
export declare const centeredLayout: (nodes: NodeData[], pad?: number, width?: number, height?: number) => PositionedNode[];
|
|
6
|
+
//# sourceMappingURL=centered.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered.d.ts","sourceRoot":"","sources":["../../src/layouts/centered.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAS,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAkEtE;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,QAAQ,EAAE,EACjB,MAAK,MAAwB,EAC7B,QAAO,MAAY,EACnB,SAAQ,MAAY,KACnB,cAAc,EAuChB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { DEFAULT_NODE_SIZE, DEFAULT_PADDING, getMaxNodeDimensions } from '../utils';
|
|
2
|
+
import { gridLayout } from './grid';
|
|
3
|
+
/**
|
|
4
|
+
* Calculate the center point of the container
|
|
5
|
+
*/
|
|
6
|
+
const getContainerCenter = (width, height) => {
|
|
7
|
+
return {
|
|
8
|
+
x: width / 2,
|
|
9
|
+
y: height / 2,
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Calculate radius for circular layout
|
|
14
|
+
*/
|
|
15
|
+
const calculateCircleRadius = (width, height, padding, maxNodeWidth, maxNodeHeight) => {
|
|
16
|
+
return Math.max(0, Math.min(width, height) / 2 - padding - Math.max(maxNodeWidth, maxNodeHeight) / 2);
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Position a single node in the center
|
|
20
|
+
*/
|
|
21
|
+
const positionSingleNode = (node, centerX, centerY) => {
|
|
22
|
+
const nodeWidth = node.size?.width ?? DEFAULT_NODE_SIZE.width;
|
|
23
|
+
const nodeHeight = node.size?.height ?? DEFAULT_NODE_SIZE.height;
|
|
24
|
+
return {
|
|
25
|
+
...node,
|
|
26
|
+
position: {
|
|
27
|
+
x: centerX - nodeWidth / 2,
|
|
28
|
+
y: centerY - nodeHeight / 2,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Calculate position on a circle for a node at given index
|
|
34
|
+
*/
|
|
35
|
+
const calculateCircularPosition = (index, total, centerX, centerY, radius, nodeWidth, nodeHeight) => {
|
|
36
|
+
const angle = (2 * Math.PI * index) / total - Math.PI / 2;
|
|
37
|
+
return {
|
|
38
|
+
x: centerX + radius * Math.cos(angle) - nodeWidth / 2,
|
|
39
|
+
y: centerY + radius * Math.sin(angle) - nodeHeight / 2,
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Layout nodes in a circular pattern around the center
|
|
44
|
+
*/
|
|
45
|
+
export const centeredLayout = (nodes, pad = DEFAULT_PADDING, width = 960, height = 720) => {
|
|
46
|
+
const count = nodes.length;
|
|
47
|
+
if (count === 0) {
|
|
48
|
+
return [];
|
|
49
|
+
}
|
|
50
|
+
const { x: centerX, y: centerY } = getContainerCenter(width, height);
|
|
51
|
+
if (count === 1) {
|
|
52
|
+
return [positionSingleNode(nodes[0], centerX, centerY)];
|
|
53
|
+
}
|
|
54
|
+
const { maxWidth, maxHeight } = getMaxNodeDimensions(nodes);
|
|
55
|
+
const radius = calculateCircleRadius(width, height, pad, maxWidth, maxHeight);
|
|
56
|
+
if (radius === 0) {
|
|
57
|
+
return gridLayout(nodes, pad, Math.max(24, Math.min(maxWidth, maxHeight) * 0.25));
|
|
58
|
+
}
|
|
59
|
+
return nodes.map((node, index) => {
|
|
60
|
+
if (node.position) {
|
|
61
|
+
return node;
|
|
62
|
+
}
|
|
63
|
+
const nodeWidth = node.size?.width ?? DEFAULT_NODE_SIZE.width;
|
|
64
|
+
const nodeHeight = node.size?.height ?? DEFAULT_NODE_SIZE.height;
|
|
65
|
+
const position = calculateCircularPosition(index, count, centerX, centerY, radius, nodeWidth, nodeHeight);
|
|
66
|
+
return { ...node, position };
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=centered.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered.js","sourceRoot":"","sources":["../../src/layouts/centered.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { EdgeData, LayoutDirection, NodeData, PositionedNode } from '@graph-render/types';
|
|
2
|
+
export declare const compactBracketLayout: (nodes: NodeData[], edges: EdgeData[], pad?: number, gap?: number, direction?: LayoutDirection, height?: number) => PositionedNode[];
|
|
3
|
+
//# sourceMappingURL=compactBracket.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compactBracket.d.ts","sourceRoot":"","sources":["../../src/layouts/compactBracket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1F,eAAO,MAAM,oBAAoB,GAC/B,OAAO,QAAQ,EAAE,EACjB,OAAO,QAAQ,EAAE,EACjB,MAAK,MAAwB,EAC7B,MAAK,MAAyB,EAC9B,YAAW,eAAqC,EAChD,SAAS,MAAM,KACd,cAAc,EAEhB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LayoutDirection } from '@graph-render/types';
|
|
2
|
+
import { DEFAULT_NODE_GAP, DEFAULT_PADDING } from '../utils';
|
|
3
|
+
import { treeLayout } from './tree';
|
|
4
|
+
export const compactBracketLayout = (nodes, edges, pad = DEFAULT_PADDING, gap = DEFAULT_NODE_GAP, direction = LayoutDirection.LTR, height) => {
|
|
5
|
+
return treeLayout(nodes, edges, pad, Math.max(28, gap * 0.55), direction, height);
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=compactBracket.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compactBracket.js","sourceRoot":"","sources":["../../src/layouts/compactBracket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAA4B,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAiB,EACjB,KAAiB,EACjB,MAAc,eAAe,EAC7B,MAAc,gBAAgB,EAC9B,YAA6B,eAAe,CAAC,GAAG,EAChD,MAAe,EACG,EAAE;IACpB,OAAO,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AACpF,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { EdgeData, LayoutDirection, NodeData, PositionedNode } from '@graph-render/types';
|
|
2
|
+
export declare const dagLayout: (nodes: NodeData[], edges: EdgeData[], pad?: number, gap?: number, direction?: LayoutDirection, width?: number, height?: number) => PositionedNode[];
|
|
3
|
+
//# sourceMappingURL=dag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dag.d.ts","sourceRoot":"","sources":["../../src/layouts/dag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAuB1F,eAAO,MAAM,SAAS,GACpB,OAAO,QAAQ,EAAE,EACjB,OAAO,QAAQ,EAAE,EACjB,MAAK,MAAwB,EAC7B,MAAK,MAAyB,EAC9B,YAAW,eAAqC,EAChD,QAAO,MAAY,EACnB,SAAQ,MAAY,KACnB,cAAc,EA4ChB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { LayoutDirection } from '@graph-render/types';
|
|
2
|
+
import { DEFAULT_NODE_GAP, DEFAULT_NODE_SIZE, DEFAULT_PADDING, getMaxNodeDimensions, } from '../utils';
|
|
3
|
+
import { assignDagLevels } from './treeTopology';
|
|
4
|
+
const groupNodesByLayer = (nodes, levels) => {
|
|
5
|
+
const buckets = new Map();
|
|
6
|
+
nodes.forEach((node) => {
|
|
7
|
+
const level = levels.get(node.id) ?? 0;
|
|
8
|
+
const entries = buckets.get(level) ?? [];
|
|
9
|
+
entries.push(node);
|
|
10
|
+
buckets.set(level, entries);
|
|
11
|
+
});
|
|
12
|
+
return Array.from(buckets.entries())
|
|
13
|
+
.sort((a, b) => a[0] - b[0])
|
|
14
|
+
.map(([, entries]) => entries);
|
|
15
|
+
};
|
|
16
|
+
export const dagLayout = (nodes, edges, pad = DEFAULT_PADDING, gap = DEFAULT_NODE_GAP, direction = LayoutDirection.LTR, width = 960, height = 720) => {
|
|
17
|
+
if (!nodes.length) {
|
|
18
|
+
return [];
|
|
19
|
+
}
|
|
20
|
+
const { levels } = assignDagLevels(nodes, edges);
|
|
21
|
+
const layers = groupNodesByLayer(nodes, levels);
|
|
22
|
+
const { maxWidth: maxNodeWidth, maxHeight: maxNodeHeight } = getMaxNodeDimensions(nodes);
|
|
23
|
+
const columnGap = maxNodeWidth + gap;
|
|
24
|
+
const rowGap = maxNodeHeight + Math.max(24, gap * 0.7);
|
|
25
|
+
const contentWidth = Math.max(width - pad * 2, columnGap * Math.max(layers.length - 1, 1));
|
|
26
|
+
const baseX = direction === LayoutDirection.RTL ? width - pad - maxNodeWidth : pad;
|
|
27
|
+
const stepX = direction === LayoutDirection.RTL ? -columnGap : columnGap;
|
|
28
|
+
return layers.flatMap((layer, layerIndex) => {
|
|
29
|
+
const totalHeight = layer.reduce((sum, node, index) => sum +
|
|
30
|
+
(node.size?.height ?? DEFAULT_NODE_SIZE.height) +
|
|
31
|
+
(index > 0 ? rowGap - maxNodeHeight : 0), 0);
|
|
32
|
+
let y = Math.max(pad, (height - totalHeight) / 2);
|
|
33
|
+
return layer.map((node, nodeIndex) => {
|
|
34
|
+
const nodeWidth = node.size?.width ?? DEFAULT_NODE_SIZE.width;
|
|
35
|
+
const x = baseX +
|
|
36
|
+
layerIndex * stepX +
|
|
37
|
+
(direction === LayoutDirection.RTL ? maxNodeWidth - nodeWidth : 0);
|
|
38
|
+
const positioned = {
|
|
39
|
+
...node,
|
|
40
|
+
position: {
|
|
41
|
+
x: layers.length > 1 ? x : pad + Math.max(0, (contentWidth - nodeWidth) / 2),
|
|
42
|
+
y,
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
y +=
|
|
46
|
+
(node.size?.height ?? DEFAULT_NODE_SIZE.height) +
|
|
47
|
+
(nodeIndex < layer.length - 1 ? rowGap - maxNodeHeight : 0);
|
|
48
|
+
return positioned;
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=dag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dag.js","sourceRoot":"","sources":["../../src/layouts/dag.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { EdgeData, NodeData, PositionedNode } from '@graph-render/types';
|
|
2
|
+
export declare const forceDirectedLayout: (nodes: NodeData[], edges: EdgeData[], pad?: number, width?: number, height?: number, gap?: number) => PositionedNode[];
|
|
3
|
+
//# sourceMappingURL=forceDirected.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forceDirected.d.ts","sourceRoot":"","sources":["../../src/layouts/forceDirected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAS,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAgHhF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,QAAQ,EAAE,EACjB,OAAO,QAAQ,EAAE,EACjB,MAAK,MAAwB,EAC7B,QAAO,MAAY,EACnB,SAAQ,MAAY,EACpB,MAAK,MAAyB,KAC7B,cAAc,EAwGhB,CAAC"}
|