Flow Builder

The Flow Builder provides an endless visual canvas where you build your application's backend logic. Instead of writing traditional code, you place and connect functional nodes via drag-and-drop. The architecture is inherently data-driven; rather than using variables, you create flows where data is passed directly from one function's output to another's input.

Adding Functions

The primary way to build logic is by finding a function in the Functionality Panel and dragging it onto the canvas. The toolbar also provides quick access to a selection of essential functions that can be dragged directly onto your canvas:

• Echo

• Memory

• Trigger

• Combine

Navigating the Canvas

You can navigate the endless canvas by:

• Panning: Use your trackpad, or hold Shift + Mouse Wheel for horizontal panning and the Mouse Wheel for vertical panning.

• Zooming: Use your trackpad or hold Ctrl + Mouse Wheel.

Organizing Logic with Sections (Grouping)

To keep your logic tidy, you can group related functions into Sections. Select two or more functions and click the Group icon in the toolbar. This creates a visual container that you can name, collapse, and expand. Grouping is a visual aid for development and has no effect on the production app. To ungroup, select a function (or the entire group) and click the Ungroup icon.

Search and Replace

To make bulk configuration changes, select at least two functions to activate the Search and Replace tool in the toolbar. This allows you to find a specific string within the selected functions (such as a device's IP address) and replace it with a new value across all of them at once. Only works with string without spaces.

Deleting Functions

To delete one or more functions, select them on the canvas and click the trash can icon in the toolbar, or right-click and select Delete from the context menu.