✨ React Native JS Crash Reporter

Author: salmatarzi

android/src/main/java/com/instabug/reactlibrary/RNInstabugReactnativeModule.java

@@ -39,6 +39,11 @@
 import com.instabug.reactlibrary.utils.ArrayUtil;
 import com.instabug.reactlibrary.utils.MapUtil;
 
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.HashMap;
@@ -368,6 +373,82 @@ public void setFileAttachment(String fileUri, String fileNameWithExtension) {
         }
     }
 
+    /**
+     * Send unhandled JS error object
+     *
+     * @param exceptionObject   Exception object to be sent to Instabug's servers
+     */
+    @ReactMethod
+    public void sendJSCrash(String exceptionObject) {
+        try {
+            sendJSCrashByReflection(exceptionObject, false);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Send handled JS error object
+     *
+     * @param exceptionObject   Exception object to be sent to Instabug's servers
+     */
+    @ReactMethod
+    public void sendHandledJSCrash(String exceptionObject) {
+        try {
+            sendJSCrashByReflection(exceptionObject, true);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Sets whether crash reporting feature is Enabled or Disabled
+     *
+     * @param isEnabled   Exception object to be sent to Instabug's servers
+     */
+    @ReactMethod
+    public void setCrashReportingEnabled(boolean isEnabled) {
+        try {
+            if(isEnabled) {
+                Instabug.setCrashReportingState(Feature.State.ENABLED);
+            } else {
+                Instabug.setCrashReportingState(Feature.State.DISABLED);
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    private void sendJSCrashByReflection(String exceptionObject, boolean isHandled) {
+        try {
+          JSONObject newJSONObject = new JSONObject(exceptionObject);
+          Method method = getMethod(Class.forName("com.instabug.crash.InstabugCrash"), "reportException");
+          if (method != null) {
+              method.invoke(null, newJSONObject, isHandled);
+          }
+        } catch (ClassNotFoundException e) {
+            e.printStackTrace();
+        } catch (InvocationTargetException e) {
+            e.printStackTrace();
+        } catch (IllegalAccessException e) {
+            e.printStackTrace();
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+    }
+
+    public static Method getMethod(Class clazz, String methodName) {
+        final Method[] methods = clazz.getDeclaredMethods();
+        for (Method method : methods) {
+            if (method.getName().equals(methodName)) {
+                method.setAccessible(true);
+                return method;
+            }
+        }
+        return null;
+    }
+
     /**
      * If your app already acquires the user's email address and you provide it to this method,
      * Instabug will pre-fill the user email in reports.

android/src/main/java/com/instabug/reactlibrary/RNInstabugReactnativePackage.java

@@ -56,7 +56,7 @@ public RNInstabugReactnativePackage(String androidApplicationToken, Application
 
         mInstabug = new Instabug.Builder(this.androidApplication, this.mAndroidApplicationToken)
                 .setInvocationEvent(this.invocationEvent)
-                .setCrashReportingState(Feature.State.DISABLED)
+                .setCrashReportingState(Feature.State.ENABLED)
                 .setReproStepsState(State.DISABLED)
                 .build();
 

index.js

@@ -1,5 +1,8 @@
 import {NativeModules, NativeAppEventEmitter, DeviceEventEmitter, Platform} from "react-native";
 let {Instabug} = NativeModules;
+import InstabugUtils from './utils/InstabugUtils.js';
+
+InstabugUtils.captureJsErrors();
 
 /**
  * Instabug
@@ -101,6 +104,14 @@ module.exports = {
             Instabug.setUserStepsEnabled(isUserStepsEnabled);
     },
 
+    /**
+	    * Report un-caught exceptions to Instabug dashboard
+	    * We don't send exceptions from __DEV__, since it's way too noisy!
+      */
+	    setCrashReportingEnabled: function(enableCrashReporter){
+	        Instabug.setCrashReportingEnabled(enableCrashReporter);
+	    },
+
     /**
      * Sets a block of code to be executed before sending each report.
      * This block is executed in the background before sending each report. Could
@@ -899,6 +910,26 @@ module.exports = {
         }
     },
 
+    /**
+	    * Send handled JS error object
+      *
+      * @param errorObject   Error object to be sent to Instabug's servers
+	    */
+	    reportJSException: function(errorObject) {
+	      let jsStackTrace = InstabugUtils.parseErrorStack(errorObject);
+	      var jsonObject = {
+	        message: errorObject.name + " - " + errorObject.message,
+	        os: Platform.OS,
+	        platform: 'react_native',
+	        exception: jsStackTrace
+	      }
+	      if(Platform.OS === 'android') {
+	        Instabug.sendHandledJSCrash(JSON.stringify(jsonObject));
+	      } else {
+	        Instabug.sendHandledJSCrash(jsonObject);
+	      }
+	    },	
+
     /**
      * Sets the default position at which the Instabug screen recording button will be shown.
      * Different orientations are already handled.

ios/RNInstabug/InstabugReactBridge.m

@@ -34,8 +34,11 @@ - (dispatch_queue_t)methodQueue {
     [Instabug startWithToken:token invocationEvent:invocationEvent];
     RCTAddLogFunction(InstabugReactLogFunction);
     RCTSetLogThreshold(RCTLogLevelInfo);
-    [Instabug setCrashReportingEnabled:NO];
     [Instabug setNetworkLoggingEnabled:NO];
+    SEL setCrossPlatformSEL = NSSelectorFromString(@"setCrossPlatform:");
+    if ([[Instabug class] respondsToSelector:setCrossPlatformSEL]) {
+        [[Instabug class] performSelector:setCrossPlatformSEL withObject:@(true)];
+    }
 }
 
 RCT_EXPORT_METHOD(invoke) {
@@ -58,6 +61,20 @@ - (dispatch_queue_t)methodQueue {
     [Instabug setFileAttachment:fileLocation];
 }
 
+RCT_EXPORT_METHOD(sendJSCrash:(NSDictionary *)stackTrace) {
+    SEL reportCrashWithStackTraceSEL = NSSelectorFromString(@"reportCrashWithStackTrace:handled:");
+    if ([[Instabug class] respondsToSelector:reportCrashWithStackTraceSEL]) {
+        [[Instabug class] performSelector:reportCrashWithStackTraceSEL withObject:stackTrace withObject:@(false)];
+    }
+}
+
+RCT_EXPORT_METHOD(sendHandledJSCrash:(NSDictionary *)stackTrace) {
+    SEL reportCrashWithStackTraceSEL = NSSelectorFromString(@"reportCrashWithStackTrace:handled:");
+    if ([[Instabug class] respondsToSelector:reportCrashWithStackTraceSEL]) {
+        [[Instabug class] performSelector:reportCrashWithStackTraceSEL withObject:stackTrace withObject:@(true)];
+    }
+}
+
 RCT_EXPORT_METHOD(setUserData:(NSString *)userData) {
     [Instabug setUserData:userData];
 }
@@ -78,6 +95,14 @@ - (dispatch_queue_t)methodQueue {
     [Instabug setUserStepsEnabled:isUserStepsEnabled];
 }
 
+RCT_EXPORT_METHOD(setCrashReportingEnabled:(BOOL)enabledCrashReporter) {
+  if(enabledCrashReporter) {
+    [Instabug setCrashReportingEnabled:YES];
+  } else {
+    [Instabug setCrashReportingEnabled:NO];
+  }
+}
+
 RCT_EXPORT_METHOD(setAutoScreenRecordingEnabled:(BOOL)enabled) {
     [Instabug setAutoScreenRecordingEnabled:enabled];
 }

utils/InstabugUtils.js

@@ -0,0 +1,48 @@
+'use strict';
+import {NativeModules, Platform} from 'react-native';
+let {Instabug} = NativeModules;
+import parseErrorStackLib from '../../react-native/Libraries/Core/Devtools/parseErrorStack.js';
+
+let parseErrorStack = (error) => {
+    return parseErrorStackLib(error);
+};
+
+const originalHandler = global.ErrorUtils.getGlobalHandler();
+
+let init = () => {
+    if (__DEV__) {
+        return;
+    }
+
+    function errorHandler(e, isFatal) {
+      let jsStackTrace = parseErrorStackLib(e);
+
+      //JSON object to be sent to the native SDK
+      var jsonObject = {
+        message: e.name + " - " + e.message,
+        os: Platform.OS,
+        platform: 'react_native',
+        exception: jsStackTrace
+      }
+      if(Platform.OS === 'android') {
+        Instabug.sendJSCrash(JSON.stringify(jsonObject));
+      } else {
+        Instabug.sendJSCrash(jsonObject);
+      }
+      if (originalHandler) {
+        if (Platform.OS === 'ios') {
+          originalHandler(e, isFatal);
+        } else {
+          setTimeout(() => {
+            originalHandler(e, isFatal);
+          }, 500);
+        }
+      }
+    }
+    global.ErrorUtils.setGlobalHandler(errorHandler);
+};
+
+module.exports = {
+    parseErrorStack: parseErrorStack,
+    captureJsErrors: init
+};