npm.io
4.0.1 • Published 5 years agoCLI

elm-fullstack

Licence
MIT
Version
4.0.1
Deps
0
Size
121 kB
Vulns
0
Weekly
0
Stars
61
DeprecatedThis package is deprecated

Renamed to choonkeat/elm-webapp

Github repo at https://github.com/choonkeat/elm-webapp


Fullstack

A setup for writing http based, client-server app in elm, inspired wholly by Lamdera

Getting started

npx elm-fullstack element hello-app

This will create a skeleton file directory structure

hello-app
├── Makefile
├── index.js
└── src
    ├── Client.elm
    ├── Server.elm
    ├── Types.elm
    └── Types
        └── Auto.elm

1 directory, 5 files
  • src/Client.elm is where our Browser.element resides. The only exception is, this app includes a built-in sendToServer Task

    To generate Browser.document or Browser.application instead, use either commands

    npx elm-fullstack document hello-app
    npx elm-fullstack application hello-app
  • src/Server.elm is where our elm Platform.worker resides. It serves your SPA by default, and can respond to sendToServer

  • src/Types.elm includes the custom types that defines the protocol between Client and Server

  • index.js boots up our Server.elm and listens to http requests at port 8000

  • src/Types.elm holds the types shared between Server and Client.

  • src/Types/Auto.elm contains auto-generated Json Encoder and Decoder for all types defined in src/Types.elm. See notes regarding imported types.

License

Copyright 2020 Chew Choon Keat

Distributed under the MIT license.

Keywords