/json-crack-formatter

🖇️ Visualize your JSON data into graphs

Primary LanguageTypeScript

JSON Crack Formatter

A fork of the JSON Formatter Chrome extension with a JSON Crack visualizer.

2023-01-07_11-31

Features

Some JSON documents for testing it on: https://callumlocke.github.io/json-formatter/

Installation

Option 1 (recommended) – Install it from the Chrome Web Store.

Option 2 – Install it from source (see below).

N.B: If you have installed JSON Formatter, you need to uninstall it.

Development

Requirements: Deno (and Node for now).

Initial setup:

  • Clone repo
  • Run pnpm i to get TypeScript typings for chrome (or use npm i if you prefer)
  • Optional: if using VSCode and you need to mess with the Deno build scripts, install the official Deno plugin and set "deno.enablePaths": ["tasks"].

To build it:

  • Run bin/build

To build and rebuild whenever files change:

  • Run bin/dev

To install your local build to Chrome

  • Open Chrome and go to chrome://extensions
  • Enable "Developer mode",
  • Click "Load unpacked",
  • Select the dist folder you built above.