Merge branch 'svelte4' into next

examples/svelte/src/routes/examples/reset/+page.svelte

@@ -1,14 +1,6 @@
 <script lang="ts">
 	import { writable } from 'svelte/store';
-	import {
+	import { SvelteFlow, Controls, Background, MiniMap, type Node, type Edge } from '@xyflow/svelte';
-		SvelteFlow,
-		Controls,
-		Background,
-		MiniMap,
-		type Node,
-		type Edge,
-		type NodeTypes
-	} from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 

packages/svelte/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.0.41
+
+- fix: re-observe nodes when not initialized
+
 ## 0.0.40
 
 - add `orientation` ('horizontal' or 'vertical'), `style` and `class` prop for `Controls` component

packages/svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -121,7 +121,7 @@
   setContext('svelteflow__node_connectable', connectableStore);
 
   $: {
-    if (resizeObserver && nodeRef !== prevNodeRef) {
+    if (resizeObserver && (nodeRef !== prevNodeRef || !initialized)) {
       prevNodeRef && resizeObserver.unobserve(prevNodeRef);
       nodeRef && resizeObserver.observe(nodeRef);
       prevNodeRef = nodeRef;