https://github.com/marabesi/json-tool

json-tool allows you to quick format json content with a click of a button.
https://github.com/marabesi/json-tool

json productivity reactjs snap utility

Last synced: over 1 year ago
JSON representation

json-tool allows you to quick format json content with a click of a button.

• Host: GitHub
• URL: https://github.com/marabesi/json-tool
• Owner: marabesi
• License: cc0-1.0
• Created: 2021-08-03T06:13:22.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-04-27T13:24:04.000Z (about 2 years ago)
• Last Synced: 2024-05-01T13:51:05.633Z (about 2 years ago)
• Topics: json, productivity, reactjs, snap, utility
• Language: TypeScript
• Homepage: https://snapcraft.io/json-tool
• Size: 24.3 MB
• Stars: 5
• Watchers: 3
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/52eb1fd278d54e29ae01cc1ea5b3133b)](https://app.codacy.com/gh/marabesi/json-tool?utm_source=github.com&utm_medium=referral&utm_content=marabesi/json-tool&utm_campaign=Badge_Grade_Settings)

[![Node CI](https://github.com/marabesi/json-tool/actions/workflows/ci.yml/badge.svg)](https://github.com/marabesi/json-tool/actions/workflows/delivery.yml) [![Coverage Status](https://coveralls.io/repos/github/marabesi/json-tool/badge.svg?branch=)](https://coveralls.io/github/marabesi/json-tool?branch=)

[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg?logo=jest)](https://github.com/jestjs/jest)

Are you tired of accessing **free websites just to format your json content**? Me too. Besides the "data protection"

issue sometimes we just want to have it formatted to move on.

According to [ThoughtWorks in the tech radar 27 (item 76 under **Tools**)](https://www.thoughtworks.com/content/dam/thoughtworks/documents/radar/2022/10/tr_technology_radar_vol_27_en.pdf) developers should hold

the practice of formatting or sharing information in formatting tools that are not complying with data jurisdiction.

# Try out the [online version (source code server is from branch gh-pages)](https://marabesi.github.io/json-tool)!

 [![Get it from the Snap Store](https://snapcraft.io/static/images/badges/en/snap-store-black.svg)](https://snapcraft.io/json-tool)

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/marabesi)

# Publications

- [Web Workers to the Rescue – How to Work with JSON Strings without Blocking User Interactions](https://dev.to/marabesi/web-workers-to-the-rescue-how-to-work-with-json-strings-without-blocking-user-interactions-2jf2)

- [Announcing the JSON tool - A companion for formatting json content, focused in privacy](https://marabesi.com/web/productivity/utilities/2021/10/24/json-tool-a-companion-for-formatting-json-strings.html)

# json-tool

**json-tool** allows you to quick format json content with a click of a button, and much more:

- JSON content validation, it shows an error message warning invalid json

- Buttons to allow easy interaction with the clipboard (paste and copy to the clipboard)

- Search through the json string (offered by the code mirror editor)

- Upload a json file

![Screenshot from 2022-09-11 11-32-55](https://user-images.githubusercontent.com/2129872/190869274-51b3ae2b-e6db-401b-a058-0f8f887f82e7.png)

![banner-blue](https://user-images.githubusercontent.com/2129872/190869247-4ecb2b87-e9a7-4f0a-b9b3-0ee5f3cefb00.png)

![banner-dark](https://user-images.githubusercontent.com/2129872/190869244-c393456f-bfd2-4622-b96a-2ed1c0e85a6b.png)

![Screenshot from 2022-09-11 11-34-35](https://user-images.githubusercontent.com/2129872/190869278-9e65e742-d2df-47c3-8ddf-740e1f42f623.png)

# Resources

- [useFakeTimers not working in jest/testing-library](https://stackoverflow.com/questions/71174071/usefaketimers-not-working-in-jest-testing-library)

- [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API)

- [Unblocking clipboard access](https://web.dev/async-clipboard)

- [How the useEffect Hook Works (with Examples)](https://daveceddia.com/useeffect-hook-examples/#when-does-useeffect-run)

- [How to Use Web Workers in React](https://plainenglish.io/blog/web-worker-in-react)

  - [worker-timers](https://github.com/chrisguttandin/worker-timers)

- [Drawer example](https://codesandbox.io/p/sandbox/drawer-with-tailwind-css-48z1k3)

## Debounce

- [How to perform debounce?](https://stackoverflow.com/questions/23123138/how-to-perform-debounce)

# Related projects

- [JSON crack](https://github.com/AykutSarac/jsoncrack.com)

- [JSON formatter and validator](https://jsonformatter.curiousconcept.com/)