Functional JSON viewer

#5 / 2 rate

Functional JSON viewer

108 users

2023-06-18

Dmytro

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Hot Permissions

Description

Modern JSON formatter and explorer.

Why to use:

- Foldable & filterable & focusable nodes
- (Shift-)Tab navigation
- Show node path on focus & hover
- Keymaps (Vim inspired)
- Clickable links
- Light & dark theme
- Converting JSON
- Screenshot (JSON to image .jpeg)

---
Functionality:

- Filter nodes (text or RegExp)
- Collapse all nodes
- Expand all nodes
- Save JSON
- Copy JSON
- Copy node
- Copy node path
- Switch formatted & raw data
- Sticky panels

---
Convert JSON to:

- JSON schema
- Typescript interfaces (.d.ts)
- Golang structs (.go)

---
Keymaps:

h | ArrowLeft - move focus left (parent node)
j | ArrowDown - move focus down (next sibling)
k | ArrowUp - move focus up (previous sibling)
l | ArrowRight - move focus right (child node)
c - collapse all child nodes
e - expand all child nodes
y - copy node
p - copy node path

---
Tips:

On large file, better search:
1. Click collapse all
2. Use native browser search (Ctrl+f)
3. Browser will auto expand matched nodes

---
Code:
https://github.com/diogenesofweb/fjv