Elm log lost colours

[danmarcab]

Webpack is displaying elm log without the colours, is there a way to remedy this?

[eeue56]

Can you provide screenshots?

[danmarcab]

Sure!

Screenshot of output with webpack

Without:

[ThomasWeiser]

elm-make won't output colours when stdout is not a terminal.

Maybe someday Elm tools will take this into account, see elm-lang/elm-make#123

You may hack around this by wrapping elm-make with unbuffer or a similar tool. Some options are discussed here (different context, same problem).

[tgecho]

To build on what Thomas said above, I added a tiny shell script with the following

#!/usr/bin/env bash
# Fakes elm-make into printing colors when
# run by elm-webpack-loader
# To install unbuffer on macOS:
# $ brew install expect
unbuffer node_modules/.bin/elm-make $@

...and set pathToMake: './bin/unbuffered-elm-make' in the elm-webpack-loader config.

It's a hack, but it's only a one time thing!

[danmarcab]

Hi @tgecho, that worked!

Thank you very much!

[RobertFischer]

@tgecho -- Thanks for this. I integrated it into https://github.com/BeeWell/cordova-elm-template-jumpstart

[eeue56]

@RobertFischer if it's easy to add in a lightweight cross-platform way to elm-webpack-loader, please open a PR. I'm closing this issue for now

[jaredramirez]

I added to @tgecho's script by running the regular elm executable if unbuffer is not installed:

if hash unbuffer 2>/dev/null; then
    unbuffer node_modules/.bin/elm $@
else
    ./node_modules/.bin/elm $@
fi

With the 0.19 webpack config: pathToElm: './bin/unbufferedElm'