github-starred/flowsint
2
0
Fork 0
mirror of https://github.com/reconurge/flowsint.git synced 2026-07-18 19:20:13 -05:00
Code Issues 980 Packages Projects Releases 14 Wiki Activity

feat(app): decrease distance between nodes on dagre layout

Browse Source
This commit is contained in:
dextmorgn
2025-11-17 00:21:33 +01:00
parent 4e9c17d98e
commit fa6725c190
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
flowsint-app/src/lib/utils.ts
View File

@@ -30,10 +30,10 @@ export const getDagreLayoutedElements = (nodes: GraphNode[],
// Configure dagre with proper spacing
g.setGraph({
rankdir: options.direction,
nodesep: 80, // Horizontal spacing between nodes
ranksep: 120, // Vertical spacing between ranks
marginx: 20,
marginy: 20
nodesep: 10, // Horizontal spacing between nodes
ranksep: 20, // Vertical spacing between ranks
marginx: 10,
marginy: 10
});
// Set node dimensions first - use a consistent size for all nodes
@@ -48,9 +48,11 @@ export const getDagreLayoutedElements = (nodes: GraphNode[],
);
// Then add edges
edges.forEach((edge: GraphEdge) => {
const source = edge.source;
const target = edge.target;
// Note: react-force-graph transforms edges so source/target become node objects
// We need to extract the IDs for Dagre
edges.forEach((edge: GraphEdge | any) => {
const source = typeof edge.source === 'object' ? edge.source.id : edge.source;
const target = typeof edge.target === 'object' ? edge.target.id : edge.target;
g.setEdge(source, target);
});