TODO Radar - Smart Code Marker Highlighter by Ymax.Code

A powerful and intelligent TODO highlighter for Visual Studio Code that detects, organizes, and beautifully highlights TODO, FIXME, BUG, and other important markers in your project. Built with modern TypeScript and designed for maximum productivity.
✨ Features
🔍 Smart Detection
- Multi-language support: JavaScript, TypeScript, Python, Java, C++, C#, PHP, Ruby, Go, Rust, Swift, Kotlin, HTML, CSS, SQL, YAML, Markdown, and more
- Intelligent comment parsing: Detects real comments only, not false positives in text
- Line and block comments: Supports
// , # , /* */ , """ , <!-- --> , and more
- Auto-ignore hidden folders: Automatically ignores
.angular , .cache , node_modules , and other system folders
🎨 Beautiful Visual Highlighting
- Color-coded markers: Each type has its own color and emoji
- 🔵 TODO: Blue background with white text
- 🟠 FIXME: Orange background with white text
- 🔴 BUG: Red background with white text
- 🟡 HACK: Yellow background with black text
- 🟢 NOTE: Green background with white text
- 🟣 WARNING: Purple background with white text
- Persistent highlighting: Stays visible even when switching between files
- Real-time updates: Highlights update automatically as you edit
📊 Smart Organization
- Tree view: Organized list of all TODOs in your project
- File type filtering: Filter by JavaScript, TypeScript, Python, etc.
- TODO type filtering: Filter by TODO, FIXME, BUG, etc.
- Smart sorting: Organized by type and then by file
- Click to navigate: Jump directly to any TODO in your code
- One-click refresh: Update the list manually
- Auto-refresh: Updates when files change, are created, or deleted
- Clear filters: Reset all filters with one click
- Toggle highlighting: Enable/disable visual highlighting
🚀 Quick Start
- Install the extension from the VS Code Marketplace
- Open the TODO Radar view from the sidebar (pencil icon)
- Start coding - TODOs are automatically detected and highlighted
- Use filters to focus on specific file types or TODO types
- Click any TODO to jump directly to it in your code
📝 Supported Markers
The extension detects these markers in comments:
Marker |
Type |
Color |
Description |
TODO |
🔵 Blue |
Tasks to be completed |
|
FIXME |
🟠 Orange |
Code that needs fixing |
|
BUG |
🔴 Red |
Known bugs or issues |
|
HACK |
🟡 Yellow |
Temporary solutions |
|
NOTE |
🟢 Green |
Important notes |
|
WARNING |
🟣 Purple |
Warnings and cautions |
|
XXX |
🟣 Purple |
Problematic code |
|
TEMP |
🟣 Purple |
Temporary code |
|
OPTIMIZE |
🟢 Green |
Code needing optimization |
|
REVIEW |
🟢 Green |
Code needing review |
|
CHANGED |
🟢 Green |
Recently changed code |
|
IDEA |
🟢 Green |
Ideas for improvement |
|
LEGACY |
🟣 Purple |
Legacy code |
|
QUESTION |
🟢 Green |
Questions about code |
|
COMBAK |
🟢 Green |
Code to revisit later |
|
💡 Usage Examples
JavaScript/TypeScript
// TODO: Implement user authentication
// FIXME: Memory leak in this function
// BUG: Function doesn't handle null values
// HACK: Temporary solution for performance
// NOTE: This will be refactored in v2.0
// WARNING: Uses deprecated API
Python
# TODO: Add error handling
# FIXME: Fix the memory issue
# BUG: Doesn't work with empty lists
# HACK: Quick fix for the deadline
# NOTE: Consider using async
# WARNING: Not thread-safe
HTML/Markdown
<!-- TODO: Add responsive design -->
<!-- FIXME: Broken link -->
<!-- BUG: Doesn't work in IE -->
<!-- HACK: Temporary styling -->
<!-- NOTE: Will be replaced with CSS -->
<!-- WARNING: Deprecated HTML -->
🎯 Use Cases
- Code Reviews: Quickly identify areas that need attention
- Project Management: Track tasks and bugs directly in code
- Team Collaboration: Share TODO markers with your team
- Quality Assurance: Ensure no TODOs are left behind
- Documentation: Keep notes and warnings close to code
⚙️ Configuration
The extension works out of the box with sensible defaults. No configuration required!
Ignored Folders
Automatically ignores common build and system folders:
node_modules , .git , .vscode
out , dist , build , .next , .nuxt
coverage , .nyc_output , .yarn
- Any folder starting with
. (hidden folders)
🛠️ Development
Building from Source
git clone https://github.com/YmanolCastillo/todo-radar.git
cd todo-radar
npm install
npm run compile
Running in Development
- Open the project in VS Code
- Press
F5 to run the extension in a new window
- Test the functionality in the development window
📈 Roadmap
- [ ] Custom TODO patterns
- [ ] Export TODO list to markdown
- [ ] Integration with issue trackers
- [ ] TODO statistics and analytics
- [ ] Team collaboration features
- [ ] Custom color themes
🤝 Contributing
We welcome contributions! Please see our Contributing Guide for details.
How to Contribute
- Fork the repository
- Create a feature branch
- Make your changes
- Add tests if applicable
- Submit a pull request
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
- Built with ❤️ by Ymax.Code
- Inspired by the need for better TODO management in VS Code
- Thanks to the VS Code extension community for inspiration
📞 Support
Made with ❤️ by Ymax.Code
If you find this extension helpful, please consider giving it a ⭐ on GitHub!
| |