jsonhero web

Trazido a você por trigger.dev

O JSON Hero foi criado e é mantido pela equipe por trás do Trigger.Dev. Com o trigger.dev, você pode acionar fluxos de trabalho da APIs, em um cronograma ou sob demanda. Facilitamos as chamadas de API com a autenticação tratada para você e você pode adicionar atrasos duráveis ​​que sobrevivem ao servidor reinicia.

JSON HERO

O JSON Hero facilita a leitura e entende os arquivos JSON, fornecendo uma interface de usuário limpa e bonita com recursos extras.

• Veja o JSON de qualquer maneira que desejar: Visualização da coluna, vista para árvores, visualização do editor e muito mais.
• Infina automaticamente o conteúdo das cordas e fornece visualizações úteis
• Cria um esquema JSON inferido que poderia ser usado para validar seu json
• Digitalize rapidamente os valores relacionados para verificar casos de borda
• Pesquise seus arquivos JSON (teclas e valores)
• Teclado acessível
• URLs facilmente compartilháveis ​​com suporte de caminho

Características

Enviar para o JSON Hero

Envie seu JSON para o JSON Hero de várias maneiras

• Vá para JSONHERO.IO e arraste e solte um arquivo JSON, ou cole JSON ou um URL JSON no formulário fornecido

• Inclua uma string codificada Base64 de uma carga útil JSON: jsonhero.io/new?j=eyAizm9vijogimjhciigfq==

• Inclua um JSON URL para o new endpoint: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• Instale a extensão do código VS e abra JSON do código VS

• Usuário de Raycast? Confira nossa extensão aqui

• Use a API não oficial:

  • Faça uma solicitação POST para jsonhero.io/api/create.json com o seguinte corpo 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
  }

  A resposta JSON será a seguinte:

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

Visualização da coluna

Inspirado no MacOS Finder, a coluna View é uma nova maneira de navegar em um documento JSON.

Ele tem todos os recursos que você esperaria: navegação no teclado, barra de caminho, história.

Ele também possui um recurso bacana que permite "segurar" um descendente selecionado e viajar pela hierarquia e depois se mover entre irmãos e ver os diferentes valores encontrados nesse caminho. É difícil descrever, mas aqui está uma animação para ajudar a demonstrar:

Como você pode ver, mantendo a Option (ou a tecla Alt no Windows) enquanto se move para os pais mantém a parte do documento selecionado e o mostra no contexto de seu json circundante. Em seguida, você pode atravessar entre os itens em uma matriz e comparar os valores da seleção nas cahnges de hierarquia profunda.

Visualização do editor

Veja todo o seu documento JSON em um editor, mas mantenha as boas prévias e os valores relacionados que você obtém da barra lateral à medida que se move pelo documento:

Vista em árvore

Use uma visão tradicional da árvore para atravessar seu documento JSON, com seções dobráveis ​​e atalhos de teclado. Enquanto mantém as boas visualizações:

Procurar

Abra rapidamente um painel de pesquisa e pesquise seu arquivo JSON inteiro em milissegundos. Pesquisa por meio de nomes de chave, caminhos -chave, valores e até valores bastante formatados (por exemplo, a pesquisa de "Dec" encontrará strings de data de dados no mês de dezembro.)

Visualizações de conteúdo

O JSON Hero infere automaticamente o conteúdo das strings e fornece visualizações e propriedades úteis do valor que você selecionou. É "Show Don't Tell" para JSON:

Datas e tempos

URLs de imagem

URLs do site

URLs de tweet

JSON URLS

Cores

Valores relacionados

Veja facilmente todos os valores relacionados em todo o seu documento JSON para um campo específico, incluindo quaisquer valores undefined ou null .

Bugs e solicitações de recursos

Tem um bug ou uma solicitação de recurso? Sinta -se à vontade para abrir uma nova edição.

Você também pode se juntar ao nosso canal Discord para sair e discutir tudo o que quiser.

Em desenvolvimento

Para executar localmente, clone primeiro o repositório e instale as dependências:

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

Em seguida, crie um arquivo na raiz do repo chamado .env e defina o valor SESSION_SECRET :

 SESSION_SECRET=abc123

Em seguida, execute npm run build ou npm run dev para construir.

Agora, execute npm start e abra seu navegador para http://localhost:8787