Update Apps
This commit is contained in:
pooneyy
@@ -1,141 +1,140 @@
|
||||
<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>
|
||||
[](https://console.algora.io/org/triggerdotdev/bounties?status=open) [](https://console.algora.io/org/triggerdotdev/bounties?status=completed)
|
||||
|
||||
# Brought to you by Trigger.dev
|
||||
# 由 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 由 Trigger.dev 团队创建和维护。使用 Trigger.dev，您可以从 API、定时或按需触发工作流。我们让 API 调用变得简单，为您处理身份验证，并且您可以添加持久延迟，即使服务器重启也能保持有效。
|
||||
|
||||
# JSON Hero
|
||||
|
||||
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
|
||||
JSON Hero 通过提供一个干净且美观的界面以及额外功能，使阅读和理解 JSON 文件变得容易。
|
||||
|
||||
- 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：列视图、树视图、编辑器视图，等等。
|
||||
* 自动推断字符串的内容并提供有用的预览
|
||||
* 生成一个推断出的 JSON 方案，可用于验证你的 JSON
|
||||
* 快速扫描相关值以检查边缘情况
|
||||
* 搜索你的 JSON 文件（包括键和值）
|
||||
* 键盘可访问
|
||||
* 带有路径支持的可分享 URL
|
||||
|
||||
|
||||
|
||||
## Features
|
||||
## 功能
|
||||
|
||||
### Send to JSON Hero
|
||||
### 发送给 JSON 英雄
|
||||
|
||||
Send your JSON to JSON Hero in a variety of ways
|
||||
以多种方式将 JSON 发送到 JSON Hero
|
||||
|
||||
- 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:
|
||||
* 访问 [jsonhero.io](https://jsonhero.io)，并拖放 JSON 文件，或在提供的表单中粘贴 JSON 或 JSON URL
|
||||
|
||||
* 包含 JSON 载荷的 Base64 编码字符串：[jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==](https://jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==)
|
||||
|
||||
* 包含指向 `new` 端点的 JSON URL：[jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1](https://jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1)
|
||||
|
||||
* 安装 [VS Code 扩展](https://marketplace.visualstudio.com/items?itemName=JSONHero.jsonhero-vscode) ，然后从 VS Code 打开 JSON
|
||||
|
||||
* Raycast 用户？请访问我们的扩展 [这里](https://www.raycast.com/maverickdotdev/open-in-json-hero)
|
||||
|
||||
* 使用非官方 API：
|
||||
|
||||
* 向 `jsonhero.io/api/create.json` 发送一个 `POST` 请求，并附带以下 JSON 体：
|
||||
|
||||
```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
|
||||
}
|
||||
```
|
||||
|
||||
JSON 响应如下：
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "YKKduNySH7Ub",
|
||||
"title": "test 123",
|
||||
"location": "https://jsonhero.io/j/YKKduNySH7Ub"
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
- 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.
|
||||
列视图借鉴了 macOS Finder 的设计，是一种浏览 JSON 文档的新方式。
|
||||
|
||||
|
||||
|
||||
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:
|
||||
它还具有一项便捷的功能，允许你“保持”一个后代的选择，并向上遍历层次结构，然后在不同兄弟节点之间移动并查看该路径下找到的不同值。很难用语言描述，但这里有一个动画来帮助演示：
|
||||
|
||||
|
||||
|
||||
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.
|
||||
如你所见，在移动到父节点时按住 `Option`（或在 Windows 上按住 `Alt` 键），可以保持文档的部分选择，并在上下文中显示这部分。然后你可以在数组项之间遍历，并在深层次结构变化时比较选择项的值。
|
||||
|
||||
### 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:
|
||||
在编辑器中查看整个 JSON 文档，但在移动文档时仍然保留侧边栏提供的漂亮预览和相关值：
|
||||
|
||||
|
||||
|
||||
### Tree view
|
||||
### 树状视图
|
||||
|
||||
Use a traditional tree view to traverse your JSON document, with collapsible sections and keyboard shortcuts. All while keeping the nice previews:
|
||||
使用传统的树状视图遍历您的 JSON 文档，具有可折叠部分和键盘快捷键。同时保持漂亮的预览：
|
||||
|
||||
|
||||
|
||||
### 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.)
|
||||
快速打开搜索面板，并在毫秒内对整个 JSON 文件进行模糊搜索。可以在键名、键路径、值，甚至漂亮的格式化值中进行搜索（例如，搜索 \``"Dec"`\` 将找到十二月的日期时间字符串）。
|
||||
|
||||
|
||||
|
||||
### 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:
|
||||
JSON Hero 会自动推断字符串的内容，并提供所选值的有用预览和属性。这就是 JSON 的“展示而不是讲述”：
|
||||
|
||||
#### Dates and Times
|
||||
#### 日期和时间
|
||||
|
||||
|
||||
|
||||
#### Image URLs
|
||||
#### 图片 URL
|
||||
|
||||
|
||||
|
||||
#### Website URLs
|
||||
#### 网站链接
|
||||
|
||||
|
||||
|
||||
#### Tweet URLS
|
||||
#### 推文链接
|
||||
|
||||
|
||||
|
||||
#### JSON URLs
|
||||
#### JSON 链接
|
||||
|
||||
|
||||
|
||||
#### Colors
|
||||
#### 颜色
|
||||
|
||||
|
||||
|
||||
### Related Values
|
||||
### 相关值
|
||||
|
||||
Easily see all the related values across your entire JSON document for a specific field, including any `undefined` or `null` values.
|
||||
轻松查看整个 JSON 文档中特定字段的所有相关值，包括任何 `undefined` 或 `null` 值。
|
||||
|
||||
|
||||
|
||||
<!-- TODO -->
|
||||
## 已知问题和功能请求
|
||||
|
||||
## Bugs and Feature Requests
|
||||
遇到已知问题或有功能请求？欢迎随时 [创建一个新的 Issue](https://github.com/triggerdotdev/jsonhero-web/issues)。
|
||||
|
||||
Have a bug or a feature request? Feel free to [open a new issue](https://github.com/triggerdotdev/jsonhero-web/issues).
|
||||
你还可以加入我们的 [Discord 频道](https://discord.gg/JtBAxBr2m3)来聊天和讨论任何你想讨论的内容。
|
||||
|
||||
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
|
||||
@@ -143,12 +142,12 @@ cd jsonhero-web
|
||||
npm install
|
||||
```
|
||||
|
||||
Then, create a file at the root of the repo called `.env` and set the `SESSION_SECRET` value:
|
||||
然后，在仓库根目录下创建一个名为 `.env` 的文件，并设置 `SESSION_SECRET` 的值：
|
||||
|
||||
```
|
||||
SESSION_SECRET=abc123
|
||||
```
|
||||
|
||||
Then, run `npm run build` or `npm run dev` to build.
|
||||
然后，运行 `npm run build` 或 `npm run dev` 来构建。
|
||||
|
||||
Now, run `npm start` and open your browser to `http://localhost:8787`
|
||||
现在运行 `npm start`，并在浏览器中打开 `http://localhost:8787`
|
||||
154
apps/jsonhero/README_en.md
Normal file
154
apps/jsonhero/README_en.md
Normal file
@@ -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
|
||||
|
||||
|
||||
|
||||
## 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.
|
||||
|
||||
|
||||
|
||||
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:
|
||||
|
||||
|
||||
|
||||
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:
|
||||
|
||||
|
||||
|
||||
### Tree view
|
||||
|
||||
Use a traditional tree view to traverse your JSON document, with collapsible sections and keyboard shortcuts. All while keeping the nice previews:
|
||||
|
||||
|
||||
|
||||
### 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.)
|
||||
|
||||
|
||||
|
||||
### 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
|
||||
|
||||
|
||||
|
||||
#### Image URLs
|
||||
|
||||
|
||||
|
||||
#### Website URLs
|
||||
|
||||
|
||||
|
||||
#### Tweet URLS
|
||||
|
||||
|
||||
|
||||
#### JSON URLs
|
||||
|
||||
|
||||
|
||||
#### Colors
|
||||
|
||||
|
||||
|
||||
### Related Values
|
||||
|
||||
Easily see all the related values across your entire JSON document for a specific field, including any `undefined` or `null` values.
|
||||
|
||||
|
||||
|
||||
<!-- 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`
|
||||
Reference in New Issue
Block a user