Project View

See how files interact

The project-level view shows each file as a node, allowing you to see their interactions at a glance.

The project view will be the first one that greets you when you open the UI. Here, you can take several actions to explore the files in this codebase.

Metrics Highlighting

On the control bar, at the bottom of the screen, you can select a metric on which to highlight files or nodes that fail the metric check set in your .napirc file. Nodes that pass the check will be green, slight overages will be yellow, and so on until deep red.

The Metrics at the moment are:

  • Lines of Code

  • Characters

  • Dependency/Dependent Count

  • Cyclomatic Complexity.

These are often split between:

  • Metric per File

  • Metric per Symbol

We are adding new metrics all the time, so expect to see this list change frequently.

Action Menu

Right-clicking a node will open the Action Menu. This menu enables the following:

  • File Name: See the name of the current file.

  • Show Details: Opens the Details Pane (see more below).

  • Inspect Symbols: Goes to the file-level view.

  • Show File: Highlights the file in the File Explorer.

  • Extract All Symbols: Extracts all symbols within this file by placing them within the Symbol Extraction Pane.

Details Pane

The Details Pane contains every bit of information you could want when exploring or discovering a codebase. It shows, in order:

  • File metrics and audit warnings

  • Symbol metrics per symbol and warnings

  • Button to go to the file-level view

Updated on