metro.config.js

const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
const { withNativeWind } = require('nativewind/metro');
const defaultSourceExts =
  require('metro-config/src/defaults/defaults').sourceExts;
const defaultAssetExts =
  require('metro-config/src/defaults/defaults').assetExts;
const path = require('path');

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('@react-native/metro-config').MetroConfig}
 */
const config = {
  transformer: {
    babelTransformerPath: require.resolve('react-native-svg-transformer'),
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true
      }
    })
  },
  resolver: {
    assetExts: [
      ...defaultAssetExts.filter((ext) => ext !== 'svg'),
      'glb',
      'gltf',
      'mtl',
      'obj',
      'fbx'
    ],
    sourceExts: [...defaultSourceExts, 'svg', 'cjs'],
    extraNodeModules: {
      crypto: require.resolve('react-native-quick-crypto'),
      base64: require.resolve('react-native-quick-base64'),
      path: require.resolve('path-browserify'),
      stream: require.resolve('readable-stream'),
      buffer: require.resolve('buffer'),
      fs: require.resolve('react-native-fs'),
      util: require.resolve('util'),
      assert: require.resolve('assert'),
      process: require.resolve('process/browser'),
      '@multiversx/sdk-dapp-ui': path.resolve(__dirname, 'stubs'),
      '@walletconnect/relay-auth': require.resolve('@walletconnect/relay-auth/dist/index.cjs.js')
    }
  }
};

module.exports = withNativeWind(
  mergeConfig(getDefaultConfig(__dirname), config),
  { input: './global.css' },
);