json-studio
json-studio copied to clipboard
🖌 JSON Studio - JSON Schema Based Editor
🖌 JSON Studio - JSON Schema Based Editor
- 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 : https://github.com/suren-atoyan/monaco-react/issues/88
TODO
- Form integration
- Toast notification message
License
MIT (2020~)