Object Explorer

Overview

The Object Explorer panel allows for easier and more intuitive preview and editing of block parameters. It is located on the right-hand side of the Workflow Editor screen, next to the Debugger functionality. Since it functions in real-time with the underlying integrations, it appears as soon as the user clicks on a variable or a value in any given block.

The Object Editor provides flexibility when working with Objects and Arrays. It has the ability to perform several actions on their properties through the three-dotted icon on the right of each property: Insert, Append Child, and Delete.

Action

Description

Insert

Adds a new property into the input schema.

Append Child

Adds a child property.

Delete

Removes a property.

The values of each simple property are editable in simple text input fields. Double-clicking on any Value field enables Edit mode, allowing the user to make desired changes.

Pressing “Enter” while making changes creates a new line.

To reset changes that have been made in the Object Editor and close Edit mode, the user can press the “Escape” key.

Erasing a value is done by clearing the entire Value field.

A new value is saved by focusing out of the value field - clicking once outside the field. Then, the parameter input value in the corresponding “raw” Action block is instantly updated with its new value.

If a value in the object tree contains an error, the error is passed on to the parent node. The previous values are preserved and an error message is displayed.

When the value of each node within the object tree exceeds a size limit ot 10 kilobytes, the system will not be able to validate it.

Additional Features

  • The Object Explorer supports auto-complete functionality. Whenever the user edits a property value, the Monaco editor that is used type-checks the inputted value and shows respective errors depending on the validation.

  • When Object and Array properties are edited, the required ones are shown by default and optional parameters are available to expand if necessary.

  • Whole objects and arrays can be edited instead of their individual properties. When you double-click on an object or an array, a text field appears in the place of the whole table row. The data can be modified as desired. On focusing out, the inner structure of the object/array is automatically updated - new properties are added, old ones are removed, and values are updated. If the resulting structure is an invalid Javascript, the previous values are preserved and an error message will be displayed.

  • The Object Explorer supports custom schema definition. It can also display and edit the JSON schema structure directly.