GraphQL
Transforme trechos de GraphQL em imagens que valem a pena compartilhar, sem sair do seu Mac.
Uma consulta GraphQL é sobretudo forma, e é por isso que ela se lê bem como imagem e mal como parágrafo de texto quebrado.
O Codeshot detecta GraphQL pelo código que você cola, então não há seletor de linguagem para errar. Aqui está o mesmo trecho em três dos 30 temas inclusos, renderizados com as folhas de estilo do próprio app.
query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}O aninhamento é a mensagem. Escolha uma proporção alta o bastante para o conjunto de seleção inteiro caber sem cortar o último campo.
Deixe a imagem seguir o conteúdo ou fixe uma proporção — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — e exporte em 1×, 2× ou 3× para que continue nítida em telas retina. Copie direto para a área de transferência com ⌘⇧C ou salve com ⌘S.
Veja os 30 temas lado a lado ou leia o fluxo completo.
Tudo roda no seu Mac. Seu código nunca sai dele.