JSON Diff Viewer

Compare and analyze two JSON documents directly inside Visual Studio Code.

JSON Diff Viewer provides a fast, intuitive interface for examining differences between JSON files or objects. Designed for developers who need to track changes, review configurations, or validate API responses, the extension offers a rich, side‑by‑side diff experience with filtering and statistics.

🌟 Key Features

• Side‑by‑side comparison with syntax‑highlighted JSON for quick visual inspection.
• Change highlighting (🟢 added, 🔴 removed, 🟡 modified) to identify updates at a glance.
• Summary panel showing the number of additions, deletions, and modifications.
• Filtering and search — narrow results by type of change or by JSON path using dot notation.
• Deeply nested support with full path resolution for complex objects.
• Works seamlessly with large files and formatted/pretty‑printed JSON.

Screenshots

🔧 Usage

Compare Any Two JSON Files

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
2. Execute "JSON Diff: Compare Two JSON Files".
3. Select the first file, then the second; the comparison panel loads instantly.

Compare the Active File with Another

1. Open a .json file in the editor.
2. Right‑click anywhere in the editor and choose "JSON Diff: Compare Active File with Another".
3. Select the second file to open the diff view.

Tip: You can also run commands via the Quick Open (Cmd+P) by prefixing with >.

📦 Installation

From the Visual Studio Marketplace

Search for "JSON Diff Viewer" in the Extensions view (⇧⌘X / Ctrl+Shift+X) and click Install.

From Source

# clone the repo
npm install          # install dependencies
npx vsce package     # build .vsix package
code --install-extension json-diff-viewer-*.vsix

Requirements

• Visual Studio Code v1.74 or newer
• Node.js (only required if you are building from source)

Note: The extension is written in plain JavaScript and does not require additional runtime dependencies.

⚙️ Configuration

The extension currently does not expose any user settings. Future releases may include options for customizing diff colors, behavior, and keyboard shortcuts.

❓ Troubleshooting

• If the diff panel fails to open, make sure both files are valid JSON.
• For very large files, the comparison may take a few seconds; a progress indicator is shown.
• Report bugs or feature requests on the [GitHub repository issues] (https://github.com/Vijaya03/json-diff-viewer-extension.git).

🙋 Support & Contributions

Have feedback or want to contribute? Open an issue or submit a pull request on the project repo. Contributions are welcome:

1. Fork the repository
2. Create a feature branch
3. Submit a pull request with tests and an updated README

License

This extension is licensed under the MIT License.