开发者必备神器来袭!本期为大家带来超强JSON处理工具json4u 核心功能:
超快的 JSON
可视化与处理
极大提升效率,专为你设计的一站式 JSON 工具。前所未有的可视化、格式化、比较功能!
强大的JSON可视化,让复杂数据变得一目了然
智能对比功能,秒找差异
丰富命令支持,处理数据效率翻倍
一键格式化与验证,告别手动排查
作为一个开源项目,完全免费使用,还能自行扩展功能
项目地址:https://json4u.com/ https://json4u.cn/
有需要处理JSON数据的小伙伴速速收藏!点赞投币一键三连支持一下吧!
https://github.com/loggerhead/json4u
The best JSON visualization and processing tool.
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.
![]() | |
![]() | ![]() |
Improve performance to support large files (>= 1mb).
Only render visible nodes in graph mode.
Optimize performance of table mode (see discussion).
Use wasm in web worker for parsing (use rust).
Consider changing the editor to Ace.
Improve interoperability between left and right panels.
Support search in graph mode (synchronize reveal between left and right panels).
Support search via JSON path (synchronize reveal).
Support modifications in view mode.
Support synchronize fold and unfold between left and right panels.
Support displaying the key count of an object/array node after folding.
Add a group API to support file upload and retrieval.
Support share with an expiration date.
Support auto upload local files to server.
Provide a command line tool (#24).
Provide vscode plugin.
Support preprocessing via jq before fetch.
Integrating AI to provide certain functions (under research).
Integrating basic AI capabilities in server side.
Experience enhancement
Support copy a node.
Support delete a node.
Consider supporting the ability to move a node.
Consider supporting the elevation of node levels.
Support key comparison for object nodes.
Design the UI for jsonl.
Support for timestamp and date strings.
Support URL parsing.
Support image preview.
Support for previewing leaf nodes at the same level.
Support JSON HERO like value preview
Support jsonc and jsonl.
Support collapsing blocks with no differences in comparison results.
Change the switch to dropdown menu in comparison button.
Support operations at the node dimension.
git clone --depth 100 https://github.com/loggerhead/json4u
Run
pnpm install
in repo's root folder.Run
pnpm dev
to run the development server.Open http://localhost.json4u.com:3000 with your browser to see the result.
Make changes to the code and see the result in the browser.
If you want to test webhook:
Install whcli:
npm install -g @webhooksite/cli
.Get token from webhook.site.
Run
whcli forward --target=http://localhost.json4u.com:3000 --token=TOKEN_YOU_GET
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:
Search for the
TODO
keyword in the code first. If it's found, then you can work base on it directly.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.
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.
Run
pnpm test
to make sure your code pass the core tests.
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!
推荐本站淘宝优惠价购买喜欢的宝贝:
本文链接:https://hqyman.cn/post/11461.html 非本站原创文章欢迎转载,原创文章需保留本站地址!
休息一下~~