Multi-Diagram plugin

Modeler
#1

Good morning everyone! :grin:

Using the latest camunda-modeler-plugin-helpers package version, we had the opportunity to integrate multi-diagram on our own plugin without any outer implementation, as described on my previous topic.
I am glad to present our new multi-diagram plugin! Check it out and tell me if you like it!

Or…Just download the zip file and extract it to your plugin directory :grin:

plugin_screencast
plugin_screencast1003×704 361 KB

7 Likes
How to link subprocess with parent process in Modeler
#2

This is really cool stuff :clap:

Mind you sharing your plugin on our GitHub collection? https://github.com/camunda/camunda-modeler-plugins

1 Like
#3

Sure! :slight_smile:

#4

Awesome plugin! My only suggestion would be to not make switching diagrams a command since it doesn’t actually change anything except for the view. For the same reason changing tabs in the Camunda Modeler is not a command.

2 Likes
#5

Great job, congratulations!

When unzipping the folder in version 4.2 of Modeler you are getting the following error message:

[diagram_1.bpmn] Cannot read property ‘getFormsTab’ of undefined
at GeneratedFormPreviewPluginProvider.getTabs (webpack:///client/GeneratedFormPreviewPluginProvider.js:22:0)
at GeneratedFormPreviewPluginProvider.CallActivityExt.propertiesProvider.getTabs (webpack:///client/properties-provider/CallActivityExt.js:71:0)
at getTabs (webpack:///node_modules/bpmn-js-properties-panel/lib/PropertiesPanel.js:446:41)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:97811
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/2.2.js:1:45005
at listener (webpack:///node_modules/diagram-js/lib/core/EventBus.js:365:33)
at _invokeListener (webpack:///node_modules/diagram-js/lib/core/EventBus.js:350:23)
at _invokeListeners (webpack:///node_modules/diagram-js/lib/core/EventBus.js:311:23)
at fire (webpack:///node_modules/diagram-js/lib/core/Canvas.js:477:13)
at setRootElement (webpack:///node_modules/bpmn-js/lib/import/BpmnImporter.js:112:17)
at add (webpack:///node_modules/bpmn-js/lib/import/Importer.js:53:24)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:29935
at rootElement (webpack:///node_modules/bpmn-js/lib/import/BpmnTreeWalker.js:215:24)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:356935
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:356958
at new Promise ()
at F (webpack:///node_modules/bpmn-js/lib/import/Importer.js:72:9)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:362018
at new Promise ()
at A. (webpack:///node_modules/bpmn-js/lib/BaseViewer.js:286:9)
at apply (webpack:///node_modules/bpmn-js/lib/util/CompatibilityUtil.js:50:17)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:361502
at new Promise ()
at A. (webpack:///node_modules/bpmn-js/lib/BaseViewer.js:228:9)
at apply (webpack:///node_modules/bpmn-js/lib/util/CompatibilityUtil.js:50:17)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:360771 [ error ]
This error may be the result of a plug-in compatibility issue. [ info ]
Disable plug-ins (restarts the app) [ info ]
[diagram_1.bpmn] Cannot read property ‘id’ of undefined
at file:///D:/Camunda/Modeler%204.2/resources/plugins/camunda-modeler-plugin-multidiagram/client/client.js:514:93
at file:///D:/Camunda/Modeler%204.2/resources/plugins/camunda-modeler-plugin-multidiagram/client/client.js:28190:9
at forEach (webpack:///node_modules/min-dash/dist/index.esm.js:145:0)
at find (webpack:///node_modules/min-dash/dist/index.esm.js:77:0)
at DiagramUtil…/client/bpmn-js-extension/multi-diagram/utils/DiagramUtil.js.DiagramUtil.currentDiagram (webpack:///client/bpmn-js-extension/multi-diagram/utils/DiagramUtil.js:23:0)
at file:///D:/Camunda/Modeler%204.2/resources/plugins/camunda-modeler-plugin-multidiagram/client/client.js:993:38
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/2.2.js:1:45005
at listener (webpack:///node_modules/diagram-js/lib/core/EventBus.js:365:33)
at _invokeListener (webpack:///node_modules/diagram-js/lib/core/EventBus.js:350:23)
at _invokeListeners (webpack:///node_modules/diagram-js/lib/core/EventBus.js:311:23)
at fire (webpack:///node_modules/bpmn-js/lib/BaseViewer.js:662:30)
at file:///D:/Camunda/Modeler%204.2/resources/app.asar/public/5.5.js:1:360981 [ error ]
This error may be the result of a plug-in compatibility issue. [ info ]
Disable plug-ins (restarts the app) [ info ]

#6

Hi @Antonio_Junior! :slight_smile:

I wrote you a PM. Please let me know!

#7

Hello, the plugins I’m using are:

  • bpmn-js-token-simulation-plugin-master;
  • camunda-modeler-plugin-usertask-generatedform-preview

Image

#8

@daimadoshi85 I always wanted to build this plugin and you just did it. Awesome!

1 Like
#9

Updated the project as suggested by @philippfromme and fixed a bug occurred on switching file tabs. Thank you very much for your help and enthusiasm!

1 Like