next.config.js

const withSass = require('@zeit/next-sass')
const withMDX = require('@next/mdx')({
  extension: /\.(md|mdx)$/,
})
const withPWA = require('next-pwa')
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
})
const MomentLocalesPlugin = require('moment-locales-webpack-plugin')
const { i18n } = require('./next-i18next.config')

const isProduction = process.env.NODE_ENV === 'production'
const basePath = ''

module.exports = withBundleAnalyzer(
  withPWA(
    withMDX(
      withSass({
        basePath,
        typescript: {
          // !! WARN !!
          // Dangerously allow production builds to successfully complete even if
          // your project has type errors.
          // We do ythis for now to allow for staging deployments during the
          // active development phase and are planning to remove this later
          // !! WARN !!
          ignoreBuildErrors: isProduction,
        },
        cssModules: true,
        pageExtensions: ['mdx', 'tsx'],
        publicRuntimeConfig: {
          // Will be available on both server and client
          buildHash: process.env.COMMIT_SHA,
          buildDate: Date.now(),
          apiHost: process.env.API_HOST,
          basePath,
          mixpanelEnv: process.env.MIXPANEL_ENV,
          mixpanelAPIKey: process.env.MIXPANEL_KEY,
          adRollAdvId: process.env.ADROLL_ADV_ID,
          adRollPixId: process.env.ADROLL_PIX_ID,
          useTermsOfService: process.env.USE_TERMS_OF_SERVICE === '1',
          showBuildInfo: process.env.SHOW_BUILD_INFO === '1',
          infuraProjectId: process.env.INFURA_PROJECT_ID,
          etherscanAPIKey: process.env.ETHERSCAN_API_KEY,
          exchangeAddress:
            process.env.USE_DUMMY === '1' ? process.env.DUMMY_EXCHANGE : process.env.EXCHANGE,
          multiplyProxyActions: process.env.MULTIPLY_PROXY_ACTIONS,
        },
        webpack: function (config, { isServer }) {
          // TODO: Figure out how to disable mangling partially without breaking the aplication.
          // To test if your changes break the app or no - go to /owner/<address> page for an account that has some vaults and see if they are displayed.
          config.optimization.minimizer[0].options.terserOptions.mangle = false
          config.module.rules.push({
            test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
            use: {
              loader: 'url-loader',
              options: {
                limit: 100000,
                name: '[name].[ext]',
              },
            },
          })

          // Moment.js locales take up a lot of space, so it's good to remove unused ones. "en" is there by default and can not be removed
          config.plugins.push(new MomentLocalesPlugin({ localesToKeep: ['es', 'pt'] }))

          if (!isServer) {
            config.node = {
              fs: 'empty',
            }
          }

          if (!isProduction) {
            config.watch = true
            // Don't ignore all node modules.
            config.watchOptions.ignored = config.watchOptions.ignored.filter(
              (ignore) => !ignore.toString().includes('node_modules'),
            )
            // Ignore all node modules except those here.
            config.watchOptions.ignored = [
              ...config.watchOptions.ignored,
              /node_modules([\\]+|\/)+(?!@oasisdex)/,
              /\@oasisdex([\\]+|\/)node_modules/,
            ]
          }

          return config
        },
        pwa: {
          disable: process.env.NODE_ENV !== 'production',
          register: process.env.NODE_ENV === 'production',
          dest: 'public',
        },
        i18n,
        async redirects() {
          return [
            {
              source: '/borrow',
              destination: '/',
              permanent: true,
            },
            {
              source: '/borrow/:slug*',
              destination: '/:slug*',
              permanent: true,
            },
            {
              source: '/dashboard',
              destination: '/daiwallet/dashboard',
              permanent: true,
            },
            {
              source: '/(0x[a-fA-F0-9]{40}.*)',
              destination: '/daiwallet/dashboard',
              permanent: true,
            },
          ]
        },
      }),
    ),
  ),
)