Три режима просмотра JSON
JSON Hero предлагает три основных режима работы с данными:
- Column View — вдохновлен macOS Finder, позволяет навигацию с клавиатуры, историю и «удержание» элементов для сравнения значений в разных частях иерархии.
- Tree View — классическое древовидное представление с возможностью сворачивания секций и быстрыми клавишами.
- Editor View — редактор с сохранением контекстных превью и связанных значений в боковой панели.
Умные превью и автоинференция
JSON Hero автоматически определяет тип содержимого строк и предоставляет превью:
- Даты и время
- URL-адреса изображений, сайтов, твитов и JSON
- Цветовые значения
Также создается inferred JSON Schema для валидации данных.
Быстрый поиск и интеграции
Поиск работает по ключам, путям, значениям и даже отформатированным датам (например, «Dec» найдет декабрь). Поддерживаются:
- VS Code Extension
- Raycast Extension
- Unofficial API для POST-запросов на jsonhero.io/api/create.json
Как использовать
Доступ к JSON Hero можно получить через:
- Перетаскивание файла на jsonhero.io
- Вставку JSON или URL в форму
- Base64-кодирование: jsonhero.io/new?j=...
- URL-ссылки: jsonhero.io/new?url=...
Разработка и запуск
Для локального запуска:
- Клонировать репозиторий: git clone https://github.com/triggerdotdev/jsonhero-web.git
- Установить зависимости: npm install
- Создать .env с SESSION_SECRET
- Запустить: npm run dev или npm start
Почему это важно
JSON Hero упрощает работу с JSON-данными, особенно при отладке API, анализе логов и валидации схем. Интеграция с популярными инструментами и поддержка неформального API делают его удобным для разработчиков.
Источник: Github ↗