feat: Add support for parsing hermes-style stack traces (#2406)

* feat: Add support for parsing hermes-style stack traces

* make linters happy

* actually test with a real react-native stack

Author: Swatinem

packages/browser/src/tracekit.ts

@@ -42,7 +42,7 @@ export interface StackTrace {
 const UNKNOWN_FUNCTION = '?';
 
 // Chromium based browsers: Chrome, Brave, new Opera, new Edge
-const chrome = /^\s*at (?:(.*?) ?\()?((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|[-a-z]+:|.*bundle|\/).*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
+const chrome = /^\s*at (?:(.*?) ?\()?((?:file|https?|blob|chrome-extension|address|native|eval|webpack|<anonymous>|[-a-z]+:|.*bundle|\/).*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i;
 // gecko regex: `(?:bundle|\d+\.js)`: `bundle` is for react native, `\d+\.js` also but specifically for ram bundles because it
 // generates filenames without a prefix like `file://` the filenames in the stacktrace are just 42.js
 // We need this specific case for now because we want no other regex to match.
@@ -113,7 +113,9 @@ function computeStackTraceFromStackProp(ex: any): StackTrace | null {
         parts[4] = submatch[3]; // column
       }
       element = {
-        url: parts[2],
+        // working with the regexp above is super painful. it is quite a hack, but just stripping the `address at `
+        // prefix here seems like the quickest solution for now.
+        url: parts[2] && parts[2].indexOf('address at ') === 0 ? parts[2].substr('address at '.length) : parts[2],
         func: parts[1] || UNKNOWN_FUNCTION,
         args: isNative ? [parts[2]] : [],
         line: parts[3] ? +parts[3] : null,

packages/browser/test/unit/tracekit/original.test.ts

@@ -8,6 +8,7 @@ import { computeStackTrace } from '../../../src/tracekit';
 
 import {
   ANDROID_REACT_NATIVE,
+  ANDROID_REACT_NATIVE_HERMES,
   ANDROID_REACT_NATIVE_PROD,
   CHROME_15,
   CHROME_36,
@@ -922,4 +923,24 @@ describe('Tracekit - Original Tests', () => {
       column: null,
     });
   });
+
+  it('should parse React Native errors on Android Hermes', () => {
+    const stackFrames = computeStackTrace(ANDROID_REACT_NATIVE_HERMES);
+    expect(stackFrames).to.be.ok;
+    expect(stackFrames.stack.length).to.equal(26);
+    expect(stackFrames.stack[0]).to.deep.equal({
+      url: 'index.android.bundle',
+      func: 'onPress',
+      args: [],
+      line: 1,
+      column: 452701,
+    });
+    expect(stackFrames.stack[3]).to.deep.equal({
+      url: 'native',
+      func: '_receiveSignal',
+      args: ['native'],
+      line: null,
+      column: null,
+    });
+  });
 });

packages/browser/test/unit/tracekit/originalfixtures.ts

@@ -482,3 +482,35 @@ export const ANDROID_REACT_NATIVE_PROD = {
     'value@index.android.bundle:29:927\n' +
     '[native code]',
 };
+
+export const ANDROID_REACT_NATIVE_HERMES = {
+  message: 'Error: lets throw!',
+  name: 'Error',
+  stack:
+    'at onPress (address at index.android.bundle:1:452701)\n' +
+    'at anonymous (address at index.android.bundle:1:224280)\n' +
+    'at _performSideEffectsForTransition (address at index.android.bundle:1:230843)\n' +
+    'at _receiveSignal (native)\n' +
+    'at touchableHandleResponderRelease (native)\n' +
+    'at onResponderRelease (native)\n' +
+    'at apply (native)\n' +
+    'at b (address at index.android.bundle:1:74037)\n' +
+    'at apply (native)\n' +
+    'at k (address at index.android.bundle:1:74094)\n' +
+    'at apply (native)\n' +
+    'at C (address at index.android.bundle:1:74126)\n' +
+    'at N (address at index.android.bundle:1:74267)\n' +
+    'at A (address at index.android.bundle:1:74709)\n' +
+    'at forEach (native)\n' +
+    'at z (address at index.android.bundle:1:74642)\n' +
+    'at anonymous (address at index.android.bundle:1:77747)\n' +
+    'at _e (address at index.android.bundle:1:127755)\n' +
+    'at Ne (address at index.android.bundle:1:77238)\n' +
+    'at Ue (address at index.android.bundle:1:77571)\n' +
+    'at receiveTouches (address at index.android.bundle:1:122512)\n' +
+    'at apply (native)\n' +
+    'at value (address at index.android.bundle:1:33176)\n' +
+    'at anonymous (address at index.android.bundle:1:31603)\n' +
+    'at value (address at index.android.bundle:1:32776)\n' +
+    'at value (address at index.android.bundle:1:31561)',
+};