ghost-progress-webpack-plugin/src/handler-bar.ts

A no side effects progress plugin for webpack.

import c from 'chalk';
import { GhostProgressOptions } from '.';
import { Helper } from './helper';

// format:
// * █████_____
export function createBar(options: GhostProgressOptions) {
    let helper = new Helper(options.stream);
    let index = 0;
    return function(percentage: number, msg: string, moduleProgress?: string, activeModules?: string, moduleName?: string) {
        if (percentage === 0) helper.begin();
        else if (percentage === 1) helper.end();

        helper.beginWrite();
        if (percentage != 1) {
            helper.write('\n');
            helper.write(createSpinnerStr(index) + ' ' + createBarStr(percentage));
            index++;
        }
        helper.endWrite();
    };
}

function createBarStr(percent: number, length: number = 100, fgColor: string = 'bgCyan', bgColor: string = 'bgBlackBright') {
    if (process.stdout.columns && process.stdout.columns < length + 2) {
        length = process.stdout.columns - 2;
    }
    let fgLength = Math.round(percent * length);
    let bgLength = length - fgLength;
    return (<any>c)[fgColor](' '.repeat(fgLength)) + (<any>c)[bgColor](' '.repeat(bgLength));
}

const spinner = ['-', '\\', '|', '/'];
function createSpinnerStr(index: number, color: string = 'cyan') {
    index = index % spinner.length;
    return (<any>c)[color](spinner[index]);
}