Skip to content

0.3.3 ✔️

Summary

This release brings more versatility to web flows, which now supports customizable layouts, alongside with a new layout builder in the flow editor. It also features enhancements to various parts of the UI.

To try out the new layout builder, find it in the flow editor’s layout tab for web flows.

Breaking changes

None.

While this release changes the way in which web flow UI is generated, existing web flows without a custom layout will automatically use a layout which closely mirrors the pre-0.3.3 behaviour.

Deprecations

None, but please note…

Fixes

  • 🐞 ui: flow editor - fix that when a node consumes data produced by an output node, the flow editor correctly displays both “flow output” and the destination node details in the header of the data container

  • 🐞 fix that the output data of the KV Set node would contain an empty error message when it’s key setting was dynamically configured with a variable expression (e.g. ${data:someKey}) which resulted in an empty value at runtime

Features

🔥 Custom web flow layouts

  • ⚡ web flows now supports custom layouts
  • ⚡ web flows: the flow editor now provides a visual layout builder
  • ⚡ web flows: custom layouts support vertical and horizontal row-based content, with configurable alignments and widths
  • ⚡ web flows: custom layouts are automatically responsive on smaller screens
  • ⚡ web flows: custom layouts may optionally (but typically) embed the step-based content of web flows
  • ⚡ web flows: custom layouts support image elements
  • ⚡ web flows: custom layouts support URL elements
  • ⚡ web flows: custom layouts support markdown elements, with configurable text size presets
  • ⚡ web flows: without a layout, web flows have a default layout which closely matches the pre-0.3.3 behaviour
  • ⚡ web flows: removing a step from a web flow automatically removes any references to it from layout elements

Other

  • ⚡ ui: the flow list now has a search filter
  • ⚡ ui: flow editor - on the node configuration view, input/output data can be hidden

Enhancements

General

  • 🔼 ui: sidebar is narrower and more compact
  • 🔼 ui: minor layout tweaks on dashboard
  • 🔼 ui: more consistent buttons
  • 🔼 ui: improve UX for new flow creation
  • 🔼 ui: flow list has more compact layout when tags are visible
  • 🔼 ui: variables list has more consistent UX, and links to documentation guides

Flow editor

  • 🔼 ui: flow editor - header is more compact, with improved responsive behavior
  • 🔼 ui: flow editor - graph flows had a visual alignment with task flow UX
  • 🔼 ui: flow editor - graph flow connections are now slightly curved, which results in neater layouts
  • 🔼 ui: flow editor - graph flows node placement now uses smaller grid size (25px to 10px)
  • 🔼 ui: flow editor - task flow nodes have subtler borders
  • 🔼 ui: flow editor - web flow configuration had some visual alignment with other flow modes

Flow editor / node configuration

  • 🔼 ui: flow editor - improve node configuration UX and layout
  • 🔼 ui: flow editor - more sensible sorting for target flow dropdown in subflow node
  • 🔼 ui: flow editor - more sensible sorting when selecting a node’s input target node

Internal

  • ⚙️ flow engine: support web flow layouts
  • ⚙️ server: add validation rules for web flow layouts
  • ⚙️ the web flow client UI now performs an initial HTTP request to the server, which retrieve the web flow layout
  • ⚙️ ui: browser console output is now mostly silent