Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
app
docs docs(transaction-boundaries): add example Jul 11, 2016
resources
styles
.babelrc
.gitignore docs(transaction-boundaries): add example Jul 11, 2016
.npmrc
Gruntfile.js
README.md chore(transaction-boundaries): migrate to ES modules / bpmn-js@1 Apr 5, 2018
package.json

README.md

bpmn-js Transaction Boundaries Example

This example uses bpmn-js and bpmn-js-transaction-boundaries. It implements a BPMN 2.0 modeler that allows you to visualize transaction boundaries in the diagram.

demo application screenshot

Usage

Add bpmn-js-transaction-boundaries to your project:

npm install --save bpmn-js-transaction-boundaries

Now extend the bpmn-js modeler with the transaction boundaries module (cf. app/index.js for details).

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

import transactionBoundariesModule from 'bpmn-js-transaction-boundaries';

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

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

bpmnModeler.importXML(xml, function(err) {

  if (err) {
      console.error(err);
    } else {
      var transactionBoundaries = bpmnModeler.get('transactionBoundaries');

      transactionBoundaries.show();
    }
  });

Building the Example

You need a NodeJS development stack with npm installed to build the project.

To install all project dependencies execute

npm install

Build the example using browserify via

npm run all

You may also spawn a development setup by executing

npm run dev

Both tasks generate the distribution ready client-side modeler application into the dist folder.

Serve the application locally or via a web server (nginx, apache, embedded).