JSONr

A local, private VS Code extension for exploring, editing, and visualizing JSON.

Inspired by json.site, JSONr runs entirely in your VS Code workspace. No data is ever sent to a server.

Features

Custom JSON editor — open any .json, .jsonc, .jsonl, .ndjson, or .json5 file with JSONr.
Two-pane layout — edit raw JSON on the left, explore on the right.
Exploration views:
- Editor — formatted, line-numbered JSON.
- Table — spreadsheet view for arrays of objects.
- Tree — collapsible key/value tree.
- Type — inferred type structure with TypeScript output.
- Graph — interactive card-and-edge graph with pan, zoom, expand/collapse, and hover-to-highlight paths.
- Code — generate strongly-typed code from JSON.
Code generation — generate typed code in TypeScript, Go, Rust, Python, C#, Java, Swift, Kotlin, and Dart using quicktype-core. Each output includes an ingest helper that parses a raw JSON string into the generated types.
Format, minify, stringify — one-click transformations.
Real-time validation — see at a glance whether your JSON is valid.
Local history — quickly reopen recently viewed JSON files.
Configurable — change max file size and max graph nodes in VS Code settings.
Modern UI — rounded panels, shadows, and full VS Code dark/light theme support.

Open a JSON file in VS Code.
Click the JSONr icon in the top-right of the editor, or run JSONr: Open with JSONr from the command palette.
Use the view tabs (Editor, Table, Tree, Type, Graph, Code) to explore.
In the Graph view, drag to pan, scroll to zoom, and click the arrows on cards to expand or collapse.

Open Settings and search for JSONr to change:

Setting	Default	Description
`jsonr.defaultIndent`	`2`	Default indentation for the Format action.
`jsonr.maxFileSizeBytes`	`2097152`	Files larger than this switch to a lightweight summary view.
`jsonr.maxGraphNodes`	`20000`	Maximum number of cards to render in the Graph view. Increase for large JSON, decrease if the view feels slow.

npm install
npm run compile

To package locally:

npm run package

To install locally:

code --install-extension jsonr-0.1.1.vsix

Set your marketplace token and run the release script:

$env:VSCE_PAT = "your-personal-access-token"
npm run release

Or bump the version before publishing:

$env:VSCE_PAT = "your-personal-access-token"
npm run release patch