refactor(react/svelte): use node lookup for perf improvement

2023-11-13 16:43:57 +01:00
parent 6e1e702cf3
commit a147a20f6e
22 changed files with 127 additions and 78 deletions
@@ -56,15 +56,15 @@ export function getDerivedConnectionProps(
      currentConnection,
      store.connectionLineType,
      store.connectionMode,
-      store.nodes,
+      store.nodesLookup,
      store.viewport
    ],
-    ([connection, connectionLineType, connectionMode, nodes, viewport]) => {
+    ([connection, connectionLineType, connectionMode, nodesLookup, viewport]) => {
      if (!connection.connectionStartHandle?.nodeId) {
        return initConnectionProps;
      }

-      const fromNode = nodes.find((n) => n.id === connection.connectionStartHandle?.nodeId);
+      const fromNode = nodesLookup.get(connection.connectionStartHandle?.nodeId);
      const fromHandleBounds = fromNode?.[internalsSymbol]?.handleBounds;
      const handleBoundsStrict =
        fromHandleBounds?.[connection.connectionStartHandle.type || 'source'] || [];