const path = require('path')

const __DEV__ = (global.__DEV__ = process.env.NODE_ENV === 'development')

const PLUGIN_ALIAS = [
  'babel-plugin-module-resolver',
  {
    root: ['./src'],
    alias: {
      '#components': './src/components',
      '#utilities': './src/utilities',
      '#common': './src/common',
      '#scenes': './src/scenes',
      '#views': './src/views',
    },
  },
]

module.exports = (api) => {
  api.cache(true)

  const presets = ['@babel/preset-env', '@babel/preset-flow']

  const plugins = [
    'babel-plugin-dev-expression',
    // Stage 0
    '@babel/plugin-proposal-function-bind',

    // Stage 1
    '@babel/plugin-proposal-export-default-from',
    '@babel/plugin-proposal-logical-assignment-operators',
    ['@babel/plugin-proposal-optional-chaining', { loose: false }],
    ['@babel/plugin-proposal-pipeline-operator', { proposal: 'minimal' }],
    ['@babel/plugin-proposal-nullish-coalescing-operator', { loose: false }],
    '@babel/plugin-proposal-do-expressions',

    // Stage 2
    ['@babel/plugin-proposal-decorators', { legacy: true }],
    PLUGIN_ALIAS,
  ]

  return {
    presets,
    plugins,
  }
}