JavaScript
Transforme trechos de JavaScript em imagens que valem a pena compartilhar, sem sair do seu Mac.
Trechos de JavaScript circulam mais longe do que os demais, em parte porque boa parte do público consegue lê-los sem contexto.
O Codeshot detecta JavaScript 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.
export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}Código assíncrono se beneficia de uma proporção mais larga. Se suas linhas esticam por causa das cadeias de promises, o 16:9 as mantém em uma linha só — e isso importa mais do que o espaço em branco que custa.
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.