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

Files

James Hillyerd 5c5b0f819b Effects refactor continued (#177 )

* Use Effects instead of replaceUrl in Mailbox
* Add Effect.navigateRoute to handle monitor message clicks
* Add a focusModal effect for mailbox purge
* Remove temporary Cmd wrapper Effect

2020-09-13 17:08:11 -07:00

public

Set base path in index.html (#172 )

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

src

Effects refactor continued (#177 )

2020-09-13 17:08:11 -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: add npm run clean script

2020-09-13 10:39:16 -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.