Code Editor

Overview

Our Code Editor is carefully designed to give you a clear and detailed view of how we move information from the canvas to our runner. This helps your workflow smoothly. Seeing how things work builds trust in the tools we offer.The editor doesn't just focus on being clear; it also lets you dive deep into our JSON Schema. It's like using a familiar Integrated Development Environment (IDE) that many developers know well. This familiarity, along with our advanced features, makes coding easier and more efficient for you.

How to start using our Code Editor

Step 1 - Start a workflow

Setup your first workflow by going the Create new workflow section.When you create your HTTP workflow it will automatically create the HTTP Trigger node in the canvas.

Step 2 - Click the Code Editor Icon

Click the icon at the top left corner of the canvas.

Step 3 - Start adding your nodes

When you open the Code Editor, you'll see an empty workflow. To begin creating your workflow, click the Add node button at the top. button located at the top.Click the Add Node button, and a dialog with the Node's Library will appear. button it will pop up a dialog showing the Node's LibraryBrowse our large library to find the nodes for your workflow.Next, click the Add Node button in the node's library to add it to the Code Editor. button inside the node's library to include it in the Code Editor.

Step 4 - Update the node's properties

After you added a node in the code editor, you will need to go the node's configuration to start setting up the node's properties required for your workflow, it will tipically have the same identifiers inside the nodes properties.Example:

{
    "name": "Test Workflow",
    "description": "Workflow description",
    "version": "1.0.0",
    "trigger": {
        "http": {
            "method": "POST",
            "path": "/",
            "accept": "application/json"
        }
    },
    "steps": [
        {
            "name": "step-node-identifier",     <------ Identifier
            "node": "database/firestore/batch-import@1.0.0",
            "type": "local"
        }
    ],
    "nodes": {
        "step-node-identifier": {               <------ Identifier
                "properties": {
                    "reference": "users/{city}/user/{name}",
                    "type": "set",
                    "exclude": [
                        "_id"
                    ],
                    "merge": true
                }
            }
        }
    }
}

Tips

You can click the any steps array to add a node in that section.