camunda-bpmn-js

js Styles
Embeddable Camunda modeling distributions based on bpmn-js
Version 5.10.0 License MIT
Keywords
bpmnbpmn20camundazeebemodelingbpmn-js
INSTALL
Type:
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 5.10.0
- 5.9.0
- 5.8.0
- 5.7.1
- 5.7.0
- 5.6.2
- 5.6.1
- 5.6.0
- 5.5.1
- 5.5.0
- 5.4.2
- 5.4.1
- 5.4.0
- 5.3.0
- 5.2.2
- 5.2.1
- 5.2.0
- 5.1.0
- 5.0.0
- 4.20.2
- 4.20.1
- 4.20.0
- 4.19.0
- 4.18.0
- 4.17.0
- 4.16.0
- 4.15.0
- 4.14.0
- 4.13.0
- 4.12.1
- 4.12.0
- 4.11.0
- 4.10.0
- 4.9.0
- 4.8.0
- 4.7.0
- 4.6.3
- 4.6.2
- 4.6.1
- 4.6.0
- 4.5.1
- 4.5.0
- 4.4.1
- 4.4.0
- 4.3.3
- 4.3.2
- 4.3.1
- 4.3.0
- 4.2.0
- 4.1.1
- 4.1.0
- 4.0.0
- 3.13.0
- 3.12.1
- 3.12.0
- 3.11.0
- 3.10.2
- 3.10.1
- 3.10.0
- 3.9.0
- 3.8.0
- 3.7.0
- 3.6.1
- 3.6.0
- 3.5.0
- 3.4.0
- 3.3.1
- 3.3.0
- 3.2.0
- 3.1.2
- 3.1.1
- 3.1.0
- 3.0.0
- 2.7.0
- 2.6.1
- 2.6.0
- 2.5.0
- 2.4.0
- 2.3.1
- 2.3.0
- 2.2.0
- 2.1.1
- 2.1.0
- 2.0.2
- 2.0.1
- 2.0.0
- 1.5.0
- 1.4.0
- 1.3.1
- 1.3.0
- 1.2.0
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.0
- 0.24.1
- 0.24.0
- 0.23.1
- 0.23.0
- 0.22.0
- 0.21.1
- 0.21.0
- 0.20.0
- 0.19.0
- 0.18.0
- 0.17.2
- 0.17.1
- 0.17.0
- 0.16.1
- 0.16.0
- 0.15.3
- 0.15.2
- 0.15.1
- 0.15.0
- 0.14.0
- 0.13.2
- 0.13.1
- 0.13.0
- 0.12.2
- 0.12.1
- 0.12.0
- 0.11.5
- 0.11.4
- 0.11.3
- 0.11.2
- 0.11.1
- 0.11.0
- 0.10.0
- 0.9.3
- 0.9.2
- 0.9.1
- 0.9.0
- 0.8.0
- 0.7.0
- 0.6.0
- 0.5.2
- 0.5.1
- 0.5.0
- 0.4.0
- 0.3.0
- 0.2.0
- 0.1.0
- 4.0.0-0
- 0.13.0-drilldown.0
- 0.13.0-alpha.8
- 0.13.0-alpha.7
- 0.13.0-alpha.6
- 0.13.0-alpha.5
- 0.13.0-alpha.4
- 0.13.0-alpha.3
- 0.13.0-alpha.2
- 0.13.0-alpha.1
- 0.13.0-alpha.0
- 0.5.0-1
- 0.5.0-0
- 0.1.0-alpha.1
- 0.1.0-alpha.0
<script src=" https://cdn.jsdelivr.net/npm/camunda-bpmn-js@5.10.0/lib/util/ExtensionElementsUtil.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/camunda-bpmn-js@5.10.0/dist/assets/base-navigated-viewer.min.css " rel="stylesheet">
No default files set by the package author so the URLs are guessed. You can always browse all package files to use other ones.
camunda-bpmn-js
Embeddable Camunda modeling distributions based on bpmn-js.
Usage
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
<link rel="stylesheet" href="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/assets/camunda-platform-modeler.css" />
<script src="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/camunda-platform-modeler.development.js"></script>
or install it via npm
import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
import 'camunda-bpmn-js/dist/assets/camunda-platform-modeler.css';
into your web-application.
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.
Build and Run
Prepare the project by installing all dependencies:
npm install
Then, depending on your use-case, you may run any of the following commands:
# build the library and run all tests
npm run all
# spin up a single local camunda platform modeler instance
npm run start:platform
# run the full development setup
npm run dev
Related
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
License
MIT
Uses bpmn-js licensed under the bpmn.io license.