From 6c7de335131abed66cc8d994e40623830dad322f Mon Sep 17 00:00:00 2001
From: Alessandro <a@a.a>
Date: Thu, 23 Oct 2025 11:04:26 +0200
Subject: [PATCH] Add node id to MiniMapNodeProps and MiniMapNode in Svelte
 Flow.

---
 .../custom-minimap/CustomMiniMapNode.svelte   | 39 ++++++++++---------
 .../src/lib/plugins/Minimap/Minimap.svelte    |  1 +
 .../lib/plugins/Minimap/MinimapNode.svelte    |  3 ++
 .../svelte/src/lib/plugins/Minimap/types.ts   |  1 +
 4 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/examples/svelte/src/routes/examples/custom-minimap/CustomMiniMapNode.svelte b/examples/svelte/src/routes/examples/custom-minimap/CustomMiniMapNode.svelte
index 082b13bc..7cd33295 100644
--- a/examples/svelte/src/routes/examples/custom-minimap/CustomMiniMapNode.svelte
+++ b/examples/svelte/src/routes/examples/custom-minimap/CustomMiniMapNode.svelte
@@ -1,22 +1,25 @@
 <script lang="ts">
-	let {
-		x,
-		y,
-		width,
-		height,
-		selected,
-	}: {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-		selected?: boolean;
-	} = $props();
+	import type { MiniMapNodeProps } from '@xyflow/svelte';
+
+	let { id, x, y, width, height, selected }: MiniMapNodeProps = $props();
 </script>
 
-<circle 
+<circle
 	cx={x + width / 2}
-	cy={y + height / 2} 
-	r={Math.min(width, height) - 2} 
-	fill={selected ? "#ff6b6b" : "#ffcc00"}
-/>
\ No newline at end of file
+	cy={y + height / 2}
+	r={Math.min(width, height) - 2}
+	fill={selected ? '#ff6b6b' : '#ffcc00'}
+/>
+<text
+	x={x + width / 2}
+	y={y + height / 2}
+	text-anchor="middle"
+	dominant-baseline="middle"
+	fill="blue"
+	stroke-width="0.5"
+	font-size="100"
+	font-family="Arial, sans-serif"
+	font-weight="bold"
+>
+	{id}
+</text>
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index 90c6abb4..eaca13a8 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -121,6 +121,7 @@
         {#if node && nodeHasDimensions(node) && !node.hidden}
           {@const nodeDimesions = getNodeDimensions(node)}
           <MinimapNode
+            id={node.id}
             x={node.internals.positionAbsolute.x}
             y={node.internals.positionAbsolute.y}
             {...nodeDimesions}
diff --git a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
index 5fc092b8..5935cb2d 100644
--- a/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/MinimapNode.svelte
@@ -4,6 +4,7 @@
   import type { MiniMapNodeProps } from './types';
 
   let {
+    id,
     x,
     y,
     width,
@@ -17,6 +18,7 @@
     class: className,
     nodeComponent
   }: {
+    id: string;
     x: number;
     y: number;
     width: number;
@@ -36,6 +38,7 @@
   {@const CustomComponent = nodeComponent}
 
   <CustomComponent
+    {id}
     {x}
     {y}
     {width}
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index 550191ed..20ed49ff 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -11,6 +11,7 @@ export type GetMiniMapNodeAttribute = (node: Node) => string;
  * @public
  */
 export type MiniMapNodeProps = {
+  id: string;
   x: number;
   y: number;
   width: number;