GraphQL
Convierte fragmentos de GraphQL en imágenes que merece la pena compartir, sin salir de tu Mac.
GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.
Codeshot detecta GraphQL a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia 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
}
}
}
}The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.
Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.
Mira los 30 temas comparados o lee el flujo completo.
Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.