From 8a1a26385a2e16562af62ea4e2a4acfbed7b687b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 16:10:16 +0200
Subject: [PATCH] feat(hooks): add useConnection

---
 .../custom-connection-line/ConnectionLine.svelte       |  4 ++--
 packages/svelte/src/lib/hooks/useConnection.ts         | 10 ++++++++++
 packages/svelte/src/lib/index.ts                       |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 packages/svelte/src/lib/hooks/useConnection.ts

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 23d8653d..0a7f87b5 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { useStore } from '@xyflow/svelte';
+	import { useConnection } from '@xyflow/svelte';
 
-	const { connection } = useStore();
+	const connection = useConnection();
 </script>
 
 {#if $connection.path}
diff --git a/packages/svelte/src/lib/hooks/useConnection.ts b/packages/svelte/src/lib/hooks/useConnection.ts
new file mode 100644
index 00000000..6db9e735
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useConnection.ts
@@ -0,0 +1,10 @@
+import type { Readable } from 'svelte/store';
+
+import { useStore } from '$lib/store';
+import type { ConnectionProps } from '$lib/store/derived-connection-props';
+
+export function useConnection(): Readable<ConnectionProps> {
+  const { connection } = useStore();
+
+  return connection;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 66b1af10..f1af3791 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -21,6 +21,7 @@ export { useStore } from '$lib/store';
 export * from '$lib/utils';
 export * from '$lib/hooks/useSvelteFlow';
 export * from '$lib/hooks/useUpdateNodeInternals';
+export * from '$lib/hooks/useConnection';
 
 // types
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';