A Visual Studio Code extension that provides a dedicated "CALLERS" tab in the panel to visualize and navigate function call hierarchies with a clean, horizontal tree layout.
Features
Dedicated Panel: View call hierarchies in a separate webview panel beside the terminal/output.
Horizontal Tree Layout: Visualizes the hierarchy horizontally with callers displayed to the right of the callee.
Continuous Connections: Uses continuous vertical and horizontal lines with directional arrows (Caller → Callee) to clearly show relationships.
Multiple Instances: If a function calls the target from multiple locations, all call sites are listed with indexed line numbers.
Precise Navigation: Click on specific line numbers to navigate directly to the call site in the source code.
Multiple Tabs: Open and manage multiple function hierarchies simultaneously. Each tab has a close button.
Refresh Capability: A "Refresh Hierarchy" button allows you to re-fetch the call hierarchy if the underlying code changes.
Transient Data: Hierarchy data is stored in memory and cleared automatically when you close VS Code or the project, keeping your workspace clean.
Requirements
This extension relies on the standard VS Code Call Hierarchy API.
For C/C++ projects, ensure you have a language server extension installed (e.g., Microsoft C/C++ or clangd) that supports call hierarchy.
Usage
Open a source file.
Right-click on a function name.
Select Show Callers (or search for the command in the Command Palette).
The "CALLERS" tab will open in the bottom panel displaying the hierarchy.
Building and Installing
To build and install this extension from source:
Prerequisites: Ensure you have Node.js and npm installed.
Navigate to the directory:
cd vscode-call-hierarchy
Install dependencies:
npm install
Package the extension:
Run the package script to generate a .vsix file.
npm run package
This uses vsce to package the extension into a VSIX file (e.g., call-hierarchy-viewer-0.0.13.vsix).
Install the extension:
In VS Code, go to the Extensions view (Ctrl+Shift+X).
Click the "..." (Views and More Actions) menu in the top right.
Select Install from VSIX....
Choose the generated .vsix file.
Configuration
callHierarchy.depth: Set the depth of the call hierarchy to explore (default: 5).
