bpmn-js-create-append-anything

This module extends bpmn-js with a create and append anything modeling experience.

Features

• Create any BPMN element from the palette
• Append any BPMN element from the context pad
• Fully keyboard navigatable (N and A to open the menus)
• Integration with element templates through dedicated extension
  • Create or append templated elements
  • Apply template through the replace menu

Installation

Install via npm:

1npm install bpmn-js-create-append-anything

Usage

Use as an extension for bpmn-js:

1import {
2  CreateAppendAnythingModule
3} from 'bpmn-js-create-append-anything';
4
5const modeler = new BpmnModeler({
6  additionalModules: [
7    ...,
8    CreateAppendAnythingModule,
9    CreateAppendElementTemplatesModule
10  ]
11});

If desired, integrate with element templates:

1import {
2  CreateAppendAnythingModule,
3  CreateAppendElementTemplatesModule
4} from 'bpmn-js-create-append-anything';
5
6const modeler = new BpmnModeler({
7  additionalModules: [
8    ...,
9    CreateAppendAnythingModule,
10    CreateAppendElementTemplatesModule
11  ]
12});

This relies on elementTemplates to be provided via an external module, i.e. bpmn-js-element-templates.

Run locally

To get the development setup make sure to have NodeJS installed. As soon as you are set up, clone the project and execute

1# install dependencies
2npm install
3
4# start a bpmn-js instance with the extension
5npm start
6
7# for regular BPMN elements only
8npm run start:bpmn

License

MIT