npmpackage.info

Gathering detailed insights and metrics for bpmn-js

Other packages similar to bpmn-js

bpmn-js-bpmnlint

0.22.3

bpmn-js integration for bpmnlint

bpmn-js-properties-panel

5.28.0

A simple properties panel for bpmn-js

bpmn-js-color-picker

0.7.1

A color picker for bpmn-js

bpmn-js-cli

2.4.0

A command-line interface for bpmn-js

Gathering detailed insights and metrics for bpmn-js

bpmn-js

A BPMN 2.0 rendering toolkit and web modeler.

18.1.1

8,670

NOASSERTION

JavaScript

10,833,426 5.6

Installations

npm install bpmn-js

Pull Requests

Open

3

Total

850

Closed

192

Merged

655

Issues

Open

128

Total

1,397

Closed

1,269

Releases

v18.1.1

Published on 21 Nov 2024

v18.1.0

Published on 20 Nov 2024

v18.0.0

Published on 06 Nov 2024

v17.11.1

Published on 16 Sept 2024

v17.11.0

Published on 12 Sept 2024

v17.10.0

Published on 09 Sept 2024

View all 48 releases

Developer

bpmn-io

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

*

Typescript Support

Yes

Node Version

20.11.1

NPM Version

10.9.0 Statistics

8,670 Stars

3,161 Commits

1,334 Forks

224 Watching

42 Branches

47 Contributors

Updated on 27 Nov 2024

Languages

JavaScript (98.89%)

TypeScript (0.72%)

Shell (0.22%)

CSS (0.16%)

Total Downloads

Cumulative downloads

Total Downloads

10,833,426

Last day

19.3%

14,846

Compared to previous day

Last week

8.1%

73,550

Compared to previous week

Last month

4.2%

294,428

Compared to previous month

Last year

21.2%

3,283,212

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

bpmn-js - BPMN 2.0 for the web

View and edit BPMN 2.0 diagrams in the browser.

Installation

Use the library pre-packaged or include it via npm into your node-style web-application.

Usage

To get started, create a bpmn-js instance and render BPMN 2.0 diagrams in the browser:

1const xml = '...'; // my BPMN 2.0 xml
2const viewer = new BpmnJS({
3  container: 'body'
4});
5
6try {
7  const { warnings } = await viewer.importXML(xml);
8
9  console.log('rendered');
10} catch (err) {
11  console.log('error rendering', err);
12}

Checkout our 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:

1const viewer = new BpmnJS();
2
3// attach it to some element
4viewer.attachTo('#container');
5
6// detach the panel
7viewer.detach();

Resources

Build and Run

Prepare the project by installing all dependencies:

1npm install

Then, depending on your use-case you may run any of the following commands:

1# build the library and run all tests
2npm run all
3
4# spin up a single local modeler instance
5npm start
6
7# run the full development setup
8npm run dev

You may need to perform additional project setup when building the latest development snapshot.

bpmn-js builds on top of a few powerful tools:

bpmn-moddle: Read / write support for BPMN 2.0 XML in the browsers
diagram-js: Diagram rendering and editing toolkit

It is an extensible toolkit, complemented by many additional utilities.

License

Use under the terms of the bpmn.io license.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Security-Policy

Determines if the project has published a security policy.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

9

License

Determines if the project has defined a license.

9

SAST

Determines if the project uses static code analysis.

4

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

3

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

1

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 1

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/CI.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CI.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/CI.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CI.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/CI.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CI.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/CODE_SCANNING.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CODE_SCANNING.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/CODE_SCANNING.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CODE_SCANNING.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/CODE_SCANNING.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/CODE_SCANNING.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/MERGE_MAIN_TO_DEVELOP.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/MERGE_MAIN_TO_DEVELOP.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/MERGE_MAIN_TO_DEVELOP.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/MERGE_MAIN_TO_DEVELOP.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/POST_RELEASE.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/POST_RELEASE.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/POST_RELEASE.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/POST_RELEASE.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/RELEASE.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/RELEASE.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/RELEASE.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/RELEASE.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/RELEASE.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/bpmn-io/bpmn-js/RELEASE.yml/develop?enable=pin
Warn: npmCommand not pinned by hash: docs/project/setup-alternative.sh:21
Warn: npmCommand not pinned by hash: docs/project/setup-alternative.sh:27
Warn: npmCommand not pinned by hash: docs/project/setup-alternative.sh:36
Warn: npmCommand not pinned by hash: docs/project/setup.sh:21
Warn: npmCommand not pinned by hash: docs/project/setup.sh:27
Warn: npmCommand not pinned by hash: docs/project/setup.sh:33
Warn: npmCommand not pinned by hash: tasks/stages/update-demo:19
Warn: npmCommand not pinned by hash: tasks/stages/update-examples:26
Warn: npmCommand not pinned by hash: tasks/stages/update-integration-test:19
Info: 0 out of 10 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned
Info: 3 out of 12 npmCommand dependencies pinned

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

5.6

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to bpmn-js

Other packages similar to bpmn-js

bpmn-js

Installations

Pull Requests

3

850

192

655

Issues

128

1,397

1,269

Releases

Developer

Developer Guide

CommonJS

*

Yes

20.11.1

10.9.0

Statistics

Languages

Total Downloads

10,833,426

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

bpmn-js - BPMN 2.0 for the web

Installation

Usage

Dynamic Attach/Detach

Resources

Build and Run

Related

License

10

10

10

10

10

9

9

4

3

1

0

0

0

0

5.6

/10