gemma/graphfx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add image IO inspector and measured layout

Browse Source
This commit is contained in:
Ficik
2026-06-19 10:48:57 +02:00
parent 449a7aa071
commit 543e1f5171
5 changed files with 206 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
graphfx-ui/src/lib/layout.ts
View File

@@ -10,6 +10,7 @@ type LayoutDirection = 'LR' | 'TB'
type LayoutOptions = {
direction?: LayoutDirection
useSavedPositions?: boolean
dimensions?: Record<string, { width: number; height: number }>
}
function estimatePortHeight(port: any, direction: 'in' | 'out') {
@@ -60,9 +61,10 @@ export function layoutGraph(nodes: Node[], edges: Edge[], options: LayoutOptions
})
for (const node of nodes) {
const measured = options.dimensions?.[node.id]
graph.setNode(node.id, {
width: DEFAULT_NODE_WIDTH,
height: estimateNodeHeight(node),
width: Math.max(DEFAULT_NODE_WIDTH, measured?.width || DEFAULT_NODE_WIDTH),
height: Math.max(estimateNodeHeight(node), measured?.height || 0),
})
}
@@ -74,14 +76,16 @@ export function layoutGraph(nodes: Node[], edges: Edge[], options: LayoutOptions
return nodes.map((node) => {
const graphNode = graph.node(node.id)
const height = estimateNodeHeight(node)
const measured = options.dimensions?.[node.id]
const width = Math.max(DEFAULT_NODE_WIDTH, measured?.width || DEFAULT_NODE_WIDTH)
const height = Math.max(estimateNodeHeight(node), measured?.height || 0)
return {
...node,
targetPosition: targetPosition(direction),
sourcePosition: sourcePosition(direction),
position: graphNode
? { x: graphNode.x - DEFAULT_NODE_WIDTH / 2, y: graphNode.y - height / 2 }
? { x: graphNode.x - width / 2, y: graphNode.y - height / 2 }
: node.position,
}
})