Skip to main content

Release 6.5.0

· 2 min read
Simon Porritt

Release 6.5.0 of the Toolkit is now available.

What's new?

We're pleased to announce the availability of a new connector type in 6.5.0 - Segmented. This connector consists of a set of straight line segments, and can be smoothed to a set of bezier curves. We've also shipped a path editor for this new connector type.

Segmented Connectors

This connector type can be useful for a number of different applications, such as workflow designers, flowchart builders, drawing applications - the list is endless. With the Segmented path editor the user can very easily split/discard segments and drag key points around the canvas.

Segmented connectors - JsPlumb, leading alternative to GoJS and JointJS

The connector also supports a "smooth" mode, where the individual line segments are replaced by a set of Bezier splines:

Smooth segmented connector edit - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

This is how the path looks when the editor has been closed:

Smooth segmented connector - JsPlumb - Angular, React, Vue, Svelte diagramming library

To see these connectors in action, take a look at the Segmented connectors demonstration.

For documentation, check out https://docs.jsplumbtoolkit.com/toolkit/6.x/lib/connectors#segmented

Miscellaneous updates

  • Orthogonal connector editor automatically trims any supplied geometry after load, to ensure the internal geometry is in a format that the editor can manage.

  • The jsplumbtoolkit-connector-editors.css stylesheet was refactored slightly, to introduce common base classes for edge handles, and to use CSS variables.

  • The controls component now detects the existence - or otherwise - of a Lasso plugin on the associated Surface, and does not draw the mode change buttons if the Lasso is not present.

Bugfixes

  • Fixed an issue whereby path tracing between groups was failing.

Get in touch!

If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at hello@jsplumbtoolkit.com.

Not a user of the jsPlumb Toolkit but thinking of checking it out? Head over to https://jsplumbtoolkit.com/trial. It's a good time to get started with jsPlumb.