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.

bpmn-js-cli

An extensible command line interface for bpmn-js.

Demo

Checkout demo.js for the commands powering this demo.

Features

Model BPMN 2.0 diagrams in the browser, without a mouse
Full undo and redo functionality
Extensible through your own commands
Numerous built-in commands

Built in Commands

Out of the box, the cli supports the following commands:

append source type [deltaPos]
connect source target type
create type position parent
element id
elements
move shape delta [newParentId]
undo
redo
save svg|bpmn
setLabel element label
setRoot element|elementId
removeShape shape|elementId
removeConnection connection|connectionId

Quickstart

Get the list of available commands:

cli.help();

Get the list of elements:

cli.elements();

Export SVG or BPMN 2.0 xml

cli.save('svg' || 'bpmn');

Usage

Deploy the cli with bpmn-js:

var BpmnModeler = require('bpmn-js/lib/Modeler'),
    CliModule = require('bpmn-js-cli');

var modeler = new BpmnModeler({
  container: document.body,
  additionalModules: [
    CliModule
  ],
  cli: {
    bindTo: 'cli'
  }
});

modeler.importXML('some-bpmn-xml')
  .then(({ warnings }) => {
    // ...
  })
  .catch(err => {
    console.error(err);
  });

Access the cli as cli in your developer console (open via F12 in most browsers).

Use the cli to model BPMN 2.0 diagrams in your browser. Pain free.

License

MIT

Current Tags

2.3.0 ... latest (2 years ago)