From cb96b1ab009c748149672a5e68551e4a41f0a848 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 22 Oct 2021 13:03:42 +0200
Subject: [PATCH] fix: missing node id in node components/slots

---
 examples/UpdatableEdge/UpdatableEdgeExample.vue | 2 +-
 src/components/Nodes/DefaultNode.vue            | 2 +-
 src/components/Nodes/InputNode.vue              | 2 +-
 src/components/Nodes/Node.vue                   | 2 ++
 src/components/Nodes/OutputNode.vue             | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/examples/UpdatableEdge/UpdatableEdgeExample.vue b/examples/UpdatableEdge/UpdatableEdgeExample.vue
index b7e103bc..e214393c 100644
--- a/examples/UpdatableEdge/UpdatableEdgeExample.vue
+++ b/examples/UpdatableEdge/UpdatableEdgeExample.vue
@@ -36,7 +36,7 @@ const initialElements: Elements = [
     position: { x: 400, y: 100 },
     style: { background: '#D6D5E6', color: '#333', border: '1px solid #222138', width: 180 },
   },
-  { id: 'e1-2', source: '1', target: '2', label: 'This is a draggable edge' },
+  { id: 'e1-2', source: '1', target: '2', label: 'Updateable edge' },
 ] as Elements
 
 const elements = ref(initialElements)
diff --git a/src/components/Nodes/DefaultNode.vue b/src/components/Nodes/DefaultNode.vue
index 581c2d42..ad994383 100644
--- a/src/components/Nodes/DefaultNode.vue
+++ b/src/components/Nodes/DefaultNode.vue
@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface DefaultNodeProps {
+interface DefaultNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   targetPosition?: NodeProps['targetPosition']
diff --git a/src/components/Nodes/InputNode.vue b/src/components/Nodes/InputNode.vue
index fc81b9f8..dc66752d 100644
--- a/src/components/Nodes/InputNode.vue
+++ b/src/components/Nodes/InputNode.vue
@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface InputNodeProps {
+interface InputNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   sourcePosition?: NodeProps['sourcePosition']
diff --git a/src/components/Nodes/Node.vue b/src/components/Nodes/Node.vue
index fb5dd0bc..4096b485 100644
--- a/src/components/Nodes/Node.vue
+++ b/src/components/Nodes/Node.vue
@@ -179,6 +179,7 @@ watch(
     >
       <slot
         v-bind="{
+          id: props.node.id,
           data: props.node.data,
           type: props.node.type,
           xPos: props.node.__rf.position.x,
@@ -193,6 +194,7 @@ watch(
         <component
           :is="props.type"
           v-bind="{
+            id: props.node.id,
             data: props.node.data,
             type: props.node.type,
             xPos: props.node.__rf.position.x,
diff --git a/src/components/Nodes/OutputNode.vue b/src/components/Nodes/OutputNode.vue
index ac6ff154..bedc612f 100644
--- a/src/components/Nodes/OutputNode.vue
+++ b/src/components/Nodes/OutputNode.vue
@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface OutputNodeProps {
+interface OutputNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   targetPosition?: NodeProps['targetPosition']