refactor(svelte): cleanup components

2023-03-01 11:48:08 +01:00
parent 00515e1f9b
commit 9391b36869
61 changed files with 600 additions and 196 deletions
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte';
+
+  import { NodeWrapper } from '$lib/components/NodeWrapper';
+  import { useStore } from '$lib/store';
+
+  const { nodes, updateNodeDimensions } = useStore();
+  const resizeObserver: ResizeObserver | null =
+    typeof ResizeObserver === 'undefined'
+      ? null
+      : new ResizeObserver((entries: ResizeObserverEntry[]) => {
+          const updates = entries.map((entry: ResizeObserverEntry) => ({
+            id: entry.target.getAttribute('data-id') as string,
+            nodeElement: entry.target as HTMLDivElement,
+            forceUpdate: true
+          }));
+
+          updateNodeDimensions(updates);
+        });
+
+  onDestroy(() => {
+    resizeObserver?.disconnect();
+  });
+</script>
+
+<div class="react-flow__nodes">
+  {#each $nodes as node (node.id)}
+    <NodeWrapper {...node} {resizeObserver} />
+  {/each}
+</div>
+
+<style>
+  .react-flow__nodes {
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    transform-origin: 0 0;
+  }
+</style>