This repository contains browser extensions for formatting and viewing JSON with syntax highlighting.
json-formatter/
├── requirements.md # Original requirements document
├── gecko/ # Firefox extension (WebExtensions)
│ ├── manifest.json
│ ├── background.js
│ ├── content.js
│ ├── sidebar/ # Sidebar UI and logic
│ ├── icons/ # Extension icons
│ ├── README.md # Firefox-specific instructions
│ └── DEVELOPER_GUIDE.md # Detailed technical documentation
└── chromium/ # (Reserved for Chrome/Edge/Chromium extension)
✅ Fully Implemented
A complete Firefox extension that allows you to:
- Select JSON text on any webpage
- Right-click and choose "View Formatted JSON"
- View beautifully formatted JSON with syntax highlighting in a sidebar
- Search within the formatted JSON
- Navigate between search matches
Quick Start:
cd gecko
# Generate icons (if not already created)
python3 create-icons.py
# Load in Firefox: about:debugging → This Firefox → Load Temporary Add-on → manifest.jsonSee gecko/README.md for detailed installation and usage instructions.
🚧 Reserved for Future Development
This directory is reserved for a Chrome/Edge/Chromium version of the extension.
All extensions will implement:
- ✅ Context menu integration ("View Formatted JSON")
- ✅ JSON validation with error handling
- ✅ Syntax highlighting (keys, strings, numbers, booleans, null)
- ✅ Search functionality with match highlighting
- ✅ Navigation between search results
- ✅ Dark theme UI
Each extension directory contains its own README and developer documentation.
- Firefox (gecko/): See gecko/DEVELOPER_GUIDE.md
- Chromium (chromium/): Coming soon
Original requirements are documented in requirements.md.
See LICENSE for details.
Contributions are welcome! Please feel free to submit pull requests or open issues.