Skip to content

An extensible JSON Viewer, Editor, Formatter, Validator based on Monaco Editor

License

Notifications You must be signed in to change notification settings

agneym/json-formatter

Repository files navigation

JSON Crew

badge Netlify Status code style: prettier

PRs Welcome first-timers-only Friendly

An in-place JSON Viewer, Formatter and Transformer.

Features

  1. JSON Viewer
  2. JSON Formatting with options.
  3. JSON Validation according to schemas
  4. Supports Plugins to extend Functionality.

How to create a JC Plugin

JSON Crew Plugin system is based on Web Components.

It gives the JSON data entered by the user as input to the web component and allows it to render the UI for plugin area. From here, you can transform the JSON and emit a custom event json-transform with transformed JSON as the transformation response.

  1. Web Component gets data as input
  2. Render UI and allow user to configure the transformation
  3. Emit a custom event json-transform to show the transformed JSON to the user.
  4. Give me a PR editing the listing file

Tutorial Blog

A Starting Template with Lit Element can be found here

Contributing

npm install
npm start

Development server started at https://localhost:3000.

For more details, view Contributing Guidelines

Twitter Follow