react-native-dom-expo/metro.config.js

A patch library to make Expo work with react-native-dom

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

const metroResolve = require('metro-resolver/src/resolve');

const domModuleMap = {
  // delegate to "web"
  './effects/BlurView': './effects/BlurView.web',
  './NativeLinearGradient': './NativeLinearGradient.web',
  './facebook-ads': './facebook-ads/index.web',

  // custom patches
  'expo-react-native-adapter': path.resolve(__dirname, './src/ExpoReactNativeAdapter.dom.js'),
  'expo-asset/src/Asset': path.resolve(__dirname, './src/ExpoAsset.dom.js'),
  'expo-asset': path.resolve(__dirname, './src/ExpoAssetIndex.dom.js'),

  // vendor libs
  'expo-camera': path.resolve(__dirname, './vendor/expo-camera/index.ts'),
  'react-native-gesture-handler': path.resolve(__dirname, './vendor/react-native-gesture-handler/index.js'),
};

const dirRNLib = path.resolve(__dirname, '../react-native/Libraries') + '/';
const dirRNDOMLib = path.resolve(__dirname, '../react-native-dom/Libraries') + '/';

const getFullModulePath = (context, realModuleName) => {
  if (context.originModulePath && realModuleName.startsWith('.')) {
    return path.resolve(context.originModulePath, '..', realModuleName);
  }
  return realModuleName;
};

module.exports = {
  projectRoot: path.resolve(__dirname, '../..'),
  resolver: {
    resolveRequest: (context, realModuleName, platform) => {
      const fullPath = getFullModulePath(context, realModuleName);
      if (platform === 'dom') {
        if (domModuleMap[realModuleName]) {
          realModuleName = domModuleMap[realModuleName];
        } else if (fullPath.startsWith(dirRNLib)) {
          // path mapping workaround for Expo SDK
          const pathRNDOM = path.resolve(dirRNDOMLib, fullPath.slice(dirRNLib.length));
          if (glob.sync(pathRNDOM + '.dom.*').length > 0) {
            realModuleName = pathRNDOM;
          }
        }
      }
      // require('fs').appendFileSync('/tmp/metro-resolve.log', `${realModuleName}\n`);
      const { resolveRequest, ...restContext } = context;
      return metroResolve(restContext, realModuleName, platform);
    },
  },
};