import base_configuration from './webpack.config.client';
import webpack from 'webpack';
import BrowserSyncPlugin from 'browser-sync-webpack-plugin';

const clientPort = process.env.PORT || 7000;
const serverPort = process.env.SERVER_PORT || 3000;

const configuration = base_configuration({ development: true, css_bundle: true });
configuration.devtool = 'inline-eval-cheap-source-map';
configuration.plugins.push(
  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: JSON.stringify('development'),
      BABEL_ENV: JSON.stringify('development/client')
    },
    __PRODUCTION__: false,
    __DEVELOPMENT__: true,
    __CLIENT__: true,
    __SERVER__: false,
    __DEVTOOLS__: false
  }),
  new webpack.HotModuleReplacementPlugin(),
  new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.js'}),
  new BrowserSyncPlugin({
    notify: false,
    minify: false,
    host: 'localhost',
    port: clientPort,
    proxy: {
      target: 'http://localhost' + serverPort
    },
    serveStatic: ['./dist'],
    files: [
      'src/client/**/*.scss',
      'src/client/**/*.js'
    ],
    ghostMode: false
  }, {
    reload: true
  })
);

configuration.output.pathInfo = true;

export default configuration;