callumlocke/json-formatter
Json Formatter
This project is a web-based JSON formatter and visualizer designed for structural debugging and data exploration. It transforms raw JSON strings into a readable tree structure featuring syntax highlighting, indent guides, and collapsible nodes.
The tool provides a data visualizer for comparing raw server responses against parsed representations. It also includes a console exporter that sends parsed JSON data to the browser developer console as a global variable for immediate inspection and manipulation.
The system covers API response inspection and JSON structure analysis, allowing users to toggle between raw text and formatted views to verify complex nested data.
Features
- JSON - Renders raw JSON data as an interactive, collapsible tree structure with syntax highlighting.
- API Response Inspection - Enables verification of API outputs by comparing raw responses with formatted views.
- Console Variable Captures - Assigns parsed JSON objects to global variables in the browser console for interactive debugging.
- JSON Formatters - Renders raw JSON data into a readable, searchable, and collapsible tree structure.
- JSON Data Visualizers - Provides a visual tool for comparing raw server responses against parsed JSON representations.
- JSON to Visual Tree Mappings - Maps JSON keys to visual tree components for exploration of complex nested data.
- Recursive Node Tree Rendering - Transforms nested JSON structures into a hierarchical DOM tree using recursive rendering.
- Collapsible JSON Editors - Uses collapsible nodes and indent guides to help analyze the hierarchy of large JSON datasets.
- Debugging and Inspection Tools - Provides tools for inspecting and manipulating parsed JSON data directly within the browser environment.
- Raw and Parsed View Toggling - Provides a mechanism to toggle between original server responses and parsed representations for verification.
- Representation Switching - Allows users to switch between raw text and a parsed tree view via state management.
- Code Syntax Highlighting - Provides visual color coding for JSON keys and values to improve readability.
- Global Object Exports - Exposes parsed JSON data to the browser window object for developer console access.
- Penetration Testing Tools - Extension for formatting and inspecting JSON responses.
