first working version with using $state for nodes & edges

2024-12-09 12:07:10 +01:00
parent 4fcde6f6bf
commit d0fce3984d
24 changed files with 400 additions and 366 deletions
@@ -14,11 +14,11 @@
    onedgemouseleave
  }: { store: SvelteFlowStore } & EdgeEvents = $props();

-  const { edges, nodes } = store;
+  // const { edges, nodes } = store;

  let layoutedEdges = $derived.by(() => {
-    $nodes;
-    const layoutedEdges = $edges.reduce<EdgeLayouted[]>((res, edge) => {
+    store.nodes;
+    const layoutedEdges = store.edges.reduce<EdgeLayouted[]>((res, edge) => {
      const sourceNode = store.nodeLookup.get(edge.source);
      const targetNode = store.nodeLookup.get(edge.target);