Blup Lightning (Logics) ⚡

Create logic visually.
BlupLightning is a Blup module/feature where you can design the various logics associated with the corresponding widgets of our app through blup lightning. To open BlupLightning in BlupStudio, press the Lightning icon on the left-hand side panel named BlupLightning.

Overview of BlupLightning [aka, BL].

BlupLightning provides several components like debug console, swap panel, etc. which can assist the user in interconnecting several nodes of a particular page together.
Lightning Tabs
Each tab on the BL represents an individual page. Each tab contains all the logic for that particular page. These tabs are comparable to the tabs in the Chrome browser, where each tab contains a website.
Zoom Slider
It is used to zoom in and out in BlupLightning. When the number of nodes increases or decreases in a tab you can zoom in or zoom out to get a close-up or clearer view.
Debug Console
Here, you can debug your app to check whether everything is working as expected or not. It shows you all the errors and print node output that you have placed in your logic.
Swap Panel
It is used when to switch quickly between BlueSheets and BlupLightning panels.
Arsenal is a BlupLightning finder, used to find nodes. In BlupLightning, right-click on the open space to open the arsenal.
Nodes in Arsenal are grouped into sections, with every section including nodes of comparable sorts. For example, in the variable nodes section, you can find literal nodes such as integer, strings, double, Boolean, and so on. Arsenal comes with tiny descriptions when you hover over any node or navigate with the arrow keys. There is also a search box at the top of the Arsenal where you may find nodes by their name.

List Of Nodes Available in BL [Cheat Sheet]

Understanding Node Structure

All the nodes that are present in the Blup Lightning follow the same node structure or pattern. On the top center of each node, is the name of the node, this name signifies multiple things like which category the node belongs to and what is it's intended task.
The left-hand side of each node takes the input and the Right-hand side of each node gives the output. To take input or provide output each node uses a node point.
Note: In some of the nodes you can also use the input box located inside the node..

What is Node point

Node points are points lying on the outer surface of the node to accept input, provide output or for navigation to another page. In blup data flows from one node point to another. Node points can only connect with node points of the same type.
There are two types of node points:

Circular node point

These node points as the name suggest are circular in shape and colour coded, according to the type of data being passed through this thereby, if two node points are to be connected, they need to be of the same colour.
For Example - A string node point can accept node wire from other string node points only.

Function Node Points

These node points are triangular in shape. Unlike circular node points the function node point doesn’t follow any color schema .
Function node points in blup lightning serve two major purposes that are:-

Run Trigger

Run trigger consist of two function node point one on left-hand side and one on right -hand side of the node, the left-hand side node point act as a starting point for the node and node point on the right-hand side node run the other function node point after the current logic is finished.

Function Output Node Points

These node point are present on the right hand side, they are useful for running a logic based on certain triggers.
For example, in the above Rectangle Node the logic attached to the on-click function node point only runs when the user clicks on the rectangle in app.
In Some of Cases these output node points also provides you with additional output node point for further flexibility
For example - When the on File Picked Function ouput Node point Stretch you can see that new ouput node points are generated that provides you with extra output node point.