const webpack = require('@nativescript/webpack')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
const dotenv = require('dotenv')
const packageJson = require('./package.json')

module.exports = (env) => {
  webpack.init(env)
  dotenv.config()
  const isUppercase = (key) => key.toUpperCase() === key
  const envKeys = Object.keys(env)

  let dotEnvValues = envKeys.filter(isUppercase).reduce((memo, key) => {
    return { ...memo, [key]: JSON.stringify(env[key]) }
  }, {})

  webpack.mergeWebpack({
    node: {
      global: true
    },
    resolve: {
      aliasFields: ['browser'],
      alias: {
        process: 'process/browser'
      },
      fallback: {
        stream: require.resolve('stream-browserify'),
        buffer: require.resolve('buffer/'),
        zlib: require.resolve('browserify-zlib'),
        util: require.resolve('util/'),
        fs: false
        // crypto: require.resolve('crypto-browserify')
      }
    }
  })

  //global.process.env = dotEnv
  webpack.chainWebpack((config) => {
    //config.plugin('polyfills').use(NodePolyfillPlugin)
    config.plugin('DefinePlugin').tap((args) => {
      console.log(JSON.stringify(args), args[0])
      Object.assign(args[0], dotEnvValues)
      console.log('the args in define')
      return args
    })
  })

  return webpack.resolveConfig()
}