bpmn-js: Roll your own BPMN editor

Material for my talk "How to (not) roll your own BPMN editor" I gave at CamundaCon LIVE 2020.

Slides

Demo

➡️ Try it out.

Checkout ./public for the source code of the working, final result.

Demo Sketch

• Open editor
• Show HTML demo skeleton (basic BPMN diagram being displayed)
• Add file import and download
• Introduce services aka modeler.get(‘canvas’).zoom(‘fit-viewport’)
• Introduce extension mechanism aka additionalModules
• Disable rendering (override bpmnRenderer)
• Add minimap
• Add linting + lint rules
• Enable service task only modeling

License

MIT