Git Viz - VS Code Extension

A Visual Studio Code extension for visualizing git repositories with interactive graphs and commit history.

Features

• 📊 Commit History Visualization - Interactive timeline of commits
• 🌳 Branch Graph Display - Visual representation of branch relationships
• 📁 File Change Tracking - Track modifications across commits
• 🔍 Interactive Git Log - Enhanced git log with visual elements

Installation

From VS Code Marketplace (Recommended)

1. Open VS Code
2. Go to the Extensions view (Ctrl+Shift+X)
3. Search for "Git Viz"
4. Click Install

From Source (Development)

1. Clone this repository
2. Run npm install to install dependencies
3. Press F5 to open a new Extension Development Host window
4. The extension will be loaded in the new window

Usage

1. Open a git repository in VS Code
2. Right-click in the Explorer panel
3. Select "Open Git Viz" from the context menu
4. The Git Visualization panel will open with interactive features

Development

Prerequisites

• Node.js (v16 or higher)
• npm or yarn
• Visual Studio Code

Setup

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Watch for changes
npm run watch

# Run linting
npm run lint

Building

# Build the extension
npm run compile

# Package the extension
vsce package

Commands

• Git Viz: Open - Opens the Git Visualization panel

Configuration

The extension automatically detects git repositories and provides visualization features based on the current workspace.

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests if applicable
5. Submit a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support

If you encounter any issues or have feature requests, please open an issue on GitHub.