DVT IDE for VS Code User Interface

VS Code allows extensions to contribute to its user interface through various means such as providing views in the Side Bar or Panel areas, decorate the Editor, and add additional information in the Status Bar.

The DVT IDE for VS Code contributes to all of the five main User Interface areas.

Editor

The DVT IDE for VS Code contributes to the Editor Area through various means such as:

Code Highlight
Inactive Generates Code Highlight
Tooltips
File Decorations
Code Folding
Code Lens

All these functionalities, among others, help increase the productivity while working in the Editor.

Activity Bar

The DVT IDE for VS Code provides an entry to the Activity Bar that will toggle on/off the DVT Side Bar.

Status Bar

A Status Bar item is a flexible contribution point that allows to display text, icons and also run a command upon clicking one. The following items are contributed by DVT:

Content Filters Item

Toggles on/off the Content Filters. For more information, see the Content Filters chapter in the documentation.

../../_images/vscode_ui_status_bar_content_filters.png

Request Processing Item

Displays a loading icon when the current Language Server is actively processing a request.

../../_images/vscode_ui_status_bar_processing.png

Memory Monitor Item

Warns when the operation in progress is significantly slowed down by low memory or a memory starvation. For more information, see the Memory Monitor chapter in the documentation.

../../_images/vscode_ui_status_bar_oom.png

Database out of Sync Item

Warns when the Language Server database is out of sync and requires user attention. For more information, see the Database Out of Sync Notification chapter in the documentation.

../../_images/vscode_ui_status_bar_out_of_sync.png

Heap Indicator Item

Displays the heap status of the current Language Server. This item can be enabled/disabled by using the DVT.languageServer.showHeapStatus setting.

../../_images/vscode_ui_status_bar_heap_indicator.png

Verissimo Item

Informs that a Verissimo session was started. Upon clicking, it opens the Verissimo menu.

../../_images/vscode_ui_status_bar_verissimo.png

Active Build Configuration Item

Displays the current in use build configuration file. Upon clicking, it opens a picker that allows to select another build configuration file. For more information, see the Build Configurations chapter in the documentation.

../../_images/vscode_ui_status_bar_build_config.png

License Status Item

Displays information about the current state of the license upon hovering. For more information, see the License chapter in the documentation.

../../_images/vscode_ui_status_bar_license.png

Panel

The DVT IDE for VS Code contributes information to both the Problems and the Output Panels. Moreover, when using the UVM Runtime Elaboration, 3 distinct views will be displayed in the Panel area.

Problems

In the Problems View DVT contributes with both compilation and Verissimo compliance errors or warnings.

Output

Regarding the Output Panel, DVT provides the following Output Channels:

[dvt] Build - Displays information related to the DVT compilation, such as path and compilation time for each file, problems summary and compilation statistics.
[dvt] Client - Displays information related to the VS Code client, such as language server management information and pop-up messages.
[dvt] License - Displays information related to the license client and server.
[dvt] Server - Displays information related to the current in-use Language Server, such as debug information and stack traces.
[dvt] Trace & [dvt] Trace Debug Adapter - Displays information exchanged between the VS Code client and the Language Server. By default, these output channels are disabled. To enable them, use the DVT.trace.server and DVT.trace.server settings.