varun86

json4u

0
0
0
public
Forked
View on GitHubWebsite

JSON For You

The best JSON visualization and processing tool.

Try it now · 中文网址

Features

  • Graph and Table view modes.
  • Structured and text comparisons.
  • Validate with error context.
  • Nested parsing.
  • Supporting jq.
  • Import and export CSV file.
  • Well-designed and easy-to-use UI.

Roadmap

    • Optimize performance of table mode (see discussion
    • Use wasm in web worker for parsing (use rust)
    • Consider changing the editor to Ace.
    • Support search via JSON path (synchronize reveal)
    • Support synchronize fold and unfold between left and right panels
    • Provide a command line tool (#24
    • Support JSON HERO
      • Support for previewing leaf nodes at the same level.

Setup

  1. git clone --depth 100 https://github.com/loggerhead/json4u
  2. Run pnpm install in repo’s root folder.
  3. Run pnpm dev to run the development server.
  4. Open http://localhost.json4u.com:3000 with your browser to see the result.
  5. Make changes to the code and see the result in the browser.

If you want to test webhook:

  1. Install whcli: npm install -g @webhooksite/cli.
  2. Get token from webhook.site.
  3. Run whcli forward --target=http://localhost.json4u.com:3000 --token=TOKEN_YOU_GET

Contribution Guide

I’m really excited that you are interested in contributing to JSON For You. Before submitting your contribution, please make sure to take a moment and read through the following guide:

  1. Search for the TODO keyword in the code first. If it’s found, then you can work base on it directly.

  2. Otherwise:

    • If you want to add a new feature, provide a convincing reason to add this feature. Ideally, you should open a suggestion issue first and have it approved before working on it.
    • If fixing bug, provide a description of the bug in the PR.
    • Other minor changes that don’t affect the logic of the code, such as fixing typos, translating comments into English, and adding comments, are all welcome. Just submit a PR.

  3. I wish to keep JSON For You lightweight and fast. Please being aware of the number of npm dependencies and their size and don’t add unnecessary dependencies.

  4. Run pnpm test to make sure your code pass the core tests.

Acknowledgment

  • Famous library that most people know: React, Tailwind CSS, Next.js, Zustand and Zod.
  • React Flow: Extensible and customizable library for building interactive graphs.
  • next-intl: An out-of-the-box i18n library for Next.js that considers almost all of your usage scenarios.
  • Vitest: A blazing fast unit testing framework for JavaScript.
  • And all the developers who contributed to open source!

License

Apache License © 2022-Present loggerhead

v0.3.3[beta]