This tool support for OC-BPMN extends bpmn-js with new shapes and connections that are not part of the BPMN 2.0 diagram / incompatible with the BPMN 2.0 standard. It is based on bpmn-js-example-custom-shapes.
This example extends bpmn-js, creating an object-centric BPMN modeler that can display and add ocbpmn shapes and connections to BPMN 2.0 diagrams.
The renderer ships with custom rules that define which modeling operations are possible on ocbpmn shapes and connections.
This tool support for modeling object-centric business processes in the extended BPMN 2.0 standard OC-BPMN provides a ocbpmn modeler. After instantiation, the modeler allows you to add and get ocbpmn shapes and connections.
The modeler ships with a module that provides the following bpmn-js extensions:
ocbpmnContextPadProvider: offers an ocbpmn-specific context pad, enabling connections between ocbpmn and BPMN elements.ocbpmnElementFactory: is a specialized factory adept in creating shapes for both BPMN and ocbpmn.ocbpmnOrderingProvider: ensures that ocbpmn connections are consistently rendered on top.ocbpmnPalette: generates ocbpmn elements within the modeler.ocbpmnRenderer: visually renders ocbpmn elements within the diagram.ocbpmnRules: sets the interaction rules for handling ocbpmn elements.ocbpmnUpdater: updates business data in response to user interactions with the diagram.ChangeColor: updates business data in response to user interactions with the diagram.ExtendedColorPickerModule: updates business data in response to user interactions with the diagram.OcbpmnDirectEditingProvider: updates business data in response to user interactions with the diagram.
# install dependencies
npm install
# spin up development mode
npm run dev
# execute tests
npm test
MIT