const path = require('path');
const webpack = require('webpack');
const CopyPlugin = require('copy-webpack-plugin');
const CompressionPlugin = require("compression-webpack-plugin")
const config = require('./webpack.base.js');

module.exports = Object.assign(
	config,
	{
		mode: 'development',
		devtool: 'source-map', // compile source map to get better debug output (error file/line)
		cache: true, // caching already built files so unchanged files can be reuse when an other changes
		watch: true, // watch file change and automatically rebuild the application
		watchOptions:
		{
			ignored: /node_modules/ // avoid watching node_modules as it is usually huge, note that it can be useful when debugging packages
		},
		resolve:
		{
			// avoid warning caused by development mode (using dev inferno build)
			alias:
			{
				inferno: require.resolve('inferno/dist/index.dev.esm.js')
			}
		},
		plugins: [
			new webpack.DefinePlugin(
			{
				'process.env':
				{
					'DEBUG': true
				} // set a DEBUG flag that can be used in the scripts
			}),
			new CopyPlugin([
				{from: 'index.html'},
				{from: 'robot.txt'},
				{from: 'src/lang', to: 'lang'},
				{from: 'assets/public', to: 'assets'}
			]),
			new CompressionPlugin(
			{
				filename: "[path].gz[query]",
				algorithm: "gzip",
				test: [/\.js/, /\.svg/],
				threshold: 1000
			})
		],
		// webpack-dev-server configuration
		devServer:
		{
			contentBase: path.join(__dirname),
			compress: true,
			port: 8080,
			// Not elegant way to get rid of the gzip path in index.html
			proxy:
			{
				'/$':
				{
					target: 'http://localhost:8080',
					secure: false,
					bypass: function(request, response, proxyOptions)
					{
						return '/index_dev.html';
					}
				}
			}
		}
	}
);