UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-05-31 10:57:06 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: update node dimensions calculation

Browse Source
This commit is contained in:
Mohamed Marrouchi 2025-04-07 11:41:10 +01:00
parent fb8d224e0c
commit c14970b7c6
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/components/visual-editor/v2/AdvancedLink/AdvancedLinkFactory.tsx
View File

@ -132,6 +132,31 @@ const calculateNodeBoundaries = (node: NodeModel): Boundaries => {
bottom: node.getPosition().y + node.height,
};
};
/**
* Calculates the width and height of a node based on the position of one of its ports.
*
* This approach avoids relying on the node's width and height properties,
* which may not be accurate or available at render time due to asynchronous rendering behavior.
*
* Instead, it uses the relative position of the port to infer the size of the node.
* Assumes that the port's position reflects the visual layout and placement on the node.
*
* @param port - A PortModel instance attached to the node
* @returns An object containing the inferred width and height of the node
*/
const calculateNodeDimension = (port: PortModel): Dimensions => {
// Get the top-left position of the node
const nodePos = port.getNode().getPosition();
// Get the top-left position of the port
const portPos = port.getPosition();
// Width is the horizontal distance from the node's left to the port's right edge
const width = (portPos.x - nodePos.x) + port.width;
// Height is estimated by doubling the vertical offset from the node to the port
// (port is vertically centered), then adding the port's height
const height = Math.abs(portPos.y - nodePos.y) * 2 + port.height;
return { width, height };
};
/**
* Calculates a single control point for a cubic Bézier curve.
* Adjusts based on direction, dynamic offset, and node boundaries.
@ -187,10 +212,8 @@ const createBackwardCurvedPath = (
const sourceNode = sourcePort.getNode();
const targetNode = targetPort.getNode();
// Get node dimensions
const sourceNodeWidth = sourceNode.width;
const targetNodeWidth = targetNode.width;
const sourceNodeHeight = sourceNode.height;
const targetNodeHeight = targetNode.height;
const { width: sourceNodeWidth, height: sourceNodeHeight } = calculateNodeDimension(sourcePort);
const { width: targetNodeWidth, height: targetNodeHeight } = calculateNodeDimension(targetPort);
// Get node boundaries
const sourceNodeBounds: Boundaries = calculateNodeBoundaries(sourceNode);
const targetNodeBounds: Boundaries = calculateNodeBoundaries(targetNode);