railbird-gql/metro.config.js

const { getDefaultConfig } = require("expo/metro-config");
const { mergeConfig } = require("@react-native/metro-config");
const path = require("path");
const escape = require("escape-string-regexp");
const exclusionList = require("metro-config/src/defaults/exclusionList");
const pak = require("./react-native-vision-camera/package/package.json");

const root = path.resolve(__dirname, "./react-native-vision-camera/package");
const modules = Object.keys({ ...pak.peerDependencies });
const localPackagePath = path.resolve(
  __dirname,
  "./react-native-vision-camera/package/src/index",
);

/**
 * Metro configuration
 * https://facebook.github.io/metro/docs/configuration
 *
 * @type {import('metro-config').MetroConfig}
 */
const originalConfig = {
  watchFolders: [root],

  // We need to make sure that only one version is loaded for peerDependencies
  // So we block them at the root, and alias them to the versions in example's node_modules
  resolver: {
    blacklistRE: exclusionList(
      modules.map(
        (m) =>
          new RegExp(`^${escape(path.join(root, "node_modules", m))}\\/.*$`),
      ),
    ),

    extraNodeModules: modules.reduce(
      (acc, name) => {
        acc[name] = path.join(__dirname, "node_modules", name);
        return acc;
      },
      { "react-native-vision-camera": localPackagePath },
    ),
    assetExts: undefined,
    sourceExts: undefined,
  },

  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
    babelTransformerPath: require.resolve("react-native-svg-transformer"),
  },
};

const defaultConfig = getDefaultConfig(__dirname);

originalConfig.resolver.assetExts = defaultConfig.resolver.assetExts.filter(
  (ext) => ext !== "svg",
);
originalConfig.resolver.sourceExts = [
  ...defaultConfig.resolver.sourceExts,
  "svg",
];

module.exports = mergeConfig(defaultConfig, originalConfig);