feat:添加json hero到列表(感谢网友包子叔的投稿)

2025-07-14 05:12:19 +08:00 · 2023-11-29 18:17:07 +08:00 · 2023-11-29 18:17:07 +08:00 · fbbf375108
commit fbbf375108
parent 75c5fd357f
6 changed files with 202 additions and 0 deletions
--- a/apps/jsonhero/README.md
+++ b/apps/jsonhero/README.md
@ -0,0 +1,154 @@
+<p align="center">
+<img width="300" src="https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/8aaa6f22-d600-4f26-cda9-c9f040863400/public"/>
+</p>
+
+<p align="center">
+  <a href="https://console.algora.io/org/triggerdotdev/bounties?status=open"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fconsole.algora.io%2Fapi%2Fshields%2Ftriggerdotdev%2Fbounties%3Fstatus%3Dopen" alt="Open Bounties" /></a>
+  <a href="https://console.algora.io/org/triggerdotdev/bounties?status=completed"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fconsole.algora.io%2Fapi%2Fshields%2Ftriggerdotdev%2Fbounties%3Fstatus%3Dcompleted" alt="Rewarded Bounties" /></a>
+</p>
+
+# Brought to you by Trigger.dev
+
+JSON Hero was created and is maintained by the team behind [Trigger.dev](https://trigger.dev). With Trigger.dev you can trigger workflows from APIs, on a schedule, or on demand. We make API calls easy with authentication handled for you, and you can add durable delays that survive server restarts.
+
+# JSON Hero
+
+JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
+
+- View JSON any way you'd like: Column View, Tree View, Editor View, and more.
+- Automatically infers the contents of strings and provides useful previews
+- Creates an inferred JSON Schema that could be used to validate your JSON
+- Quickly scan related values to check for edge cases
+- Search your JSON files (both keys and values)
+- Keyboard accessible
+- Easily sharable URLs with path support
+
+![JSON Hero Screenshot](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/0f5735b3-2421-470b-244c-7047fd77f700/public)
+
+## Features
+
+### Send to JSON Hero
+
+Send your JSON to JSON Hero in a variety of ways
+
+- Head to [jsonhero.io](https://jsonhero.io) and Drag and Drop a JSON file, or paste JSON or a JSON url in the provided form
+- Include a Base64 encoded string of a JSON payload: [jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==](https://jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==)
+- Include a JSON URL to the `new` endpoint: [jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1](https://jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1)
+- Install the [VS Code extension](https://marketplace.visualstudio.com/items?itemName=JSONHero.jsonhero-vscode) and open JSON from VS Code
+- Raycast user? Check out our extension [here](https://www.raycast.com/maverickdotdev/open-in-json-hero)
+- Use the unofficial API:
+
+  - Make a `POST` request to `jsonhero.io/api/create.json` with the following JSON body:
+
+  ```json
+  {
+    "title": "test 123",
+    "content": { "foo": "bar" },
+    "readOnly": false, // this is optional, will make it so the document title cannot be edited or document cannot be deleted
+    "ttl": 3600 // this will expire the document after 3600 seconds, also optional
+  }
+  ```
+
+  The JSON response will be the following:
+
+  ```json
+  {
+    "id": "YKKduNySH7Ub",
+    "title": "test 123",
+    "location": "https://jsonhero.io/j/YKKduNySH7Ub"
+  }
+  ```
+
+### Column view
+
+Inspired by macOS Finder, Column View is a new way to browse a JSON document.
+
+![JSON Hero Column View](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-columnview.gif)
+
+It has all the features you'd expect: Keyboard navigation, Path bar, history.
+
+It also has a nifty feature that allows you to "hold" a descendent selected and travel up through the hierarchy, and then move between siblings and view the different values found at that path. It's hard to describe, but here is an animation to help demonstrate:
+
+![Column View - Traverse with Context](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-traversewithcontext.gif)
+
+As you can see, holding the `Option` (or `Alt` key on Windows) while moving to a parent keeps the part of the document selected and shows it in context of it's surrounding JSON. Then you can traverse between items in an array and compare the values of the selection across deep hierarchy cahnges.
+
+### Editor view
+
+View your entire JSON document in an editor, but keep the nice previews and related values you get from the sidebar as you move around the document:
+
+![Editor view](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-editorview.gif)
+
+### Tree view
+
+Use a traditional tree view to traverse your JSON document, with collapsible sections and keyboard shortcuts. All while keeping the nice previews:
+
+![Tree view](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-treeview.gif)
+
+### Search
+
+Quickly open a search panel and fuzzy search your entire JSON file in milliseconds. Searches through key names, key paths, values, and even pretty formatted values (e.g. Searching for `"Dec"` will find datetime strings in the month of December.)
+
+![Search](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-search.gif)
+
+### Content Previews
+
+JSON Hero automatically infers the content of strings and provides useful previews and properties of the value you've selected. It's "Show Don't Tell" for JSON:
+
+#### Dates and Times
+
+![Preview colors](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/43f2c081-c09b-47db-cb10-8f15ee6a1a00/public)
+
+#### Image URLs
+
+![Preview colors](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/8a743bd5-a065-4f7f-1262-585c39c10100/public)
+
+#### Website URLs
+
+![Preview websites](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/cd7f2d28-2c8d-4b37-696d-e898937c3d00/public)
+
+#### Tweet URLS
+
+![Preview tweets](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/8455e9d6-1d3e-451e-a032-f3259204ef00/public)
+
+#### JSON URLs
+
+![Preview JSON](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/13743860-3d9c-4cac-dde9-881fba7eba00/public)
+
+#### Colors
+
+![Preview colors](https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/22e37599-c2bd-4abd-79f2-466241d17b00/public)
+
+### Related Values
+
+Easily see all the related values across your entire JSON document for a specific field, including any `undefined` or `null` values.
+
+![Editor view](https://raw.githubusercontent.com/triggerdotdev/documentation-hosting/main/images/features-relatedvalues.gif)
+
+<!-- TODO -->
+
+## Bugs and Feature Requests
+
+Have a bug or a feature request? Feel free to [open a new issue](https://github.com/triggerdotdev/jsonhero-web/issues).
+
+You can also join our [Discord channel](https://discord.gg/JtBAxBr2m3) to hang out and discuss anything you'd like.
+
+## Developing
+
+To run locally, first clone the repo and install the dependencies:
+
+```bash
+git clone https://github.com/triggerdotdev/jsonhero-web.git
+cd jsonhero-web
+npm install
+```
+
+Then, create a file at the root of the repo called `.env` and set the `SESSION_SECRET` value:
+
+```
+SESSION_SECRET=abc123
+```
+
+Then, run `npm run build` or `npm run dev` to build.
+
+Now, run `npm start` and open your browser to `http://localhost:8787`
--- a/apps/jsonhero/data.yml
+++ b/apps/jsonhero/data.yml
@ -0,0 +1,20 @@
+name: JSON Hero
+tags:
+    - 使阅读和理解 JSON 文件变得简单
+title: 使阅读和理解 JSON 文件变得简单
+type: 工具
+description: 使阅读和理解 JSON 文件变得简单
+additionalProperties:
+    key: jsonhero
+    name: JSON Hero
+    tags:
+        - Tool
+    shortDescZh: 使阅读和理解 JSON 文件变得简单
+    shortDescEn: Makes reading and understand JSON files easy
+    type: tool
+    crossVersionUpdate: true
+    limit: 0
+    recommend: 0
+    website: https://jsonhero.io
+    github: https://github.com/triggerdotdev/jsonhero-web
+    document: https://github.com/triggerdotdev/jsonhero-web
--- a/apps/jsonhero/latest/.env.sample
+++ b/apps/jsonhero/latest/.env.sample
@ -0,0 +1,2 @@
+CONTAINER_NAME="jsonhero"
+PANEL_APP_PORT_HTTP="40178"
--- a/apps/jsonhero/latest/data.yml
+++ b/apps/jsonhero/latest/data.yml
@ -0,0 +1,10 @@
+additionalProperties:
+    formFields:
+        - default: 40178
+          edit: true
+          envKey: PANEL_APP_PORT_HTTP
+          labelEn: Port
+          labelZh: 端口
+          required: true
+          rule: paramPort
+          type: number
--- a/apps/jsonhero/latest/docker-compose.yml
+++ b/apps/jsonhero/latest/docker-compose.yml
@ -0,0 +1,16 @@
+version: '3'
+services:
+  jsonhero:
+    container_name: ${CONTAINER_NAME}
+    restart: always
+    networks:
+      - 1panel-network
+    ports:
+      - "${PANEL_APP_PORT_HTTP}:8787"
+    image: henryclw/jsonhero-web:latest
+    labels:  
+      createdBy: "Apps"
+
+networks:  
+  1panel-network:  
+    external: true
--- a/apps/jsonhero/logo.png
+++ b/apps/jsonhero/logo.png