import ora from 'ora';
import webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server';

import env from '../config/env';
import config from './webpack.dev.config.babel';

const compiler = webpack(config);
const spinner = ora('Compiler is running...').start();
const port = 4873;
compiler.hooks.done.tap('Verdaccio Dev Server', () => {
  if (!global.rebuild) {
    spinner.stop();
    console.log(`Dev Server Listening at http://localhost:${port}/`);
    global.rebuild = true;
  }
});

new WebpackDevServer(compiler, {
  contentBase: env.DIST_PATH,
  publicPath: config.output.publicPath,
  hot: true,
  historyApiFallback: {
    disableDotRule: true,
  },
  quiet: true,
  noInfo: false,
  stats: {
    assets: false,
    colors: true,
    version: true,
    hash: true,
    timings: true,
    chunks: true,
    chunkModules: false,
  },
  proxy: [
    {
      context: ['/-/verdaccio/**', '**/*.tgz'],
      target: 'http://localhost:8000',
    },
  ],
}).listen(port, '0.0.0.0', function (err) {
  if (err) {
    return console.log(err);
  }
});