JSON Formatter

A simple and elegant JSON formatter for Visual Studio Code with intuitive sidebar integration.

✨ Features

• 📋 Sidebar Integration: Easy access through a dedicated activity bar icon
• 🎯 One-Click Formatting: Format and beautify JSON with a single click
• 🎨 Monaco Editor: Rich editing experience with syntax highlighting and dark theme
• 🔍 Error Handling: Clear, helpful error messages for invalid JSON syntax
• ⚡ Fast & Lightweight: Quick formatting without slowing down your workflow
• 🎪 Clean Interface: Minimalist design that stays out of your way

🚀 Usage

Quick Start

1. Find the Icon: Look for the JSON Formatter icon (📐) in the left activity bar
2. Open Panel: Click the icon to reveal the JSON Tools panel
3. Launch Formatter: Click "Open JSON Formatter" button
4. Format JSON: Paste your JSON and click the "Format" button

Step-by-Step Guide

1. Install the extension from the VS Code Marketplace
2. The JSON Formatter icon will appear in your activity bar (left sidebar)
3. Click the icon to open the JSON Tools panel
4. Click "Open JSON Formatter" to launch the formatting interface
5. Paste or type your JSON code in the editor
6. Click "Format" to beautify your JSON
7. Use "Clear" to reset the editor

📸 Screenshots

Activity Bar Integration

The extension adds a convenient icon to your activity bar for quick access.

Formatting Interface

Clean, dark-themed interface with Monaco editor for the best JSON editing experience.

📋 Requirements

• Visual Studio Code: Version 1.102.0 or higher
• No additional dependencies: Works out of the box

🔧 Installation

From VS Code Marketplace

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

From Command Line

ext install rithik-srivastava.json-formatter

Manual Installation

1. Download the .vsix file from the releases page
2. Open VS Code
3. Run Extensions: Install from VSIX... from the Command Palette
4. Select the downloaded file

🎯 Why Choose This JSON Formatter?

• 🚀 No Command Palette Required: Unlike other formatters, no need to remember keyboard shortcuts or commands
• 🎨 Always Accessible: Permanent icon in the sidebar means it's always one click away
• 🏗️ Professional Design: Matches VS Code's native extension patterns
• ⚡ Instant Access: No need to open files or create new documents
• 🎪 Focused Experience: Dedicated interface just for JSON formatting

🐛 Known Issues

Currently no known issues. If you encounter any problems, please report them here.

📝 Release Notes

1.0.0 - Initial Release

• ✅ Sidebar integration with activity bar icon
• ✅ Tree view panel with format button
• ✅ Monaco editor with JSON syntax highlighting
• ✅ Dark theme interface matching VS Code
• ✅ Format and Clear functionality
• ✅ Error handling for invalid JSON

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

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

🙏 Acknowledgments

• Built with the VS Code Extension API
• Uses Monaco Editor for rich text editing experience
• Inspired by the need for quick, accessible JSON formatting

📞 Support

• Issues: GitHub Issues
• Repository: GitHub Repository
• Marketplace: VS Code Marketplace

Enjoy formatting your JSON with ease! 🎉

If you find this extension helpful, please consider giving it a ⭐ on GitHub and leaving a review on the VS Code Marketplace.