@xyflow/system 0.0.37 → 0.0.39

package/dist/esm/index.js

@@ -11,7 +11,7 @@ const errorMessages = {
     error006: () => "Can't create edge. An edge needs a source and a target.",
     error007: (id) => `The old edge with id=${id} does not exist.`,
     error009: (type) => `Marker type "${type}" doesn't exist.`,
-    error008: (handleType, { id, sourceHandle, targetHandle }) => `Couldn't create edge for ${handleType} handle id: "${!sourceHandle ? sourceHandle : targetHandle}", edge id: ${id}.`,
+    error008: (handleType, { id, sourceHandle, targetHandle }) => `Couldn't create edge for ${handleType} handle id: "${handleType === 'source' ? sourceHandle : targetHandle}", edge id: ${id}.`,
     error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
     error011: (edgeType) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
     error012: (id) => `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
@@ -235,18 +235,18 @@ excludeNonSelectableNodes = false) => {
         height: rect.height / tScale,
     };
     const visibleNodes = [];
-    for (const [, node] of nodes) {
+    for (const node of nodes.values()) {
         const { measured, selectable = true, hidden = false } = node;
-        const width = measured.width ?? node.width ?? node.initialWidth ?? null;
-        const height = measured.height ?? node.height ?? node.initialHeight ?? null;
         if ((excludeNonSelectableNodes && !selectable) || hidden) {
             continue;
         }
+        const width = measured.width ?? node.width ?? node.initialWidth ?? null;
+        const height = measured.height ?? node.height ?? node.initialHeight ?? null;
         const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node));
-        const notInitialized = width === null || height === null;
-        const partiallyVisible = partially && overlappingArea > 0;
         const area = (width ?? 0) * (height ?? 0);
-        const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
+        const partiallyVisible = partially && overlappingArea > 0;
+        const forceInitialRender = !node.internals.handleBounds;
+        const isVisible = forceInitialRender || partiallyVisible || overlappingArea >= area;
         if (isVisible || node.dragging) {
             visibleNodes.push(node);
         }
@@ -1035,8 +1035,8 @@ function getEdgePosition(params) {
     }
     const sourceHandleBounds = sourceNode.internals.handleBounds || toHandleBounds(sourceNode.handles);
     const targetHandleBounds = targetNode.internals.handleBounds || toHandleBounds(targetNode.handles);
-    const sourceHandle = getHandle(sourceHandleBounds?.source ?? [], params.sourceHandle);
-    const targetHandle = getHandle(
+    const sourceHandle = getHandle$1(sourceHandleBounds?.source ?? [], params.sourceHandle);
+    const targetHandle = getHandle$1(
     // when connection type is loose we can define all handles as sources and connect source -> source
     params.connectionMode === ConnectionMode.Strict
         ? targetHandleBounds?.target ?? []
@@ -1102,7 +1102,7 @@ function getHandlePosition(node, handle, fallbackPosition = Position.Left, cente
             return { x, y: y + height / 2 };
     }
 }
-function getHandle(bounds, handleId) {
+function getHandle$1(bounds, handleId) {
     if (!bounds) {
         return null;
     }
@@ -1744,71 +1744,71 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     };
 }
 
-// this functions collects all handles and adds an absolute position
-// so that we can later find the closest handle to the mouse position
-function getHandles(node, handleBounds, type, currentHandle) {
-    let excludedHandle = null;
-    const handles = (handleBounds[type] || []).reduce((res, handle) => {
-        if (node.id === currentHandle.nodeId && type === currentHandle.handleType && handle.id === currentHandle.handleId) {
-            excludedHandle = handle;
-        }
-        else {
-            const handleXY = getHandlePosition(node, handle, handle.position, true);
-            res.push({ ...handle, ...handleXY });
+function getNodesWithinDistance(position, nodeLookup, distance) {
+    const nodes = [];
+    const rect = {
+        x: position.x - distance,
+        y: position.y - distance,
+        width: distance * 2,
+        height: distance * 2,
+    };
+    for (const node of nodeLookup.values()) {
+        if (getOverlappingArea(rect, nodeToRect(node)) > 0) {
+            nodes.push(node);
         }
-        return res;
-    }, []);
-    return [handles, excludedHandle];
+    }
+    return nodes;
 }
-function getClosestHandle(pos, connectionRadius, handleLookup) {
+// this distance is used for the area around the user pointer
+// while doing a connection for finding the closest nodes
+const ADDITIONAL_DISTANCE = 250;
+function getClosestHandle(position, connectionRadius, nodeLookup, fromHandle) {
     let closestHandles = [];
     let minDistance = Infinity;
-    for (const handle of handleLookup.values()) {
-        const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
-        if (distance <= connectionRadius) {
+    const closeNodes = getNodesWithinDistance(position, nodeLookup, connectionRadius + ADDITIONAL_DISTANCE);
+    for (const node of closeNodes) {
+        const allHandles = [...(node.internals.handleBounds?.source ?? []), ...(node.internals.handleBounds?.target ?? [])];
+        for (const handle of allHandles) {
+            // if the handle is the same as the fromHandle we skip it
+            if (fromHandle.nodeId === handle.nodeId && fromHandle.type === handle.type && fromHandle.id === handle.id) {
+                continue;
+            }
+            // determine absolute position of the handle
+            const { x, y } = getHandlePosition(node, handle, handle.position, true);
+            const distance = Math.sqrt(Math.pow(x - position.x, 2) + Math.pow(y - position.y, 2));
+            if (distance > connectionRadius) {
+                continue;
+            }
             if (distance < minDistance) {
-                closestHandles = [handle];
+                closestHandles = [{ ...handle, x, y }];
+                minDistance = distance;
             }
             else if (distance === minDistance) {
                 // when multiple handles are on the same distance we collect all of them
-                closestHandles.push(handle);
+                closestHandles.push({ ...handle, x, y });
             }
-            minDistance = distance;
         }
     }
     if (!closestHandles.length) {
         return null;
     }
-    return closestHandles.length === 1
-        ? closestHandles[0]
-        : // if multiple handles are layouted on top of each other we take the one with type = target because it's more likely that the user wants to connect to this one
-            closestHandles.find((handle) => handle.type === 'target') || closestHandles[0];
-}
-function getHandleLookup({ nodeLookup, nodeId, handleId, handleType, }) {
-    const connectionHandles = new Map();
-    const currentHandle = { nodeId, handleId, handleType };
-    let matchingHandle = null;
-    for (const node of nodeLookup.values()) {
-        if (node.internals.handleBounds) {
-            const [sourceHandles, excludedSource] = getHandles(node, node.internals.handleBounds, 'source', currentHandle);
-            const [targetHandles, excludedTarget] = getHandles(node, node.internals.handleBounds, 'target', currentHandle);
-            matchingHandle = matchingHandle ? matchingHandle : excludedSource ?? excludedTarget;
-            [...sourceHandles, ...targetHandles].forEach((handle) => connectionHandles.set(`${handle.nodeId}-${handle.type}-${handle.id}`, handle));
-        }
+    // when multiple handles overlay each other we prefer the opposite handle
+    if (closestHandles.length > 1) {
+        const oppositeHandleType = fromHandle.type === 'source' ? 'target' : 'source';
+        return closestHandles.find((handle) => handle.type === oppositeHandleType) ?? closestHandles[0];
     }
-    // if the user only works with handles that are type="source" + connectionMode="loose"
-    // it happens that we can't find a matching handle. The reason for this is, that the
-    // edge don't know about the handles and always assumes that there is source and a target.
-    // In this case we need to find the matching handle by switching the handleType
-    if (!matchingHandle) {
-        const node = nodeLookup.get(nodeId);
-        if (node?.internals.handleBounds) {
-            currentHandle.handleType = handleType === 'source' ? 'target' : 'source';
-            const [, excluded] = getHandles(node, node.internals.handleBounds, currentHandle.handleType, currentHandle);
-            matchingHandle = excluded;
-        }
+    return closestHandles[0];
+}
+function getHandle(nodeId, handleType, handleId, nodeLookup, withAbsolutePosition = false) {
+    const node = nodeLookup.get(nodeId);
+    if (!node) {
+        return null;
     }
-    return [connectionHandles, matchingHandle];
+    const handles = node.internals.handleBounds?.[handleType];
+    const handle = (handleId ? handles?.find((h) => h.id === handleId) : handles?.[0]) ?? null;
+    return handle && withAbsolutePosition
+        ? { ...handle, ...getHandlePosition(node, handle, handle.position, true) }
+        : handle;
 }
 function getHandleType(edgeUpdaterType, handleDomNode) {
     if (edgeUpdaterType) {
@@ -1846,17 +1846,15 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     if (!containerBounds || !handleType) {
         return;
     }
+    const fromHandleInternal = getHandle(nodeId, handleType, handleId, nodeLookup);
+    if (!fromHandleInternal) {
+        return;
+    }
     let position = getEventPosition(event, containerBounds);
     let autoPanStarted = false;
     let connection = null;
     let isValid = false;
     let handleDomNode = null;
-    const [handleLookup, fromHandleInternal] = getHandleLookup({
-        nodeLookup,
-        nodeId,
-        handleId,
-        handleType,
-    });
     // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
     function autoPan() {
         if (!autoPanOnConnect || !containerBounds) {
@@ -1897,7 +1895,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
         }
         const transform = getTransform();
         position = getEventPosition(event, containerBounds);
-        closestHandle = getClosestHandle(pointToRendererPoint(position, transform, false, [1, 1]), connectionRadius, handleLookup);
+        closestHandle = getClosestHandle(pointToRendererPoint(position, transform, false, [1, 1]), connectionRadius, nodeLookup, fromHandle);
         if (!autoPanStarted) {
             autoPan();
             autoPanStarted = true;
@@ -1912,7 +1910,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
             doc,
             lib,
             flowId,
-            handleLookup,
+            nodeLookup,
         });
         handleDomNode = result.handleDomNode;
         connection = result.connection;
@@ -1936,7 +1934,9 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
             newConnection.toHandle &&
             previousConnection.toHandle.type === newConnection.toHandle.type &&
             previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
-            previousConnection.toHandle.id === newConnection.toHandle.id) {
+            previousConnection.toHandle.id === newConnection.toHandle.id &&
+            previousConnection.to.x === newConnection.to.x &&
+            previousConnection.to.y === newConnection.to.y) {
             return;
         }
         updateConnection(newConnection);
@@ -1948,9 +1948,15 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
         }
         // it's important to get a fresh reference from the store here
         // in order to get the latest state of onConnectEnd
-        onConnectEnd?.(event);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { inProgress, ...connectionState } = previousConnection;
+        const finalConnectionState = {
+            ...connectionState,
+            toPosition: previousConnection.toHandle ? previousConnection.toPosition : null,
+        };
+        onConnectEnd?.(event, finalConnectionState);
         if (edgeUpdaterType) {
-            onReconnectEnd?.(event);
+            onReconnectEnd?.(event, finalConnectionState);
         }
         cancelConnection();
         cancelAnimationFrame(autoPanId);
@@ -1969,7 +1975,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     doc.addEventListener('touchend', onPointerUp);
 }
 // checks if  and returns connection in fom of an object { source: 123, target: 312 }
-function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, handleLookup, }) {
+function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, nodeLookup, }) {
     const isTarget = fromType === 'target';
     const handleDomNode = handle
         ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`)
@@ -1991,7 +1997,7 @@ function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId
         const handleId = handleToCheck.getAttribute('data-handleid');
         const connectable = handleToCheck.classList.contains('connectable');
         const connectableEnd = handleToCheck.classList.contains('connectableend');
-        if (!handleNodeId) {
+        if (!handleNodeId || !handleType) {
             return result;
         }
         const connection = {
@@ -2008,12 +2014,7 @@ function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId
                 ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
                 : handleNodeId !== fromNodeId || handleId !== fromHandleId);
         result.isValid = isValid && isValidConnection(connection);
-        const toHandle = handleLookup?.get(`${handleNodeId}-${handleType}-${handleId}`);
-        if (toHandle) {
-            result.toHandle = {
-                ...toHandle,
-            };
-        }
+        result.toHandle = getHandle(handleNodeId, handleType, handleId, nodeLookup, false);
     }
     return result;
 }

package/dist/esm/index.mjs

@@ -11,7 +11,7 @@ const errorMessages = {
     error006: () => "Can't create edge. An edge needs a source and a target.",
     error007: (id) => `The old edge with id=${id} does not exist.`,
     error009: (type) => `Marker type "${type}" doesn't exist.`,
-    error008: (handleType, { id, sourceHandle, targetHandle }) => `Couldn't create edge for ${handleType} handle id: "${!sourceHandle ? sourceHandle : targetHandle}", edge id: ${id}.`,
+    error008: (handleType, { id, sourceHandle, targetHandle }) => `Couldn't create edge for ${handleType} handle id: "${handleType === 'source' ? sourceHandle : targetHandle}", edge id: ${id}.`,
     error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
     error011: (edgeType) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
     error012: (id) => `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
@@ -235,18 +235,18 @@ excludeNonSelectableNodes = false) => {
         height: rect.height / tScale,
     };
     const visibleNodes = [];
-    for (const [, node] of nodes) {
+    for (const node of nodes.values()) {
         const { measured, selectable = true, hidden = false } = node;
-        const width = measured.width ?? node.width ?? node.initialWidth ?? null;
-        const height = measured.height ?? node.height ?? node.initialHeight ?? null;
         if ((excludeNonSelectableNodes && !selectable) || hidden) {
             continue;
         }
+        const width = measured.width ?? node.width ?? node.initialWidth ?? null;
+        const height = measured.height ?? node.height ?? node.initialHeight ?? null;
         const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node));
-        const notInitialized = width === null || height === null;
-        const partiallyVisible = partially && overlappingArea > 0;
         const area = (width ?? 0) * (height ?? 0);
-        const isVisible = notInitialized || partiallyVisible || overlappingArea >= area;
+        const partiallyVisible = partially && overlappingArea > 0;
+        const forceInitialRender = !node.internals.handleBounds;
+        const isVisible = forceInitialRender || partiallyVisible || overlappingArea >= area;
         if (isVisible || node.dragging) {
             visibleNodes.push(node);
         }
@@ -1035,8 +1035,8 @@ function getEdgePosition(params) {
     }
     const sourceHandleBounds = sourceNode.internals.handleBounds || toHandleBounds(sourceNode.handles);
     const targetHandleBounds = targetNode.internals.handleBounds || toHandleBounds(targetNode.handles);
-    const sourceHandle = getHandle(sourceHandleBounds?.source ?? [], params.sourceHandle);
-    const targetHandle = getHandle(
+    const sourceHandle = getHandle$1(sourceHandleBounds?.source ?? [], params.sourceHandle);
+    const targetHandle = getHandle$1(
     // when connection type is loose we can define all handles as sources and connect source -> source
     params.connectionMode === ConnectionMode.Strict
         ? targetHandleBounds?.target ?? []
@@ -1102,7 +1102,7 @@ function getHandlePosition(node, handle, fallbackPosition = Position.Left, cente
             return { x, y: y + height / 2 };
     }
 }
-function getHandle(bounds, handleId) {
+function getHandle$1(bounds, handleId) {
     if (!bounds) {
         return null;
     }
@@ -1744,71 +1744,71 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     };
 }
 
-// this functions collects all handles and adds an absolute position
-// so that we can later find the closest handle to the mouse position
-function getHandles(node, handleBounds, type, currentHandle) {
-    let excludedHandle = null;
-    const handles = (handleBounds[type] || []).reduce((res, handle) => {
-        if (node.id === currentHandle.nodeId && type === currentHandle.handleType && handle.id === currentHandle.handleId) {
-            excludedHandle = handle;
-        }
-        else {
-            const handleXY = getHandlePosition(node, handle, handle.position, true);
-            res.push({ ...handle, ...handleXY });
+function getNodesWithinDistance(position, nodeLookup, distance) {
+    const nodes = [];
+    const rect = {
+        x: position.x - distance,
+        y: position.y - distance,
+        width: distance * 2,
+        height: distance * 2,
+    };
+    for (const node of nodeLookup.values()) {
+        if (getOverlappingArea(rect, nodeToRect(node)) > 0) {
+            nodes.push(node);
         }
-        return res;
-    }, []);
-    return [handles, excludedHandle];
+    }
+    return nodes;
 }
-function getClosestHandle(pos, connectionRadius, handleLookup) {
+// this distance is used for the area around the user pointer
+// while doing a connection for finding the closest nodes
+const ADDITIONAL_DISTANCE = 250;
+function getClosestHandle(position, connectionRadius, nodeLookup, fromHandle) {
     let closestHandles = [];
     let minDistance = Infinity;
-    for (const handle of handleLookup.values()) {
-        const distance = Math.sqrt(Math.pow(handle.x - pos.x, 2) + Math.pow(handle.y - pos.y, 2));
-        if (distance <= connectionRadius) {
+    const closeNodes = getNodesWithinDistance(position, nodeLookup, connectionRadius + ADDITIONAL_DISTANCE);
+    for (const node of closeNodes) {
+        const allHandles = [...(node.internals.handleBounds?.source ?? []), ...(node.internals.handleBounds?.target ?? [])];
+        for (const handle of allHandles) {
+            // if the handle is the same as the fromHandle we skip it
+            if (fromHandle.nodeId === handle.nodeId && fromHandle.type === handle.type && fromHandle.id === handle.id) {
+                continue;
+            }
+            // determine absolute position of the handle
+            const { x, y } = getHandlePosition(node, handle, handle.position, true);
+            const distance = Math.sqrt(Math.pow(x - position.x, 2) + Math.pow(y - position.y, 2));
+            if (distance > connectionRadius) {
+                continue;
+            }
             if (distance < minDistance) {
-                closestHandles = [handle];
+                closestHandles = [{ ...handle, x, y }];
+                minDistance = distance;
             }
             else if (distance === minDistance) {
                 // when multiple handles are on the same distance we collect all of them
-                closestHandles.push(handle);
+                closestHandles.push({ ...handle, x, y });
             }
-            minDistance = distance;
         }
     }
     if (!closestHandles.length) {
         return null;
     }
-    return closestHandles.length === 1
-        ? closestHandles[0]
-        : // if multiple handles are layouted on top of each other we take the one with type = target because it's more likely that the user wants to connect to this one
-            closestHandles.find((handle) => handle.type === 'target') || closestHandles[0];
-}
-function getHandleLookup({ nodeLookup, nodeId, handleId, handleType, }) {
-    const connectionHandles = new Map();
-    const currentHandle = { nodeId, handleId, handleType };
-    let matchingHandle = null;
-    for (const node of nodeLookup.values()) {
-        if (node.internals.handleBounds) {
-            const [sourceHandles, excludedSource] = getHandles(node, node.internals.handleBounds, 'source', currentHandle);
-            const [targetHandles, excludedTarget] = getHandles(node, node.internals.handleBounds, 'target', currentHandle);
-            matchingHandle = matchingHandle ? matchingHandle : excludedSource ?? excludedTarget;
-            [...sourceHandles, ...targetHandles].forEach((handle) => connectionHandles.set(`${handle.nodeId}-${handle.type}-${handle.id}`, handle));
-        }
+    // when multiple handles overlay each other we prefer the opposite handle
+    if (closestHandles.length > 1) {
+        const oppositeHandleType = fromHandle.type === 'source' ? 'target' : 'source';
+        return closestHandles.find((handle) => handle.type === oppositeHandleType) ?? closestHandles[0];
     }
-    // if the user only works with handles that are type="source" + connectionMode="loose"
-    // it happens that we can't find a matching handle. The reason for this is, that the
-    // edge don't know about the handles and always assumes that there is source and a target.
-    // In this case we need to find the matching handle by switching the handleType
-    if (!matchingHandle) {
-        const node = nodeLookup.get(nodeId);
-        if (node?.internals.handleBounds) {
-            currentHandle.handleType = handleType === 'source' ? 'target' : 'source';
-            const [, excluded] = getHandles(node, node.internals.handleBounds, currentHandle.handleType, currentHandle);
-            matchingHandle = excluded;
-        }
+    return closestHandles[0];
+}
+function getHandle(nodeId, handleType, handleId, nodeLookup, withAbsolutePosition = false) {
+    const node = nodeLookup.get(nodeId);
+    if (!node) {
+        return null;
     }
-    return [connectionHandles, matchingHandle];
+    const handles = node.internals.handleBounds?.[handleType];
+    const handle = (handleId ? handles?.find((h) => h.id === handleId) : handles?.[0]) ?? null;
+    return handle && withAbsolutePosition
+        ? { ...handle, ...getHandlePosition(node, handle, handle.position, true) }
+        : handle;
 }
 function getHandleType(edgeUpdaterType, handleDomNode) {
     if (edgeUpdaterType) {
@@ -1846,17 +1846,15 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     if (!containerBounds || !handleType) {
         return;
     }
+    const fromHandleInternal = getHandle(nodeId, handleType, handleId, nodeLookup);
+    if (!fromHandleInternal) {
+        return;
+    }
     let position = getEventPosition(event, containerBounds);
     let autoPanStarted = false;
     let connection = null;
     let isValid = false;
     let handleDomNode = null;
-    const [handleLookup, fromHandleInternal] = getHandleLookup({
-        nodeLookup,
-        nodeId,
-        handleId,
-        handleType,
-    });
     // when the user is moving the mouse close to the edge of the canvas while connecting we move the canvas
     function autoPan() {
         if (!autoPanOnConnect || !containerBounds) {
@@ -1897,7 +1895,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
         }
         const transform = getTransform();
         position = getEventPosition(event, containerBounds);
-        closestHandle = getClosestHandle(pointToRendererPoint(position, transform, false, [1, 1]), connectionRadius, handleLookup);
+        closestHandle = getClosestHandle(pointToRendererPoint(position, transform, false, [1, 1]), connectionRadius, nodeLookup, fromHandle);
         if (!autoPanStarted) {
             autoPan();
             autoPanStarted = true;
@@ -1912,7 +1910,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
             doc,
             lib,
             flowId,
-            handleLookup,
+            nodeLookup,
         });
         handleDomNode = result.handleDomNode;
         connection = result.connection;
@@ -1936,7 +1934,9 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
             newConnection.toHandle &&
             previousConnection.toHandle.type === newConnection.toHandle.type &&
             previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId &&
-            previousConnection.toHandle.id === newConnection.toHandle.id) {
+            previousConnection.toHandle.id === newConnection.toHandle.id &&
+            previousConnection.to.x === newConnection.to.x &&
+            previousConnection.to.y === newConnection.to.y) {
             return;
         }
         updateConnection(newConnection);
@@ -1948,9 +1948,15 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
         }
         // it's important to get a fresh reference from the store here
         // in order to get the latest state of onConnectEnd
-        onConnectEnd?.(event);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { inProgress, ...connectionState } = previousConnection;
+        const finalConnectionState = {
+            ...connectionState,
+            toPosition: previousConnection.toHandle ? previousConnection.toPosition : null,
+        };
+        onConnectEnd?.(event, finalConnectionState);
         if (edgeUpdaterType) {
-            onReconnectEnd?.(event);
+            onReconnectEnd?.(event, finalConnectionState);
         }
         cancelConnection();
         cancelAnimationFrame(autoPanId);
@@ -1969,7 +1975,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     doc.addEventListener('touchend', onPointerUp);
 }
 // checks if  and returns connection in fom of an object { source: 123, target: 312 }
-function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, handleLookup, }) {
+function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, nodeLookup, }) {
     const isTarget = fromType === 'target';
     const handleDomNode = handle
         ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`)
@@ -1991,7 +1997,7 @@ function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId
         const handleId = handleToCheck.getAttribute('data-handleid');
         const connectable = handleToCheck.classList.contains('connectable');
         const connectableEnd = handleToCheck.classList.contains('connectableend');
-        if (!handleNodeId) {
+        if (!handleNodeId || !handleType) {
             return result;
         }
         const connection = {
@@ -2008,12 +2014,7 @@ function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId
                 ? (isTarget && handleType === 'source') || (!isTarget && handleType === 'target')
                 : handleNodeId !== fromNodeId || handleId !== fromHandleId);
         result.isValid = isValid && isValidConnection(connection);
-        const toHandle = handleLookup?.get(`${handleNodeId}-${handleType}-${handleId}`);
-        if (toHandle) {
-            result.toHandle = {
-                ...toHandle,
-            };
-        }
+        result.toHandle = getHandle(handleNodeId, handleType, handleId, nodeLookup, false);
     }
     return result;
 }

package/dist/esm/types/general.d.ts

@@ -37,7 +37,7 @@ export type OnConnectStartParams = {
 };
 export type OnConnectStart = (event: MouseEvent | TouchEvent, params: OnConnectStartParams) => void;
 export type OnConnect = (connection: Connection) => void;
-export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void;
 export type IsValidConnection = (edge: EdgeBase | Connection) => boolean;
 export type FitViewParamsBase<NodeType extends NodeBase> = {
     nodes: Map<string, InternalNodeBase<NodeType>>;
@@ -126,6 +126,7 @@ export type ConnectionInProgress<NodeType extends InternalNodeBase = InternalNod
     toNode: NodeType | null;
 };
 export type ConnectionState<NodeType extends InternalNodeBase = InternalNodeBase> = ConnectionInProgress<NodeType> | NoConnection;
+export type FinalConnectionState<NodeType extends InternalNodeBase = InternalNodeBase> = Omit<ConnectionState<NodeType>, 'inProgress'>;
 export type UpdateConnection<NodeType extends InternalNodeBase = InternalNodeBase> = (params: ConnectionState<NodeType>) => void;
 export type ColorModeClass = 'light' | 'dark';
 export type ColorMode = ColorModeClass | 'system';

package/dist/esm/types/general.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/types/general.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/types/general.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"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"}

package/dist/esm/xyhandle/XYHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XYHandle.d.ts","sourceRoot":"","sources":["../../src/xyhandle/XYHandle.ts"],"names":[],"mappings":"AAkBA,OAAO,EAA8C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAsRvF,eAAO,MAAM,QAAQ,EAAE,gBAGtB,CAAC"}
+{"version":3,"file":"XYHandle.d.ts","sourceRoot":"","sources":["../../src/xyhandle/XYHandle.ts"],"names":[],"mappings":"AAkBA,OAAO,EAA8C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuRvF,eAAO,MAAM,QAAQ,EAAE,gBAGtB,CAAC"}

package/dist/esm/xyhandle/types.d.ts

@@ -1,4 +1,4 @@
-import { ConnectionMode, type Connection, type OnConnect, type OnConnectStart, type HandleType, type PanBy, type Transform, type Handle, type OnConnectEnd, type UpdateConnection, type IsValidConnection, NodeLookup } from '../types';
+import { ConnectionMode, type Connection, type OnConnect, type OnConnectStart, type HandleType, type PanBy, type Transform, type Handle, type OnConnectEnd, type UpdateConnection, type IsValidConnection, NodeLookup, FinalConnectionState } from '../types';
 export type OnPointerDownParams = {
     autoPanOnConnect: boolean;
     connectionMode: ConnectionMode;
@@ -18,7 +18,7 @@ export type OnPointerDownParams = {
     onConnect?: OnConnect;
     onConnectEnd?: OnConnectEnd;
     isValidConnection?: IsValidConnection;
-    onReconnectEnd?: (evt: MouseEvent | TouchEvent) => void;
+    onReconnectEnd?: (evt: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void;
     getTransform: () => Transform;
     getFromHandle: () => Handle | null;
     autoPanSpeed?: number;
@@ -33,7 +33,7 @@ export type IsValidParams = {
     doc: Document | ShadowRoot;
     lib: string;
     flowId: string | null;
-    handleLookup?: Map<string, Handle>;
+    nodeLookup: NodeLookup;
 };
 export type XYHandleInstance = {
     onPointerDown: (event: MouseEvent | TouchEvent, params: OnPointerDownParams) => void;