BlupLightning ⚡
Create logic visually.
Video
Music
Lofi music

BlupLightning

BlupLightning is a Blup module/feature where you create all of your logic. You can then implement any functionality by binding these logics to the widget/component you created on BlupDesigner. For example, if you've made a button in BlupDesigner and want to use BlupLightning to develop a logic to navigate to another screen when you touch it, you can do so. To open BlupLightning in BlupStudio, press the Lightning icon on the left-hand side panel [second last icon on the bottom left] that says BlupLightning.

Overview of BlupLightning [aka, BL].

BlupLightning provides several components like debug console, swap panel, etc. Here, you can interconnect several nodes of a particular page together.

1. Lightning Tabs.

Each tab on the BL panel contains logic for that particular page. These tabs are comparable to the tabs in the Chrome browser, where each tab contains a website. Each tab in this section contains logic for that particular page.

2. Zoom Slider.

It helps you to zoom in and zoom 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 clear view.

3. 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 creating your logic.

4. Swap Panel.

It is used when to switch quickly between multiple components in Blup like BlueSheets and BlupLightning. When you have opened multiple components at the same time, so it's quite hard to go back and forth between those components, so you can use this button to quickly switch between them.

5. Arsenal.

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 centre of each node, you can see the name of the node, this name signify multiple things like which category the node belongs to and what intended task it performs.
The left-hand side of each node is used to take input and the Right-hand side of each nod gives 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 provide that are located next to each node point].

What is Node point

Node point is nothing but a point lying outside the actual node of the body of node that helps to accept the input or provide output through node wire, Because of these node wire information or data flows from one point to another point in blup.
Each node point in blup lightning can only accept node wire of its types only which means that different types of node point cannot be connected together through node wire.

Types of the Node point

There are two types of node points present in the blup lightning

Circular node point

These node points as the name suggest are circular in shape and only accept node wire from other circular node points that are also the same in colour.
Because circular node points are differentiated based on the color schema that they have.
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 and the function node point doesn’t follow any color schema like circular node points.
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 left-hand side node run 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 user click 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.
Last modified 1mo ago