[INFRA] Update for [email protected] (#142)

* Fix regex for all versions with numbers greater than 9 * Update BPMN Visualization version: 0.12.1 * Update demo version: 0.12.1
process-analytics · Feb 8, 2021 · 04dd02b · 04dd02b
1 parent 961db33
commit 04dd02b
Show file tree

Hide file tree

Showing 39 changed files with 155 additions and 2,017 deletions.
diff --git a/demo/elements-identification.html b/demo/elements-identification.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>BPMN Visualization Non Regression</title>
-    <link rel="shortcut icon" href="static/img/favicon.ico">
+    <link rel="shortcut icon" href="./static/img/favicon.ico">
     <style>
       #main-container {
         top: 140px;
@@ -34,9 +34,23 @@
         width: 70%;
       }
 
-      .test > rect {
+      /* activity */
+      .detection-activity > rect:nth-child(1) {
         fill: aquamarine;
       }
+      /* gateway */
+      .detection-gateway > path:nth-child(1) {
+        stroke: chartreuse;
+        stroke-width: 4;
+      }
+      /* event */
+      .detection-event > ellipse {
+        stroke: red;
+      }
+      /* lane */
+      .detection-lane > path:nth-child(3) {
+        fill: palevioletred;
+      }
     </style>
 </head>
 <body>
@@ -50,6 +64,9 @@
         <option value="endEvent">End Event</option>
         <option value="intermediateCatchEvent">Catch Event</option>
         <option value="intermediateThrowEvent">Throw Event</option>
+        <option value="exclusiveGateway">Exclusive Gateway</option>
+        <option value="inclusiveGateway">Inclusive Gateway</option>
+        <option value="parallelGateway">Parallel Gateway</option>
         <option value="lane">Lane</option>
       </select>
       <button id="bpmn-kinds-textarea-clean-btn">Clear</button>
@@ -60,11 +77,7 @@
       <div id="bpmn-container"></div>
     </div>
 
-    <!-- load global settings -->
-    <script src="static/js/configureMxGraphGlobals.js"></script>
-    <!-- load mxGraph client library -->
-    <script src="static/js/mxClient.min.js"></script>
     <!-- load app -->
-    <script src="static/js/elements-identification.js" type="module"></script>
+    <script src="./static/js/elements-identification.js" type="module"></script>
 </body>
 </html>
diff --git a/demo/index.es.js b/demo/index.es.js
diff --git a/demo/index.html b/demo/index.html
@@ -7,8 +7,8 @@
     <title>BPMN Visualization Demo</title>
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
-    <link href="static/css/tailwind.css" rel="stylesheet">
-    <link rel="shortcut icon" href="static/img/favicon.ico">
+    <link href="./static/css/tailwind.css" rel="stylesheet">
+    <link rel="shortcut icon" href="./static/img/favicon.ico">
 </head>
 <body class="overflow-hidden bg-gray-800 font-sans leading-normal tracking-normal mt-12">
     <!--Nav-->
@@ -104,11 +104,7 @@ <h3 class="font-bold pl-2">Diagram</h3>
       </div>
     </div>
 
-    <!-- load global settings -->
-    <script src="static/js/configureMxGraphGlobals.js"></script>
-    <!-- load mxGraph client library -->
-    <script src="static/js/mxClient.min.js"></script>
     <!-- load demo -->
-    <script src="static/js/demo.js" type="module"></script>
+    <script src="./static/js/demo.js" type="module"></script>
 </body>
 </html>
diff --git a/demo/lib-integration.html b/demo/lib-integration.html
@@ -3,16 +3,12 @@
 <head>
   <meta charset="UTF-8">
   <title>BPMN Visualization Lib Integration</title>
-  <link rel="shortcut icon" href="static/img/favicon.ico">
+  <link rel="shortcut icon" href="./static/img/favicon.ico">
 </head>
 <body>
   <div id="bpmn-container-custom"></div>
 
-  <!-- load global settings -->
-  <script src="static/js/configureMxGraphGlobals.js"></script>
-  <!-- load mxGraph client library -->
-  <script src="static/js/mxClient.min.js"></script>
   <!-- load app -->
-  <script src="static/js/lib-integration.js" type="module"></script>
+  <script src="./static/js/lib-integration.js" type="module"></script>
 </body>
 </html>
diff --git a/demo/non-regression.html b/demo/non-regression.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>BPMN Visualization Non Regression</title>
-    <link rel="shortcut icon" href="static/img/favicon.ico">
+    <link rel="shortcut icon" href="./static/img/favicon.ico">
     <style>
       #bpmn-container {
         top: 10px;
@@ -23,11 +23,7 @@
     <div id="fetch-status"></div>
     <div id="bpmn-container"></div>
 
-    <!-- load global settings -->
-    <script src="static/js/configureMxGraphGlobals.js"></script>
-    <!-- load mxGraph client library -->
-    <script src="static/js/mxClient.min.js"></script>
     <!-- load app -->
-    <script src="static/js/non-regression.js" type="module"></script>
+    <script src="./static/js/non-regression.js" type="module"></script>
 </body>
 </html>
diff --git a/demo/rendering-diagram.html b/demo/rendering-diagram.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>BPMN Visualization - Diagram Rendering</title>
-  <link rel="shortcut icon" href="static/img/favicon.ico">
+  <link rel="shortcut icon" href="./static/img/favicon.ico">
 
   <style>
     .hidden {
@@ -35,7 +35,7 @@
     }
     button {
       border-radius: 4px;
-      padding: 0px;
+      padding: 0;
       width:28px;
       height:28px;
       background-color: #f9dfe8;
@@ -174,11 +174,7 @@
     <div id="bpmn-container"></div>
   </div>
 
-  <!-- load global settings -->
-  <script src="static/js/configureMxGraphGlobals.js"></script>
-  <!-- load mxGraph client library -->
-  <script src="static/js/mxClient.min.js"></script>
   <!-- load app -->
-  <script src="static/js/rendering-diagram.js" type="module"></script>
+  <script src="./static/js/rendering-diagram.js" type="module"></script>
 </body>
 </html>
diff --git a/demo/static/css/tailwind.css b/demo/static/css/tailwind.css
diff --git a/demo/static/js/configureMxGraphGlobals.js b/demo/static/js/configureMxGraphGlobals.js
diff --git a/demo/static/js/elements-identification.js b/demo/static/js/elements-identification.js
@@ -13,7 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { documentReady, FitType, getElementsByKinds, addCssClasses, log, startBpmnVisualization, updateLoadOptions } from '../../index.es.js';
+import { documentReady, FitType, getElementsByKinds, addCssClasses, removeCssClasses, log, startBpmnVisualization, updateLoadOptions, ShapeUtil } from '../../index.es.js';
+
+let lastBpmnIdsWithExtraCssClasses = [];
+let lastCssClassName = '';
 
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function configureControls() {
@@ -31,15 +34,36 @@ function configureControls() {
     textArea.value += [textHeader, lines].join('\n') + '\n';
     textArea.scrollTop = textArea.scrollHeight;
 
+    // CSS classes update
+    removeCssClasses(lastBpmnIdsWithExtraCssClasses, lastCssClassName);
     const bpmnIds = elementsByKinds.map(elt => elt.bpmnSemantic.id);
-    addCssClasses(bpmnIds, 'test');
+    lastCssClassName = getCustomCssClassName(bpmnKind);
+    addCssClasses(bpmnIds, lastCssClassName);
+    lastBpmnIdsWithExtraCssClasses = bpmnIds;
   };
 
   document.getElementById('bpmn-kinds-textarea-clean-btn').onclick = function () {
     textArea.value = '';
+    removeCssClasses(lastBpmnIdsWithExtraCssClasses, lastCssClassName);
+    lastBpmnIdsWithExtraCssClasses = [];
+    lastCssClassName = '';
   };
 }
 
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+function getCustomCssClassName(bpmnKind) {
+  if (ShapeUtil.isActivity(bpmnKind)) {
+    return 'detection-activity';
+  } else if (bpmnKind.includes('Gateway')) {
+    return 'detection-gateway';
+  } else if (bpmnKind.includes('Event')) {
+    return 'detection-event';
+  } else if (bpmnKind.includes('lane')) {
+    return 'detection-lane';
+  }
+  return 'detection';
+}
+
 documentReady(() => {
   startBpmnVisualization({
     globalOptions: {