Feature/splitting

components/bpmn-q/modeler-component/editor/EditorConstants.js

@@ -59,3 +59,14 @@ export const INITIAL_DIAGRAM_XML =
   "    </bpmndi:BPMNPlane>\n" +
   "  </bpmndi:BPMNDiagram>\n" +
   "</bpmn2:definitions>";
+
+export const EMPTY_DIAGRAM_XML =
+  '<?xml version="1.0" encoding="UTF-8"?>\n' +
+  '<bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" id="sample-diagram" targetNamespace="http://bpmn.io/schema/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd">\n' +
+  '  <bpmn2:process id="Process_1" isExecutable="true">\n' +
+  "  </bpmn2:process>\n" +
+  '  <bpmndi:BPMNDiagram id="BPMNDiagram_1">\n' +
+  '    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1">\n' +
+  "    </bpmndi:BPMNPlane>\n" +
+  "  </bpmndi:BPMNDiagram>\n" +
+  "</bpmn2:definitions>";

components/bpmn-q/modeler-component/editor/config/EditorConfigManager.js

@@ -19,6 +19,7 @@ const defaultConfig = {
   githubRepositoryPath: process.env.QRM_REPOPATH,
   uploadGithubRepositoryName: process.env.UPLOAD_GITHUB_REPO,
   uploadGithubRepositoryOwner: process.env.UPLOAD_GITHUB_USER,
+  uploadGithubRepositoryPath: process.env.UPLOAD_GITHUB_REPOPATH,
   uploadFileName: process.env.UPLOAD_FILE_NAME,
   uploadBranchName: process.env.UPLOAD_BRANCH_NAME,
 };
@@ -383,6 +384,32 @@ export function setUploadBranchName(uploadBranchName) {
   }
 }
 
+/**
+ * Get the local path to the folder in the repository containing the QRMs
+ *
+ * @return {string} the specified repository path
+ */
+export function getUploadGithubRepositoryPath() {
+  if (config.uploadGithubRepositoryPath === undefined) {
+    setUploadGithubRepositoryPath(
+      getPluginConfig("editor").uploadGithubRepositoryPath ||
+        defaultConfig.uploadGithubRepositoryPath
+    );
+  }
+  return config.uploadGithubRepositoryPath;
+}
+
+/**
+ * Set the local path to the folder in the repository containing the QRMs
+ *
+ * @param repositoryPath the repository path
+ */
+export function setUploadGithubRepositoryPath(repositoryPath) {
+  if (repositoryPath !== null && repositoryPath !== undefined) {
+    config.uploadGithubRepositoryPath = repositoryPath;
+  }
+}
+
 /**
  * Resets the current editor configs
  */

components/bpmn-q/modeler-component/editor/config/GitHubTab.js

@@ -32,6 +32,9 @@ export default function GitHubTab() {
   const [uploadBranchName, setUploadBranchName] = useState(
     config.getUploadBranchName()
   );
+  const [uploadGithubRepositoryPath, setUploadGithubRepositoryPath] = useState(
+    config.getUploadGithubRepositoryPath
+  );
   const modeler = getModeler();
 
   const editorActions = modeler.get("editorActions");
@@ -104,6 +107,14 @@ export default function GitHubTab() {
     });
   }
 
+  if (!editorActions._actions.hasOwnProperty("uploadGithubRepoPathChanged")) {
+    editorActions.register({
+      uploadGithubRepoPathChanged: function (uploadGithubRepoPath) {
+        self.modeler.config.uploadGithubRepositoryPath = uploadGithubRepoPath;
+      },
+    });
+  }
+
   // save changed config entries on close
   GitHubTab.prototype.onClose = () => {
     modeler.config.githubRepositoryName = githubRepositoryName;
@@ -114,6 +125,7 @@ export default function GitHubTab() {
     modeler.config.uploadGithubRepositoryOwner = uploadGithubOwner;
     modeler.config.uploadFileName = uploadFileName;
     modeler.config.uploadBranchName = uploadBranchName;
+    modeler.config.uploadGithubRepositoryPath = uploadGithubRepositoryPath;
 
     config.setUploadGithubRepositoryName(uploadGithubRepositoryName);
     config.setUploadGithubRepositoryOwner(uploadGithubOwner);
@@ -123,6 +135,7 @@ export default function GitHubTab() {
     config.setQRMUserName(githubUsername);
     config.setQRMRepositoryPath(githubRepositoryPath);
     config.setGitHubToken(githubToken);
+    config.setUploadGithubRepositoryPath(uploadGithubRepositoryPath);
   };
 
   return (
@@ -237,6 +250,20 @@ export default function GitHubTab() {
               />
             </td>
           </tr>
+          <tr className="spaceUnder">
+            <td align="right">GitHub Repository Path:</td>
+            <td align="left">
+              <input
+                className="qwm-input"
+                type="string"
+                name="uploadGithubRepositoryPath"
+                value={uploadGithubRepositoryPath}
+                onChange={(event) =>
+                  setUploadGithubRepositoryPath(event.target.value)
+                }
+              />
+            </td>
+          </tr>
           <tr className="spaceUnder">
             <td align="right">Workflow File Name:</td>
             <td align="left">
@@ -269,4 +296,6 @@ GitHubTab.prototype.config = () => {
     config.getUploadGithubRepositoryOwner();
   modeler.config.uploadFileName = config.getUploadFileName();
   modeler.config.uploadBranchName = config.getUploadBranchName();
+  modeler.config.uploadGithubRepositoryPath =
+    config.getUploadGithubRepositoryPath();
 };

components/bpmn-q/modeler-component/editor/plugin/PluginHandler.js

@@ -122,26 +122,6 @@ export function getAdditionalModules() {
   return modules;
 }
 
-/**
- * Returns all css style modules the active plugins define in their styling property as an array.
- *
- * @returns {*[]} Array of css style modules defined by the active plugins.
- */
-export function getStyles() {
-  let styles = [];
-
-  // load css styles of the active plugins
-  for (let plugin of getActivePlugins()) {
-    if (plugin.styling) {
-      styles = styles.concat(plugin.styling);
-    }
-  }
-
-  console.log("\n Get Plugin Styling");
-  console.log(styles);
-  return styles;
-}
-
 /**
  * Returns an objects with all moddle extensions for the bpmn-js modeler the active plugins define in their moddleDescription property.
  * The returned object contains a property for each plugin with its name and the moddle extension as value.

components/bpmn-q/modeler-component/editor/util/IoUtilities.js

@@ -12,7 +12,7 @@ import fetch from "node-fetch";
 import getHardwareSelectionForm from "../../extensions/quantme/replacement/hardware-selection/HardwareSelectionForm";
 import JSZip from "jszip";
 import NotificationHandler from "../ui/notifications/NotificationHandler";
-import { checkEnabledStatus } from "../plugin/PluginHandler";
+import { getActivePlugins } from "../plugin/PluginHandler";
 import { getServiceTasksToDeploy } from "../../extensions/opentosca/deployment/DeploymentUtils";
 import { getRootProcess } from "./ModellingUtilities";
 import { getWineryEndpoint } from "../../extensions/opentosca/framework-config/config-manager";
@@ -592,6 +592,7 @@ export async function saveQAA(
   views,
   qaaFileName = editorConfig.getFileName()
 ) {
+  let startTimeStepH = Date.now();
   console.log("Storing QAA for workflow with name: ", qaaFileName);
   let suggestedName = qaaFileName;
   if (suggestedName.includes(saveFileFormats.BPMN)) {
@@ -614,7 +615,15 @@ export async function saveQAA(
   }
 
   // Add CSARs to Zip if OpenTOSCA plugin is enabled
-  if (checkEnabledStatus(pluginNames.OPENTOSCA)) {
+  let openToscaActive = false;
+  for (let plugin of getActivePlugins()) {
+    console.log(plugin.name);
+    if (plugin.name === pluginNames.OPENTOSCA) {
+      openToscaActive = true;
+    }
+  }
+
+  if (openToscaActive) {
     console.log("OpenTOSCA plugin is enabled. Adding CSARs to QAA...");
     const deploymentModelFolder = zip.folder("deployment-models");
 
@@ -634,7 +643,9 @@ export async function saveQAA(
         csarUrl = csarUrl.replace("{{ wineryEndpoint }}", getWineryEndpoint());
       }
       console.log("Downloading CSAR from URL: ", csarUrl);
-      const csar = await (await fetch(csarUrl)).blob();
+      const result = await fetch(csarUrl);
+      console.log(result);
+      const csar = await result.blob();
       console.log("CSAR: ", csar);
 
       // store CSAR in zip file
@@ -667,6 +678,8 @@ export async function saveQAA(
     xml,
     editorConfig.getFileName()
   );
+  const elapsedTimeStepH = Date.now() - startTimeStepH;
+  console.log(`Time taken for step H: ${elapsedTimeStepH}ms`);
 }
 
 function getTimestamp() {