mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-17 09:37:02 +00:00

Files

James Hillyerd 2162a4caaa ui: Add an Effect system to handle global state and Elm Cmds (#176 )

All pages now leverage Effects for most of their Session and Cmd requests. More work required for routing and other lingering Cmd use.

2020-09-12 19:45:14 -07:00

public

Set base path in index.html (#172 )

2020-08-29 19:06:21 -07:00

src

ui: Add an Effect system to handle global state and Elm Cmds (#176 )

2020-09-12 19:45:14 -07:00

tests

ui: Reformat with elm-format 0.8.1

2018-11-13 22:06:19 -08:00

elm.json

ui: bump elm filesize, date-format versions

2020-03-21 13:41:37 -07:00

greeting.html

ui: Add greeting.html to Home

2018-11-12 20:38:00 -08:00

package-lock.json

Update frontend dependencies (#174 )

2020-08-30 18:48:41 -07:00

package.json

ui: Force file watch on dev server

2020-09-12 16:32:40 -07:00

README.md

ui: Update README for npm/webpack

2018-11-17 19:18:39 -08:00

webpack.config.js

Set base path in index.html (#172 )

2020-08-29 19:06:21 -07:00

README.md

Inbucket User Interface

This directory contains the source code for the Inbucket web user interface. It is written in Elm 0.19, a delightful language for reliable webapps.

Development

With $INBUCKET as the root of the git repository.

One time setup (assuming Node.js is already installed):

cd $INBUCKET/ui
npm i elm -g
npm i
npm run build

This will the create node_modules, elm-stuff, and dist directories.

Terminal 1: inbucket daemon

cd $INBUCKET
make
etc/dev-start.sh

Inbucket will start, with HTTP listening on port 9000. You may verify the web UI is functional if this is your first time building Inbucket, but your dev/test cycle should favor the development server below.

Terminal 2: webpack development server

cd $INBUCKET/ui
npm run dev

npm will start a development HTTP server listening on port 3000. You should use this server for UI development, as it features hot reload and the Elm debugger.