Merge pull request #5538 from xyflow/surpress-svelte-warning

disable eslint rule svelte/prefer-svelte-reactivity for several lines…

.changeset/dark-mice-rest.md

@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Surpress svelte/prefer-svelte-reactivity warnings

packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte

@@ -26,6 +26,7 @@
     typeof ResizeObserver === 'undefined'
       ? null
       : new ResizeObserver((entries: ResizeObserverEntry[]) => {
+          // eslint-disable-next-line svelte/prefer-svelte-reactivity
           const updates = new Map();
 
           entries.forEach((entry: ResizeObserverEntry) => {

packages/svelte/src/lib/container/Pane/Pane.svelte

@@ -59,8 +59,10 @@
   let container: HTMLDivElement;
   let containerBounds: DOMRect | null = null;
 
+  /* eslint-disable svelte/prefer-svelte-reactivity */
   let selectedNodeIds: Set<string> = new Set();
   let selectedEdgeIds: Set<string> = new Set();
+  /* eslint-enable svelte/prefer-svelte-reactivity */
 
   let panOnDragActive = $derived(store.panActivationKeyPressed || panOnDrag);
   let isSelecting = $derived(

packages/svelte/src/lib/hooks/useNodeConnections.svelte.ts

@@ -1,3 +1,4 @@
+/* eslint-disable svelte/prefer-svelte-reactivity */
 import {
   areConnectionMapsEqual,
   handleConnectionChange,
@@ -90,3 +91,5 @@ export function useNodeConnections({
     }
   };
 }
+
+/* eslint-enable svelte/prefer-svelte-reactivity */

packages/svelte/src/lib/hooks/useUpdateNodeInternals.svelte.ts

@@ -1,3 +1,4 @@
+/* eslint-disable svelte/prefer-svelte-reactivity */
 import { useStore } from '$lib/store';
 import { getContext } from 'svelte';
 
@@ -38,3 +39,5 @@ export function useUpdateNodeInternals(): (nodeId?: string | string[]) => void {
 
   return updateInternals;
 }
+
+/* eslint-enable svelte/prefer-svelte-reactivity */

packages/svelte/src/lib/plugins/Minimap/Minimap.svelte

@@ -128,7 +128,7 @@
             y={node.internals.positionAbsolute.y}
             {...nodeDimesions}
             selected={node.selected}
-            nodeComponent={nodeComponent}
+            {nodeComponent}
             color={nodeColorFunc?.(node)}
             borderRadius={nodeBorderRadius}
             strokeColor={nodeStrokeColorFunc(node)}

packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte

@@ -34,8 +34,8 @@
 
 {#if nodeComponent}
   {@const CustomComponent = nodeComponent}
-  
-  <CustomComponent 
+
+  <CustomComponent
     {x}
     {y}
     {width}

packages/svelte/src/lib/plugins/NodeResizer/ResizeControl.svelte

@@ -67,6 +67,7 @@
           };
         },
         onChange: (change: XYResizerChange, childChanges: XYResizerChildChange[]) => {
+          // eslint-disable-next-line svelte/prefer-svelte-reactivity
           const changes = new Map<string, Partial<Node>>();
           let position = change.x && change.y ? { x: change.x, y: change.y } : undefined;
           changes.set(id, { ...change, position });

packages/svelte/src/lib/store/initial-store.svelte.ts

@@ -1,3 +1,5 @@
+/* eslint-disable svelte/prefer-svelte-reactivity */
+
 import {
   infiniteExtent,
   SelectionMode,
@@ -477,3 +479,5 @@ function warnIfDeeplyReactive(array: unknown[] | undefined, name: string) {
     console.warn(`Use $state.raw for ${name} to prevent performance issues.`);
   }
 }
+
+/* eslint-enable svelte/prefer-svelte-reactivity */