RepoPin 📌
Organize your workspace with color-coded sections and quick access to your most important files and folders.
✨ Features
- Color-Coded Sections - Organize pins with 10 vibrant colors
- Pin Files & Folders - Right-click any item in File Explorer to pin it
- Split Mode - Work with 2-3 sections in vertical split panes with automatic tab organization
- Drag & Drop - Drag files from RepoPin to editor or other applications
- Import/Export - Backup and restore pins as JSON files
- Auto-Refresh - Clean up deleted or moved files automatically
- Persistent Storage - Pins saved per repository/workspace
🚀 Quick Start
- Install from VS Code Extensions marketplace
- Click the 📌 pin icon in the activity bar
- Create sections with the + button and choose colors
- Pin items by right-clicking files/folders in File Explorer → "Add to RepoPin"
- Access files by clicking on any pinned item
🔀 Split Mode
Work with multiple sections simultaneously in vertical split panes:
- Click the split icon (⊟) at the top of RepoPin
- Select 2-3 sections for split mode
- Confirm organization - existing tabs will be organized by section
- Automatic setup - editor splits into vertical panes
How It Works:
- Section A → Left pane
- Section B → Middle pane
- Section C → Right pane (if 3 sections selected)
Smart Features:
- Existing tabs are automatically organized by their sections
- New files from RepoPin open in their assigned pane
- Drag & drop respects split mode routing
- Tree view shows only active sections during split mode
💾 Import/Export
Export Pins:
- Click the save icon (💾) at the top of RepoPin
- Choose "📤 Export Pins" and save to a JSON file
Import Pins:
- Click the save icon (💾) at the top of RepoPin
- Choose "↩️ Import Pins" and select a JSON file
- Choose to Replace all pins or Merge with existing ones
🔄 Auto-Refresh
Keep your pins clean and up-to-date:
- Click the refresh icon (🔄) at the top of RepoPin
- Automatic cleanup removes deleted or moved files
- Shows count of cleaned items
🎯 Use Cases
Large Monorepo Navigation
🔴 Frontend (React components)
🟢 Backend (API routes)
🔵 Database (Models & migrations)
🟡 Config (Environment files)
Feature Development
🔴 Components (UI elements)
🟢 Services (Business logic)
🔵 Tests (Unit & integration)
🟣 Styles (CSS/SCSS)
Documentation Management
🔵 Docs (README, guides)
🟣 Examples (Code samples)
🟤 Assets (Images, icons)
⚫ Utils (Helper functions)
🎨 Color Guide
Choose from 10 vibrant colors for your sections:
- 🔴 Red - Frontend/UI components
- 🟠 Orange - Backend/API files
- 🟡 Yellow - Configuration files
- 🟢 Green - Database/Models
- 🔵 Blue - Documentation
- 🟣 Purple - Testing files
- 🟤 Brown - Assets/Resources
- ⚫ Gray - Utilities/Helpers
- 🟣 Pink - Styling/CSS
- 🔵 Cyan - Scripts/Tools
📝 Commands
| Command |
Description |
Add to RepoPin |
Pin files/folders from File Explorer |
Create Section |
Add new color-coded section |
Delete Section |
Remove section and all its pins |
Remove Pinned Item |
Remove specific pinned item |
Toggle Split Mode |
Enable/disable split mode |
Export Pins |
Save pins to JSON file |
Import Pins |
Load pins from JSON file |
Refresh Pins |
Clean up deleted/moved files |
🔧 Technical Details
- Storage: Pins are saved per workspace/repository
- Performance: Lightweight with minimal memory usage
- Compatibility: Works with all VS Code file types
- Persistence: Folder states and split mode settings are remembered
📄 License
MIT License
🤝 Contributing
Contributions are welcome! Please feel free to submit issues and pull requests.
Made with ❤️ for developers who love organized workspaces
| |
