metro.config.js

const path = require( 'path' );
const fs = require( 'fs' );
const metroResolver = require( 'metro-resolver' );

const nodeModulePaths = [
	'../../node_modules',
	'../../../jetpack/projects/plugins/jetpack/node_modules',
];

const gutenbergMetroConfig = require( './gutenberg/packages/react-native-editor/metro.config.js' );
const extraNodeModules = {};
const gutenbergMetroConfigCopy = {
	...gutenbergMetroConfig,
	projectRoot: path.resolve( __dirname ),
	resolver: {
		...gutenbergMetroConfig.resolver,
		unstable_enableSymlinks: false,
		sourceExts: [ 'js', 'cjs', 'jsx', 'json', 'scss', 'sass', 'ts', 'tsx' ],
		extraNodeModules,
		// Exclude `ios-xcframework` folder to avoid conflicts with packages contained in Pods.
		blockList: [
			/ios-xcframework\/.*/,
			// Exclude all @wordpress packages in the "block-experiments" folder,
			// this prevents issues with older versions of native files.
			// We are importing Gutenberg directly so all packages are already available.
			/block-experiments\/node_modules\/@wordpress\/.*/,
		],
	},
};

const possibleModulePaths = ( name ) =>
	nodeModulePaths.map( ( dir ) => path.join( process.cwd(), dir, name ) );

gutenbergMetroConfigCopy.resolver.resolveRequest = (
	context,
	moduleName,
	platform
) => {
	// This handles part of the Jetpack Config setup typically handled by Webpack's externals.
	if ( moduleName.startsWith( '@automattic/jetpack-config' ) ) {
		return {
			filePath: path.resolve( __dirname + '/src/jetpack-config.js' ),
			type: 'sourceFile',
		};
	}
	// Add the module to the extra node modules object if the module is not on a local path.
	if ( ! ( moduleName.startsWith( '.' ) || moduleName.startsWith( '/' ) ) ) {
		const [ namespace, module = '' ] = moduleName.split( '/' );
		const name = path.join( namespace, module );

		if ( ! extraNodeModules[ name ] ) {
			let extraNodeModulePath;

			const modulePath = possibleModulePaths( name ).find(
				fs.existsSync
			);

			extraNodeModulePath = modulePath && fs.realpathSync( modulePath );

			// If we haven't resolved the module yet, check if the module is managed by pnpm.
			if (
				! extraNodeModulePath &&
				context.originModulePath.includes( '.pnpm' )
			) {
				const filePath = require.resolve( name, {
					paths: [ path.dirname( context.originModulePath ) ],
				} );

				const innerNodeModules =
					filePath.match( /.*node_modules/ )?.[ 0 ];

				extraNodeModulePath =
					innerNodeModules && path.join( innerNodeModules, name );
			}

			if ( extraNodeModulePath ) {
				extraNodeModules[ name ] = extraNodeModulePath;
			}
		}
	}

	// Restore the original resolver
	return metroResolver.resolve(
		{
			...context,
			resolveRequest: null,
		},
		moduleName,
		platform
	);
};

module.exports = gutenbergMetroConfigCopy;