Multi-Diagram plugin

daimadoshi85 · October 1, 2020, 11:00am

Good morning everyone!

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

Niklas_Kiefer · September 25, 2020, 1:52pm

This is really cool stuff

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

daimadoshi85 · September 25, 2020, 2:10pm

Sure!

philippfromme · September 28, 2020, 6:45am

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.

Antonio_Junior · September 28, 2020, 12:42pm

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 ]

daimadoshi85 · September 28, 2020, 1:43pm

Hi @Antonio_Junior!

I wrote you a PM. Please let me know!

Antonio_Junior · September 28, 2020, 2:09pm

Hello, the plugins I’m using are:

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

Image

falko.menge · September 28, 2020, 5:00pm

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

daimadoshi85 · October 1, 2020, 11:03am

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!

joao · March 31, 2021, 12:17pm

Hello @daimadoshi85,

Your multi-diagram plugin is exactly what I am searching to create my models in Camunda. But, as a beginner user I cant’t undestrand what happens after extract the plugin in my plugin directory. I have always an error message Sans titre .

Do I have to do something after doing this extraction?

Thank you for your attention.
João

daimadoshi85 · March 31, 2021, 12:54pm

Hello @joao ,
no, you don’t. What version of Camunda Modeler do you have installed?

joao · March 31, 2021, 12:58pm

@daimadoshi85
I am using 4.6.0.7236

daimadoshi85 · March 31, 2021, 1:09pm

Ok. I’ll try to update mine asap (I use 4.5.0) and see what happens.

joao · March 31, 2021, 1:20pm

OK, Thank you so much!

Unfortunately I’ve installed 4.5 version and I have the same message error.