From 0941e609dd98d27b932f7b6d047a2ea88e0ab461 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 1 Feb 2024 19:54:34 +0100
Subject: [PATCH] chore(core): cleanup

---
 .changeset/chilly-cameras-promise.md          |  8 +++++
 .changeset/empty-moose-report.md              | 33 +++++++++++++++++++
 .../src/composables/useHandleConnections.ts   |  6 ++--
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/.changeset/chilly-cameras-promise.md b/.changeset/chilly-cameras-promise.md
index daabb5d9..f62a9a83 100644
--- a/.changeset/chilly-cameras-promise.md
+++ b/.changeset/chilly-cameras-promise.md
@@ -3,3 +3,11 @@
 ---
 
 Add `useNodeId` composable
+
+## 🧙 Example
+
+```ts
+const nodeId = useNodeId()
+
+console.log('nodeId', nodeId) // '1'
+```
diff --git a/.changeset/empty-moose-report.md b/.changeset/empty-moose-report.md
index 1d33566c..367d7a86 100644
--- a/.changeset/empty-moose-report.md
+++ b/.changeset/empty-moose-report.md
@@ -3,3 +3,36 @@
 ---
 
 Add `useHandleConnections` composable
+
+## 🧙 Example
+
+```ts
+const connections = useHandleConnections({
+  // type of the handle you are looking for - accepts a `MaybeRefOrGetter<string>`
+  type: 'source',
+
+  // the id of the handle you are looking for - accepts a `MaybeRefOrGetter<string | undefined> | undefined` [OPTIONAL]
+  id: 'a',
+
+  // if not provided, the node id from the NodeIdContext is used - accepts a `MaybeRefOrGetter<string | undefined> | undefined`
+  nodeId: '1',
+  
+  // a cb that is called when a new connection is added
+  onConnect: (params) => {
+    console.log('onConnect', params)
+  },
+
+  // a cb that is called when a connection is removed
+  onDisconnect: (params) => {
+    console.log('onDisconnect', params)
+  },
+})
+
+watch(
+  connections,
+  (next) => {
+    console.log('connections', next)
+  },
+  { immediate: true },
+)
+```
diff --git a/packages/core/src/composables/useHandleConnections.ts b/packages/core/src/composables/useHandleConnections.ts
index 704e3e32..004e8a45 100644
--- a/packages/core/src/composables/useHandleConnections.ts
+++ b/packages/core/src/composables/useHandleConnections.ts
@@ -9,8 +9,8 @@ import { useVueFlow } from './useVueFlow'
 
 interface UseHandleConnectionsParams {
   type: MaybeRefOrGetter<HandleType>
-  id?: MaybeRefOrGetter<string | null>
-  nodeId?: MaybeRefOrGetter<string>
+  id?: MaybeRefOrGetter<string | undefined>
+  nodeId?: MaybeRefOrGetter<string | undefined>
   onConnect?: (connections: Connection[]) => void
   onDisconnect?: (connections: Connection[]) => void
 }
@@ -28,7 +28,7 @@ interface UseHandleConnectionsParams {
  */
 export function useHandleConnections({
   type,
-  id = null,
+  id,
   nodeId,
   onConnect,
   onDisconnect,