Skip to content

sujinleeme/json-studio

Repository files navigation

🖌 JSON Studio - JSON Schema Based Editor

CI/CD Codecov License

alt text

  • Download / Upload JSON file
  • JSON formatter: Minify, Prettify, Fix JSON content
  • JSON Schema Validation

Built with

  • monaco-react - Monaco Editor for React
  • fluent ui - A react component library developed by Microsoft
  • dirty-json - A JSON parser that tries to handle non-conforming or otherwise invalid JSON
  • Ajv - A fastest JSON validator for Node.js and browser
  • vite and vercel

Demo

Visit to https://json-studio.vercel.app

Installation

Git clone this repo and run yarn && yarn start.

Current Monaco Editor's Problems

Testing

As the initialization process is supposed to load some scripts from CDN, there is a problem with Jest (and other testing tools). It only shows "Loading..." and never gets the editor working in the test.

See : suren-atoyan/monaco-react#88

TODO

  • Form integration
  • Toast notification message

License

MIT (2020~)