Creating a BPMN.io extension

Help / Discuss
1

A proper BPMN tool for modelling Business Processes would be a great improveiment over the generic Draw.io tool.

BPMN.IO would be ideal
https://bpmn.io/

What is needed to create this type of extension? Would look at the draw.io extension code HELP create a BPMN.IO extension?

1 Like
2

I think you’d need the following:

  • javascript/CSS (jsx,ssx) for the page edit (using an xsheet to trigger it, and to read the attachment and pass it to BPMN)
  • A view sheet to display the result (from a saved attachment result file probably)
  • A template provider to create a new page from BPMN
  • A way to update the BPMN attachment when saving from the BPMN UI. This could be calling an XWiki technical page that has velocity code to perform the attachment update for example. Same for saving the generated result as an attachment.

Yes, definitely

3

Just want to inform that NorSch has shared with me a BPMN.IO extension he had created in german.

I translated it to English and I am working on adding features. I was already able to add the possibility to create clickable links on tasks, pools, lanes and gateways, besides translating it (to Portuguese)

BPMN.IO has several extensions itself, allowing properties panels, process token simulation and others, and I will try to implement some.

Right now the extension is in XAR format and must be imported to XWiki.

One task I set myself is to make it work more like the Draw.io (diagrams) plugin. Where inserting the plugin in a page creates a new subpage with the diagram. Editing the diagram creates a new version of that subpage directly. The subpage with the diagram contains in it DIRECTLY the code of the draw.io diagram (that’s why changing it changes the page version)

THe BPMN.IO diagram creates ATTACHMENTS, which are BPMN files (bpmn files are basically XML files).

In theory, it could work like the Diagrams plugin, creating a new page where the page content is directly the bpmn code.

image
image1427×555 31.7 KB

image
image1223×656 11.7 KB

image

image

4 Likes
4

The first impression: I like it. I’m already looking forward to it. I can imagine that it will also be useful for us.

5

Yes, if you like Business Process Management. A proper BPMN tool is much better suited for the task imho than a general diagram tool like draw.io which has bpm features.

Also, much easier to tell Chat GPT how to create BPMN code (after reading a process written description) than to train it on how to write the code for a BPMN diagram on Draw.io.