Elm

Gerador de imagens de código Elm

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

Elm's type annotations sit on their own line above each function, which gives snippets a distinctive shape that reads well in a frame.

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

Keep the annotation with its function. Splitting them across a crop removes the most informative line in the snippet.

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 para macOS