Ember-bpmn-io NPM

ember-bpmn-io

This Ember addon integrates bpmn-io http://bpmn-io to make rendering BPMN diagrams in your application a breeze.

Prerequisites

You will need the following things properly installed on your computer.

Installed Dependencies

ember-browserify
ember-cli-sass

Installation

ember install ember-bpmn-io

Required for npm: style imports

Until Ember gets it together on npm imports :)

npm install --save-dev ember-browserify

Sample Use:

Create an application (if you don't have one)

ember new ember-bpmn-io-test cd ember-bpmn-io-test

Add a route

ember g route bpmn

Overwrite app/routes/bpmn.js with

import Route from '@ember/routing/route';
import $ from 'jquery';
import {hash} from 'rsvp';
export default Route.extend({
  model: function() {
    return hash({
      bpmn: $.get('/ember-bpmn-io/assets/bpmn/simple.bpmn') // or a local file of your choice
      .then(function(response){
       return response;
      })
    });
  }
});

Overwrite app/templates/bpmn.hbs with

{{bpmn-canvas bpmn=model.bpmn}}
{{outlet}}

Running / Development

ember serve
Visit your app at http://localhost:4200/bpmn

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

ember test
ember test --server

Building

ember build (development)
ember build --environment production (production)

ember-bpmn-io v0.2.6