---
title: "Vega Console Tools"
slug: "vega-console-commands"
description: "Vega Console Tools help Creators inspect their modules and how they function in Express View."
updated: 2025-10-10T17:24:06Z
published: 2025-10-10T17:24:06Z
canonical: "docs.unqork.io/vega-console-commands"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Vega Console Tools

## Overview

**Vega Console Tools** help Creators debug applications in Express View. To use console tools, preview your Vega (v2.0) module in Express View, open the DevTools Console, and specify data using `UNQENG.tools.{toolname}`, where `{toolname}` is the specific function you want to achieve.

> To learn more about the Vega Console, see our [Vega Console](/v1/docs/vega-console) article.

Below is a list of console tools available to Creators:

### Fields

There's one Fields function you can use to determine the component state.

| Syntax | Description |
| --- | --- |
| UNQENG.tools.ComponentState | Returns the state of all components currently rendered in Express View. |

## Methods

To invoke a method, you'll append parentheses to the end of the function. Some methods let you add arguments in the parentheses to specify the information you want.

> [!NOTE]
> Arguments must be added as a string in single quotes. For the following functions, the `key` value refers to a component's **Property ID**

Below is a list of all available Methods functions.

| Syntax | Description | Example |
| --- | --- | --- |
| UNQENG.tools.getRuntimeData() | Returns all data currently present. This data includes persisted and non-persisted values. |  |
| UNQENG.tools.getSubmissionData() | Returns all data currently present that will be persisted when the next submission save occurs. |  |
| UNQENG.tools.getComponentValue(key) | Returns the current component value for the specified component Property ID. | `UNQENG.tools.getComponentValue('firstName')` |
| UNQENG.tools.getComponentState(key) | Returns the current component state for the specified component Property ID. | `UNQENG.tools.getComponentState('firstName')` |
| UNQENG.tools.getAllValidationErrors() | Returns all validation errors for components rendered in Express View. |  |
| UNQENG.tools.getLastSavedSubmission() | Returns the most recently loaded submission data in Express View. For example, if you refresh the page, this function retrieves the submission data from that initial page load. You won't see any other changes made on the page since that time. |  |
| UNQENG.tools.getCurrentUser() | Returns the current Express View user data. |  |
| UNQENG.tools.logChangesByKey$(key) | Returns log changes for the specified component Property ID. This function is useful when you only want a filtered view of what changed. This function looks for changes in the specified component and logs a new message in the Console each time the component state changes. Only logs of the changed fields display. > [!NOTE] > This is a dynamic function. After entering the function in the Console, changes in the component populate in the Console as they occur. | `UNQENG.tools.logChangesByKey$('textField')` |
| UNQENG.tools.logObjectByKey$(key) | Returns log changes for the specified component Property ID. This function is useful when you only want to see the entire state object for a component that's changed. This function looks for changes in the specified component and logs a new message in the Console each time the component state changes. > [!NOTE] > This is a dynamic function. After entering the function in the Console, changes in the component populate in the Console as they occur. | `UNQENG.tools.logObjectByKey$('textField')` |
| UNQENG.tools.watchDomChanges$() | Returns all DOM changes rendered in Express View. The changes log as arrays of MutationRecords, from the MutationObserver browser API. > [!NOTE] > This is a dynamic function. After entering the function in the Console, changes in the component populate in the Console as they occur. |  |
| UNQENG.tools.profile() | Reloads the page and profiles the engine. After running this syntax, the page reloads and begins collecting module performance data. After collecting performance data, use UNQENG.tools.profileEnd() to end the profiling session and load the data into the DevTools Performance tab. | `UNQENG.tools.profile('Sample1')` |
| UNQENG.tools.profileEnd() | Use after starting a profile session with UNQENG.tools.profile(). After running this command, the performance data loads into the into the DevTools Performance tab. > [!NOTE] > The Input Label string must match the value used to start the profiling. For example, start a profiling with `UNQENG.tools.profile('Sample1')`, and end it with `UNQENG.tools.profileEnd('Sample1')`. | `UNQENG.tools.profileEnd('Sample1')` |
| UNQENG.tools.help() | Returns the most recently loaded submission data in Express View. For example, if you refresh the page, this function retrieves the submission data from that initial page load. You won't see any other changes made on the page since that time. |  |
| UNQENG.tools.updateComponentState() | Update a component's state with a partial or complete component definition. For example, to change a Text Field component's Hidden setting value from false to true, run `UNQENG.tools.updateComponentState('propertyID', { display: { hidden: true }})`. | `UNQENG.tools.updateComponentState('firstName', { display: { hidden: true }})` |
| UNQENG.tools.getComponentTree() | Returns an object representing the state of all components and how they are nested. If a component contains another component, their data contains a childIds property with the contained component. |  |

Also known as Unqork Users, or Designer Users; is anyone who is inside the Unqork platform.

Debugging is the process of finding and resolving errors or bugs in an application. To debug an application in Unqork, use UNQENG tools in Express View.

Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.

The Vega (v 2.0.0) runtime is the next-generation engine of the UDesigner platform. Vega uses cutting-edge technologies to improve the Creator and end-user experience.

The DevTools Console helps you securely store, build, test, and deploy your software.

A string is an object that represents a sequence of characters. Strings typically hold data represented in text form.

Also known as Record Data. Submission data consists of information saved by Unqork components. View submission data by using the angular command, or in Record Collections.

An object is a type of data structure that represents a single, self-contained entity that acts as a container for the characteristics of that entity.

## Related

- [Vega Console](/vega-console.md)