metro.config.js

const path = require('path');
const { getDefaultConfig } = require('@react-native/metro-config');

const workspaceRoot = path.resolve(__dirname, '..', '..');
const workspacePath = (name) => path.resolve(workspaceRoot, name);

const workspacePackages = [
  {
    name: '@contentpass/react-native-contentpass',
    root: workspacePath('packages/react-native-contentpass'),
  },
  {
    name: '@contentpass/react-native-contentpass-ui',
    root: workspacePath('packages/react-native-contentpass-ui'),
  },
  {
    name: '@contentpass/examples-sourcepoint-shared',
    root: workspacePath('examples/sourcepoint-shared'),
  },
];

const config = getDefaultConfig(__dirname);

// Add watch folders for workspace packages
config.watchFolders = [
  ...(config.watchFolders || []),
  ...workspacePackages.map(({ root }) => root),
];

// Configure resolver to handle workspace dependencies
const exampleNodeModules = path.resolve(__dirname, 'node_modules');
const rootNodeModules = path.resolve(__dirname, '..', '..', 'node_modules');
const libraryNodeModules = path.join(
  workspacePath('packages/react-native-contentpass'),
  'node_modules'
);
const workspaceExtraNodeModules = Object.fromEntries(
  workspacePackages.map(({ name, root }) => [name, root])
);

config.resolver = {
  ...config.resolver,
  // Prevent Metro from walking up the directory tree and picking nested node_modules
  // which can cause duplicate module instances in monorepos.
  disableHierarchicalLookup: true,
  extraNodeModules: {
    ...config.resolver?.extraNodeModules,
    // Force React and React Native to resolve to the example's node_modules
    // This prevents multiple React instances (common issue in monorepos)
    'react': path.join(exampleNodeModules, 'react'),
    'react-native': path.join(exampleNodeModules, 'react-native'),
    // Map workspace packages to their source directories
    ...workspaceExtraNodeModules,
  },
  // Add node_modules paths for workspace resolution
  // Order matters - check example's node_modules first, then root, then library
  nodeModulesPaths: [
    exampleNodeModules,
    rootNodeModules,
    libraryNodeModules,
    ...(config.resolver?.nodeModulesPaths || []),
  ],
  resolverMainFields: ['source', 'react-native', 'browser', 'main'],
  unstable_enablePackageExports: false,
};

module.exports = config;