File View

See the interaction between symbols in a file

In our file-level view, the symbols contained within that file are laid out next to internal and external dependencies.

As before with the project view, there are several actions you can take on this page. The right-click Action Menu and Details pane both return, as well as the symbol extraction. On this page extracting a symbol moves them to the Symbol Extraction Pane one at a time.

Symbol Colors

A symbol’s color in this view defines where that symbol lives in your project.

  • Purple Symbols are classes, functions, etc defined in the focused file. You can see the current file name in the breadcrumbs at the top.

  • Pink Symbols are defined within this codebase, but in another file.

  • Grey Symbols are defined and imported from external libraries.

Symbol Types

Each shape in the file-level view also has a meaning.

Shape

Symbol Type

Hexagon

Class

Ellipse

Function

Diamond

Variable

Hexagon

Struct

Triangle

Enum

Filters

The control bar on this page shows the filter pane. This pane allows for various elements to be hidden and shown from this view.

The filters under the “Supporting files” section only applies to the pink or gray elements (i.e. outside the current file). The filters under “Main file” only apply to the purple elements (i.e. the current file).

Updated on