state ausgliedern

src/functions/duplication.js

 import { v4 as uuidv4 } from "uuid";
 import { createEndpoints } from "./endpoints";
+import { appState } from "./state";
 
 export const duplicatePipe = (instance) => {
   var selectedPipe = document.getElementById(window.selectedPipe);

src/functions/state.js

+export const appState = (() => {
+  let state = {
+    beenPaused: false,
+    connections: new Map([]),
+    pipes: new Map([]),
+  };
+
+  return {
+    getState: () => state,
+    setBeenPaused: (beenPaused) => (state.beenPaused = beenPaused),
+    addConnection: (con1, con2) => {
+      state.connections.set(con1, con2);
+    },
+    removeConnection: (con1) => {
+      state.connections.delete(con1);
+    },
+    getConnection: (con1) => {
+      return state.connections.get(con1);
+    },
+    addPipe: (pipeId, pipeName) => {
+      state.pipes.set(pipeId, pipeName);
+    },
+    removePipe: (pipeId) => {
+      state.pipes.delete(pipeId);
+    },
+    getPipe: (pipeId) => {
+      return state.pipes.get(pipeId);
+    },
+  };
+})();

src/main.js

@@ -5,6 +5,7 @@ import { INTERCEPT_BEFORE_DROP } from "@jsplumb/browser-ui";
 import { isConnectionAllowed } from "./functions/isConnectionAllowed";
 import { initContextmenu } from "./functions/contextmenu";
 import { createEndpoints } from "./functions/endpoints";
+import { appState } from "./functions/state";
 import {
   runCustomCode,
   stopCustomCode,
@@ -14,16 +15,6 @@ import {
 import { getScaleValues } from "./functions/scaling";
 
 function App() {
-  const appState = (() => {
-    let state = {
-      beenPaused: false,
-    };
-
-    return {
-      getState: () => state,
-      setBeenPaused: (beenPaused) => (state.beenPaused = beenPaused),
-    };
-  })();
   const instance = jsPlumb.getInstance({});
   instance.setContainer("diagram");
   instance.ready(() => {