Repository navigation
v0.3.0
Changelog
All notable changes to the Svelte Component Visualizer extension will be documented in this file.
The format is based on Keep a Changelog,
and this project adheres to Semantic Versioning.
0.3.0 - 2026-04-03
Added
- Terminal file path insertion command:
Svelte: Insert File Path in Terminal - Explorer and editor context menu actions for terminal file path insertion
- Visualizer node context menu action:
Insert File Path in Terminal - Configurable terminal prefix via
svelteVisualizer.terminalPathPrefix(default@, empty string for plain paths) - Updated in-UI help dialog with terminal file reference instructions
Changed
- Terminal insertion now targets only the active terminal session
- Terminal insertion is silent (no success toast), with warnings only for missing prerequisites
- File reference format now uses configurable
<prefix><relative/path>(default@path/to/file)
0.1.0 - 2025-10-19
Added
- Interactive component dependency visualization using D3.js force-directed graph
- Search and filter functionality for components and routes
- Multiple visual themes:
- Modern theme with rounded corners and gradients
- Flat theme with Ableton-like minimal design
- Retro theme with early Mac System 6/7 (light) and green monochrome (dark)
- Retro Alt theme with Windows 3.1 (light) and amber monochrome (dark)
- Auto, light, and dark color scheme support
- SvelteKit route support for +page.svelte, +layout.svelte, and +error.svelte files
- Unused import detection and visualization (orange dashed borders)
- Drag and drop support for .svelte files onto the graph (desktop VSCode only)
- Context menu integration in Explorer sidebar and editor tabs
- Double-click nodes to open component files in the editor
- Cmd/Ctrl+Click to focus on specific nodes and their dependencies
- Customizable graph physics controls (link distance and charge strength)
- Toggle to show/hide unused imports
- Refresh button to regenerate the graph after file changes
- Configurable glob patterns for component and route file paths
- Support for custom routes base path configuration
- Cross-platform support (Windows, macOS, Linux)
Known Limitations
- Graph generation may be slow for very large projects (500+ components)
- Only supports default component imports (not named imports)
- Dynamic imports via
<svelte:component>are not tracked - Drag and drop not supported in browser-based VSCode environments (Code OSS, vscode.dev, GitHub Codespaces)