Atom Packages Directory

a package directory for a text editor of the 21st Century

Elm Instant

Install with:
    apm install elm-instant
  

elm-instant

atom package link - https://atom.io/packages/elm-instant

elm-instant is an atom package inspired by haskell for mac. It provides both a visual REPL to try your elm code as well as a preview pane to immediately see the output of calling functions you have in your elm files.

With elm-instant, you can start typing expressions and immediately see results in the output panel without any glue code. Plus, it works for ui stuff too!

Features

Elm counter pairs from elm-architechture examples

elm-instant was inspired by haskell for mac. The primary idea is to have a playground panel where users can type out code expressions and see the result instantaneously without any setup. There is a similar thing currently for elm (elm-lang.org/try) but it has limited functionality and doesn’t work without having the ui layer (model, view, update, main etc.).

Setup

npm install elm -g -- in case you don't have elm installed already apm install elm-instant

Note To test out your views just copy whatever you would assign to main. E.g. if your code has -

main = Html.program { init = init , view = view , update = update , subscriptions = subscriptions }

copy this to the playground -

Html.program { init = init , view = view , update = update , subscriptions = subscriptions }

To test the UI part of a view without having the whole triplet, use $view -

``` – In your code ball = div [] [text “assume it’s a ball”]

– In the playground $view ball ```

Dev setup

npm install elm -g -- in case you don't have elm installed already git clone https://github.com/mukeshsoni/elm-instant cd elm-instant npm install npm run install-elm-packages apm link

Packages included by default

Maintainers

License

MIT © Mukesh Soni

Keywords: elm, preview, instant, playground Suggest keywords
Fork me on GitHub