Elm

Gerador de imagens de código Elm

Transforme trechos de Elm em imagens que valem a pena compartilhar, sem sair do seu Mac.

As anotações de tipo do Elm ficam em uma linha própria acima de cada função, o que dá aos trechos uma forma reconhecível que se lê bem num quadro.

O Codeshot detecta Elm 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.

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

Atom One · escuro

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

GitHub · escuro

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

Solarized · escuro

Escolhendo um tema para Elm

Mantenha a anotação junto da sua função. Separá-las com um corte tira a linha mais informativa do trecho.

Acertando o tamanho

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.

Feito para Elm e outras 59 linguagens

Tudo roda no seu Mac. Seu código nunca sai dele.

Baixar