Skip to content

Releases: process-analytics/bpmn-visualization-js

0.26.0

22 Aug 13:27
@tbouffard tbouffard
v0.26.0
567ba6d
Compare
Choose a tag to compare
0.26.0

This new version brings improvements to customize the style of the Text Annotation elements and a new BPMN theme in the demo.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

See milestone 0.26.0 to get the list of issues covered by this release.

Highlights

Improve the styling capabilities of Text Annotation elements

In previous versions, it was already possible to customize the style of the Text Annotation elements and to configure a fill color (gradient could also be used).
But only a small area of the Text Annotation was filled (the area delimited by the open rectangle).

In version 0.26.0, the whole Text Annotation area is now filled.

0.25.3 0.26.0
text annotation fill color v0.25.3 text annotation fill color v0.26.0

This new feature allows you to highlight the entire text of Text Annotation elements.
Check the Bonita procurement example using #B4AFAF26 for Text Annotation fill color 👇.

image

Demo improvements

More space for diagram rendering

The 'Diagram' title section has been removed. So there is now more space for the BPMN diagram rendering, especially on mobile.
In addition, the 'fit on load', 'fit margin' and 'theme' blocks (from the control panel) align better on small screens.

Check the evolution between version 0.25.2 and version 0.26.0 (shown as 0.25.3-post version here) 👇.
The videos have been done with Chrome 104.

Large screens Small screens
chrome_104_screen_large_800x680_v2_aligned_bpmn_button chrome_104_screen_small_660x680_v2_margin_between_control_and_main_sections

A new Light Blue BPMN theme

A new Light Blue BPMN theme is available. It uses the new improvement about the fill color of the Text Annotation elements 👇.

v0 26 0_new_light-blue_bpmn-theme

What's Changed

Full Changelog: v0.25.3...v0.26.0

🚀 BPMN support

  • [FIX] Don't convert Process without Participant as a Pool (#2129) @csouchet

🌈 BPMN diagram styling

  • [FEAT] Allow to fill the boundaries of the Text Annotation with color (#2190) @tbouffard

🐛 Bug Fixes

  • [FIX] Don't convert Process without Participant as a Pool (#2129) @csouchet

📝 Documentation

🎮 Demo and Examples

👻 Maintenance

  • [INFRA] Fix the demo package: allow deploy on a non root context (#2169) @csouchet

📦 Dependency updates

15 changes

Contributors

csouchet, tbouffard, and dependabot
Loading

0.25.3

08 Aug 14:08
@csouchet csouchet
v0.25.3
0a885a9
Compare
Choose a tag to compare
0.25.3

This new release focuses on maintenance.

Thanks to all the contributors of this release 🌈: @csouchet

What's Changed

👻 Maintenance

  • [TEST] JsonBuilder: Add laneSet & lane on a Process (#2150) @csouchet
  • [TEST] JsonBuilder: Add sequenceFlow on a Process (#2149) @csouchet
  • [TEST] JsonBuilder: Add subProcess on the generated Definitions JSON (#2148) @csouchet
  • [TEST] JsonBuilder: Don't generate Bounds for Edge (#2147) @csouchet
  • [REFACTOR] JsonBuilder: Add missing field in Call activity: calledElement and isExpanded (#2146) @csouchet
  • [REFACTOR] JsonBuilder: Choose the kind of the task to generate (#2145) @csouchet
  • [REFACTOR] JsonBuilder: Choose if a participant should be generated on each Process and not for every Process (#2144) @csouchet
  • [REFACTOR] JsonBuilder: Don't generate a default name if it's not in the parameter to build flownode (#2143) @csouchet
  • [REFACTOR] JsonBuilder: Choose the kind of the gateway to generate (#2142) @csouchet
  • [REFACTOR] JsonBuilder: Ensure that the generated events have the fields of their kind (#2141) @csouchet

📦 Dependency updates

17 changes

Full Changelog: v0.25.2...v0.25.3

Contributors

csouchet and dependabot
Loading

0.25.2

25 Jul 08:13
@oanesini oanesini
v0.25.2
6c60b24
Compare
Choose a tag to compare
0.25.2

This new release focuses on maintenance.

Thanks to all the contributors of this release 🌈: @csouchet

See milestone 0.25.2 to get the list of issues covered by this release.

What's Changed

👻 Maintenance

  • [TEST] To be able to override the generic id of the generated event with JsonBuilder (#2132) @csouchet
  • [REFACTOR] Rename variables & Change the order of some parameters (#2130) @csouchet
  • [TEST] Refactor event unit tests for JsonParser (#2106) @csouchet

📦 Dependency updates

18 changes

Full Changelog: v0.25.1...v0.25.2

Contributors

csouchet and dependabot
Loading

0.25.1

11 Jul 09:13
@oanesini oanesini
v0.25.1
0bd9ced
Compare
Choose a tag to compare
0.25.1

This new release focuses on maintenance.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

See milestone 0.25.1 to get the list of issues covered by this release.

What's Changed

📝 Documentation

  • [DOC] Improve the doc of API marked as experimental in the HTML docs (#2095) @tbouffard

👻 Maintenance

  • [TEST] Add new combination of unit tests for the Message Flows (#2099) @csouchet
  • [REFACTOR] Simplify zoom done with Mouse Wheel (#2094) @tbouffard
  • [TEST] Change the way to build an event with JsonBuilder (#2105) @csouchet
  • [TEST] Add several Message Flow in generated json by JsonBuilder (#2104) @csouchet
  • [TEST] Add several Call Activity in generated json by JsonBuilder (#2103) @csouchet
  • [TEST] Add several Exclusive Gateway in generated json by JsonBuilder (#2102) @csouchet
  • [TEST] Customize Task in generated json by JsonBuilder (#2101) @csouchet
  • [TEST] Add option to add Participant on JsonBuilder (#2100) @csouchet
  • [TEST] Make performance tests work (#2092) @tbouffard
  • [REFACTOR] Move 'verify shape' function for event in utils file (#2097) @csouchet
  • [TEST] Add more e2e tests for zoom (#2093) @tbouffard
  • [TEST] Choose the process where to add an element in JsonBuilder (#2070) @csouchet
  • [INFRA] Add a GH workflow job that uploads the npm package (#2071) @tbouffard

📦 Dependency updates

17 changes

Full Changelog: v0.25.0...v0.25.1

Contributors

csouchet, tbouffard, and dependabot
Loading

0.25.0

27 Jun 12:51
@oanesini oanesini
v0.25.0
92e6fe6
Compare
Choose a tag to compare
0.25.0

This new release provides a new API to filter pools when loading the BPMN diagram.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

See milestone 0.25.0 to get the list of issues covered by this release.

Highlights

Filter pools at load time

When calling the load method, it is now possible to filter the pools in the diagram you want to display.
You can filter one or several pools and specify the filtering options by pool id and/or name.

In the following example 👇, we load the same diagram with different filter configuration. First without filter, so we see the whole diagram. Then we filter different pools, one pool at a time. And finally, we filter 3 pools at the same time.

pool_filtering_at_load_time

What's Changed

🧲 BPMN diagram usability

📝 Documentation

  • [DOC] Improve Gitpod and VSCode documentation for contributors (#2065) @tbouffard

👻 Maintenance

📦 Dependency updates

16 changes

Full Changelog: v0.24.1...v0.25.0

Contributors

csouchet, tbouffard, and dependabot
Loading

0.24.1

13 Jun 13:37
@tbouffard tbouffard
v0.24.1
cdf68e3
Compare
Choose a tag to compare
0.24.1

This new release focuses on improving the documentation, the Demo page and the examples.

Thanks to all the contributors of this release 🌈: @tbouffard

See milestone 0.24.1 to get the list of issues covered by this release.

Highlights

Demo page

Add a zoom reset button

v0.24.0 v0.24.1
image image

Add a select button to switch the BPMN Theme

Examples

Improvement of the design of the home page

A work has been done to improve the design of the home page of the Examples site, specially on small screen and mobile.

Example for iOS device

0.24.0 0.24.1
before_01_ipad_cards after_01_ipad_cards

For more information, see process-analytics/bpmn-visualization-examples#342.

New example: Change the fill color of edge markers

Message Flows: Start (circle) and End (arrow) markers

Sequence Flows: Conditional marker

For more information, see process-analytics/bpmn-visualization-examples#344.

New Project: Integration with Parcel

For more information, see process-analytics/bpmn-visualization-examples#338.

What's Changed

📝 Documentation

  • [DOC] Add a paragraph about the bpmn-visualization strengths (#1950) @tbouffard
  • [DOC] Improve CSS classes and default colors information (#1989) @tbouffard
  • [DOC] Simplify section levels in both primary and included pages (#1992) @tbouffard

🎮 Demo and Examples

👻 Maintenance

📦 Dependency updates

26 changes

Full Changelog: v0.24.0...v0.24.1

Contributors

tbouffard and dependabot
Loading

0.24.0

30 May 09:32
@tbouffard tbouffard
v0.24.0
508c554
Compare
Choose a tag to compare
0.24.0

This new version introduces a new API to zoom in and out on the BPMN diagram.

Thanks to all the contributors of this release 🌈: @tbouffard

See milestone 0.24.0 to get the list of issues covered by this release.

Highlights

Zoom API in action

You can now zoom in and out on the BPMN diagram with a dedicated API:

bpmnVisualization.navigation.zoom(ZoomType.In);

The demo has been updated to show 2 new buttons to zoom in and out using the new API.

demo_page_zoom.mp4

Deprecation

The former fit function is now deprecated and will be removed in bpmn-visualization@0.27.0

Please replace

bpmnVisualization.fit(fitOptions);

by

bpmnVisualization.navigation.fit(fitOptions);

What's Changed

⛵ BPMN diagram navigation

📝 Documentation

👻 Maintenance

📦 Dependency updates

18 changes

Full Changelog: v0.23.3...v0.24.0

Contributors

tbouffard and dependabot
Loading

0.23.3

16 May 13:16
@tbouffard tbouffard
v0.23.3
803329d
Compare
Choose a tag to compare
0.23.3

This new version is focused on maintenance. It provides a new example to quickly experiment with the TypeScript API in a browser.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

Highlights

New TypeScript example in the browser

A new example is now available at CodeSandbox to play with the bpmn-visualization TypeScript API.
It adds to the already existing JavaScript examples hosted on CodeSandox and CodePen.

TypeScript template at CodeSandbox

Refreshed icons in the 'load and navigation' demo

The demo now uses Font Awesome v6 icons. See #1953 for more details.

fontawesome_change

What's Changed

📝 Documentation

🎮 Demo and Examples

👻 Maintenance

📦 Dependency updates

17 changes

Full Changelog: v0.23.2...v0.23.3

Contributors

csouchet, tbouffard, and dependabot
Loading

0.23.2

02 May 08:54
@csouchet csouchet
v0.23.2
088edb1
Compare
Choose a tag to compare
0.23.2

This new version is focused on maintenance. The major change is the reduction of the size of the bundle targeting the browser.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

Highlights

The size of the browser bundle decreases

The entities dependency was bumped from 3.0.1 to 4.3.0. The significantly decreases the size of the bundle as shown in the table below.

For more details, see #1905 and 2af686e.

version raw minified
0.23.1 2.89MB 1.05MB
0.23.2 2.79MB 967.1KB

What's Changed

👻 Maintenance

  • [REFACTOR] Review the XML parsing configuration (#1929) @tbouffard
  • [INFRA] Temporarly disable Chrome and Edge e2e tests on CI (#1934) @tbouffard
  • [INFRA] Notify repositories of new version with a custom GH action (#1926) @csouchet
  • [INFRA] Simplify surge preview teardown (#1930) @tbouffard
  • [INFRA] Remove declaration of the rollup json plugin (#1927) @tbouffard
  • [INFRA] Notify the bpmn-visualization-R repository after NPM publish (#1920) @csouchet

📦 Dependency updates

15 changes

Full Changelog: v0.23.1...v0.23.2

Contributors

csouchet, tbouffard, and dependabot
Loading

0.23.1

20 Apr 07:13
@csouchet csouchet
v0.23.1
07b756e
Compare
Choose a tag to compare
0.23.1

This new release focuses on documentation improvements and maintenance.

Thanks to all the contributors of this release 🌈: @tbouffard

See milestone 0.23.1 to get the list of issues covered by this release.

Highlights

mxGraph 4.2.2 usage

We were finally able to bump mxGraph to the latest 4.2.2 version after implementing improvements and fixes inbpmn-visualization@0.23.0. Using mxgraph@4.2.2 with bpmn-visualization pre 0.23.0 caused a lot of issues that are now all fixed.
The next step is to switch to maxGraph, the mxGraph successor, when a release will be available.

Documentation improvement

The major improvement was the change of the gateways icons on the User Documentation.

0.23.0 0.23.1
image image

What's Changed

📝 Documentation

  • [DOC] Update the list of working browsers with v0.23.0 (#1893) @tbouffard
  • [DOC] Improve the gateways icons of the 'BPMN Support' paragraph (#1889) @tbouffard

👻 Maintenance

📦 Dependency updates

32 changes

Full Changelog: v0.23.0...v0.23.1

Contributors

tbouffard and dependabot
Loading