Code Branch Visualizer

About

Code Branch Visualizer converts static file directories of your GitHub and GitLab repositories into beautiful, living, organic trees! 

Perfect for code walkthroughs, onboarding new developers, code audits, documentation, or simply enjoying the organic architecture of your codebase.

🌟 KEY FEATURES:
- **Interactive Physics Engine**: Drag folders and files to watch them sway, bounce, and interact. Pan and zoom around large codebases easily.
- **Visual Commit Timeline Mapping**: Node colors dynamically adjust based on recent commits. Spot "hot files" or stale files at a glance (e.g. green for changes under 7 days, yellow for under 30 days, orange for older).
- **Instant Search & Highlighting**: Instantly query for file extensions, subdirectories, or specific files. Watch matching paths light up in neon while unmatched branches dim away.
- **Language Distribution Dashboard**: View dynamic code statistics of your project. Click on any language in the dashboard (like TS, JS, PY, or CSS) to automatically highlight those files in the tree view.
- **Sleek Animated Themes**: Toggle between multiple themes:
  - 🌌 Crystal Galaxy (Original neon look)
  - 📟 Matrix Rain (Monochrome hacker green)
  - 🖲️ Cyberpunk Neon (Cyberpunk cyan & hot pinks)
  - 🌲 Organic Forest (Natural wood branches and leafy nodes)
- **Token Configuration Settings**: Bypass API rate limits and visualize private repositories securely by entering your own Personal Access Token (PAT) for GitHub and GitLab.
- **High-Res Export**: Download your repository tree as a clean PNG image directly from the overlay.

🚀 HOW TO USE:
1. Install the extension.
2. Open any repository page on GitHub.com or GitLab.com.
3. Click the bright green "Visualize Tree" button injected directly in the repository controls.
4. Interact with the tree nodes, search paths, switch themes, or download a high-res PNG export of your visualization!