craco.config.js

const webpack = require('webpack');
const SentryCliPlugin = require('@sentry/webpack-plugin');

const {
  COVERAGE,
  SENTRY_AUTH_TOKEN,
  VERCEL,
  VERCEL_ENV,
  VERCEL_GIT_COMMIT_SHA,
  VERCEL_URL,
} = process.env;

const shouldDryRun = !(
  VERCEL &&
  SENTRY_AUTH_TOKEN &&
  VERCEL_ENV !== 'development'
);

module.exports = {
  jest: {
    configure: {
      verbose: true,
      roots: [
        '<rootDir>/src',
        '<rootDir>/api',
        '<rootDir>/api-lib',
        '<rootDir>/api-test',
      ],
      testMatch: [
        '<rootDir>/api/**/*.{spec,test}.{js,jsx,ts,tsx}',
        '<rootDir>/api-lib/**/*.{spec,test}.{js,jsx,ts,tsx}',
        '<rootDir>/api-test/**/*.{spec,test}.{js,jsx,ts,tsx}',
      ],
      collectCoverageFrom: [
        '{src,api,api-lib}/**/*.{ts,tsx}',
        '!**/*.d.ts',
        '!**/*.stories.tsx',
      ],
      coverageDirectory: 'coverage-jest',
      coveragePathIgnorePatterns: ['/node_modules/', '/__generated.*/'],
      coverageReporters: ['json', 'lcov', 'text-summary'],
      transform: {
        '.(ts|tsx)': 'ts-jest',
      },
      resetMocks: false,
      setupFiles: ['<rootDir>/src/utils/test-setup.ts'],
      moduleNameMapper: {
        'react-markdown':
          '<rootDir>/node_modules/react-markdown/react-markdown.min.js',
      },
      testEnvironmentOptions: {
        url: `http://localhost:${process.env.LOCAL_WEB_PORT}`,
      },
    },
  },
  webpack: {
    configure: {
      module: {
        rules: [
          {
            test: /\.m?js/,
            resolve: {
              fullySpecified: false,
            },
          },
          COVERAGE && {
            test: /\.(ts|tsx)$/,
            exclude: /node_modules/,
            use: {
              loader: 'babel-loader',
              options: {
                presets: ['@babel/preset-typescript'],
                plugins: ['istanbul'],
              },
            },
          },
        ].filter(x => x),
      },
      ignoreWarnings: [/Failed to parse source map/],
      resolve: {
        fallback: {
          buffer: require.resolve('buffer'),
          crypto: require.resolve('crypto-browserify'),
          http: require.resolve('http-browserify'),
          https: require.resolve('https-browserify'),
          os: require.resolve('os-browserify'),
          stream: require.resolve('stream-browserify'),
          util: require.resolve('util'),
        },
      },
      plugins: [
        new webpack.ProvidePlugin({
          Buffer: ['buffer', 'Buffer'],
          process: 'process/browser',
        }),
        VERCEL_ENV &&
          new SentryCliPlugin({
            // include the transpiled js and sourcemaps
            include: 'build',
            // Release will utilize the vercel-specified sha if available.
            // Otherise the current branch HEAD's sha will be used instead.
            // These are functionally the same, but its a small optimization
            // when running in CI, and ensures compatibility across all
            // integrations.
            release: VERCEL_GIT_COMMIT_SHA,
            // Dry run in development environments or if the Sentry Auth token
            // is absent. Simply logging a webpack warning will still cause
            // compilation to fail in CI, so we want to avoid that.
            dryRun: shouldDryRun,
            ignore: ['node_modules', 'craco.config.js'],
            org: 'coordinape',
            project: 'app',
            deploy: {
              // Commits are auto-associated from the production Vercel environment
              // by the Sentry-GitHub integration. The token provided to Vercel
              // is not given the `org:read` permission necessary to
              // set commits.
              env: VERCEL_ENV,
              // Not sure where this shows up in the Sentry UI, but if we can
              // include it, why not?
              // Sentry complains without a protocol prefix, which Vercel does
              // not provide
              url: 'https://' + VERCEL_URL,
            },
          }),
      ].filter(x => x),
    },
  },
};