bpmn-js: Roll your own BPMN editor

April 24, 2020 · View on GitHub

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

Slides

Slide deck first slide

Demo

:arrow_right: 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