feat(metro): New simplified Sentry Metro Serializer export (#3450)

Author: krystofwoldrich

.eslintrc.js

@@ -12,7 +12,7 @@ module.exports = {
   settings: {
     version: 'detect', // React version. "detect" automatically picks the version you have installed.
   },
-  ignorePatterns: ['test/react-native/versions/**/*', 'coverage/**/*', 'test/typescript/**/*'],
+  ignorePatterns: ['test/react-native/versions/**/*', 'coverage/**/*', 'test/typescript/**/*', 'metro.d.ts'],
   overrides: [
     {
       // Typescript Files

.npmignore

@@ -18,3 +18,7 @@
 !scripts/sentry-xcode.sh
 !scripts/sentry-xcode-debug-files.sh
 !scripts/sentry_utils.rb
+
+# Metro
+!/metro.js
+!/metro.d.ts

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Unreleased
 
+### Features
+
+- New simplified Sentry Metro Serializer export ([#3450](https://github.com/getsentry/sentry-react-native/pull/3450))
+
+  ```js
+  const { createSentryMetroSerializer } = require('@sentry/react-native/metro');
+  ```
+
 ### Fixes
 
 - Encode envelopes using Base64, fix array length limit when transferring over Bridge. ([#2852](https://github.com/getsentry/sentry-react-native/pull/2852))

metro.d.ts

@@ -0,0 +1 @@
+export * from './dist/js/tools/sentryMetroSerializer';

metro.js

@@ -0,0 +1 @@
+module.exports = require('./dist/js/tools/sentryMetroSerializer');

samples/react-native/metro.config.js

@@ -2,9 +2,7 @@ const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const path = require('path');
 const blacklist = require('metro-config/src/defaults/exclusionList');
 
-const {
-  createSentryMetroSerializer,
-} = require('../../dist/js/tools/sentryMetroSerializer');
+const { createSentryMetroSerializer } = require('../../metro');
 const parentDir = path.resolve(__dirname, '../..');
 
 /**

test/react-native/rn.patch.metro.config.js

@@ -16,8 +16,7 @@ logger.info('Patching Metro config: ', args.path);
 
 const configFilePath = args.path;
 
-const importSerializer =
-  "const {createSentryMetroSerializer} = require('@sentry/react-native/dist/js/tools/sentryMetroSerializer');";
+const importSerializer = "const {createSentryMetroSerializer} = require('@sentry/react-native/metro');";
 const serializerValue = 'serializer: { customSerializer: createSentryMetroSerializer(), },';
 const enterSerializerBefore = '};';
 

tsconfig.build.json

@@ -4,6 +4,9 @@
   "exclude": ["node_modules"],
   "compilerOptions": {
     "baseUrl": ".",
+    "paths": {
+      "metro": ["node_modules/metro/src/index"]
+    },
     "outDir": "dist",
     "rootDir": "src",
     "lib": ["es7"],

tsconfig.build.tools.json

@@ -4,6 +4,9 @@
   "exclude": ["node_modules"],
   "compilerOptions": {
     "baseUrl": ".",
+    "paths": {
+      "metro": ["node_modules/metro/src/index"]
+    },
     "outDir": "dist",
     "rootDir": "src",
     "lib": ["es7"],