feat: integrate create/append anything

Related to #2820
camunda · Mar 26, 2022 · 2aee76a · 2aee76a
1 parent 1095e1c
commit 2aee76a
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 3 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -16,6 +16,7 @@
     "@ibm/plex": "^6.0.0",
     "@sentry/browser": "^6.3.6",
     "bpmn-js": "^9.0.3",
+    "bpmn-js-connectors-extension": "github:bpmn-io/bpmn-js-connectors-extension#create-append-anything",
     "bpmn-js-properties-panel": "^1.0.0-alpha.7",
     "bpmn-moddle": "^7.1.2",
     "bpmnlint": "^7.2.1",

diff --git a/client/src/app/tabs/bpmn/modeler/BpmnModeler.js b/client/src/app/tabs/bpmn/modeler/BpmnModeler.js
@@ -17,6 +17,10 @@ import globalClipboardModule from './features/global-clipboard';
 import handToolOnSpaceModule from './features/hand-tool-on-space';
 import propertiesPanelKeyboardBindingsModule from './features/properties-panel-keyboard-bindings';
 
+import connectorsExtensionModule from 'bpmn-js-connectors-extension';
+
+import 'bpmn-js-connectors-extension/dist/connectors-extension.css';
+
 import Flags, { DISABLE_ADJUST_ORIGIN } from '../../../../util/Flags';
 
 import 'camunda-bpmn-js/dist/assets/camunda-platform-modeler.css';
@@ -36,6 +40,10 @@ export default class PlatformBpmnModeler extends BpmnModeler {
       disableAdjustOrigin: Flags.get(DISABLE_ADJUST_ORIGIN),
       moddleExtensions: {
         ...(moddleExtensions || {})
+      },
+      connectorsExtension: {
+        appendAnything: true,
+        elementTemplateChooser: false
       }
     });
   }
@@ -48,7 +56,8 @@ const extensionModules = [
   completeDirectEditingModule,
   globalClipboardModule,
   handToolOnSpaceModule,
-  propertiesPanelKeyboardBindingsModule
+  propertiesPanelKeyboardBindingsModule,
+  connectorsExtensionModule
 ];
 
 PlatformBpmnModeler.prototype._modules = [

diff --git a/client/src/app/tabs/cloud-bpmn/modeler/BpmnModeler.js b/client/src/app/tabs/cloud-bpmn/modeler/BpmnModeler.js
@@ -21,6 +21,10 @@ import Flags, {
   DISABLE_ADJUST_ORIGIN
 } from '../../../../util/Flags';
 
+import connectorsExtensionModule from 'bpmn-js-connectors-extension';
+
+import 'bpmn-js-connectors-extension/dist/connectors-extension.css';
+
 import 'camunda-bpmn-js/dist/assets/camunda-cloud-modeler.css';
 
 
@@ -36,7 +40,11 @@ export default class CloudBpmnModeler extends BpmnModeler {
     super({
       ...otherOptions,
       moddleExtensions: moddleExtensions || {},
-      disableAdjustOrigin: Flags.get(DISABLE_ADJUST_ORIGIN)
+      disableAdjustOrigin: Flags.get(DISABLE_ADJUST_ORIGIN),
+      connectorsExtension: {
+        appendAnything: true,
+        elementTemplateChooser: false
+      }
     });
   }
 }
@@ -49,5 +57,6 @@ CloudBpmnModeler.prototype._modules = [
   completeDirectEditingModule,
   globalClipboardModule,
   handToolOnSpaceModule,
-  propertiesPanelKeyboardBindingsModule
+  propertiesPanelKeyboardBindingsModule,
+  connectorsExtensionModule
 ];