WIP: migrated store and useSvelteFlow hook to signals & solved state propagation for provider

2024-12-06 13:53:48 +01:00
parent ed1ead7b5a
commit f29898f0bd
49 changed files with 1616 additions and 1137 deletions
@@ -1,15 +1,13 @@
 <script lang="ts">
-  import { useStore } from '$lib/store';
+  import type { Viewport } from '@xyflow/system';
  import type { Snippet } from 'svelte';

-  const { viewport } = useStore();
-
-  let { children }: { children: Snippet } = $props();
+  let { viewport, children }: { viewport: Viewport; children: Snippet } = $props();
 </script>

 <div
  class="svelte-flow__viewport xyflow__viewport"
-  style="transform: translate({$viewport.x}px, {$viewport.y}px) scale({$viewport.zoom})"
+  style="transform: translate({viewport.x}px, {viewport.y}px) scale({viewport.zoom})"
 >
  {@render children()}
 </div>