'use strict'

const path = require('path')
const webpack = require('webpack')
const utils = require('./utils')
const config = require('../config')
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

const env = process.env.NODE_ENV === 'production' ? config.build.env : config.dev.env

const HOST = process.env.HOST
const PORT = process.env.PORT && Number(process.env.PORT)

const loaderOptions = {
  minimize: process.env.NODE_ENV === 'production',
  sourceMap: process.env.NODE_ENV === 'production' ? config.build.productionSourceMap : config.dev.cssSourceMap
}
const assetsRoot = config.build.assetsRoot
const publicPath = process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath
const filename = process.env.NODE_ENV === 'production' ? '[name].css' : '[name].js'

const webpackConfig = {
  entry: {
    'appwork': './src/vendor/styles/appwork.scss',
    'appwork-material': './src/vendor/styles/appwork-material.scss',
    'bootstrap': './src/vendor/styles/bootstrap.scss',
    'bootstrap-material': './src/vendor/styles/bootstrap-material.scss',
    'colors': './src/vendor/styles/colors.scss',
    'colors-material': './src/vendor/styles/colors-material.scss',
    'uikit': './src/vendor/styles/uikit.scss',
    'theme-air': './src/vendor/styles/theme-air.scss',
    'theme-air-material': './src/vendor/styles/theme-air-material.scss',
    'theme-corporate': './src/vendor/styles/theme-corporate.scss',
    'theme-corporate-material': './src/vendor/styles/theme-corporate-material.scss',
    'theme-cotton': './src/vendor/styles/theme-cotton.scss',
    'theme-cotton-material': './src/vendor/styles/theme-cotton-material.scss',
    'theme-gradient': './src/vendor/styles/theme-gradient.scss',
    'theme-gradient-material': './src/vendor/styles/theme-gradient-material.scss',
    'theme-paper': './src/vendor/styles/theme-paper.scss',
    'theme-paper-material': './src/vendor/styles/theme-paper-material.scss',
    'theme-shadow': './src/vendor/styles/theme-shadow.scss',
    'theme-shadow-material': './src/vendor/styles/theme-shadow-material.scss',
    'theme-soft': './src/vendor/styles/theme-soft.scss',
    'theme-soft-material': './src/vendor/styles/theme-soft-material.scss',
    'theme-sunrise': './src/vendor/styles/theme-sunrise.scss',
    'theme-sunrise-material': './src/vendor/styles/theme-sunrise-material.scss',
    'theme-twitlight': './src/vendor/styles/theme-twitlight.scss',
    'theme-twitlight-material': './src/vendor/styles/theme-twitlight-material.scss',
    'theme-vibrant': './src/vendor/styles/theme-vibrant.scss',
    'theme-vibrant-material': './src/vendor/styles/theme-vibrant-material.scss'
  },
  output: {
    path: path.posix.join(assetsRoot, utils.assetsPath('vendor/styles')),
    publicPath: path.posix.join(publicPath, utils.assetsPath('vendor/styles')),
    filename: filename
  },
  module: {
    rules: [{
      test: /\.scss$/,
      use: ExtractTextPlugin.extract({
        use: [{
          loader: 'css-loader',
          options: {
            minimize: loaderOptions.minimize,
            sourceMap: loaderOptions.sourceMap
          }
        },
        {
          loader: 'postcss-loader',
          options: {
            sourceMap: loaderOptions.sourceMap
          }
        }, {
          loader: 'sass-loader',
          options: {
            sourceMap: loaderOptions.sourceMap
          }
        }],
        fallback: 'style-loader'
      })
    }]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': env
    }),
    new ExtractTextPlugin({
      filename: '[name].css'
    }),
  ],
  resolve: {
    extensions: ['.scss', '.css', '.js', '.json'],
    alias: {
      '@': resolve('src'),
      'node_modules': resolve('node_modules')
    }
  }
}

if (process.env.NODE_ENV === 'production') {
  webpackConfig.devtool = config.build.productionSourceMap ? config.build.devtool : false

  webpackConfig.plugins.push(
    new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
    })
  )

  if (config.build.productionGzip) {
    const CompressionWebpackPlugin = require('compression-webpack-plugin')

    webpackConfig.plugins.push(
      new CompressionWebpackPlugin({
        asset: '[path].gz[query]',
        algorithm: 'gzip',
        test: new RegExp(
          '\\.(' +
          config.build.productionGzipExtensions.join('|') +
          ')$'
        ),
        threshold: 10240,
        minRatio: 0.8
      })
    )
  }

  if (config.build.bundleAnalyzerReport) {
    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
    webpackConfig.plugins.push(new BundleAnalyzerPlugin())
  }
} else {
  webpackConfig.devtool = config.dev.devtool
  webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin())
  webpackConfig.plugins.push(new webpack.NamedModulesPlugin())
  webpackConfig.plugins.push(new webpack.NoEmitOnErrorsPlugin())
}

if (process.env.NODE_ENV === 'development') {
  const portfinder = require('portfinder')

  module.exports = new Promise((resolve, reject) => {
    portfinder.basePort = process.env.PORT || config.dev.port
    portfinder.getPort((err, port) => {
      if (err) {
        reject(err)
      } else {
        // Add FriendlyErrorsPlugin
        webpackConfig.plugins.push(new FriendlyErrorsPlugin({
          compilationSuccessInfo: {
            messages: [`Your application is running here: http://${HOST || config.dev.host}:${port}`],
          },
          onErrors: config.dev.notifyOnErrors
          ? utils.createNotifierCallback()
          : undefined
        }))

        resolve(webpackConfig)
      }
    })
  })
} else {
  module.exports = webpackConfig
}