Embeddable Camunda modeling distributions based on bpmn-js
npm install camunda-bpmn-js
Embeddable Camunda modeling distributions based on bpmn-js.
This project is designed to deliver different BPMN modeling distributions. Instead of creating custom Modeler implementations based on bpmn-js, choose one of the existing packages to mirror the modeling experience of Camunda's modeling products.
Use a pre-packaged distribution
``html
`
or install it via npm
`js
import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
import 'camunda-bpmn-js/dist/assets/camunda-platform-modeler.css';
`
into your web-application.
`js
var bpmnModeler = new BpmnModeler({
container: '#canvas',
propertiesPanel: {
parent: '#properties'
}
});
try {
await bpmnModeler.importXML(someDiagram);
console.log('success!');
bpmnModeler.get('canvas').zoom('fit-viewport');
} catch (err) {
console.error('something went wrong:', err);
}
`
Checkout the docs to learn more about the available distributions.
Prepare the project by installing all dependencies:
`sh`
npm install
Then, depending on your use-case, you may run any of the following commands:
`shbuild the library and run all tests
npm run all
camunda-bpmn-js builds on top of a few powerful tools:
* bpmn-js: View and edit BPMN 2.0 diagrams in the browser
* diagram-js: Diagram rendering and editing toolkit
* bpmn-js-properties-panel: A panel for (technical) properties editing
* bpmn-js-element-templates: Domain specific editing for bpmn-js
* bpmn-js-create-append-anything: A create/append anything extension for bpmn-js
* bpmn-moddle: A BPMN 2.0 diagram reader/writer with extensions for Camunda 7 and Camunda 8
* camunda-bpmn-js-behaviors: Camunda specific behaviors for bpmn-js
MIT
Uses bpmn-js licensed under the bpmn.io license.