Skip to content

Releases: process-analytics/bpmn-visualization-js

0.25.3

08 Aug 14:08
Compare
Choose a tag to compare

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

0.25.2

25 Jul 08:13
Compare
Choose a tag to compare

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

0.25.1

11 Jul 09:13
Compare
Choose a tag to compare

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

0.25.0

27 Jun 12:51
Compare
Choose a tag to compare

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

0.24.1

13 Jun 13:37
Compare
Choose a tag to compare

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

0.24.0

30 May 09:32
Compare
Choose a tag to compare

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

0.23.3

16 May 13:16
Compare
Choose a tag to compare

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

0.23.2

02 May 08:54
Compare
Choose a tag to compare

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

0.23.1

20 Apr 07:13
Compare
Choose a tag to compare

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

0.23.0

21 Mar 16:23
Compare
Choose a tag to compare

This new release provides many fixes for BPMN rendering and improvements for TypeScript projects.

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

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

Highlights

BPMN rendering fixes and improvements

No more 'always use orthogonal segments'

Context

We have been able to remove the 'orthogonal segments' issue from the rendering of the message and sequence flows (associations weren't impacted by this issue).

☢️ bpmn-visualization didn't respect the coordinates of the BPMNEdge waypoints defined in the BPMN source: it forced usage of orthogonal segments instead, and this had a lot of side effects that are now fixed.

ℹ️ You can find more details about the investigation in #295 and the final implementation in #1868.

Comparison

In the following, we compare the BPMN rendering between version 0.22.0 and version 0.23.0.
Most of the time, the source diagram are taken from the visual test of bpmn-visualization.

ℹ️ We are not showing all fixes: for a more exhaustive list, see the 0.23.0 milestone and the What's Changed paragraph at the end of the release notes.

Description 0.22.0 0.23.0
Render oblique segments
Sequence flows without waypoints flows sequence 04 waypoints 01 none-snap no waypoint v0.23.0

Fix wrong arrow direction

This issue occurred when the terminal waypoint of the BPMNEdge was inside the targeted shape.

The following comparison shows the issue and the fix using the associations.and.annotations.03.waypoints.01.inside.shape.bpmn diagram which is inspired from the miwg-test-suite C.6.0 reference file .

ℹ️ Here, the example involves BPMN associations, but the same applies to message and sequence flows.

0.22.0 0.23.0

Fixes when using the zoom/fit

The zoom level could change the position of the message flows. This generates an unwanted move of the flows.

Here is what we see with the flows.message.02.labels.and.complex.paths.bpmn diagram.
ℹ️ In 0.22.0, the message flow arrow direction could also be completely weird!

0.22.0 0.23.0
msg_flow_zoom_v0 22 0 msg_flow_zoom_v0 23 0

ℹ️ The zoom level also had side effects on overlays positioned on the middle of edges.
They were sometimes moved at the beginning or at the end of the flows with no reason.

The following is done using the elements-identification 0.22.0 and elements-identification 0.23.0 pages with labels.01.general.bpmn diagram.

0.22.0 0.23.0
v0 22 0_overlays_edge_middle v0 23 0_overlays_edge_middle

Improvements for TypeScript projects

We simplified the TypeScript integration: it is no longer necessary to declare typed-mxgraph in your project.
Now, bpmn-visualization manages it correctly for you 🎉

What's Changed

🚄 BPMN rendering

🐛 Bug Fixes

  • [FIX] Do not force usage of orthogonal edge segments (#1868) @tbouffard
  • [FIX] Make the Version API return the actual released version (#1858) @tbouffard

⤵️ Library Integration

  • [INFRA] Declare typed-mxgraph in production dependencies (#1855) @tbouffard

🎮 Demo and Examples

  • [EXAMPLE] Better highlight conditional and default sequence flows (#1866) @tbouffard

👻 Maintenance

  • [INFRA] Fix the release GitHub workflow (#1879) @tbouffard
  • [TEST] Add visual tests for edges targeting collapsed elements (#1867) @tbouffard
  • [TEST] Improve visual tests for associations and sequence flows (#1864) @tbouffard
  • [TEST] Add a new visual test for message flow special case (#1859) @tbouffard
  • [INFRA] Send a Slack notification after NPM publish (#1857) @csouchet
  • [INFRA] Improve contributors list detection by release-drafter (#1853) @tbouffard
  • [INFRA] Improve the release-notes generation and documentation (#1851) @tbouffard

📦 Dependency updates

20 changes

Full Changelog: v0.22.0...v0.23.0