implement onSelectionChanged

examples/svelte/src/routes/+layout.ts

@@ -0,0 +1,2 @@
+export const ssr = false;
+export const prerender = false;

examples/svelte/src/routes/examples/overview/CustomNode.svelte

@@ -1,11 +1,21 @@
 <script lang="ts">
-	import { Handle, Position, type BuiltInNode, type NodeProps } from '@xyflow/svelte';
+	import {
+		Handle,
+		Position,
+		useSelectionChanged,
+		type BuiltInNode,
+		type NodeProps
+	} from '@xyflow/svelte';
 
 	let {
 		data = { label: 'Node' },
 		positionAbsoluteX = 0,
 		positionAbsoluteY = 0
 	}: NodeProps<BuiltInNode> = $props();
+
+	useSelectionChanged(({ nodes, edges }) => {
+		console.log('on selection changed via hook', { nodes, edges });
+	});
 </script>
 
 <div class="custom">

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

@@ -216,6 +216,10 @@
 	connectionMode={ConnectionMode.Strict}
 	attributionPosition={'top-center'}
 	deleteKey={['Backspace', 'd']}
+	onselectionchanged={({ nodes, edges }) => {
+		console.log('on selection changed via prop', { nodes, edges });
+	}}
+	selectNodesOnDrag
 >
 	<Controls orientation="horizontal" {fitViewOptions}>
 		{#snippet before()}
@@ -240,7 +244,6 @@
 			}}>left-right</button
 		>
 	</Panel>
-
 	<InitTracker />
 </SvelteFlow>
 

examples/svelte/vite.config.ts

@@ -4,7 +4,8 @@ import { defineConfig } from 'vite';
 export default defineConfig({
 	plugins: [sveltekit()],
 	build: {
-		sourcemap: true
+		sourcemap: true,
+		minify: false
 	},
 	server: {
 		fs: {