index.js

const colors = require('kleur');
const cClear = require('console-clear');
const format = require('webpack-format-messages');

const NAME = 'webpack-messages';
const log = str => console.log(str);
const clear = _ => (cClear(true),true);

class WebpackMessages {
	constructor(opts) {
		opts = opts || {};
		this.name = opts.name;
		this.onDone = opts.onComplete;
		this.logger = opts.logger || log;
	}

	printError(str, arr) {
		arr && (str += '\n\n' + arr.join(''));
		clear() && this.logger(str);
	}

	apply(compiler) {
		const name = this.name ? ` ${colors.cyan(this.name)} bundle` : '';
		const onStart = _ => this.logger(`Building${name}...`);

		const onComplete = stats => {
			const messages = format(stats);

			if (messages.errors.length) {
				return this.printError( colors.red(`Failed to compile${name}!`), messages.errors );
			}

			if (messages.warnings.length) {
				return this.printError( colors.yellow(`Compiled${name} with warnings.`), messages.warnings );
			}

			if (this.onDone !== undefined) {
				this.onDone(name, stats);
			} else {
				const sec = (stats.endTime - stats.startTime) / 1e3;
				this.logger( colors.green(`Completed${name} in ${sec}s!`) );
			}
		};

		if (compiler.hooks !== void 0) {
			compiler.hooks.compile.tap(NAME, onStart);
			compiler.hooks.invalid.tap(NAME, _ => clear() && onStart());
			compiler.hooks.done.tap(NAME, onComplete);
		} else {
			compiler.plugin('compile', onStart);
			compiler.plugin('invalid', _ => clear() && onStart());
			compiler.plugin('done', onComplete);
		}
	}
}

module.exports = WebpackMessages;