Enable QRMs as concrete solutions for augmentation and behavioral patterns

.github/workflows/run-npm-test.yml

@@ -12,10 +12,55 @@ jobs:
     runs-on: ubuntu-latest
 
     services:
+      ### Workflow Deployment Test Setup ###
       workflow-test-engine:
-        image: planqk/workflow-engine-test:latest
+        image: planqk/workflow-engine-test:v1.0.0
         ports:
           - 8090:8090
+      ### End of Workflow Deployment Test Setup ###
+
+      ### Pattern-based Test Setup ###
+      db:
+        image: planqk/db-test:v1.1.0
+        ports:
+          - 5060:5060
+        env:
+          POSTGRES_USERS: 'planqk:planqk|patternatlas:patternatlas|qprov:qprov'
+          POSTGRES_DATABASES: 'planqk:planqk|patternatlas:patternatlas|qprov:qprov'
+          QC_ATLAS_CONTENT_REPOSITORY_BRANCH: 'master'
+          ATLAS_DB: planqk
+          PATTERNATLAS_DB: patternatlas
+
+      pattern-atlas-api:
+        image: patternatlas/pattern-atlas-api:v1.9.0
+        ports:
+          - 1977:1977
+        env:
+          JDBC_DATABASE_URL: db
+          JDBC_DATABASE_USERNAME: patternatlas
+          JDBC_DATABASE_PASSWORD: patternatlas
+          JDBC_DATABASE_PORT: 5060
+          DB_INIT_USER: patternatlas
+          DB_INIT_PASSWORD: patternatlas
+          LATEX_RENDERER_HOST_NAME: latex-renderer
+          LATEX_RENDERER_PORT: 5030
+          JDBC_DATABASE_NAME: patternatlas
+          PATTERN_ATLAS_FETCH_INITIAL_DATA: 'true'
+          HAL_EXPLORER: 'false'
+          SPRING_PROFILES_ACTIVE: docker
+
+      qc-atlas:
+        image: planqk/atlas:v3.1.4
+        ports:
+          - 6626:6626
+        env:
+          POSTGRES_HOSTNAME: db
+          POSTGRES_PORT: 5060
+          POSTGRES_USER: planqk
+          POSTGRES_PASSWORD: planqk
+          POSTGRES_DB: planqk
+      ### End of Pattern-based Test Setup ###
+
 
     steps:
       - uses: actions/checkout@v3
@@ -27,4 +72,4 @@ jobs:
           npm ci
           npm run build
           npm test
-        working-directory: ./components/bpmn-q
+        working-directory: ./components/bpmn-q

components/bpmn-q/karma.conf.js

@@ -30,6 +30,7 @@ module.exports = function (config) {
       "test/tests/dataflow/data-flow-palette.spec.js",
       "test/tests/dataflow/data-flow-replace-menu.spec.js",
       "test/tests/pattern/pattern-config.spec.js",
+      "test/tests/pattern/pattern-qrms.spec.js",
       "test/tests/pattern/pattern-transformation.spec.js",
     ],
 

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

@@ -52,23 +52,6 @@ export function createModeler(containerId, propertiesParentId) {
   return modeler;
 }
 
-/**
- * Create a new modeler object with the Camunda extensions but no custom extensions
- *
- * @return the created modeler
- */
-export function createPlainModeler() {
-  return new BpmnModeler({
-    additionalModules: [CamundaExtensionModule],
-    keyboard: {
-      bindTo: document,
-    },
-    moddleExtensions: {
-      camunda: camundaModdleDescriptor,
-    },
-  });
-}
-
 /**
  * Creates a modeler with all additional modules and extension moddles from all active plugins which is not
  * saved in as the current modeler instance
@@ -85,17 +68,6 @@ export function createTempModeler() {
   });
 }
 
-/**
- * Create a Modeler with only Camunda native extensions and no additional modules
- *
- * @returns the created bpmn-js modeler
- */
-export function createLightweightModeler() {
-  return new BpmnModeler({
-    moddleExtensions: getExtensions(),
-  });
-}
-
 /**
  * Creates a modeler with all additional modules and extension moddles from all active plugins which is not
  * saved in as the current modeler instance and load the given xml into it.

components/bpmn-q/modeler-component/editor/ui/Toolbar.js

@@ -39,19 +39,19 @@ export default function Toolbar(props) {
   // retrieve all active plugins to identify also the dependency plugins
   const activePlugins = getActivePlugins();
   const patternEnabled = activePlugins.some(
-    (p) => p.name == consts.pluginNames.PATTERN
+    (p) => p.name === consts.pluginNames.PATTERN
   );
   const quantmeEnabled = activePlugins.some(
-    (p) => p.name == consts.pluginNames.QUANTME
+    (p) => p.name === consts.pluginNames.QUANTME
   );
   const qhanaEnabled = activePlugins.some(
-    (p) => p.name == consts.pluginNames.QHANA
+    (p) => p.name === consts.pluginNames.QHANA
   );
   const opentoscaEnabled = activePlugins.some(
-    (p) => p.name == consts.pluginNames.OPENTOSCA
+    (p) => p.name === consts.pluginNames.OPENTOSCA
   );
   const dataflowEnabled = activePlugins.some(
-    (p) => p.name == consts.pluginNames.DATAFLOW
+    (p) => p.name === consts.pluginNames.DATAFLOW
   );
 
   const handleShortcutClick = () => {

components/bpmn-q/modeler-component/editor/ui/XMLViewerButton.js

@@ -40,7 +40,7 @@ export default function XMLViewerButton() {
 
       // Dynamically set the value of the editor
       let xml = getModeler().xml;
-      if (xml.xml != undefined) {
+      if (xml.xml !== undefined) {
         xml = xml.xml;
       }
       aceEditor.setValue(xml);

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

@@ -9,19 +9,25 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import $ from "jquery";
+
 /**
  * Retrieves the Json data from the given endpoint.
  *
  * @param endpoint the endpoint to retrieve the data form
  * @param method
  * @returns
  */
-export async function fetchDataFromEndpoint(endpoint, method = "GET") {
+export async function fetchDataFromEndpoint(
+  endpoint,
+  method = "GET",
+  acceptHeader = ["application/json", "application/hal+json"]
+) {
   try {
     const response = await fetch(endpoint, {
       method: method,
       headers: {
-        Accept: ["application/json", "application/hal+json"],
+        Accept: acceptHeader,
       },
     });
     if (!response.ok) {
@@ -47,3 +53,23 @@ export async function fetchSolutionFromEndpoint(endpoint) {
     return {};
   }
 }
+
+export function performAjax(targetUrl, dataToSend) {
+  return new Promise(function (resolve, reject) {
+    $.ajax({
+      type: "POST",
+      url: targetUrl,
+      data: dataToSend,
+      processData: false,
+      crossDomain: true,
+      contentType: false,
+      beforeSend: function () {},
+      success: function (data) {
+        resolve(data);
+      },
+      error: function (err) {
+        reject(err);
+      },
+    });
+  });
+}

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

@@ -291,6 +291,10 @@ export async function deployWorkflowToCamunda(
 
   // make the request and wait for the response of the deployment endpoint
   try {
+    console.log(
+      "Deploying to Camunda Engine: ",
+      editorConfig.getCamundaEndpoint() + "/deployment/create"
+    );
     const response = await fetch(
       editorConfig.getCamundaEndpoint() + "/deployment/create",
       {

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

@@ -7,117 +7,12 @@ import {
 import { is } from "bpmn-js/lib/util/ModelUtil";
 
 /**
- * Returns all start events of the workflow defined by the process businessObject
+ * Get the type of a given element
  *
- * @param processBo The process businessObject containing the workflow
- * @returns {*[]} All found start event elements of the workflow.
+ * @param element the element to retrieve the type for
  */
-export function getStartEvents(processBo) {
-  return processBo.flowElements.filter(
-    (element) => element.$type === "bpmn:StartEvent"
-  );
-}
-
-/**
- * Adds a Camunda execution listener to the given element which creates the given process variable.
- *
- * @param element The element to add the execution listener to.
- * @param moddle The moddle module of the current bpmn-js modeler.
- * @param processVariable The process variable which should be created through the executionn listener
- */
-export function addExecutionListener(element, moddle, processVariable) {
-  // create the execution listener for the process variable
-  const listener = {
-    event: "start",
-    expression:
-      '${execution.setVariable("' +
-      processVariable.name +
-      '", ' +
-      processVariable.value +
-      ")}",
-  };
-
-  const elementBo = element.businessObject;
-  let extensionElements = elementBo.extensionElements;
-
-  // create new extension element if needed
-  if (!extensionElements) {
-    extensionElements = moddle.create("bpmn:ExtensionElements");
-  }
-
-  if (!extensionElements.values) {
-    extensionElements.values = [];
-  }
-
-  // add execution listener to the extension element of the element
-  extensionElements.values.push(
-    moddle.create("camunda:ExecutionListener", listener)
-  );
-  elementBo.extensionElements = extensionElements;
-}
-
-/**
- * Add the data of the given key value map as properties to a created Camunda form field. The form field is added to the given
- * element.
- *
- * @param elementID The ID of the given element.
- * @param name Name of the form field
- * @param keyValueMap The key value map
- * @param elementRegistry The elementRegistry of the bpmn-js modeler
- * @param moddle The moddle module of the bpmn-js modeler
- * @param modeling The modeling module of the bpmn-js modeler
- */
-export function addFormFieldForMap(
-  elementID,
-  name,
-  keyValueMap,
-  elementRegistry,
-  moddle,
-  modeling
-) {
-  // create the properties of the form field
-  let formFieldData = {
-    defaultValue: "",
-    id: name.replace(/\s+/g, "_"),
-    label: name,
-    type: "string",
-  };
-
-  // create the form field for the key value map
-  addFormFieldDataForMap(
-    elementID,
-    formFieldData,
-    keyValueMap,
-    elementRegistry,
-    moddle,
-    modeling
-  );
-}
-
-/**
- * Add the data of the given key value map as properties to a created Camunda form field defined by the given form field
- * data. The form field is added to the given element.
- *
- * @param elementID The ID of the given element.
- * @param formFieldData The given form field data.
- * @param keyValueMap The key value map
- * @param elementRegistry The elementRegistry of the bpmn-js modeler
- * @param moddle The moddle module of the bpmn-js modeler
- * @param modeling The modeling module of the bpmn-js modeler
- */
-export function addFormFieldDataForMap(
-  elementID,
-  formFieldData,
-  keyValueMap,
-  elementRegistry,
-  moddle,
-  modeling
-) {
-  // create camunda properties for each entry of the key value map
-  formFieldData.properties = createCamundaProperties(keyValueMap, moddle);
-
-  // create form field for form field data
-  addFormField(elementID, formFieldData, elementRegistry, moddle, modeling);
+export function getType(element) {
+  return element.$type ? element.$type : element.type;
 }
 
 /**

components/bpmn-q/modeler-component/extensions/opentosca/deployment/OpenTOSCAUtils.js

@@ -10,7 +10,7 @@
  */
 
 import { fetch } from "whatwg-fetch";
-import { performAjax } from "../utilities/Utilities";
+import { performAjax } from "../../../editor/util/HttpUtilities";
 
 /**
  * Upload the CSAR located at the given URL to the connected OpenTOSCA Container and return the corresponding URL and required input parameters

components/bpmn-q/modeler-component/extensions/opentosca/modeling/OpenTOSCARules.js

@@ -48,7 +48,7 @@ export default class OpenTOSCARules extends RuleProvider {
     function canMove(context) {
       let target = context.target;
 
-      if (target != undefined) {
+      if (target !== undefined) {
         if (context.shapes[0].type.includes("Policy")) {
           return false;
         }

components/bpmn-q/modeler-component/extensions/opentosca/modeling/properties-provider/Connector.js

@@ -139,9 +139,9 @@ export function Connector({ element, translate, filteredUrls, methodUrlList }) {
     inputParameters.push(urlInputParameter);
     inputParameters.push(payloadInputParameter);
 
-    let outputParameters = [];
-
-    outputParameters = determineOutputParameters(element.businessObject.yaml);
+    let outputParameters = determineOutputParameters(
+      element.businessObject.yaml
+    );
     let camundaOutputParameters =
       constructCamundaOutputParameters(outputParameters);