From 0b239130b5014cd05f56518317743692b0a4686e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix?= <felix.darraud@tehtris.com>
Date: Wed, 23 Oct 2024 18:04:22 +0200
Subject: [PATCH 1/2] feat(add-get-dom-elements-export): add named export for
 getDomElements

So that it is accessible from the outside, at least useful to fully customize ConnectionWrapper.

Also, kept it as default to not break anything.
---
 packages/renderer-vue/src/connection/domResolver.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/renderer-vue/src/connection/domResolver.ts b/packages/renderer-vue/src/connection/domResolver.ts
index dc16a578..f1864048 100644
--- a/packages/renderer-vue/src/connection/domResolver.ts
+++ b/packages/renderer-vue/src/connection/domResolver.ts
@@ -10,7 +10,7 @@ export function getDomElementOfNode(node: AbstractNode): HTMLElement | null {
     return document.getElementById(node.id);
 }
 
-export default function getDomElements(ni: NodeInterface): IResolvedDomElements {
+export function getDomElements(ni: NodeInterface): IResolvedDomElements {
     const interfaceDOM = document.getElementById(ni.id);
     const portDOM = interfaceDOM?.getElementsByClassName("__port");
 
@@ -20,3 +20,4 @@ export default function getDomElements(ni: NodeInterface): IResolvedDomElements
         port: portDOM && portDOM.length > 0 ? (portDOM[0] as HTMLElement) : null,
     };
 }
+export default getDomElements;

From f4087fbdd3e4a701f7c860c60bbee0fec5c291e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix?= <felix.darraud@tehtris.com>
Date: Thu, 24 Oct 2024 09:47:36 +0200
Subject: [PATCH 2/2] feat(add-get-dom-elements-export): Removed default export
 for domResolver

Also, updated imports to remove default import usage.
---
 packages/renderer-vue/src/components/Minimap.vue            | 2 +-
 packages/renderer-vue/src/connection/ConnectionWrapper.vue  | 6 +++---
 .../renderer-vue/src/connection/TemporaryConnection.vue     | 6 +++---
 packages/renderer-vue/src/connection/domResolver.ts         | 1 -
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/renderer-vue/src/components/Minimap.vue b/packages/renderer-vue/src/components/Minimap.vue
index 7a3de411..3852fc39 100644
--- a/packages/renderer-vue/src/components/Minimap.vue
+++ b/packages/renderer-vue/src/components/Minimap.vue
@@ -14,7 +14,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { AbstractNode } from "@baklavajs/core";
-import getDomElements, { getDomElementOfNode } from "../connection/domResolver";
+import { getDomElements, getDomElementOfNode } from "../connection/domResolver";
 import { getPortCoordinates } from "../connection/portCoordinates";
 import { useGraph, useViewModel } from "../utility";
 
diff --git a/packages/renderer-vue/src/connection/ConnectionWrapper.vue b/packages/renderer-vue/src/connection/ConnectionWrapper.vue
index 77fd38db..5bfd7be4 100644
--- a/packages/renderer-vue/src/connection/ConnectionWrapper.vue
+++ b/packages/renderer-vue/src/connection/ConnectionWrapper.vue
@@ -6,7 +6,7 @@
 import { computed, defineComponent, ref, onBeforeUnmount, onMounted, nextTick, watch } from "vue";
 import { Connection } from "@baklavajs/core";
 import ConnectionView from "./ConnectionView.vue";
-import resolveDom, { IResolvedDomElements } from "./domResolver";
+import { getDomElements, IResolvedDomElements } from "./domResolver";
 import { TemporaryConnectionState } from "./connection";
 import { useGraph } from "../utility";
 
@@ -51,8 +51,8 @@ export default defineComponent({
         };
 
         const updateCoords = () => {
-            const from = resolveDom(props.connection.from);
-            const to = resolveDom(props.connection.to);
+            const from = getDomElements(props.connection.from);
+            const to = getDomElements(props.connection.to);
             if (from.node && to.node) {
                 if (!resizeObserver) {
                     resizeObserver = new ResizeObserver(() => {
diff --git a/packages/renderer-vue/src/connection/TemporaryConnection.vue b/packages/renderer-vue/src/connection/TemporaryConnection.vue
index 050378a8..f4ccaea7 100644
--- a/packages/renderer-vue/src/connection/TemporaryConnection.vue
+++ b/packages/renderer-vue/src/connection/TemporaryConnection.vue
@@ -14,7 +14,7 @@ import { computed, defineComponent } from "vue";
 
 import ConnectionView from "./ConnectionView.vue";
 import { ITemporaryConnection, TemporaryConnectionState } from "./connection";
-import resolveDom from "./domResolver";
+import { getDomElements } from "./domResolver";
 import { getPortCoordinates } from "./portCoordinates";
 
 export default defineComponent({
@@ -38,9 +38,9 @@ export default defineComponent({
                 };
             }
 
-            const start = getPortCoordinates(resolveDom(props.connection.from));
+            const start = getPortCoordinates(getDomElements(props.connection.from));
             const end = props.connection.to
-                ? getPortCoordinates(resolveDom(props.connection.to))
+                ? getPortCoordinates(getDomElements(props.connection.to))
                 : [props.connection.mx || start[0], props.connection.my || start[1]];
 
             if (props.connection.from.isInput) {
diff --git a/packages/renderer-vue/src/connection/domResolver.ts b/packages/renderer-vue/src/connection/domResolver.ts
index f1864048..9e98b061 100644
--- a/packages/renderer-vue/src/connection/domResolver.ts
+++ b/packages/renderer-vue/src/connection/domResolver.ts
@@ -20,4 +20,3 @@ export function getDomElements(ni: NodeInterface): IResolvedDomElements {
         port: portDOM && portDOM.length > 0 ? (portDOM[0] as HTMLElement) : null,
     };
 }
-export default getDomElements;