Every runchat is made up of nodes that perform functions and edges that pass data between them. Everything in Runchat is made up of 4 core nodes: Inputs, Prompts, API Requests and Code. The Image node provides a convenient way of experimenting with the latest image models, and the Note node is useful for leaving tips or reminders in your Runchats.
When you create a new runchat from runchat.app/editor?new=true the search menu will be visible in the top left of the editor. You can display the search menu at any time by pressing the spacebar or double clicking on the canvas. You can filter for nodes with a given name by using the search input, then click on a result to add the node to the canvas. It will be placed wherever your mouse was when you opened the menu. You can also create nodes from slash commands.
<aside> đź’ˇ
File imports and the API node are disabled until you create an account.
</aside>
Input nodes allow you to create text, numerical values, toggles, buttons, files and other information to be used within your Runchat. Some nodes, like the Button or Timer, can be used to trigger updates in your runchat automatically. The Webhook node allows you to send data to your Runchat from anywhere else on the internet. To view a list of all the available input types, hover over the Inputs item in the menu.
You can pass data from one node to another by dragging and dropping from the coloured handles on the sides of nodes. Colours indicate the data “type” of that particular parameter and are useful for quickly guessing what you can connect where. If you connect an ouput of one type or colour to an input of another, runchat will attempt to convert or “cast” the data from the output to the input type. Most things in runchat can be cast in this way, so don’t be afraid to try connecting things and see what happens. Data in runchat flows from left to right, with inputs on the left side of a node, and outputs on the right.
Dragging from a handle and dropping to nothing will show the search bar. Selecting a node will automatically connect to the first matching input type of the source handle. E.g. if you drag from a green handle and create a node with a blue and a green input handle, it will connect to the green one. If none exists, it connects to the first castable handle.
To delete a node or edge, first select it then press delete or backspace. On mobile devices, you can select it then tap the backspace button in the bottom right corner of the screen.