port more updates

packages/svelte/src/lib/hooks/useUpdateNodeInternals.svelte.ts

@@ -0,0 +1,33 @@
+import type { UpdateNodeInternals } from '@xyflow/system';
+
+import { useStore } from '$lib/store';
+
+/**
+ * Hook for updating node internals.
+ *
+ * @public
+ * @returns function for updating node internals
+ */
+export function useUpdateNodeInternals(): UpdateNodeInternals {
+  const { domNode, updateNodeInternals } = $derived(useStore());
+
+  // @todo: do we want to add this to system?
+  const updateInternals = (id: string | string[]) => {
+    const updateIds = Array.isArray(id) ? id : [id];
+    const updates = new Map();
+
+    updateIds.forEach((updateId) => {
+      const nodeElement = domNode?.querySelector(
+        `.svelte-flow__node[data-id="${updateId}"]`
+      ) as HTMLDivElement;
+
+      if (nodeElement) {
+        updates.set(updateId, { id: updateId, nodeElement, force: true });
+      }
+    });
+
+    requestAnimationFrame(() => updateNodeInternals(updates));
+  };
+
+  return updateInternals;
+}