Use package import instead of relative path, add to performance app

Author: krystofwoldrich

samples/utils/index.js renamed to dev-packages/utils/index.js

@@ -45,12 +45,12 @@
     "packages/core",
     "dev-packages/e2e-tests",
     "dev-packages/type-check",
+    "dev-packages/utils",
     "samples/react-native",
     "samples/react-native-macos",
     "samples/expo",
     "performance-tests/TestAppPlain",
-    "performance-tests/TestAppSentry",
-    "samples/utils"
+    "performance-tests/TestAppSentry"
   ],
   "//": [
     "Appium has a dependency on @xmldom/xmldom@^0.x, which causes chromedrive build to fail yarn install",

samples/utils/metro.js renamed to dev-packages/utils/metro.js

@@ -1,23 +1,12 @@
-const path = require('path');
-const exclusionList = require('metro-config/src/defaults/exclusionList');
-
-const projectRoot = __dirname;
-const monorepoRoot = path.resolve(projectRoot, '../..');
-
-// Only list the packages within your monorepo that your app uses. No need to add anything else.
-// If your monorepo tooling can give you the list of monorepo workspaces linked
-// in your app workspace, you can automate this list instead of hardcoding them.
-const monorepoPackages = {
-  '@sentry/react-native': path.resolve(monorepoRoot, 'packages/core'),
-};
+const { withMonorepo } = require('sentry-react-native-samples-utils/metro');
 
 /**
  * Metro configuration for React Native
  * https://github.com/facebook/react-native
  *
  * @format
  */
-module.exports = {
+module.exports = withMonorepo({
   transformer: {
     getTransformOptions: async () => ({
       transform: {
@@ -27,24 +16,4 @@ module.exports = {
     }),
   },
   projectRoot: __dirname,
-  // 1. Watch the local app directory, and only the shared packages (limiting the scope and speeding it up)
-  // Note how we change this from `monorepoRoot` to `projectRoot`. This is part of the optimization!
-  watchFolders: [projectRoot, ...Object.values(monorepoPackages)],
-  resolver: {
-    blockList: exclusionList([
-      ...Object.values(monorepoPackages).map(p => new RegExp(`${p}/node_modules/react-native/.*`)),
-    ]),
-    // Add the monorepo workspaces as `extraNodeModules` to Metro.
-    // If your monorepo tooling creates workspace symlinks in the `node_modules` directory,
-    // you can either add symlink support to Metro or set the `extraNodeModules` to avoid the symlinks.
-    // See: https://metrobundler.dev/docs/configuration/#extranodemodules
-    extraNodeModules: {
-      ...monorepoPackages,
-      'react-native': path.resolve(projectRoot, 'node_modules/react-native'),
-    },
-    nodeModulesPaths: [
-      path.resolve(projectRoot, 'node_modules'),
-      ...Object.values(monorepoPackages).map(p => path.resolve(p, 'node_modules')),
-    ],
-  },
-};
+});

samples/utils/package.json renamed to dev-packages/utils/package.json

@@ -15,7 +15,8 @@
   "devDependencies": {
     "@babel/core": "^7.12.9",
     "@babel/runtime": "^7.12.5",
-    "metro-react-native-babel-preset": "^0.72.3"
+    "metro-react-native-babel-preset": "^0.72.3",
+    "sentry-react-native-samples-utils": "workspace:^"
   },
   "jest": {
     "preset": "react-native"

package.json

@@ -2,7 +2,7 @@
 const { getDefaultConfig } = require('@expo/metro-config');
 const { getSentryExpoConfig } = require('@sentry/react-native/metro');
 
-const { withMonorepo } = require('../utils/metro');
+const { withMonorepo } = require('sentry-react-native-samples-utils/metro');
 
 /** @type {import('expo/metro-config').MetroConfig} */
 const config = getSentryExpoConfig(__dirname, {

performance-tests/TestAppSentry/metro.config.js

@@ -37,7 +37,8 @@
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@sentry/babel-plugin-component-annotate": "^2.18.0",
-    "@types/node": "20.10.4"
+    "@types/node": "20.10.4",
+    "sentry-react-native-samples-utils": "workspace:^"
   },
   "overrides": {
     "react-refresh": "~0.14.0"

performance-tests/TestAppSentry/package.json

@@ -1,7 +1,7 @@
 const { withSentryConfig } = require('@sentry/react-native/metro');
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
-const { withMonorepo } = require('../utils/metro');
+const { withMonorepo } = require('sentry-react-native-samples-utils/metro');
 
 /**
  * Metro configuration

samples/expo/metro.config.js

@@ -49,6 +49,7 @@
     "eslint": "^8.19.0",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
+    "sentry-react-native-samples-utils": "workspace:^",
     "typescript": "5.0.4"
   },
   "engines": {

samples/expo/package.json

@@ -1,7 +1,7 @@
 const { withSentryConfig } = require('@sentry/react-native/metro');
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
-const { withMonorepo } = require('../utils/metro');
+const { withMonorepo } = require('sentry-react-native-samples-utils/metro');
 
 /**
  * Metro configuration

samples/react-native-macos/metro.config.js

@@ -63,6 +63,7 @@
     "patch-package": "^8.0.0",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
+    "sentry-react-native-samples-utils": "workspace:^",
     "typescript": "5.0.4"
   },
   "engines": {

samples/react-native-macos/package.json

@@ -9484,6 +9484,7 @@ __metadata:
     metro-react-native-babel-preset: ^0.72.3
     react: 18.1.0
     react-native: 0.70.15
+    sentry-react-native-samples-utils: "workspace:^"
   languageName: unknown
   linkType: soft
 
@@ -24200,6 +24201,7 @@ __metadata:
     react-native-safe-area-context: 4.12.0
     react-native-screens: ~4.0.0
     react-native-web: ~0.19.13
+    sentry-react-native-samples-utils: "workspace:^"
     typescript: ^5.3.2
   languageName: unknown
   linkType: soft
@@ -24242,6 +24244,7 @@ __metadata:
     react-native-vector-icons: ^10.0.3
     react-redux: ^8.1.3
     redux: ^4.2.1
+    sentry-react-native-samples-utils: "workspace:^"
     typescript: 5.0.4
   languageName: unknown
   linkType: soft
@@ -24290,13 +24293,14 @@ __metadata:
     react-redux: ^8.1.3
     react-test-renderer: 18.3.1
     redux: ^4.2.1
+    sentry-react-native-samples-utils: "workspace:^"
     typescript: 5.0.4
   languageName: unknown
   linkType: soft
 
-"sentry-react-native-samples-utils@workspace:samples/utils":
+"sentry-react-native-samples-utils@workspace:^, sentry-react-native-samples-utils@workspace:dev-packages/utils":
   version: 0.0.0-use.local
-  resolution: "sentry-react-native-samples-utils@workspace:samples/utils"
+  resolution: "sentry-react-native-samples-utils@workspace:dev-packages/utils"
   dependencies:
     metro-config: ^0.81.0
   languageName: unknown