From 03d35bcfe9f31f353584ebfc9e95165a7bfe6b16 Mon Sep 17 00:00:00 2001
From: Sky <36750848+chrda81@users.noreply.github.com>
Date: Mon, 10 Jun 2024 16:34:32 +0200
Subject: [PATCH] feat: Add bpmn-js-cli to model diagram with cli commands, see
 https://github.com/bpmn-io/bpmn-js-cli (#1696)

---
 spiffworkflow-frontend/package-lock.json      | 20 +++++++++++++++++++
 spiffworkflow-frontend/package.json           |  1 +
 .../src/components/ReactDiagramEditor.tsx     |  5 +++++
 3 files changed, 26 insertions(+)

diff --git a/spiffworkflow-frontend/package-lock.json b/spiffworkflow-frontend/package-lock.json
index 7275f33db..c088f3ed0 100644
--- a/spiffworkflow-frontend/package-lock.json
+++ b/spiffworkflow-frontend/package-lock.json
@@ -39,6 +39,7 @@
         "autoprefixer": "^10.4.13",
         "axios": "^1.7.2",
         "bpmn-js": "^13.2.2",
+        "bpmn-js-cli": "^2.4.0",
         "bpmn-js-properties-panel": "^1.22.0",
         "bpmn-js-spiffworkflow": "github:sartography/bpmn-js-spiffworkflow#main",
         "cookie": "^0.6.0",
@@ -7623,6 +7624,17 @@
         "tiny-svg": "^3.0.0"
       }
     },
+    "node_modules/bpmn-js-cli": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/bpmn-js-cli/-/bpmn-js-cli-2.4.0.tgz",
+      "integrity": "sha512-/dVf6V1EwyJjN090/NbdY7bQdeA+I7/0Mi2JD/kFNhUVx4TN5ZrmNd/9l/EwjraYTk6o4Xvxd8nH7GdPXIu76g==",
+      "dependencies": {
+        "min-dash": "^4.1.1"
+      },
+      "peerDependencies": {
+        "bpmn-js": "*"
+      }
+    },
     "node_modules/bpmn-js-properties-panel": {
       "version": "1.26.0",
       "resolved": "https://registry.npmjs.org/bpmn-js-properties-panel/-/bpmn-js-properties-panel-1.26.0.tgz",
@@ -30938,6 +30950,14 @@
         }
       }
     },
+    "bpmn-js-cli": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/bpmn-js-cli/-/bpmn-js-cli-2.4.0.tgz",
+      "integrity": "sha512-/dVf6V1EwyJjN090/NbdY7bQdeA+I7/0Mi2JD/kFNhUVx4TN5ZrmNd/9l/EwjraYTk6o4Xvxd8nH7GdPXIu76g==",
+      "requires": {
+        "min-dash": "^4.1.1"
+      }
+    },
     "bpmn-js-properties-panel": {
       "version": "1.26.0",
       "resolved": "https://registry.npmjs.org/bpmn-js-properties-panel/-/bpmn-js-properties-panel-1.26.0.tgz",
diff --git a/spiffworkflow-frontend/package.json b/spiffworkflow-frontend/package.json
index 6f12a91b2..d5a392e01 100644
--- a/spiffworkflow-frontend/package.json
+++ b/spiffworkflow-frontend/package.json
@@ -35,6 +35,7 @@
     "autoprefixer": "^10.4.13",
     "axios": "^1.7.2",
     "bpmn-js": "^13.2.2",
+    "bpmn-js-cli": "^2.4.0",
     "bpmn-js-properties-panel": "^1.22.0",
     "bpmn-js-spiffworkflow": "github:sartography/bpmn-js-spiffworkflow#main",
     "cookie": "^0.6.0",
diff --git a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
index 3b9a45764..06245cd28 100644
--- a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
+++ b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
@@ -6,6 +6,7 @@ import {
   BpmnPropertiesProviderModule,
   // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'bpmn... RemoFve this comment to see the full error message
 } from 'bpmn-js-properties-panel';
+import CliModule  from 'bpmn-js-cli';
 
 // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'dmn-... Remove this comment to see the full error message
 import DmnModeler from 'dmn-js/lib/Modeler';
@@ -243,7 +244,11 @@ export default function ReactDiagramEditor({
           BpmnPropertiesPanelModule,
           BpmnPropertiesProviderModule,
           ZoomScrollModule,
+          CliModule,
         ],
+        cli: {
+          bindTo: 'cli'
+        },
         moddleExtensions: {
           spiffworkflow: spiffModdleExtension,
         },