A VS Code extension that provides real-time visualization of code dependencies and impact analysis. See how changes to functions, classes, or variables ripple through your codebase before you make them.
Features
Real-time Impact Analysis: Instantly see which files, tests, and components are affected when you modify code
Visual Dependency Graph: Beautiful, interactive visualization of code relationships
Context Menu Integration: Right-click any symbol to analyze its impact
Type Classification: Automatically categorizes affected code as functions, classes, variables, tests, or components
Click-to-Navigate: Jump directly to any affected location from the visualization panel
Usage
Analyze a Symbol
Place your cursor on any function, class, or variable name
Right-click and select "Analyze Symbol Impact"
View the impact visualization in the side panel
Use Command Palette
Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
Type "Analyze Symbol Impact" and press Enter
The extension will analyze the symbol at your current cursor position
Navigate to Affected Code
Click any item in the visualization panel to jump to that location in your code
The panel shows:
Total number of affected files
Total number of references
Breakdown by type (functions, classes, variables, tests, components)
How It Works
The extension uses VS Code's built-in language server capabilities to:
Find all references to the selected symbol
Analyze the context of each reference
Classify references by type (test, component, function, etc.)
Display an interactive visualization
Requirements
VS Code version 1.109.0 or higher
A workspace with code files (JavaScript, TypeScript, Python, etc.)
Extension Commands
This extension contributes the following commands:
dependency-impact-visualizer.showImpact: Show Dependency Impact panel
dependency-impact-visualizer.analyzeSymbol: Analyze Symbol Impact at cursor
Known Issues
Impact analysis depends on language server accuracy for reference finding
Large codebases may take a moment to analyze
Development
Running the Extension
Open this folder in VS Code
Press F5 to open a new Extension Development Host window
In the new window, open a project and try the commands
Building
npm run compile # Compile the extension
npm run watch # Watch for changes
npm run package # Package for production
