@openchoreo/cell-diagram 1.2.0-rc.1

package/dist/utils/CanvasStyles.esm.js

@@ -0,0 +1,67 @@
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import styled from '@emotion/styled';
+import { MAIN_CELL } from '../resources/constants.esm.js';
+import 'react/jsx-runtime';
+
+const useStyles = makeStyles(
+  () => createStyles({
+    canvas: {
+      height: "100%",
+      width: "100%"
+    }
+  })
+);
+const Container = styled.div`
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  font-family: 'GilmerRegular';
+
+  &.preview-mode {
+    padding: 10px;
+    background-image: radial-gradient(
+      ${({ theme }) => theme.colors.SURFACE_CONTAINER} 10%,
+      transparent 0px
+    );
+    background-size: 8px 8px;
+    background-color: ${({ theme }) => theme.colors.SURFACE_BRIGHT};
+    overflow: hidden;
+    border-radius: 8px;
+    cursor: pointer;
+    border: 1px solid ${({ theme }) => theme.colors.SURFACE_CONTAINER};
+  }
+`;
+const DiagramContainer = styled.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  background-image: radial-gradient(
+    ${({ theme }) => theme.colors.SURFACE_CONTAINER} 10%,
+    transparent 0px
+  );
+  background-size: 16px 16px;
+  background-color: ${({ theme }) => theme.colors.SURFACE_BRIGHT};
+  svg:not(:root) {
+    overflow: visible;
+  }
+  [data-nodeid='${MAIN_CELL}'] {
+    pointer-events: none;
+  }
+
+  &.preview-mode {
+    background-size: 8px 8px;
+    padding: 5px;
+    .cell-diagram-canvas {
+      cursor: pointer;
+    }
+  }
+`;
+
+export { Container, DiagramContainer, useStyles };
+//# sourceMappingURL=CanvasStyles.esm.js.map

package/dist/utils/CanvasStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasStyles.esm.js","sources":["../../src/utils/CanvasStyles.ts"],"sourcesContent":["import { createStyles, makeStyles } from '@material-ui/core/styles';\nimport styled from '@emotion/styled';\n\nimport { MAIN_CELL } from '../resources';\n\n/**\n * Structural styles for the SVG canvas wrapper. Kept on MUI v4 `makeStyles`\n * because it carries no theme-dependent values; the call-sites use the\n * `canvas` class to size the canvas.\n */\nexport const useStyles = makeStyles(() =>\n  createStyles({\n    canvas: {\n      height: '100%',\n      width: '100%',\n    },\n  }),\n);\n\nexport const Container = styled.div`\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  font-family: 'GilmerRegular';\n\n  &.preview-mode {\n    padding: 10px;\n    background-image: radial-gradient(\n      ${({ theme }) => theme.colors.SURFACE_CONTAINER} 10%,\n      transparent 0px\n    );\n    background-size: 8px 8px;\n    background-color: ${({ theme }) => theme.colors.SURFACE_BRIGHT};\n    overflow: hidden;\n    border-radius: 8px;\n    cursor: pointer;\n    border: 1px solid ${({ theme }) => theme.colors.SURFACE_CONTAINER};\n  }\n`;\n\nexport const DiagramContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n  background-image: radial-gradient(\n    ${({ theme }) => theme.colors.SURFACE_CONTAINER} 10%,\n    transparent 0px\n  );\n  background-size: 16px 16px;\n  background-color: ${({ theme }) => theme.colors.SURFACE_BRIGHT};\n  svg:not(:root) {\n    overflow: visible;\n  }\n  [data-nodeid='${MAIN_CELL}'] {\n    pointer-events: none;\n  }\n\n  &.preview-mode {\n    background-size: 8px 8px;\n    padding: 5px;\n    .cell-diagram-canvas {\n      cursor: pointer;\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,SAAA,GAAY,UAAA;AAAA,EAAW,MAClC,YAAA,CAAa;AAAA,IACX,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,MAAA;AAAA,MACR,KAAA,EAAO;AAAA;AACT,GACD;AACH;AAEO,MAAM,YAAY,MAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,MAAA,EAYxB,CAAC,EAAE,KAAA,EAAM,KAAM,KAAA,CAAM,OAAO,iBAAiB,CAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAI7B,CAAC,EAAE,KAAA,EAAM,KAAM,KAAA,CAAM,OAAO,cAAc,CAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAI1C,CAAC,EAAE,KAAA,EAAM,KAAM,KAAA,CAAM,OAAO,iBAAiB,CAAA;AAAA;AAAA;AAI9D,MAAM,mBAAmB,MAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAQjC,CAAC,EAAE,KAAA,EAAM,KAAM,KAAA,CAAM,OAAO,iBAAiB,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAI7B,CAAC,EAAE,KAAA,EAAM,KAAM,KAAA,CAAM,OAAO,cAAc,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAI9C,SAAS,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/utils/diagramUtils.esm.js

@@ -0,0 +1,151 @@
+import createEngine from '@projectstorm/react-diagrams';
+import gsap from 'gsap';
+import { ProjectFactory } from '../components/Project/ProjectNode/ProjectFactory.esm.js';
+import { MAIN_CELL, EXTERNAL_LINK, COMPONENT_NODE, CONNECTION_NODE, COMPONENT_LINK, CELL_LINK, PROJECT_NODE } from '../resources/constants.esm.js';
+import 'react/jsx-runtime';
+import { ZoomCanvasAction } from '@projectstorm/react-canvas-core';
+import '@projectstorm/react-diagrams-core';
+import '@projectstorm/geometry';
+import '@projectstorm/react-diagrams-defaults';
+import 'dagre';
+import 'lodash';
+import 'react';
+import '@mui/material/Fade';
+import '@mui/material/Box';
+import '@mui/material/Tooltip';
+import '@mui/icons-material/OpenInNewRounded';
+import '../components/Project/ProjectNode/styles.esm.js';
+import '../components/Project/ProjectPort/styles.esm.js';
+import '../components/Cell/CellNode/styles.esm.js';
+import '../components/DiagramContext/DiagramContext.esm.js';
+import '../theme/ThemeContext.esm.js';
+import '../theme/CellDiagramThemeProvider.esm.js';
+import { ProjectLinkFactory } from '../components/Project/ProjectLink/ProjectLinkFactory.esm.js';
+import '../components/SharedLink/SharedLink.esm.js';
+import { AdvancedLinkFactory } from '../components/Project/AdvancedLink/AdvancedLinkFactory.esm.js';
+import { ProjectPortFactory } from '../components/Project/ProjectPort/ProjectPortFactory.esm.js';
+import { ComponentFactory } from '../components/Component/ComponentNode/ComponentFactory.esm.js';
+import '../components/Component/ComponentNode/styles.esm.js';
+import '../components/MoreVertMenu/MoreVertMenu.esm.js';
+import { ComponentLinkFactory } from '../components/Component/ComponentLink/ComponentLinkFactory.esm.js';
+import '../components/ObservationLabel/ObservationLabel.esm.js';
+import '../components/TooltipLabel/TooltipLabel.esm.js';
+import '@mui/material/Popper';
+import { ComponentPortFactory } from '../components/Component/ComponentPort/ComponentPortFactory.esm.js';
+import { ConnectionFactory } from '../components/Connection/ConnectionNode/ConnectionFactory.esm.js';
+import '../components/Connection/ConnectionNode/styles.esm.js';
+import { ConnectionPortFactory } from '../components/Connection/ConnectionPort/ConnectionPortFactory.esm.js';
+import { CellFactory } from '../components/Cell/CellNode/CellFactory.esm.js';
+import { CellLinkFactory } from '../components/Cell/CellLink/CellLinkFactory.esm.js';
+import { CellPortFactory } from '../components/Cell/CellPort/CellPortFactory.esm.js';
+import { EmptyFactory } from '../components/Cell/EmptyNode/EmptyFactory.esm.js';
+import '../components/Cell/EmptyNode/styles.esm.js';
+import { ExternalFactory } from '../components/External/ExternalNode/ExternalFactory.esm.js';
+import '../components/External/ExternalNode/styles.esm.js';
+import { ExternalLinkFactory } from '../components/External/ExternalLink/ExternalLinkFactory.esm.js';
+import { OverlayLayerFactory } from '../components/OverlayLoader/OverlayLayerFactory.esm.js';
+import '../components/PromptScreen/PromptScreen.esm.js';
+import '../components/Header/Header.esm.js';
+import '../components/Controls/DiagramControls.esm.js';
+
+function generateEngine(previewMode) {
+  const engine = createEngine({
+    registerDefaultPanAndZoomCanvasAction: false,
+    registerDefaultZoomCanvasAction: false
+  });
+  engine.getLinkFactories().registerFactory(new ProjectLinkFactory());
+  engine.getPortFactories().registerFactory(new ProjectPortFactory());
+  engine.getNodeFactories().registerFactory(new ProjectFactory());
+  engine.getLinkFactories().registerFactory(new AdvancedLinkFactory());
+  engine.getLinkFactories().registerFactory(new ComponentLinkFactory());
+  engine.getPortFactories().registerFactory(new ComponentPortFactory());
+  engine.getNodeFactories().registerFactory(new ComponentFactory());
+  engine.getPortFactories().registerFactory(new ConnectionPortFactory());
+  engine.getNodeFactories().registerFactory(new ConnectionFactory());
+  engine.getLinkFactories().registerFactory(new CellLinkFactory());
+  engine.getPortFactories().registerFactory(new CellPortFactory());
+  engine.getNodeFactories().registerFactory(new CellFactory());
+  engine.getLinkFactories().registerFactory(new ExternalLinkFactory());
+  engine.getNodeFactories().registerFactory(new ExternalFactory());
+  engine.getNodeFactories().registerFactory(new EmptyFactory());
+  engine.getLayerFactories().registerFactory(new OverlayLayerFactory());
+  if (!previewMode) {
+    engine.getActionEventBus().registerAction(new ZoomCanvasAction({ inverseZoom: true }));
+  }
+  return engine;
+}
+function animateProjectDiagram() {
+  const tl = gsap.timeline();
+  const safeAnimate = (selector, animation, label) => {
+    const elements = gsap.utils.toArray(selector);
+    if (elements.length > 0) {
+      tl.from(elements, animation, label);
+    }
+  };
+  safeAnimate(`div[data-nodeid="${MAIN_CELL}"]`, {
+    scale: 0,
+    opacity: 0,
+    duration: 0.5
+  });
+  safeAnimate(
+    `g[data-linkid^="${EXTERNAL_LINK}|"]`,
+    {
+      opacity: 0,
+      duration: 0.5
+    },
+    "showNodeTime"
+  );
+  safeAnimate(
+    `div[data-nodeid^="${COMPONENT_NODE}|"]`,
+    {
+      opacity: 0,
+      duration: 0.5
+    },
+    "showNodeTime"
+  );
+  safeAnimate(
+    `div[data-nodeid^="${CONNECTION_NODE}|"]`,
+    {
+      opacity: 0,
+      duration: 0.5
+    },
+    "showNodeTime"
+  );
+  safeAnimate(
+    `g[data-linkid^="${COMPONENT_LINK}|"]`,
+    {
+      opacity: 0,
+      duration: 0.5
+    },
+    "showNodeTime"
+  );
+  safeAnimate(
+    `g[data-linkid^="${CELL_LINK}|"]`,
+    {
+      opacity: 0,
+      duration: 0.5
+    },
+    "showNodeTime"
+  );
+}
+function animateOrgDiagram() {
+  const tl = gsap.timeline();
+  const safeAnimate = (selector, animation, label) => {
+    const elements = gsap.utils.toArray(selector);
+    if (elements.length > 0) {
+      tl.from(elements, animation, label);
+    }
+  };
+  safeAnimate(`div[data-nodeid^="${PROJECT_NODE}|"]`, {
+    scale: 0.5,
+    opacity: 0,
+    duration: 0.5
+  });
+  safeAnimate(`g[data-default-link-test^="${PROJECT_NODE}|"]`, {
+    opacity: 0,
+    duration: 0.5
+  });
+}
+
+export { animateOrgDiagram, animateProjectDiagram, generateEngine };
+//# sourceMappingURL=diagramUtils.esm.js.map

package/dist/utils/diagramUtils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagramUtils.esm.js","sources":["../../src/utils/diagramUtils.ts"],"sourcesContent":["import createEngine, { DiagramEngine } from '@projectstorm/react-diagrams';\nimport gsap from 'gsap';\nimport {\n  OverlayLayerFactory,\n  ComponentFactory,\n  ComponentLinkFactory,\n  ComponentPortFactory,\n  CellFactory,\n  CellLinkFactory,\n  CellPortFactory,\n  EmptyFactory,\n  ExternalFactory,\n  ExternalLinkFactory,\n  ConnectionPortFactory,\n  ConnectionFactory,\n  ProjectLinkFactory,\n  ProjectPortFactory,\n  ProjectFactory,\n  DefaultLinkFactory,\n} from '../components';\nimport {\n  CELL_LINK,\n  COMPONENT_LINK,\n  COMPONENT_NODE,\n  CONNECTION_NODE,\n  EXTERNAL_LINK,\n  MAIN_CELL,\n  PROJECT_NODE,\n} from '../resources';\nimport { ZoomCanvasAction } from '@projectstorm/react-canvas-core';\n\n// Diagram engine utils\n\nexport function generateEngine(previewMode?: boolean): DiagramEngine {\n  const engine: DiagramEngine = createEngine({\n    registerDefaultPanAndZoomCanvasAction: false,\n    registerDefaultZoomCanvasAction: false,\n  });\n  engine.getLinkFactories().registerFactory(new ProjectLinkFactory());\n  engine.getPortFactories().registerFactory(new ProjectPortFactory());\n  engine.getNodeFactories().registerFactory(new ProjectFactory());\n  engine.getLinkFactories().registerFactory(new DefaultLinkFactory());\n\n  engine.getLinkFactories().registerFactory(new ComponentLinkFactory());\n  engine.getPortFactories().registerFactory(new ComponentPortFactory());\n  engine.getNodeFactories().registerFactory(new ComponentFactory());\n\n  engine.getPortFactories().registerFactory(new ConnectionPortFactory());\n  engine.getNodeFactories().registerFactory(new ConnectionFactory());\n\n  engine.getLinkFactories().registerFactory(new CellLinkFactory());\n  engine.getPortFactories().registerFactory(new CellPortFactory());\n  engine.getNodeFactories().registerFactory(new CellFactory());\n\n  engine.getLinkFactories().registerFactory(new ExternalLinkFactory());\n  engine.getNodeFactories().registerFactory(new ExternalFactory());\n\n  engine.getNodeFactories().registerFactory(new EmptyFactory());\n\n  engine.getLayerFactories().registerFactory(new OverlayLayerFactory());\n\n  if (!previewMode) {\n    engine\n      .getActionEventBus()\n      .registerAction(new ZoomCanvasAction({ inverseZoom: true }));\n  }\n  return engine;\n}\n\n// reveal diagram with animation\nexport function animateProjectDiagram() {\n  const tl = gsap.timeline();\n  const safeAnimate = (\n    selector: string,\n    animation: gsap.TweenVars,\n    label?: gsap.Position,\n  ) => {\n    const elements = gsap.utils.toArray(selector);\n    if (elements.length > 0) {\n      tl.from(elements, animation, label);\n    }\n  };\n  safeAnimate(`div[data-nodeid=\"${MAIN_CELL}\"]`, {\n    scale: 0,\n    opacity: 0,\n    duration: 0.5,\n  });\n  safeAnimate(\n    `g[data-linkid^=\"${EXTERNAL_LINK}|\"]`,\n    {\n      opacity: 0,\n      duration: 0.5,\n    },\n    'showNodeTime',\n  );\n  safeAnimate(\n    `div[data-nodeid^=\"${COMPONENT_NODE}|\"]`,\n    {\n      opacity: 0,\n      duration: 0.5,\n    },\n    'showNodeTime',\n  );\n  safeAnimate(\n    `div[data-nodeid^=\"${CONNECTION_NODE}|\"]`,\n    {\n      opacity: 0,\n      duration: 0.5,\n    },\n    'showNodeTime',\n  );\n  safeAnimate(\n    `g[data-linkid^=\"${COMPONENT_LINK}|\"]`,\n    {\n      opacity: 0,\n      duration: 0.5,\n    },\n    'showNodeTime',\n  );\n  safeAnimate(\n    `g[data-linkid^=\"${CELL_LINK}|\"]`,\n    {\n      opacity: 0,\n      duration: 0.5,\n    },\n    'showNodeTime',\n  );\n}\n\nexport function animateOrgDiagram() {\n  const tl = gsap.timeline();\n  const safeAnimate = (\n    selector: string,\n    animation: gsap.TweenVars,\n    label?: gsap.Position,\n  ) => {\n    const elements = gsap.utils.toArray(selector);\n    if (elements.length > 0) {\n      tl.from(elements, animation, label);\n    }\n  };\n  safeAnimate(`div[data-nodeid^=\"${PROJECT_NODE}|\"]`, {\n    scale: 0.5,\n    opacity: 0,\n    duration: 0.5,\n  });\n  safeAnimate(`g[data-default-link-test^=\"${PROJECT_NODE}|\"]`, {\n    opacity: 0,\n    duration: 0.5,\n  });\n}\n"],"names":["DefaultLinkFactory"],"mappings":"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"}

package/dist/utils/orgUtils.esm.js

@@ -0,0 +1,119 @@
+import 'react/jsx-runtime';
+import '@projectstorm/react-canvas-core';
+import { ProjectModel } from '../components/Project/ProjectNode/ProjectModel.esm.js';
+import 'react';
+import '@mui/material/Fade';
+import '@mui/material/Box';
+import '@mui/material/Tooltip';
+import '@mui/icons-material/OpenInNewRounded';
+import '../components/Project/ProjectNode/styles.esm.js';
+import '@projectstorm/react-diagrams';
+import '../components/Project/ProjectPort/styles.esm.js';
+import { CellBounds } from '../components/Cell/CellNode/CellModel.esm.js';
+import '../components/Cell/CellNode/styles.esm.js';
+import { DIAGRAM_END, PROJECT_NODE, NAME_JOIN_CHAR } from '../resources/constants.esm.js';
+import '../components/DiagramContext/DiagramContext.esm.js';
+import '../theme/ThemeContext.esm.js';
+import '../theme/CellDiagramThemeProvider.esm.js';
+import '../components/SharedLink/SharedLink.esm.js';
+import '../components/Project/AdvancedLink/AdvancedLinkFactory.esm.js';
+import '../components/Component/ComponentNode/styles.esm.js';
+import '../components/MoreVertMenu/MoreVertMenu.esm.js';
+import '../components/ObservationLabel/ObservationLabel.esm.js';
+import '../components/TooltipLabel/TooltipLabel.esm.js';
+import '@mui/material/Popper';
+import '../components/Connection/ConnectionNode/styles.esm.js';
+import '../components/Cell/EmptyNode/styles.esm.js';
+import '../components/External/ExternalNode/styles.esm.js';
+import '@projectstorm/geometry';
+import '../components/OverlayLoader/OverlayLayerWidget.esm.js';
+import '../components/PromptScreen/PromptScreen.esm.js';
+import '../components/Header/Header.esm.js';
+import '../components/Controls/DiagramControls.esm.js';
+import { AdvancedLinkModel } from '../components/Project/AdvancedLink/AdvancedLinkModel.esm.js';
+
+function getDiagramDataFromOrg(org) {
+  const projectNodes = generateProjectNodes(org);
+  const projectLinks = generateProjectLinks(
+    org,
+    projectNodes
+  );
+  return {
+    nodes: {
+      projectNodes
+    },
+    links: {
+      projectLinks
+    }
+  };
+}
+function generateProjectNodes(org) {
+  const nodes = /* @__PURE__ */ new Map();
+  org.projects?.forEach((project, _key) => {
+    const projectNode = new ProjectModel(project);
+    projectNode.setPosition(DIAGRAM_END, DIAGRAM_END);
+    nodes.set(projectNode.getID(), projectNode);
+  });
+  return nodes;
+}
+function generateProjectLinks(org, projectNodes) {
+  const links = /* @__PURE__ */ new Map();
+  org.projects?.forEach((project, _key) => {
+    project.connections?.forEach((connection) => {
+      const sourceNode = projectNodes.get(getProjectNameById(project.id));
+      if (connection.target === void 0 || connection.target.projectId === void 0) {
+        return;
+      }
+      const targetGateway = connection.target;
+      const targetNode = projectNodes.get(
+        getProjectNameById(targetGateway.projectId)
+      );
+      if (!(sourceNode && targetNode)) {
+        return;
+      }
+      const sourcePort = sourceNode.getPort(
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        `${getPortAlignmentForCellBound(
+          connection.source.boundary
+        )}-${sourceNode.getID()}`
+      );
+      const targetPort = targetNode.getPort(
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        `${getPortAlignmentForCellBound(
+          targetGateway.boundary
+        )}-${targetNode.getID()}`
+      );
+      if (!(sourcePort && targetPort)) {
+        return;
+      }
+      const linkId = `${sourceNode.getID()}-${targetNode.getID()}`;
+      const link = new AdvancedLinkModel({ testName: linkId });
+      link.setSourcePort(sourcePort);
+      link.setTargetPort(targetPort);
+      sourcePort.addLink(link);
+      links.set(linkId, link);
+      link.setLocked(true);
+    });
+  });
+  return links;
+}
+const getPortAlignmentForCellBound = (bound) => {
+  switch (bound) {
+    case CellBounds.NorthBound:
+      return "top";
+    case CellBounds.SouthBound:
+      return "bottom";
+    case CellBounds.WestBound:
+      return "left";
+    case CellBounds.EastBound:
+      return "right";
+    default:
+      return "top";
+  }
+};
+function getProjectNameById(id) {
+  return `${PROJECT_NODE}${NAME_JOIN_CHAR}${id}`;
+}
+
+export { getDiagramDataFromOrg, getProjectNameById };
+//# sourceMappingURL=orgUtils.esm.js.map

package/dist/utils/orgUtils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orgUtils.esm.js","sources":["../../src/utils/orgUtils.ts"],"sourcesContent":["import { ProjectModel, ProjectPortModel } from '../components';\nimport { CellBounds } from '../components/Cell/CellNode/CellModel';\nimport {\n  CommonModel,\n  OrgDiagramData,\n  Organization,\n  ProjectGateway,\n} from '../types';\nimport { AdvancedLinkModel } from '../components/Project/AdvancedLink/AdvancedLinkModel';\nimport { DIAGRAM_END, NAME_JOIN_CHAR, PROJECT_NODE } from '../resources';\n\nexport function getDiagramDataFromOrg(org: Organization): OrgDiagramData {\n  const projectNodes: Map<string, CommonModel> = generateProjectNodes(org);\n  const projectLinks: Map<string, AdvancedLinkModel> = generateProjectLinks(\n    org,\n    projectNodes,\n  );\n\n  return {\n    nodes: {\n      projectNodes,\n    },\n    links: {\n      projectLinks,\n    },\n  };\n}\n\nfunction generateProjectNodes(org: Organization): Map<string, CommonModel> {\n  const nodes: Map<string, CommonModel> = new Map<string, ProjectModel>();\n  org.projects?.forEach((project, _key) => {\n    const projectNode = new ProjectModel(project);\n    projectNode.setPosition(DIAGRAM_END, DIAGRAM_END);\n    nodes.set(projectNode.getID(), projectNode);\n\n    // add project connections\n    // project.connections?.forEach((connection) => {\n    //     const targetGateway = connection.target as Connection;\n    //     if (!targetGateway) {\n    //         return;\n    //     }\n    //     if (!targetGateway.id || !targetGateway.label) {\n    //         console.error(\"Target node not found for connection: \", connection);\n    //         return;\n    //     }\n    //     const targetNode = new ConnectionModel(targetGateway);\n    //     nodes.set(targetNode.getID(), targetNode);\n    // });\n  });\n\n  return nodes;\n}\n\nfunction generateProjectLinks(\n  org: Organization,\n  projectNodes: Map<string, CommonModel>,\n): Map<string, AdvancedLinkModel> {\n  const links: Map<string, AdvancedLinkModel> = new Map();\n\n  org.projects?.forEach((project, _key) => {\n    project.connections?.forEach(connection => {\n      // link projects\n      const sourceNode = projectNodes.get(getProjectNameById(project.id));\n      if (\n        connection.target === undefined ||\n        (connection.target as ProjectGateway).projectId === undefined\n      ) {\n        return;\n      }\n      const targetGateway = connection.target as ProjectGateway;\n      const targetNode = projectNodes.get(\n        getProjectNameById(targetGateway.projectId),\n      );\n      if (!(sourceNode && targetNode)) {\n        return;\n      }\n\n      const sourcePort = sourceNode.getPort(\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        `${getPortAlignmentForCellBound(\n          connection.source.boundary,\n        )}-${sourceNode.getID()}`,\n      ) as ProjectPortModel;\n      const targetPort = targetNode.getPort(\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        `${getPortAlignmentForCellBound(\n          targetGateway.boundary,\n        )}-${targetNode.getID()}`,\n      ) as ProjectPortModel;\n      if (!(sourcePort && targetPort)) {\n        return;\n      }\n\n      const linkId = `${sourceNode.getID()}-${targetNode.getID()}`;\n      const link = new AdvancedLinkModel({ testName: linkId });\n      link.setSourcePort(sourcePort);\n      link.setTargetPort(targetPort);\n      sourcePort.addLink(link);\n      links.set(linkId, link);\n      link.setLocked(true);\n    });\n  });\n\n  return links;\n}\n\nconst getPortAlignmentForCellBound = (bound: CellBounds): string => {\n  switch (bound) {\n    case CellBounds.NorthBound:\n      return 'top';\n    case CellBounds.SouthBound:\n      return 'bottom';\n    case CellBounds.WestBound:\n      return 'left';\n    case CellBounds.EastBound:\n      return 'right';\n    default:\n      return 'top';\n  }\n};\n\nexport function getProjectNameById(id: string): string {\n  return `${PROJECT_NODE}${NAME_JOIN_CHAR}${id}`;\n}\n"],"names":[],"mappings":"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"}