Code Review Visualizer

A VS Code extension that visualizes code changes in a sequential workflow format with AST-based highlighting.

Features

• Visualizes code changes as a sequential workflow
• Highlights only the changed parts using AST analysis
• Shows code diffs on click
• Displays the entire tree structure of changed code

Usage

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
2. Run "Show Code Review" command
3. The extension will analyze your git changes and display them in a webview

Development

npm install
npm run compile

Packaging

To generate a VSIX file for distribution:

1. Update the publisher name in package.json:

   • Change "publisher": "your-publisher-name" to your actual publisher name

2. Compile the extension:

   npm run compile
   

3. Generate the VSIX:

   npm run package
   

The VSIX file will be created in the root directory (e.g., next-ide-0.0.3.vsix).

Installing the VSIX

You can install the VSIX file in VS Code by:

1. Open VS Code
2. Go to Extensions view (Cmd+Shift+X / Ctrl+Shift+X)
3. Click the ... menu at the top
4. Select "Install from VSIX..."
5. Choose your .vsix file

Alternatively, use the command line:

code --install-extension next-ide-0.0.3.vsix