From 53c074a17fdb503b964701f92dd387b8e7c9bd0b Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Fri, 10 Jun 2022 16:54:15 -0400
Subject: [PATCH] use bpmn-js-spiffworkflow module w/ burnettk

---
 package-lock.json        | 47 ++++++++++++++++++++++++++++++----------
 package.json             |  1 +
 src/react_bpmn_editor.js |  4 +++-
 3 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d3c75c1..907ab5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "bootstrap": "^5.2.0-beta1",
         "bpmn-js": "^9.1.0",
         "bpmn-js-properties-panel": "^1.1.1",
+        "bpmn-js-spiffworkflow": "^0.0.1",
         "react": "^18.1.0",
         "react-bootstrap": "^2.4.0",
         "react-dom": "^18.1.0",
@@ -5292,16 +5293,16 @@
       }
     },
     "node_modules/bpmn-js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/bpmn-js/-/bpmn-js-9.1.0.tgz",
-      "integrity": "sha512-LFrNVt15hCvTJ7RrdshJeNYyLPAJQKC8sBCXvnFoLuwfuBwNbxkDtaripzrkgCj7X5wyduh+ogZ4KaE5xwsTbA==",
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/bpmn-js/-/bpmn-js-9.2.2.tgz",
+      "integrity": "sha512-Zs0e3fKEKIrnfVt+r4hkcqSg2XyMdXwp6x4xM0TDfGlduxyQWQ8rrqsjvnL4UEg4K0noBPqDce2vRawOilwReg==",
       "dependencies": {
         "bpmn-moddle": "^7.1.2",
         "css.escape": "^1.5.1",
-        "diagram-js": "^8.3.0",
-        "diagram-js-direct-editing": "^1.6.3",
+        "diagram-js": "^8.5.0",
+        "diagram-js-direct-editing": "^1.7.0",
         "ids": "^1.0.0",
-        "inherits": "^2.0.4",
+        "inherits-browser": "0.0.1",
         "min-dash": "^3.5.2",
         "min-dom": "^3.2.0",
         "object-refs": "^0.3.0",
@@ -5331,6 +5332,17 @@
         "diagram-js": "7.x || 8.x"
       }
     },
+    "node_modules/bpmn-js-spiffworkflow": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/bpmn-js-spiffworkflow/-/bpmn-js-spiffworkflow-0.0.1.tgz",
+      "integrity": "sha512-9SHMkevnkWJVcL7M5XoUR+TFcIhQBDhPmIUko4PzCQ0DShbPpkh66CS5yNHIrFOi4hyIujcaRMdZN0bUvPzEfA==",
+      "dependencies": {
+        "bpmn-js": "^9.2.0",
+        "diagram-js": "^8.5.0",
+        "inherits": "^2.0.4",
+        "min-dash": "^3.8.1"
+      }
+    },
     "node_modules/bpmn-moddle": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/bpmn-moddle/-/bpmn-moddle-7.1.2.tgz",
@@ -21231,16 +21243,16 @@
       }
     },
     "bpmn-js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/bpmn-js/-/bpmn-js-9.1.0.tgz",
-      "integrity": "sha512-LFrNVt15hCvTJ7RrdshJeNYyLPAJQKC8sBCXvnFoLuwfuBwNbxkDtaripzrkgCj7X5wyduh+ogZ4KaE5xwsTbA==",
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/bpmn-js/-/bpmn-js-9.2.2.tgz",
+      "integrity": "sha512-Zs0e3fKEKIrnfVt+r4hkcqSg2XyMdXwp6x4xM0TDfGlduxyQWQ8rrqsjvnL4UEg4K0noBPqDce2vRawOilwReg==",
       "requires": {
         "bpmn-moddle": "^7.1.2",
         "css.escape": "^1.5.1",
-        "diagram-js": "^8.3.0",
-        "diagram-js-direct-editing": "^1.6.3",
+        "diagram-js": "^8.5.0",
+        "diagram-js-direct-editing": "^1.7.0",
         "ids": "^1.0.0",
-        "inherits": "^2.0.4",
+        "inherits-browser": "0.0.1",
         "min-dash": "^3.5.2",
         "min-dom": "^3.2.0",
         "object-refs": "^0.3.0",
@@ -21264,6 +21276,17 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "bpmn-js-spiffworkflow": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/bpmn-js-spiffworkflow/-/bpmn-js-spiffworkflow-0.0.1.tgz",
+      "integrity": "sha512-9SHMkevnkWJVcL7M5XoUR+TFcIhQBDhPmIUko4PzCQ0DShbPpkh66CS5yNHIrFOi4hyIujcaRMdZN0bUvPzEfA==",
+      "requires": {
+        "bpmn-js": "^9.2.0",
+        "diagram-js": "^8.5.0",
+        "inherits": "^2.0.4",
+        "min-dash": "^3.8.1"
+      }
+    },
     "bpmn-moddle": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/bpmn-moddle/-/bpmn-moddle-7.1.2.tgz",
diff --git a/package.json b/package.json
index 580a1a2..8da053e 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "bootstrap": "^5.2.0-beta1",
     "bpmn-js": "^9.1.0",
     "bpmn-js-properties-panel": "^1.1.1",
+    "bpmn-js-spiffworkflow": "^0.0.1",
     "react": "^18.1.0",
     "react-bootstrap": "^2.4.0",
     "react-dom": "^18.1.0",
diff --git a/src/react_bpmn_editor.js b/src/react_bpmn_editor.js
index 2f1fb5e..e1f9451 100644
--- a/src/react_bpmn_editor.js
+++ b/src/react_bpmn_editor.js
@@ -6,6 +6,7 @@ import {
 import React, { useEffect, useState } from "react";
 import { BACKEND_BASE_URL } from './config';
 import { HOT_AUTH_TOKEN } from './config';
+import spiffworkflow from 'bpmn-js-spiffworkflow/app/spiffworkflow';
 
 import Button from 'react-bootstrap/Button';
 
@@ -46,7 +47,8 @@ export default function ReactBpmnEditor(props) {
       },
       additionalModules: [
         BpmnPropertiesPanelModule,
-        BpmnPropertiesProviderModule
+        BpmnPropertiesProviderModule,
+        spiffworkflow,
       ]
     });
     setBpmnViewerState(bpmnViewer)