craco.config.cjs

/* eslint-disable camelcase */
const { sentryWebpackPlugin } = require('@sentry/webpack-plugin')
const WebpackBar = require('webpackbar')

const { resolve } = require('path')

const SentryPlugin = sentryWebpackPlugin({
  applicationKey: 'gazebo',
  org: process.env.SENTRY_ORG || 'codecov',
  project: process.env.REACT_APP_SENTRY_PROJECT || 'gazebo',
  authToken: process.env.SENTRY_AUTH_TOKEN,
  release: {
    name: process.env.GAZEBO_SHA,
    deploy: {
      env: process.env.REACT_APP_SENTRY_ENVIRONMENT || process.env.NODE_ENV,
    },
  },
})

module.exports = {
  webpack: {
    devtool: 'source-map',
    configure: {
      entry: './src/index.tsx',
    },
    alias: {
      layouts: resolve(__dirname, 'src/layouts'),
      ui: resolve(__dirname, 'src/ui'),
      old_ui: resolve(__dirname, 'src/old_ui'),
      pages: resolve(__dirname, 'src/pages'),
      shared: resolve(__dirname, 'src/shared'),
      services: resolve(__dirname, 'src/services'),
      mocks: resolve(__dirname, 'src/layouts'),
      assets: resolve(__dirname, 'src/assets'),
      'custom-testing-library': resolve(
        __dirname,
        'src/custom-testing-library'
      ),
      config: resolve(__dirname, 'src/config'),
      sentry: resolve(__dirname, 'src/sentry'),
    },
    plugins: [
      ...(process.env.SENTRY_AUTH_TOKEN ? [SentryPlugin] : []),
      ...(process.env.NODE_ENV === 'development'
        ? [new WebpackBar({ color: '#FF6600' })]
        : []),
    ],
  },
}