Code Intent Visualizer is a VS Code extension concept and scaffold for understanding codebases through deterministic static analysis instead of AI inference.
What it does
Parses TypeScript and JavaScript files with the TypeScript compiler API
Extracts functions, imports, exports, call relationships, and JSDoc intent tags
Builds a dependency graph across files and functions
Shows inline and hover context with CodeLensProvider and HoverProvider
Groups files by feature using directory structure like features/auth
Displays downstream impact analysis in a webview panel
Supported intent tags
Use JSDoc comments above functions or exported declarations:
/**
* @intent Validate login credentials before API submission
* @feature auth
* @impact Changes affect sign-in and session bootstrap
*/
export async function submitLogin() {
// ...
}
Current scope
This scaffold focuses on:
deterministic analysis
explainable relationships
incremental refresh hooks
a foundation for richer graph and flow visualization
Next ideas
Add Babel parsing for non-TypeScript syntax edge cases
Resolve non-relative imports using tsconfig.json path mappings
Add "find callers" and "find dependents" commands
Render richer flow lanes like function -> service -> api -> ui