Introdução ao cliente Voyager

O Gato GraphQL fornece o cliente GraphQL Voyager para visualizar o schema GraphQL de forma interativa. Acesse-o clicando em "Interactive Schema" no menu do plugin:

O Voyager oferece uma visão panorâmica do schema GraphQL:

Ele facilita a compreensão de como todos os elementos do schema se relacionam entre si, usando setas para mostrar as conexões entre os tipos:

O schema possui um ponto de partida, ou seja, um tipo a partir do qual todos os relacionamentos são calculados. Por padrão, esse é o root de queries (neste caso, gerenciado pelo tipo QueryRoot), indicado no painel flutuante na parte inferior. Para visualizar o schema em relação às mutations, podemos selecionar o tipo root de mutation correspondente (neste caso, MutationRoot):

Clicar em um tipo no schema destaca suas conexões e exibe os metadados de seus campos (o mesmo resultado ocorre ao clicar no nome do tipo no painel lateral esquerdo):

O campo de busca no painel lateral esquerdo permite filtrar os elementos do schema:

Clicar em uma conexão a destaca, tanto no schema quanto no painel lateral esquerdo:

Podemos usar o mouse (e, em certa medida, os botões no canto inferior direito da tela) para navegar pelo grafo, aproximando e afastando o zoom, movendo em qualquer direção e focando em elementos:

No painel flutuante na parte inferior, temos algumas opções adicionais:

• "Sort by alphabet" ordena alfabeticamente todos os campos de cada tipo
• "Skip Relay" remove as classes wrapper do Relay
• "Skip deprecated" oculta todos os campos descontinuados
• "Show leaf fields" exibe todos os campos que não são uma conexão