/* Box Modules */
import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import merge from 'webpack-merge';
import webpack from 'webpack';
/* My Modules */
import devServer from './webpack/devserver';
import extractCSS from './webpack/css.extract';
import pug from './webpack/pug';
import uglify from './webpack/js.uglify';
import minify from './webpack/css.minify';
import react from './webpack/react';
import css from './webpack/css';

const PATHS = {
  src: path.join(__dirname, 'src'),
  app: path.join(__dirname, 'app'),
};

const common = merge([
  {
    entry: `${PATHS.src}/index.js`,
    output: {
      path: PATHS.app,
      filename: 'js/app.js',
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: `${PATHS.src}/index.pug`,
      }),
      new webpack.ProvidePlugin({
        Popper: ['popper.js', 'default'],
      }),
    ],
  },
  react(),
  pug(),
  // fonts(),
]);

export default (env) => {
  const cfgArr = env === 'production' ?
    [
      common,
      extractCSS(),
      uglify(),
      minify(),
    ] :
    [
      common,
      css(),
      devServer(),
    ];

  return merge(cfgArr);
};