Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
#16 added cmmn-js library
- Loading branch information
Showing
17 changed files
with
1,283 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
# Changelog | ||
|
||
All notable changes to [cmmn-js](https://github.com/bpmn-io/cmmn-js) are documented here. We use [semantic versioning](http://semver.org/) for releases. | ||
|
||
## Unreleased | ||
|
||
___Note:__ Yet to be released changes appear here._ | ||
|
||
## 0.16.0 | ||
|
||
* `FEAT`: add ability to move selection with keyboard arrows | ||
* `FEAT`: support `SHIFT` modifier to move elements / canvas with keyboard arrows at accelerated speed | ||
* `FEAT`: require `Ctrl/Cmd` to be pressed as a modifier key to move the canvas via keyboard errors | ||
* `FEAT`: auto-expand elements when children resize | ||
* `CHORE`: bind editor actions and keyboard shortcuts for explicitly added features only | ||
* `CHORE`: update to [`diagram-js@3.0.0`](https://github.com/bpmn-io/diagram-js/blob/master/CHANGELOG.md#300) | ||
|
||
### Breaking Changes | ||
|
||
* `CmmnGlobalConnect` provider got removed. Use `connection.start` rule to decide whether an element can start a connection. | ||
* `EditorActions` / `Keyboard` do not pull in features implicitly anymore. If you roll your own editor, include features you would like to ship with manually to provide the respective actions / keyboard bindings. | ||
* Moving the canvas with keyboard arrows now requires the `Ctrl/Cmd` modifiers to be pressed. | ||
|
||
## 0.15.2 | ||
|
||
* `FIX`: correct horizontal embedded label alignment | ||
|
||
## 0.15.1 | ||
|
||
* `FIX`: correct case plan model label positioning | ||
|
||
## 0.15.0 | ||
|
||
* `CHORE`: bump to `diagram-js@2` | ||
* `CHORE`: bump to `diagram-js-direct-editing@1.3.0` | ||
|
||
## 0.14.5 | ||
|
||
* `CHORE`: bump dependency versions | ||
* `FIX`: correct line-breaks vanishing during direct editing in IE | ||
|
||
## 0.14.4 | ||
|
||
* `CHORE`: update to `diagram-js@1.3.0` | ||
* `FIX`: focus label editing box on element creation | ||
|
||
## 0.14.3 | ||
|
||
* `FIX`: escape `data-element-id` in CSS selectors | ||
|
||
## 0.14.2 | ||
|
||
* `CHORE`: be able to consume library without `add-module-exports` transform | ||
|
||
## 0.14.1 | ||
|
||
_Rebuild of un-published v0.14.0._ | ||
|
||
## 0.14.0 | ||
|
||
### Breaking Changes | ||
|
||
* `CHORE`: migrate to `diagram-js@1` | ||
* `FEAT`: build upon ES module foundations. You must use `babelify` + `babel-plugin-add-module-exports` to build custom variants of `cmmn-js` now | ||
|
||
## 0.13.0 | ||
|
||
* `CHORE`: bump to [`diagram-js@0.31.0`](https://github.com/bpmn-io/diagram-js/releases/tag/v0.31.0) | ||
|
||
## ... | ||
|
||
Check `git log` for earlier history. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
Copyright (c) 2015-2018 camunda services GmbH | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of | ||
this software and associated documentation files (the "Software"), to deal in the | ||
Software without restriction, including without limitation the rights to use, copy, | ||
modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, | ||
and to permit persons to whom the Software is furnished to do so, subject to the | ||
following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
The source code responsible for displaying the bpmn.io logo (two green cogwheels in | ||
a box) that links back to http://bpmn.io as part of rendered diagrams MUST NOT be | ||
removed or changed. When this software is being used in a website or application, | ||
the logo must stay fully visible and not visually overlapped by other elements. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, | ||
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR | ||
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE | ||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, | ||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE | ||
OR OTHER DEALINGS IN THE SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,89 @@ | ||
# cmmn-js - CMMN 1.1 for the web | ||
|
||
[![Build Status](https://travis-ci.org/bpmn-io/cmmn-js.svg?branch=master)](https://travis-ci.org/bpmn-io/cmmn-js) | ||
|
||
View and edit CMMN 1.1 diagrams in the browser. | ||
|
||
|
||
## Installation | ||
|
||
Use the library [pre-packaged](https://github.com/bpmn-io/cmmn-js-examples/tree/master/pre-packaged) | ||
or include it [via npm](https://github.com/bpmn-io/cmmn-js-examples/tree/master/bundling) | ||
into your node-style web-application. | ||
|
||
## Usage | ||
|
||
To get started, create a [cmmn-js](https://github.com/bpmn-io/cmmn-js) instance | ||
and render [CMMN 1.1 diagrams](http://www.omg.org/spec/CMMN/1.1/) in the browser: | ||
|
||
```javascript | ||
var xml; // my CMMN 1.1 xml | ||
var viewer = new CmmnJS({ | ||
container: 'body' | ||
}); | ||
|
||
viewer.importXML(xml, function(err) { | ||
|
||
if (err) { | ||
console.log('error rendering', err); | ||
} else { | ||
console.log('rendered'); | ||
} | ||
}); | ||
``` | ||
|
||
Checkout our [examples](https://github.com/bpmn-io/cmmn-js-examples) for many | ||
more supported usage scenarios. | ||
|
||
|
||
### Dynamic Attach/Detach | ||
|
||
You may attach or detach the viewer dynamically to any element on the page, too: | ||
|
||
```javascript | ||
var viewer = new CmmnJS(); | ||
|
||
// attach it to some element | ||
viewer.attachTo('#container'); | ||
|
||
// detach the panel | ||
viewer.detach(); | ||
``` | ||
|
||
|
||
## Resources | ||
|
||
* [Demo](http://demo.bpmn.io/cmmn) | ||
* [Issues](https://github.com/bpmn-io/cmmn-js/issues) | ||
* [Examples](https://github.com/bpmn-io/cmmn-js-examples) | ||
* [Forum](https://forum.bpmn.io) | ||
|
||
|
||
## Building the Project | ||
|
||
Perform the following steps to build the library, including running all tests: | ||
|
||
``` | ||
cd cmmn-js | ||
npm install | ||
npm run all | ||
``` | ||
|
||
You may need to perform [additional project setup](./docs/project/SETUP.md) when | ||
building the latest development snapshot. | ||
|
||
Please checkout our [contributing guidelines](./.github/CONTRIBUTING.md) if you plan to | ||
file an issue or pull request. | ||
|
||
|
||
## Related | ||
|
||
cmmn-js builds on top of a few additional powerful tools: | ||
|
||
* [cmmn-moddle](https://github.com/bpmn-io/cmmn-moddle): Read / write support for CMMN 1.1 XML in the browsers | ||
* [diagram-js](https://github.com/bpmn-io/diagram-js): Diagram rendering and editing toolkit | ||
|
||
|
||
## License | ||
|
||
Use under the terms of the [bpmn.io license](http://bpmn.io/license). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
|
||
.cmmn-icon-bpmn-io:before { content: '\e800'; } /* '' */ | ||
.cmmn-icon-screw-wrench:before { content: '\e801'; } /* '' */ | ||
.cmmn-icon-trash:before { content: '\e802'; } /* '' */ | ||
.cmmn-icon-lasso-tool:before { content: '\e803'; } /* '' */ | ||
.cmmn-icon-space-tool:before { content: '\e804'; } /* '' */ | ||
.cmmn-icon-hand-tool:before { content: '\e805'; } /* '' */ | ||
.cmmn-icon-case-plan-model:before { content: '\e806'; } /* '' */ | ||
.cmmn-icon-stage-expanded:before { content: '\e807'; } /* '' */ | ||
.cmmn-icon-milestone:before { content: '\e808'; } /* '' */ | ||
.cmmn-icon-text-annotation:before { content: '\e809'; } /* '' */ | ||
.cmmn-icon-task:before { content: '\e80a'; } /* '' */ | ||
.cmmn-icon-case-task:before { content: '\e80b'; } /* '' */ | ||
.cmmn-icon-case-task-discretionary:before { content: '\e80c'; } /* '' */ | ||
.cmmn-icon-decision-task:before { content: '\e80d'; } /* '' */ | ||
.cmmn-icon-decision-task-discretionary:before { content: '\e80e'; } /* '' */ | ||
.cmmn-icon-human-blocking-task:before { content: '\e80f'; } /* '' */ | ||
.cmmn-icon-human-blocking-task-discretionary:before { content: '\e810'; } /* '' */ | ||
.cmmn-icon-human-non-blocking-task:before { content: '\e811'; } /* '' */ | ||
.cmmn-icon-human-non-blocking-task-discretionary:before { content: '\e812'; } /* '' */ | ||
.cmmn-icon-process-task:before { content: '\e813'; } /* '' */ | ||
.cmmn-icon-process-task-discretionary:before { content: '\e814'; } /* '' */ | ||
.cmmn-icon-task-discretionary:before { content: '\e815'; } /* '' */ | ||
.cmmn-icon-task-none:before { content: '\e816'; } /* '' */ | ||
.cmmn-icon-entry-criterion:before { content: '\e817'; } /* '' */ | ||
.cmmn-icon-exit-criterion:before { content: '\e818'; } /* '' */ | ||
.cmmn-icon-case-file-item:before { content: '\e819'; } /* '' */ | ||
.cmmn-icon-connection:before { content: '\e81a'; } /* '' */ | ||
.cmmn-icon-event-listener:before { content: '\e81b'; } /* '' */ | ||
.cmmn-icon-timer-event-listener:before { content: '\e81c'; } /* '' */ | ||
.cmmn-icon-user-event-listener:before { content: '\e81d'; } /* '' */ | ||
.cmmn-icon-auto-complete-marker:before { content: '\e81e'; } /* '' */ | ||
.cmmn-icon-manual-activation-marker:before { content: '\e81f'; } /* '' */ | ||
.cmmn-icon-repetition-marker:before { content: '\e820'; } /* '' */ | ||
.cmmn-icon-blocking:before { content: '\e821'; } /* '' */ | ||
.cmmn-icon-required-marker:before { content: '\e822'; } /* '' */ | ||
.cmmn-icon-plan-fragment-collapsed-discretionary:before { content: '\e823'; } /* '' */ | ||
.cmmn-icon-plan-fragment-expanded-discretionary:before { content: '\e824'; } /* '' */ | ||
.cmmn-icon-stage-collapsed:before { content: '\e825'; } /* '' */ | ||
.cmmn-icon-stage-collapsed-discretionary:before { content: '\e826'; } /* '' */ | ||
.cmmn-icon-stage-expanded-discretionary:before { content: '\e827'; } /* '' */ |
Oops, something went wrong.