Awesome

Looking for the Camunda Modeler plug-in? Find it here.

As of version 1.0.0 this library exposes ES modules. Use an ES module aware bundler such as Webpack or Rollup to bundle it for the browser.

camunda-transaction-boundaries

A bpmn-js extension to visualize transaction boundaries, applied by Camunda.

Features

Visualize all transaction boundaries in a BPMN diagram.

This includes all BPMN elements that are wait states and have a boundary for incoming connections:

• Intermediate Catching Message Event
• Intermediate Catching Timer Event
• Intermediate Catching Signal Event
• Receive Task
• User Task
• Event Based Gateway
• External Service Task

In addition to these elements all activities with asynchronous continuations act as transaction boundaries. This is also valid for multi-instance activities. Learn more about transactions and wait states in the Camunda documentation.

Usage

Extend the bpmn-js modeler with the transaction boundaries module:

import BpmnModeler from 'bpmn-js/lib/Modeler';

import transactionBoundariesModule from 'camunda-transaction-boundaries';

var canvas = $('#js-canvas');

var bpmnModeler = new BpmnModeler({
  container: canvas,
  additionalModules: [
    transactionBoundariesModule
  ]
});

bpmnModeler.importXML(xml, function(err) {

  if (err) {
    return console.error(err);
  }

  var transactionBoundaries = bpmnModeler.get('transactionBoundaries');

  transactionBoundaries.show();
});

Please see this example for a more detailed instructions.

Test

npm install
npm test

License

MIT