From 692dc5731d46211f6ca43591ad82b6610609cf52 Mon Sep 17 00:00:00 2001
From: Germain GAU <germain.gau@gmail.com>
Date: Thu, 26 Aug 2021 16:02:17 +0200
Subject: [PATCH] fix(graph): allow rendering of attributes dependencies

---
 ui/src/components/Graph/Graph.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/Graph/Graph.vue b/ui/src/components/Graph/Graph.vue
index ca74bea..090d867 100644
--- a/ui/src/components/Graph/Graph.vue
+++ b/ui/src/components/Graph/Graph.vue
@@ -319,6 +319,9 @@ export default {
       let vm = this;
       let cy = this.$refs.cy.instance;
       let el = cy.elements();
+      const nodesNames = this.graph.nodes.map(
+        x => x.data.id
+      )
 
       // Reset graph
       cy.remove(el);
@@ -333,6 +336,23 @@ export default {
         if (n.data.id.includes("-variable") || n.data.id.includes("-output")) {
           return;
         }
+
+        // Browse node ancestors if target is not found in nodes
+        // e.g: resource.test.attribute will not be in nodes, as attributes are not exported
+        // this ensures that the dependency will be made on resource.test instead
+        let name = n.data.target
+        while (!nodesNames.includes(name)) {
+          name = name.split('.')
+          if (name.length < 2) {
+            console.warn("edge target", n.data.target, "not found in nodes")
+            return
+          }
+          name.pop()
+          name = name.join('.')
+        }
+        n.data.target = name
+
+        // Add edge to the final graph
         cy.add(n);
       });
 
@@ -623,4 +643,4 @@ fieldset {
   margin: 0;
   opacity: 0;
 }
-</style>
\ No newline at end of file
+</style>