fix changing handle sides

examples/svelte/src/routes/examples/overview/Flow.svelte

@@ -14,7 +14,8 @@
 		ConnectionMode,
 		ControlButton,
 		type FitViewOptions,
-		useSvelteFlow
+		useSvelteFlow,
+		Position
 	} from '@xyflow/svelte';
 
 	import CustomNode from './CustomNode.svelte';
@@ -229,6 +230,15 @@
 		<button onclick={moveNode}>update node pos</button>
 		<button onclick={changeEdgeType}>update edge type</button>
 		<button onclick={hideUnhide}>hide/unhide</button>
+		<button
+			onclick={() => {
+				nodes = nodes.map((node) => ({
+					...node,
+					sourcePosition: Position.Right,
+					targetPosition: Position.Left
+				}));
+			}}>left-right</button
+		>
 	</Panel>
 
 	<InitTracker />

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

@@ -78,9 +78,12 @@
   let nodeRef: HTMLDivElement | null = $state(null);
   let prevNodeRef: HTMLDivElement | null = null;
 
-  let prevType: string | undefined;
+  // svelte-ignore state_referenced_locally
-  let prevSourcePosition: Position | undefined;
+  let prevType: string | undefined = type;
-  let prevTargetPosition: Position | undefined;
+  // svelte-ignore state_referenced_locally
+  let prevSourcePosition: Position | undefined = sourcePosition;
+  // svelte-ignore state_referenced_locally
+  let prevTargetPosition: Position | undefined = targetPosition;
 
   let NodeComponent = $derived(store.nodeTypes[type] ?? DefaultNode);
 
@@ -116,9 +119,9 @@
     // if type, sourcePosition or targetPosition changes,
     // we need to re-calculate the handle positions
     const doUpdate =
-      (prevType && type !== prevType) ||
+      type !== prevType ||
-      (prevSourcePosition && sourcePosition !== prevSourcePosition) ||
+      sourcePosition !== prevSourcePosition ||
-      (prevTargetPosition && targetPosition !== prevTargetPosition);
+      targetPosition !== prevTargetPosition;
 
     if (doUpdate && nodeRef !== null) {
       requestAnimationFrame(() => {
@@ -144,7 +147,6 @@
     prevTargetPosition = targetPosition;
   });
 
-  // TODO: extract this part!
   $effect(() => {
     /* eslint-disable @typescript-eslint/no-unused-expressions */
     if (resizeObserver && (!initialized || nodeRef !== prevNodeRef)) {