mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-17 17:47:03 +00:00

Files

Nelson Efrain A. Cruz bf8536abb3 Adds dark mode support (#218 )

* Adds dark mode support

Updates the css to support dark mode via media query.
The dark theme its heavily inspired on the new dark mode for google.com.

2021-07-20 08:07:06 -07:00

public

Set base path in index.html (#172 )

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

src

Adds dark mode support (#218 )

2021-07-20 08:07:06 -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 nodejs dependencies (#209 )

2021-05-06 11:22:50 -07:00

package.json

Update nodejs dependencies (#209 )

2021-05-06 11:22:50 -07:00

README.md

ui: Update README for npm/webpack

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

webpack.config.js

ui: Use OpenSans font (#178 )

2020-09-21 16:16:00 -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.