JT-View-Exports-SVG.showMenu command opens the View Exports SVG viewer panel, allowing you to explore, search, and interact with SVG icon components exported from your JavaScript/TypeScript files.
Command Details
Command ID
JT-View-Exports-SVG.showMenuDisplay Title
View Exports SVG 🔍
Availability
This command is available in the following contexts:- Explorer Context Menu: Right-click on supported files in the file explorer
- Editor Context Menu: Right-click within a supported file in the editor
Supported File Types
The command is only available for files that meet these criteria:The file must be a JavaScript or TypeScript file (
.js, .jsx, .ts, .tsx) but not a TypeScript declaration file (.d.ts).resourceLangIdmust match:javascript,typescript,javascriptreact, ortypescriptreactresourceFilenamemust match the pattern:^(?!.*\.d\.ts$).*\.(ts|tsx|js|jsx)$
Usage
From Explorer or Editor Context Menu
- Right-click on a supported JavaScript/TypeScript file
- Select View Exports SVG 🔍 from the context menu
- The viewer panel opens, displaying all SVG icon components found in the file
Selecting Multiple Files
You can select multiple files in the explorer and run the command to process them all at once:- Select multiple supported files in the explorer (Ctrl/Cmd + click)
- Right-click on the selection
- Choose View Exports SVG 🔍
- The viewer will process and display icons from all selected files
Behavior
When viewer is not open
When viewer is not open
- Creates a new webview panel
- Initializes the viewer interface
- Processes the selected file(s) for SVG exports
- Displays the extracted SVG components
When viewer is already open
When viewer is already open
- Reuses the existing webview panel
- Updates the content with the newly selected file(s)
- Maintains your current viewer state and preferences
When no files are selected
When no files are selected
- Opens an empty viewer panel
- Ready to accept file selections or workspace scanning
What Gets Extracted
The command processes files and extracts:- SVG components exported from the file
- Component names and export information
- SVG element properties and attributes
- Component source locations
Related Commands
- Scanning - Scan the entire workspace for SVG exports
- Expand/Collapse - Control icon expansion state in the viewer
- Clear Cache - Clear cached scan results