From 4ece4bb51ef78c8d675cd5bc11ef88abff90c58d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=BCrkan=20G=C3=BCran?= <grkngrn@gmail.com>
Date: Mon, 5 Dec 2022 13:01:02 +0100
Subject: [PATCH] Added optional port flexibility

---
 src/designer/elsa-workflows-designer/appsettings.json   | 3 +++
 src/designer/elsa-workflows-designer/src/utils/graph.ts | 4 +++-
 src/designer/elsa-workflows-designer/tsconfig.json      | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 src/designer/elsa-workflows-designer/appsettings.json

diff --git a/src/designer/elsa-workflows-designer/appsettings.json b/src/designer/elsa-workflows-designer/appsettings.json
new file mode 100644
index 000000000..f87862843
--- /dev/null
+++ b/src/designer/elsa-workflows-designer/appsettings.json
@@ -0,0 +1,3 @@
+{
+    "flexiblePorts": false
+}
\ No newline at end of file
diff --git a/src/designer/elsa-workflows-designer/src/utils/graph.ts b/src/designer/elsa-workflows-designer/src/utils/graph.ts
index b8b8745c3..b2747f890 100644
--- a/src/designer/elsa-workflows-designer/src/utils/graph.ts
+++ b/src/designer/elsa-workflows-designer/src/utils/graph.ts
@@ -3,6 +3,7 @@ import { PortManager } from "@antv/x6/lib/model/port";
 import { Connection } from "../modules/flowchart/models";
 import { v4 as uuid } from 'uuid';
 import { Activity } from "../models";
+import appSettings from "../../appsettings.json";
 
 export function rebuildGraph(graph: Graph) {
   graph.getNodes().forEach((node: Node<Node.Properties>) => {
@@ -90,7 +91,8 @@ function updatePortsAndEdgeOfNodeCouple(graph: Graph, sourceNode: Node<Node.Prop
 
   if (edge != null) {
     const sourcePortOfConnection = edge.data.sourcePort;
-    if(isNewCalculationNeededForInflexiblePort(graph, sourceNode, sourcePortOfConnection)){
+    if(!appSettings.flexiblePorts && isNewCalculationNeededForInflexiblePort(graph, sourceNode, sourcePortOfConnection)){
+      debugger
       const outgoingEdges = findOutgoingEdges(graph, sourceNode, sourcePortOfConnection);
       const targetNodes = graph.getNodes().filter(node => outgoingEdges.map(edge => edge.data.target).includes(node.id));
       const nodeCouplesWithPositions = calculatePositionsForInflexibleNode(sourceNode, targetNodes);
diff --git a/src/designer/elsa-workflows-designer/tsconfig.json b/src/designer/elsa-workflows-designer/tsconfig.json
index 77be9bf2f..00ea3de98 100644
--- a/src/designer/elsa-workflows-designer/tsconfig.json
+++ b/src/designer/elsa-workflows-designer/tsconfig.json
@@ -16,7 +16,8 @@
     "noUnusedLocals": false,
     "noUnusedParameters": false,
     "jsx": "react",
-    "jsxFactory": "h"
+    "jsxFactory": "h",
+    "resolveJsonModule": true
   },
   "include": [
     "src"