react-native-inapp-inspector 1.1.25 → 1.1.26

package/dist/commonjs/types/interfaces.d.ts

@@ -1,7 +1,49 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
-import type { ActiveTab, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
+import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
+export interface ParsedStackFrame {
+    method: string;
+    file: string;
+    lineNumber: number;
+    column: number;
+    raw?: string;
+    isAppCode?: boolean;
+}
+export interface CrashBreadcrumb {
+    type: BreadcrumbType;
+    message: string;
+    timestamp: number;
+    data?: any;
+}
+export interface CrashRecord {
+    id: string;
+    error?: Error | any;
+    isFatal: boolean;
+    type: CrashType;
+    message: string;
+    name?: string;
+    stack?: string;
+    parsedStack?: ParsedStackFrame[];
+    componentStack?: string;
+    timestamp: number;
+    dateStr: string;
+    timeStr: string;
+    deviceInfo?: {
+        platform: string;
+        osVersion?: string;
+        rnVersion?: string;
+        isHermes?: boolean;
+        isFabric?: boolean;
+        appState?: string;
+    };
+    memoryInfo?: {
+        usedJSHeapSize?: number;
+        totalJSHeapSize?: number;
+    };
+    breadcrumbs?: CrashBreadcrumb[];
+    logId?: number;
+}
 export interface ConsoleLog {
     id: number;
     type: 'info' | 'warn' | 'error';
@@ -229,6 +271,14 @@ export interface InspectorContextValue {
     setSelectedReduxAction: React.Dispatch<React.SetStateAction<any | null>>;
     reduxActiveSubTab: 'state' | 'timeline';
     setReduxActiveSubTab: React.Dispatch<React.SetStateAction<'state' | 'timeline'>>;
+    crashRecords: CrashRecord[];
+    setCrashRecords: React.Dispatch<React.SetStateAction<CrashRecord[]>>;
+    selectedCrash: CrashRecord | null;
+    setSelectedCrash: React.Dispatch<React.SetStateAction<CrashRecord | null>>;
+    lastReadCrashesCount: number;
+    maxCrashLogs: number;
+    setMaxCrashLogs: React.Dispatch<React.SetStateAction<number>>;
+    clearAllCrashes: () => void;
     settingsActiveSubTab: SettingsSubTab;
     setSettingsActiveSubTab: React.Dispatch<React.SetStateAction<SettingsSubTab>>;
     defaultTab: ActiveTab;

package/dist/esm/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/esm/components/ErrorBoundary.js

@@ -1,9 +1,10 @@
-import React, { Component } from 'react';
-import { StyleSheet, Text, View, ScrollView, TouchableOpacity } from 'react-native';
+import { Component } from 'react';
+import { StyleSheet } from 'react-native';
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
 import { copyToClipboard } from '../helpers';
-import { WarningTriangleIcon, CopyIcon } from './NetworkIcons';
+import { handleInterceptedCrash } from '../customHooks/crashHandler';
+import { CrashType } from '../types/enums';
 function parseStackTrace(stack) {
     if (!stack)
         return null;
@@ -68,119 +69,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;
+            handleInterceptedCrash(error, stack, false, CrashType.Render, errorInfo?.componentStack);
+        }
+        catch { }
     }
     render() {
         if (this.state.hasError) {
-            const isInline = this.props.fallbackType === 'inline';
-            if (isInline) {
-                return (<View style={styles.inlineContainer}>
-            <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-              <WarningTriangleIcon color={AppColors.redErrorText} size={14}/>
-              <Text style={styles.inlineTitle}>Inspector Crash</Text>
-            </View>
-            <TouchableOpacity style={styles.inlineResetBtn} onPress={this.handleReset}>
-              <Text style={styles.inlineResetText}>Reload</Text>
-            </TouchableOpacity>
-          </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 (<View style={styles.container}>
-          <View style={styles.card}>
-            <View style={{ marginBottom: 12, alignItems: 'center' }}>
-            <WarningTriangleIcon color={AppColors.amber500} size={44}/>
-          </View>
-            <Text style={styles.title}>Something went wrong</Text>
-            
-            <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    backgroundColor: isNativeCrash ? `${AppColors.errorColor}1A` : `${AppColors.amber500}1A`,
-                    paddingHorizontal: 10,
-                    paddingVertical: 4,
-                    borderRadius: 20,
-                    marginBottom: 12,
-                    gap: 4
-                }}>
-              <View style={{
-                    width: 8,
-                    height: 8,
-                    borderRadius: 4,
-                    backgroundColor: isNativeCrash ? AppColors.errorColor : AppColors.amber500,
-                }}/>
-              <Text style={{
-                    fontSize: 10,
-                    fontWeight: 'bold',
-                    color: isNativeCrash ? AppColors.errorColor : AppColors.amber500,
-                    fontFamily: AppFonts.interBold || 'System'
-                }}>
-                {isNativeCrash ? 'NATIVE CRASH' : 'JAVASCRIPT CRASH'}
-              </Text>
-            </View>
-
-            <Text style={styles.subtitle}>
-              The In-App Inspector or active view encountered an error. Traceback details are parsed below:
-            </Text>
-
-            {parsed && (<View style={{
-                        backgroundColor: AppColors.slate100,
-                        borderRadius: 8,
-                        padding: 10,
-                        width: '100%',
-                        marginBottom: 10,
-                        borderWidth: 1,
-                        borderColor: AppColors.slate200,
-                        gap: 4
-                    }}>
-                <Text style={{ fontSize: 11, color: AppColors.slate600, fontFamily: AppFonts.interMedium }} numberOfLines={1}>
-                  <Text style={{ fontWeight: 'bold' }}>Method:</Text> {parsed.method}
-                </Text>
-                <Text style={{ fontSize: 11, color: AppColors.slate600, fontFamily: AppFonts.interMedium }} numberOfLines={1}>
-                  <Text style={{ fontWeight: 'bold' }}>File:</Text> {parsed.file}
-                </Text>
-                <Text style={{ fontSize: 11, color: AppColors.slate600, fontFamily: AppFonts.interMedium }}>
-                  <Text style={{ fontWeight: 'bold' }}>Line:</Text> {parsed.line}  <Text style={{ fontWeight: 'bold' }}>Col:</Text> {parsed.column}
-                </Text>
-              </View>)}
-
-            {error && (<ScrollView style={styles.scroll} contentContainerStyle={styles.scrollContent}>
-                <Text style={styles.code}>
-                  {error.message}
-                  {'\n\n'}
-                  {error.stack}
-                </Text>
-              </ScrollView>)}
-
-            <View style={{ width: '100%', gap: 8, marginBottom: 12 }}>
-              <TouchableOpacity style={{
-                    backgroundColor: AppColors.slate900,
-                    height: 38,
-                    borderRadius: 8,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                    gap: 6
-                }} onPress={this.handleCopyTrace}>
-                <CopyIcon color={AppColors.white} size={14}/>
-                <Text style={{ color: AppColors.white, fontSize: 12, fontWeight: 'bold', fontFamily: AppFonts.interBold || 'System' }}>
-                  Copy Crash Traceback
-                </Text>
-              </TouchableOpacity>
-            </View>
-
-            <View style={styles.btnRow}>
-              <TouchableOpacity style={styles.resetBtn} onPress={this.handleReset}>
-                <Text style={styles.resetBtnText}>Retry / Reload</Text>
-              </TouchableOpacity>
-              
-              {this.props.onClose && (<TouchableOpacity style={styles.closeBtn} onPress={this.props.onClose}>
-                  <Text style={styles.closeBtnText}>Close Inspector</Text>
-                </TouchableOpacity>)}
-            </View>
-          </View>
-        </View>);
+            return null;
         }
         return this.props.children;
     }

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

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