Hsu's JSON Formatter & Viewer

Better JSON formatting and viewing experience with a VSCode-like viewer

Hsu's JSON Formatter & Viewer transforms plain raw JSON pages into a cleaner, more practical reading experience that feels much closer to a modern code editor. Based on the package contents, the extension detects when a browser tab is displaying standalone JSON and replaces the default unformatted text view with a dedicated full-page viewer built for readability, inspection, and navigation. Its design is clearly inspired by a VSCode-like interface, with structured indentation, editor-style coloring, optional line numbers, and a minimap for scanning long responses more comfortably. For developers, testers, and anyone who regularly opens API responses or JSON files in the browser, it provides a faster way to understand complex data without leaving the page. The extension is designed to work only when a page actually appears to contain top-level JSON. It checks the page structure, visible content, and related conditions before activating, so ordinary HTML pages are left untouched. When the content is valid JSON, it parses the data and renders it in a structured viewer that makes nested objects and arrays easier to inspect. Collapsible sections help reduce visual clutter, while summary-style folded views make it easier to understand how much content is hidden inside a collection. For users who still want the original source, the interface includes both Parsed and Raw modes, allowing quick switching between a formatted structural display and the exact raw text shown by the page. The interface emphasizes convenience and control. A built-in toolbar provides actions for copying the JSON, toggling line numbers, enabling or disabling the minimap, wrapping long lines, cycling through themes, opening quick settings, and closing the viewer. The quick settings panel gives immediate access to these common display options directly on the page, while the separate options page supports longer-term preference management. According to the package description, users can choose between System, Light+, and Dark+ themes and set whether line numbers, minimap visibility, and word wrap should be enabled by default. These preferences are saved automatically through browser storage so the viewer behaves consistently the next time JSON content is opened. The extension also includes safeguards for usability and performance. If a JSON document is too large, parsed rendering is disabled and the content is shown in raw form instead, helping avoid heavy rendering costs on oversized payloads. For supported files, the viewer renders content in chunks and can show progress while lines are being displayed, which helps keep navigation responsive on larger documents. If the JSON is invalid, the extension does not fail silently. Instead, it presents an error banner describing the parse failure and, when available, includes line and column information. In that case, it falls back to the raw text so the original content remains visible and usable. Clipboard support is also built in: valid JSON can be copied as neatly formatted text, while invalid JSON is copied exactly as shown in raw mode. Key Features: - Automatically detects standalone JSON pages and replaces plain raw output with a full-page structured viewer. - Offers both Parsed and Raw modes for switching between formatted inspection and the original source text. - Provides a VSCode-like interface with System, Light+, and Dark+ themes for a familiar reading experience. - Supports line numbers, word wrap, and an optional minimap to improve navigation through long JSON documents. - Displays clear parse error messaging for invalid JSON, including line and column details when available. - Handles very large JSON safely by disabling parsed rendering and showing raw text instead. - Includes copy-to-clipboard tools, quick settings, and automatically saved display preferences using browser storage. Privacy: - The extension uses browser storage to save viewer preferences such as theme, line numbers, minimap, and word wrap settings. The provided package information does not indicate network transmission, analytics collection, or external data sharing.