import {WebpackConfigWithMetadata, get} from '@easy-webpack/core'
import * as webpack from 'webpack'

/**
 * Html loader advanced options
 * See: https://github.com/webpack/html-loader#advanced-options
 */
const DefaultHtmlLoaderOptions = {
  htmlLoader: {
    minimize: true,
    removeAttributeQuotes: false,
    caseSensitive: true,
    // customAttrSurround: [
    //   [/#/, /(?:)/],
    //   [/\*/, /(?:)/],
    //   [/\[?\(?/, /(?:)/]
    // ],
    // customAttrAssign: [/\)?\]?=/]
  }
} as any

/**
 * @param exclude add paths to packages that have problems with their sourcemaps
 */
export = function production({devtool = 'source-map', dedupe = false, loaderOptions = {}} = {}) {
  const WebpackMd5Hash = require('webpack-md5-hash')

  return function production(this: WebpackConfigWithMetadata): WebpackConfigWithMetadata {
    const config = {
      devtool,
      /**
       * Options affecting the output of the compilation.
       *
       * See: http://webpack.github.io/docs/configuration.html#output
       */
      output: {
        /**
         * Specifies the name of each output file on disk.
         * IMPORTANT: You must not specify an absolute path here!
         *
         * See: http://webpack.github.io/docs/configuration.html#output-filename
         */
        filename: '[name].[chunkhash].bundle.js',

        /**
         * The filename of the SourceMaps for the JavaScript files.
         * They are inside the output.path directory.
         *
         * See: http://webpack.github.io/docs/configuration.html#output-sourcemapfilename
         */
        sourceMapFilename: '[name].[chunkhash].bundle.map',

        /**
         * The filename of non-entry chunks as relative path
         * inside the output.path directory.
         *
         * See: http://webpack.github.io/docs/configuration.html#output-chunkfilename
         */
        chunkFilename: '[id].[chunkhash].chunk.js'
      },

      plugins: [
        /**
         * Plugin: WebpackMd5Hash
         * Description: Plugin to replace a standard webpack chunkhash with md5.
         *
         * See: https://www.npmjs.com/package/webpack-md5-hash
         */
        new WebpackMd5Hash(),

        /**
         * Plugin: LoaderOptionsPlugin
         * Description: Plugin to set loaders intro minimize mode
         */
        new (webpack as any).LoaderOptionsPlugin({
          options: Object.assign({}, DefaultHtmlLoaderOptions, loaderOptions)
        }),

        new webpack.DefinePlugin({
          '__DEV__': false,
          'ENV': JSON.stringify(this.metadata.ENV),
          'HMR': this.metadata.HMR,
          'process.env': {
            'ENV': JSON.stringify(this.metadata.ENV),
            'NODE_ENV': JSON.stringify(this.metadata.ENV),
            'HMR': this.metadata.HMR,
          }
        })
      ].concat(get(this, 'plugins', [])),

    } as WebpackConfigWithMetadata

    if (dedupe) {
      console.error(`Note: Dedupe plugin was deprecated by Webpack`)
    }

    return config
  }
}