const path = require('path');
const webpack = require('webpack');

module.exports = {
  mode: 'production', // or 'development'
  target: ['web', 'es5'], // safe baseline for browsers
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        include: [
          path.resolve(__dirname, 'src'),
          /node_modules\/react-draggable/,
          /node_modules\/redoc/
        ],
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              ['@babel/preset-env', { targets: { browsers: 'defaults' } }],
              '@babel/preset-react'
            ],
            plugins: [
              '@babel/plugin-proposal-class-properties',
              '@babel/plugin-transform-runtime'
            ]
          }
        }
      }
    ]
  },
  resolve: { extensions: ['.js', '.jsx'] },

  // Add these only if Webpack 5 complains about 'process' or 'Buffer'
  plugins: [
    new webpack.ProvidePlugin({
      process: 'process/browser',
      Buffer: ['buffer', 'Buffer']
    })
  ],
  resolve: {
       extensions: ['.js', '.jsx'],
    fallback: {
      process: require.resolve('process/browser'),
      buffer: require.resolve('buffer/')
    }
  }