chore: clear apps metro configs and make them run smoothly

Author: msluszniak

apps/llm/metro.config.js

@@ -2,15 +2,11 @@ const { getDefaultConfig } = require('expo/metro-config');
 const {
   wrapWithAudioAPIMetroConfig,
 } = require('react-native-audio-api/metro-config');
-const path = require('path');
 
-const monorepoRoot = path.resolve(__dirname, '../..');
 const config = getDefaultConfig(__dirname);
 
 const { transformer, resolver } = config;
 
-config.watchFolders = [monorepoRoot];
-
 config.transformer = {
   ...transformer,
   babelTransformerPath: require.resolve('react-native-svg-transformer/expo'),
@@ -19,23 +15,6 @@ config.resolver = {
   ...resolver,
   assetExts: resolver.assetExts.filter((ext) => ext !== 'svg'),
   sourceExts: [...resolver.sourceExts, 'svg'],
-  nodeModulesPaths: [
-    path.resolve(__dirname, 'node_modules'),
-    path.resolve(monorepoRoot, 'node_modules'),
-  ],
-  // Always resolve react and react-native from the monorepo root so that
-  // workspace packages with their own nested node_modules (e.g.
-  // packages/react-native-executorch/node_modules/react) don't create a
-  // second React instance and trigger "Invalid hook call".
-  resolveRequest: (context, moduleName, platform) => {
-    if (moduleName === 'react' || moduleName === 'react-native') {
-      return {
-        filePath: require.resolve(moduleName, { paths: [monorepoRoot] }),
-        type: 'sourceFile',
-      };
-    }
-    return context.resolveRequest(context, moduleName, platform);
-  },
 };
 
 config.resolver.assetExts.push('pte');

apps/speech/metro.config.js

@@ -2,15 +2,11 @@ const { getDefaultConfig } = require('expo/metro-config');
 const {
   wrapWithAudioAPIMetroConfig,
 } = require('react-native-audio-api/metro-config');
-const path = require('path');
 
-const monorepoRoot = path.resolve(__dirname, '../..');
 const config = getDefaultConfig(__dirname);
 
 const { transformer, resolver } = config;
 
-config.watchFolders = [monorepoRoot];
-
 config.transformer = {
   ...transformer,
   babelTransformerPath: require.resolve('react-native-svg-transformer/expo'),
@@ -19,23 +15,6 @@ config.resolver = {
   ...resolver,
   assetExts: resolver.assetExts.filter((ext) => ext !== 'svg'),
   sourceExts: [...resolver.sourceExts, 'svg'],
-  nodeModulesPaths: [
-    path.resolve(__dirname, 'node_modules'),
-    path.resolve(monorepoRoot, 'node_modules'),
-  ],
-  // Always resolve react and react-native from the monorepo root so that
-  // workspace packages with their own nested node_modules (e.g.
-  // packages/react-native-executorch/node_modules/react) don't create a
-  // second React instance and trigger "Invalid hook call".
-  resolveRequest: (context, moduleName, platform) => {
-    if (moduleName === 'react' || moduleName === 'react-native') {
-      return {
-        filePath: require.resolve(moduleName, { paths: [monorepoRoot] }),
-        type: 'sourceFile',
-      };
-    }
-    return context.resolveRequest(context, moduleName, platform);
-  },
 };
 
 config.resolver.assetExts.push('pte');

apps/text-embeddings/metro.config.js

@@ -1,16 +1,11 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
 const { getDefaultConfig } = require('expo/metro-config');
-const path = require('path');
-
-const monorepoRoot = path.resolve(__dirname, '../..');
 
 /** @type {import('expo/metro-config').MetroConfig} */
 const config = getDefaultConfig(__dirname);
 
 const { transformer, resolver } = config;
 
-config.watchFolders = [monorepoRoot];
-
 config.transformer = {
   ...transformer,
   babelTransformerPath: require.resolve('react-native-svg-transformer/expo'),
@@ -19,23 +14,6 @@ config.resolver = {
   ...resolver,
   assetExts: resolver.assetExts.filter((ext) => ext !== 'svg'),
   sourceExts: [...resolver.sourceExts, 'svg'],
-  nodeModulesPaths: [
-    path.resolve(__dirname, 'node_modules'),
-    path.resolve(monorepoRoot, 'node_modules'),
-  ],
-  // Always resolve react and react-native from the monorepo root so that
-  // workspace packages with their own nested node_modules (e.g.
-  // packages/react-native-executorch/node_modules/react) don't create a
-  // second React instance and trigger "Invalid hook call".
-  resolveRequest: (context, moduleName, platform) => {
-    if (moduleName === 'react' || moduleName === 'react-native') {
-      return {
-        filePath: require.resolve(moduleName, { paths: [monorepoRoot] }),
-        type: 'sourceFile',
-      };
-    }
-    return context.resolveRequest(context, moduleName, platform);
-  },
 };
 
 config.resolver.assetExts.push('pte');

package.json

@@ -23,6 +23,7 @@
     "eslint-plugin-ft-flow": "^2.0.3",
     "eslint-plugin-markdown": "^5.1.0",
     "eslint-plugin-prettier": "^5.0.1",
+    "expo-router": "~6.0.17",
     "prettier": "^3.3.3",
     "prettier-plugin-jsdoc": "^1.3.0",
     "typescript": "~5.9.2"

yarn.lock

@@ -13416,6 +13416,7 @@ __metadata:
     eslint-plugin-ft-flow: "npm:^2.0.3"
     eslint-plugin-markdown: "npm:^5.1.0"
     eslint-plugin-prettier: "npm:^5.0.1"
+    expo-router: "npm:~6.0.17"
     prettier: "npm:^3.3.3"
     prettier-plugin-jsdoc: "npm:^1.3.0"
     typescript: "npm:~5.9.2"