jsonhero web

Принесен вам Trigger.dev

Json Hero был создан и поддерживается командой за Trigger.dev. С Trigger.dev вы можете запустить рабочие процессы из API, по графику или по требованию. Мы облегчаем вызовы API с помощью аутентификации, обрабатывающей для вас, и вы можете добавить долговечные задержки, которые переживают перезагрузку сервера.

Json Hero

Json Hero облегчает чтение и понимание файлов JSON, предоставляя вам чистый и красивый пользовательский интерфейс, наполненный дополнительными функциями.

• Посмотреть JSON в любом случае, как вам нужно: представление столбца, представление дерева, представление редактора и многое другое.
• Автоматически проводят содержимое строк и предоставляет полезные предварительные просмотра
• Создает предполагаемую схему JSON, которая может быть использована для проверки вашего JSON
• Быстро сканировать сопутствующие значения, чтобы проверить на краевых случаях
• Ищите файлы JSON (как ключи, так и значения)
• Клавиатура доступна
• Легко общинные URL -адреса с поддержкой пути

Функции

Отправить герою JSON

Отправьте свой JSON в JSON Hero разными способами

• Отправляйтесь в jsonhero.io и перетащите файл JSON, или вставьте JSON или URL -адрес json в предоставленную форму

• Включите кодируемую строку BASE64 полезной нагрузки JSON: jsonhero.io/new?j=eyaizm9vijogimjhciigfq==========

• Включите URL -адрес json в new конечную точку: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• Установите расширение VS -кода и откройте JSON из VS -кода

• Пользователь Raycast? Проверьте наше расширение здесь

• Используйте неофициальный API:

  • Сделайте запрос POST в jsonhero.io/api/create.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 будет следующим:

  {
    "id" : " YKKduNySH7Ub " ,
    "title" : " test 123 " ,
    "location" : " https://jsonhero.io/j/YKKduNySH7Ub "
  }

Представление столбца

Вдохновленный MacOS Finder, представление столбца - это новый способ просмотра документа JSON.

У него есть все функции, которые вы ожидаете: навигация по клавиатуре, панель пути, история.

Он также имеет изящную функцию, которая позволяет вам «удерживать» выбранную потомку и пройти через иерархию, а затем перемещаться между братьями и сестрами и просматривать различные значения, найденные на этом пути. Это трудно описать, но вот анимация, чтобы помочь продемонстрировать:

Как вы можете видеть, удержание Option (или Alt -ключа в Windows), переезд к родителю, сохраняет часть выбранного документа и показывает его в контексте его окружающего JSON. Затем вы можете пройти между элементами в массиве и сравнить значения выбора в глубокой иерархии.

Редакторный вид

Посмотреть весь свой документ JSON в редакторе, но сохраните хорошие предварительные просмотры и связанные с ними значения на боковой панели при перемещении документа:

Вид дерева

Используйте традиционный вид дерева, чтобы пройти свой документ JSON, с складными секциями и сочетаниями клавиш. Все при хранении хороших предварительных просмотров:

Поиск

Быстро откройте поисковую панель и нечеткий поиск всего вашего файла JSON в миллисекундах. Поиск через имена ключей, пути ключей, значения и даже довольно отформатированные значения (например, поиск "Dec" найдет строки DateTime в декабре месяце.)

Предварительный просмотр контента

JSON Hero автоматически делает содержание строк и предоставляет полезные превью и свойства выбранного вами значения. Это "Show Don't Tell" для JSON:

Даты и время

Изображения URL

URL -адреса веб -сайта

Tweet URL

JSON URLS

Цвета

Связанные значения

Легко увидеть все связанные значения по всему вашему документу JSON для определенного поля, включая любые undefined или null значения.

Ошибки и запросы функций

Есть ошибка или запрос на функцию? Не стесняйтесь открывать новую проблему.

Вы также можете присоединиться к нашему каналу Discord, чтобы потусоваться и обсудить все, что вам нужно.

Развитие

Чтобы работать локально, сначала клонируйте репо и установите зависимости:

git clone https://github.com/triggerdotdev/jsonhero-web.git
cd jsonhero-web
npm install

Затем создайте файл SESSION_SECRET .env

 SESSION_SECRET=abc123

Затем запустите npm run build или npm run dev , чтобы построить.

Теперь запустите npm start и откройте свой браузер по адресу http://localhost:8787