react-native-inapp-inspector 1.1.25 → 1.1.26

package/android/build.gradle

@@ -0,0 +1,36 @@
+buildscript {
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.0.2'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion 34
+
+    defaultConfig {
+        minSdkVersion 21
+        targetSdkVersion 34
+        versionCode 1
+        versionName "1.1.25"
+    }
+
+    lintOptions {
+        abortOnError false
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+}
+
+dependencies {
+    //noinspection GradleDynamicVersion
+    implementation 'com.facebook.react:react-native:+'
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.inappinspector">
+</manifest>

package/android/src/main/java/com/inappinspector/NetworkInspectorModule.java

@@ -0,0 +1,114 @@
+package com.inappinspector;
+
+import android.os.Handler;
+import android.os.Looper;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+
+import java.io.PrintWriter;
+import java.io.StringWriter;
+
+public class NetworkInspectorModule extends ReactContextBaseJavaModule {
+    private static final String MODULE_NAME = "NetworkInspectorModule";
+    private static final String TAG = "NetworkInspector";
+    private final ReactApplicationContext reactContext;
+    private Thread.UncaughtExceptionHandler defaultHandler;
+    private boolean isProtectionEnabled = false;
+
+    public NetworkInspectorModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+        this.reactContext = reactContext;
+        setupNativeCrashProtection();
+    }
+
+    @NonNull
+    @Override
+    public String getName() {
+        return MODULE_NAME;
+    }
+
+    private void setupNativeCrashProtection() {
+        if (isProtectionEnabled) return;
+        isProtectionEnabled = true;
+
+        try {
+            defaultHandler = Thread.getDefaultUncaughtExceptionHandler();
+            Thread.setDefaultUncaughtExceptionHandler(new Thread.UncaughtExceptionHandler() {
+                @Override
+                public void uncaughtException(@NonNull Thread thread, @NonNull Throwable throwable) {
+                    try {
+                        StringWriter sw = new StringWriter();
+                        PrintWriter pw = new PrintWriter(sw);
+                        throwable.printStackTrace(pw);
+                        String stackTrace = sw.toString();
+                        String message = throwable.getMessage() != null ? throwable.getMessage() : throwable.toString();
+
+                        Log.e(TAG, "Intercepted Android Native Crash: " + message, throwable);
+
+                        sendCrashEventToJS(message, stackTrace, thread.getName());
+                    } catch (Exception e) {
+                        Log.e(TAG, "Failed to dispatch native crash event", e);
+                    }
+
+                    // Keep main looper processing to prevent instant process exit
+                    if (Looper.myLooper() != null) {
+                        while (true) {
+                            try {
+                                Looper.loop();
+                            } catch (Throwable inner) {
+                                Log.e(TAG, "Caught inner loop exception", inner);
+                            }
+                        }
+                    }
+                }
+            });
+        } catch (Exception e) {
+            Log.e(TAG, "Error installing uncaught exception handler", e);
+        }
+    }
+
+    private void sendCrashEventToJS(String message, String stackTrace, String threadName) {
+        try {
+            if (reactContext != null && reactContext.hasActiveReactInstance()) {
+                WritableMap params = Arguments.createMap();
+                params.putString("platform", "android");
+                params.putString("message", message);
+                params.putString("stack", stackTrace);
+                params.putString("thread", threadName);
+                params.putDouble("timestamp", System.currentTimeMillis());
+
+                reactContext
+                        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                        .emit("onNativeCrash", params);
+            }
+        } catch (Exception e) {
+            Log.e(TAG, "Failed to emit onNativeCrash to JS", e);
+        }
+    }
+
+    @ReactMethod
+    public void enableNativeCrashProtection(Promise promise) {
+        setupNativeCrashProtection();
+        promise.resolve(true);
+    }
+
+    @ReactMethod
+    public void addListener(String eventName) {
+        // Required for RN built-in Event Emitter
+    }
+
+    @ReactMethod
+    public void removeListeners(double count) {
+        // Required for RN built-in Event Emitter
+    }
+}

package/android/src/main/java/com/inappinspector/NetworkInspectorPackage.java

@@ -0,0 +1,28 @@
+package com.inappinspector;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+
+public class NetworkInspectorPackage implements ReactPackage {
+    @NonNull
+    @Override
+    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+        List<NativeModule> modules = new ArrayList<>();
+        modules.add(new NetworkInspectorModule(reactContext));
+        return modules;
+    }
+
+    @NonNull
+    @Override
+    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+}

package/dist/commonjs/components/ErrorBoundary.d.ts

@@ -6,6 +6,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     private handleReset;
     private handleCopyTrace;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element;
+    render(): React.ReactNode;
 }
 export default ErrorBoundary;

package/dist/commonjs/components/ErrorBoundary.js

@@ -1,45 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const react_native_1 = require("react-native");
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const helpers_1 = require("../helpers");
-const NetworkIcons_1 = require("./NetworkIcons");
+const crashHandler_1 = require("../customHooks/crashHandler");
+const enums_1 = require("../types/enums");
 function parseStackTrace(stack) {
     if (!stack)
         return null;
@@ -104,119 +72,15 @@ ${error.stack}`;
         return { hasError: true, error };
     }
     componentDidCatch(error, errorInfo) {
-        console.error('InAppInspector ErrorBoundary caught a crash:', error, errorInfo);
+        try {
+            const stack = error?.stack || errorInfo?.componentStack;
+            (0, crashHandler_1.handleInterceptedCrash)(error, stack, false, enums_1.CrashType.Render, errorInfo?.componentStack);
+        }
+        catch { }
     }
     render() {
         if (this.state.hasError) {
-            const isInline = this.props.fallbackType === 'inline';
-            if (isInline) {
-                return (<react_native_1.View style={styles.inlineContainer}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-              <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.redErrorText} size={14}/>
-              <react_native_1.Text style={styles.inlineTitle}>Inspector Crash</react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.TouchableOpacity style={styles.inlineResetBtn} onPress={this.handleReset}>
-              <react_native_1.Text style={styles.inlineResetText}>Reload</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-          </react_native_1.View>);
-            }
-            const error = this.state.error;
-            const isNativeCrash = error ? (error.message.includes('Native') || error.message.includes('native') || error.message.includes('Swift') || error.message.includes('Java')) : false;
-            const parsed = error && error.stack ? parseStackTrace(error.stack) : null;
-            return (<react_native_1.View style={styles.container}>
-          <react_native_1.View style={styles.card}>
-            <react_native_1.View style={{ marginBottom: 12, alignItems: 'center' }}>
-            <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.amber500} size={44}/>
-          </react_native_1.View>
-            <react_native_1.Text style={styles.title}>Something went wrong</react_native_1.Text>
-            
-            <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    backgroundColor: isNativeCrash ? `${AppColors_1.AppColors.errorColor}1A` : `${AppColors_1.AppColors.amber500}1A`,
-                    paddingHorizontal: 10,
-                    paddingVertical: 4,
-                    borderRadius: 20,
-                    marginBottom: 12,
-                    gap: 4
-                }}>
-              <react_native_1.View style={{
-                    width: 8,
-                    height: 8,
-                    borderRadius: 4,
-                    backgroundColor: isNativeCrash ? AppColors_1.AppColors.errorColor : AppColors_1.AppColors.amber500,
-                }}/>
-              <react_native_1.Text style={{
-                    fontSize: 10,
-                    fontWeight: 'bold',
-                    color: isNativeCrash ? AppColors_1.AppColors.errorColor : AppColors_1.AppColors.amber500,
-                    fontFamily: AppFonts_1.AppFonts.interBold || 'System'
-                }}>
-                {isNativeCrash ? 'NATIVE CRASH' : 'JAVASCRIPT CRASH'}
-              </react_native_1.Text>
-            </react_native_1.View>
-
-            <react_native_1.Text style={styles.subtitle}>
-              The In-App Inspector or active view encountered an error. Traceback details are parsed below:
-            </react_native_1.Text>
-
-            {parsed && (<react_native_1.View style={{
-                        backgroundColor: AppColors_1.AppColors.slate100,
-                        borderRadius: 8,
-                        padding: 10,
-                        width: '100%',
-                        marginBottom: 10,
-                        borderWidth: 1,
-                        borderColor: AppColors_1.AppColors.slate200,
-                        gap: 4
-                    }}>
-                <react_native_1.Text style={{ fontSize: 11, color: AppColors_1.AppColors.slate600, fontFamily: AppFonts_1.AppFonts.interMedium }} numberOfLines={1}>
-                  <react_native_1.Text style={{ fontWeight: 'bold' }}>Method:</react_native_1.Text> {parsed.method}
-                </react_native_1.Text>
-                <react_native_1.Text style={{ fontSize: 11, color: AppColors_1.AppColors.slate600, fontFamily: AppFonts_1.AppFonts.interMedium }} numberOfLines={1}>
-                  <react_native_1.Text style={{ fontWeight: 'bold' }}>File:</react_native_1.Text> {parsed.file}
-                </react_native_1.Text>
-                <react_native_1.Text style={{ fontSize: 11, color: AppColors_1.AppColors.slate600, fontFamily: AppFonts_1.AppFonts.interMedium }}>
-                  <react_native_1.Text style={{ fontWeight: 'bold' }}>Line:</react_native_1.Text> {parsed.line}  <react_native_1.Text style={{ fontWeight: 'bold' }}>Col:</react_native_1.Text> {parsed.column}
-                </react_native_1.Text>
-              </react_native_1.View>)}
-
-            {error && (<react_native_1.ScrollView style={styles.scroll} contentContainerStyle={styles.scrollContent}>
-                <react_native_1.Text style={styles.code}>
-                  {error.message}
-                  {'\n\n'}
-                  {error.stack}
-                </react_native_1.Text>
-              </react_native_1.ScrollView>)}
-
-            <react_native_1.View style={{ width: '100%', gap: 8, marginBottom: 12 }}>
-              <react_native_1.TouchableOpacity style={{
-                    backgroundColor: AppColors_1.AppColors.slate900,
-                    height: 38,
-                    borderRadius: 8,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                    gap: 6
-                }} onPress={this.handleCopyTrace}>
-                <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.white} size={14}/>
-                <react_native_1.Text style={{ color: AppColors_1.AppColors.white, fontSize: 12, fontWeight: 'bold', fontFamily: AppFonts_1.AppFonts.interBold || 'System' }}>
-                  Copy Crash Traceback
-                </react_native_1.Text>
-              </react_native_1.TouchableOpacity>
-            </react_native_1.View>
-
-            <react_native_1.View style={styles.btnRow}>
-              <react_native_1.TouchableOpacity style={styles.resetBtn} onPress={this.handleReset}>
-                <react_native_1.Text style={styles.resetBtnText}>Retry / Reload</react_native_1.Text>
-              </react_native_1.TouchableOpacity>
-              
-              {this.props.onClose && (<react_native_1.TouchableOpacity style={styles.closeBtn} onPress={this.props.onClose}>
-                  <react_native_1.Text style={styles.closeBtnText}>Close Inspector</react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>);
+            return null;
         }
         return this.props.children;
     }

package/dist/commonjs/components/Inspector/CrashDetail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CrashDetail: React.FC;
+export default CrashDetail;