react-native-inapp-inspector 1.1.35 → 2.0.0

package/dist/commonjs/native/NativeInspector.js

@@ -0,0 +1,313 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNativeCachedPage = exports.pushNativeLogRecord = exports.getNativeSystemMetrics = exports.triggerNativeHaptic = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.subscribeNativeDeviceShake = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.isNativeModuleAvailable = void 0;
+const react_native_1 = require("react-native");
+const NativeNetworkInspector_1 = __importDefault(require("./NativeNetworkInspector"));
+// Seamless TurboModule (New Architecture / JSI) & Legacy NativeModules Bridge resolution
+const NativeModule = NativeNetworkInspector_1.default || react_native_1.NativeModules.NetworkInspectorModule;
+const isNativeModuleAvailable = () => {
+    return !!NativeModule;
+};
+exports.isNativeModuleAvailable = isNativeModuleAvailable;
+const nativeEmitter = (0, exports.isNativeModuleAvailable)()
+    ? new react_native_1.NativeEventEmitter(NativeModule)
+    : null;
+/**
+ * Retrieves low-level native hardware and system metrics (RAM, Heap, Disk, Battery, CPU).
+ */
+const getNativeDeviceMetrics = async () => {
+    if (!NativeModule || !NativeModule.getDeviceMetrics) {
+        return null;
+    }
+    try {
+        const metrics = await NativeModule.getDeviceMetrics();
+        return metrics;
+    }
+    catch (error) {
+        return null;
+    }
+};
+exports.getNativeDeviceMetrics = getNativeDeviceMetrics;
+/**
+ * Enables native signal and uncaught exception protection in the iOS / Android runtime.
+ * Automatically ensures the native floating icon is shown and available before UI renders.
+ */
+const enableNativeCrashProtection = async (options) => {
+    if (!NativeModule || !NativeModule.enableNativeCrashProtection) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.enableNativeCrashProtection();
+        if (options?.showFloatingButton !== false) {
+            await (0, exports.showNativeFloatingButton)();
+        }
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.enableNativeCrashProtection = enableNativeCrashProtection;
+/**
+ * Subscribes to fatal native crash events caught by the iOS / Kotlin exception handlers.
+ */
+const subscribeNativeCrashes = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onNativeCrash', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch (e) {
+        return () => { };
+    }
+};
+exports.subscribeNativeCrashes = subscribeNativeCrashes;
+/**
+ * Displays the 100% native main-thread floating overlay button.
+ * Dragging & touches run on the native UI thread, completely isolated from JS thread stalls.
+ */
+const showNativeFloatingButton = async (options) => {
+    if (!NativeModule || !NativeModule.showFloatingButton) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.showFloatingButton(options || {});
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.showNativeFloatingButton = showNativeFloatingButton;
+/**
+ * Hides the native floating overlay button.
+ */
+const hideNativeFloatingButton = async () => {
+    if (!NativeModule || !NativeModule.hideFloatingButton) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.hideFloatingButton();
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.hideNativeFloatingButton = hideNativeFloatingButton;
+/**
+ * Updates the badge/status dot on the native floating overlay button.
+ */
+const setNativeFloatingButtonBadge = async (hasBadge) => {
+    if (!NativeModule || !NativeModule.setFloatingButtonBadge) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.setFloatingButtonBadge(hasBadge);
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.setNativeFloatingButtonBadge = setNativeFloatingButtonBadge;
+/**
+ * Subscribes to tap events on the native floating button.
+ */
+const subscribeNativeFloatingButtonPress = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onFloatingButtonPress', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch (e) {
+        return () => { };
+    }
+};
+exports.subscribeNativeFloatingButtonPress = subscribeNativeFloatingButtonPress;
+/**
+ * Starts hardware-accurate native UI thread FPS tracking (CADisplayLink / Choreographer).
+ */
+const startNativeFpsMonitoring = async () => {
+    if (!NativeModule || !NativeModule.startFpsMonitoring) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.startFpsMonitoring();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.startNativeFpsMonitoring = startNativeFpsMonitoring;
+/**
+ * Stops native FPS tracking.
+ */
+const stopNativeFpsMonitoring = async () => {
+    if (!NativeModule || !NativeModule.stopFpsMonitoring) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.stopFpsMonitoring();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.stopNativeFpsMonitoring = stopNativeFpsMonitoring;
+/**
+ * Reads the latest live hardware FPS from CADisplayLink (iOS) or Choreographer (Android).
+ */
+const getNativeFpsMetrics = async () => {
+    if (!NativeModule || !NativeModule.getFpsMetrics) {
+        return { fps: 60, targetFps: 60 };
+    }
+    try {
+        const metrics = await NativeModule.getFpsMetrics();
+        return {
+            fps: typeof metrics?.fps === 'number' ? metrics.fps : 60,
+            targetFps: typeof metrics?.targetFps === 'number' ? metrics.targetFps : 60,
+        };
+    }
+    catch {
+        return { fps: 60, targetFps: 60 };
+    }
+};
+exports.getNativeFpsMetrics = getNativeFpsMetrics;
+/**
+ * Subscribes to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator).
+ */
+const subscribeNativeDeviceShake = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onDeviceShake', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch {
+        return () => { };
+    }
+};
+exports.subscribeNativeDeviceShake = subscribeNativeDeviceShake;
+/**
+ * Reads a persisted value synchronously from native NSUserDefaults / SharedPreferences.
+ */
+const getNativeStorageItem = async (key) => {
+    if (!NativeModule || !NativeModule.getNativeStorageItem) {
+        return null;
+    }
+    try {
+        const val = await NativeModule.getNativeStorageItem(key);
+        return typeof val === 'string' ? val : null;
+    }
+    catch {
+        return null;
+    }
+};
+exports.getNativeStorageItem = getNativeStorageItem;
+/**
+ * Persists a key-value pair to native NSUserDefaults / SharedPreferences with 0ms latency.
+ */
+const setNativeStorageItem = async (key, value) => {
+    if (!NativeModule || !NativeModule.setNativeStorageItem) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.setNativeStorageItem(key, value);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.setNativeStorageItem = setNativeStorageItem;
+/**
+ * Triggers hardware native haptic feedback (iOS UIFeedbackGenerator / Android VibrationEffect).
+ */
+const triggerNativeHaptic = async (style = 'light') => {
+    if (!NativeModule || !NativeModule.triggerHaptic) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.triggerHaptic(style);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.triggerNativeHaptic = triggerNativeHaptic;
+/**
+ * Retrieves live system thermal state and RAM telemetry directly from native layer.
+ */
+const getNativeSystemMetrics = async () => {
+    if (!NativeModule || !NativeModule.getNativeSystemMetrics) {
+        return null;
+    }
+    try {
+        const metrics = await NativeModule.getNativeSystemMetrics();
+        return metrics;
+    }
+    catch {
+        return null;
+    }
+};
+exports.getNativeSystemMetrics = getNativeSystemMetrics;
+/**
+ * Pushes a log payload to native background worker queues for instant native page caching.
+ */
+const pushNativeLogRecord = async (pageKey, jsonPayload) => {
+    if (!NativeModule || !NativeModule.pushNativeLogRecord) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.pushNativeLogRecord(pageKey, jsonPayload);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.pushNativeLogRecord = pushNativeLogRecord;
+/**
+ * Fetches pre-indexed, pre-sliced page data directly from native background memory queues.
+ * Delivers instantaneous 0ms page loading without blocking JS render thread.
+ */
+const fetchNativeCachedPage = async (pageKey, offset = 0, limit = 50, query = '') => {
+    if (!NativeModule || !NativeModule.getNativeCachedPage) {
+        return null;
+    }
+    try {
+        const rawJson = await NativeModule.getNativeCachedPage(pageKey, offset, limit, query);
+        if (!rawJson)
+            return null;
+        const parsed = JSON.parse(rawJson);
+        const parsedItems = (parsed.items || []).map((item) => typeof item === 'string' ? JSON.parse(item) : item);
+        return {
+            pageKey: parsed.pageKey || pageKey,
+            total: parsed.total || 0,
+            offset: parsed.offset || offset,
+            items: parsedItems,
+        };
+    }
+    catch {
+        return null;
+    }
+};
+exports.fetchNativeCachedPage = fetchNativeCachedPage;

package/dist/commonjs/native/NativeNetworkInspector.d.ts

@@ -0,0 +1,22 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    enableNativeCrashProtection(): Promise<boolean>;
+    getDeviceMetrics(): Promise<Object>;
+    showFloatingButton(options: Object): Promise<boolean>;
+    hideFloatingButton(): Promise<boolean>;
+    setFloatingButtonBadge(hasBadge: boolean): Promise<boolean>;
+    setFloatingButtonPosition(x: number, y: number): Promise<boolean>;
+    startFpsMonitoring(): Promise<boolean>;
+    stopFpsMonitoring(): Promise<boolean>;
+    getFpsMetrics(): Promise<Object>;
+    getNativeStorageItem(key: string): Promise<string | null>;
+    setNativeStorageItem(key: string, value: string | null): Promise<boolean>;
+    triggerHaptic(style: string): Promise<boolean>;
+    getNativeSystemMetrics(): Promise<Object>;
+    pushNativeLogRecord(pageKey: string, jsonPayload: string): Promise<boolean>;
+    getNativeCachedPage(pageKey: string, offset: number, limit: number, query: string): Promise<string>;
+    addListener(eventName: string): void;
+    removeListeners(count: number): void;
+}
+declare const _default: Spec;
+export default _default;

package/dist/commonjs/native/NativeNetworkInspector.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.default = react_native_1.TurboModuleRegistry.get('NetworkInspectorModule');

package/dist/commonjs/styles/index.js

@@ -176,8 +176,8 @@ const getRawStyles = (colors) => ({
     // #2 — scroll-to-top button, always shown at the bottom right.
     scrollTopBtn: {
         position: 'absolute',
-        bottom: 25,
-        right: 15,
+        bottom: 22,
+        right: 16,
         width: 38,
         height: 38,
         borderRadius: 19,
@@ -186,10 +186,10 @@ const getRawStyles = (colors) => ({
         justifyContent: 'center',
         shadowColor: colors.black,
         shadowOffset: { width: 0, height: 3 },
-        shadowOpacity: 0.25,
-        shadowRadius: 5,
-        elevation: 6,
-        zIndex: 50,
+        shadowOpacity: 0.3,
+        shadowRadius: 6,
+        elevation: 12,
+        zIndex: 999,
     },
     detailScroll: { flex: 1 },
     closeButtonSquare: {

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

@@ -25,7 +25,7 @@ export declare const StatusFilter: {
     readonly FiveXx: "5xx";
     readonly Failed: "Failed";
 };
-export type StatusFilter = (typeof StatusFilter)[keyof typeof StatusFilter];
+export type StatusFilter = (typeof StatusFilter)[keyof typeof StatusFilter] | string;
 export declare const SortOrder: {
     readonly Newest: "newest";
     readonly Oldest: "oldest";

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

@@ -140,6 +140,9 @@ export interface PersistedSettings {
     defaultTab?: string;
     maxNetworkLogs?: number;
     maxConsoleLogs?: number;
+    maxAnalyticsEventsLimit?: number;
+    maxCrashLogs?: number;
+    isAutoRamLimitEnabled?: boolean;
     showConsoleLevels?: {
         info: boolean;
         warn: boolean;
@@ -197,6 +200,7 @@ export interface InspectorContextValue {
     activePulseAnim: Animated.Value;
     unreadPulseAnim: Animated.Value;
     runClearAllWithAnimation: () => void;
+    useNativeFab: boolean;
     fabPan: Animated.ValueXY;
     fabPanResponder: PanResponderInstance;
     fabDraggedRef: React.MutableRefObject<boolean>;
@@ -313,6 +317,11 @@ export interface InspectorContextValue {
     setMaxNetworkLogs: React.Dispatch<React.SetStateAction<number>>;
     maxConsoleLogs: number;
     setMaxConsoleLogs: React.Dispatch<React.SetStateAction<number>>;
+    maxAnalyticsEventsLimit: number;
+    setMaxAnalyticsEventsLimit: React.Dispatch<React.SetStateAction<number>>;
+    isAutoRamLimitEnabled: boolean;
+    setIsAutoRamLimitEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+    deviceFreeRamMb: number;
     reduxAutoRefresh: boolean;
     setReduxAutoRefreshState: React.Dispatch<React.SetStateAction<boolean>>;
     reduxExpandDepth: number;

package/dist/esm/components/CopyButton.js

@@ -4,6 +4,7 @@ import { Share } from 'react-native';
 import TouchableScale from './TouchableScale';
 // Helpers
 import { copyToClipboard } from '../helpers';
+import { triggerNativeHaptic } from '../native/NativeInspector';
 // Assets
 import { TerminalIcon, FetchIcon, CopyIcon, CheckIcon } from './NetworkIcons';
 // Stylesheet
@@ -12,6 +13,7 @@ import styles from '../styles';
 const CopyButton = React.memo(({ value, label, iconType = 'copy' }) => {
     const [copied, setCopied] = useState(false);
     const handlePress = useCallback(() => {
+        triggerNativeHaptic('success');
         const resolvedValue = typeof value === 'function' ? value() : value;
         copyToClipboard(resolvedValue, label);
         setCopied(true);
@@ -19,6 +21,7 @@ const CopyButton = React.memo(({ value, label, iconType = 'copy' }) => {
     }, [value, label]);
     const handleLongPress = useCallback(() => {
         try {
+            triggerNativeHaptic('medium');
             const resolvedValue = typeof value === 'function' ? value() : value;
             const textToShare = typeof resolvedValue === 'string'
                 ? resolvedValue

package/dist/esm/components/ErrorBoundary.js

@@ -7,6 +7,7 @@ import { t } from '../i18n';
 import { WarningTriangleIcon, CopyIcon, RefreshCcwIcon, ClearIcon, CircleAlertIcon, } from './NetworkIcons';
 import { handleInterceptedCrash } from '../customHooks/crashHandler';
 import { CrashType } from '../types/enums';
+import { showNativeFloatingButton, setNativeFloatingButtonBadge, } from '../native/NativeInspector';
 function parseStackTrace(stack) {
     if (!stack)
         return { rootFrame: null, frames: [] };
@@ -109,6 +110,8 @@ ${error.stack || 'No stack trace available'}
         try {
             const stack = error?.stack || errorInfo?.componentStack || '';
             handleInterceptedCrash(error, stack, false, CrashType.Render, errorInfo?.componentStack);
+            showNativeFloatingButton();
+            setNativeFloatingButtonBadge(true);
         }
         catch { }
     }

package/dist/esm/components/Inspector/AnalyticsTab.js

@@ -21,6 +21,10 @@ const AnalyticsHeader = React.memo(() => {
     const userProperties = getCurrentUserProperties();
     const defaultParams = getDefaultEventParameters();
     const isTrackingEnabled = getCollectionEnabled();
+    // If there are no analytics events in the session, hide the graph, category breakdown, and realtime card
+    if (analyticsEvents.length === 0) {
+        return null;
+    }
     const hasUserProps = Object.keys(userProperties).length > 0;
     const hasDefaultParams = Object.keys(defaultParams).length > 0;
     const totalEvents = filteredAnalyticsEvents.length;
@@ -590,8 +594,8 @@ const AnalyticsHeader = React.memo(() => {
         </View>
 
         {/* ── Crashlytics-Style Multi-Bar Histogram with Trendline Overlay ── */}
-        <View style={{ height: chartHeight, position: 'relative' }}>
-          <Svg width="100%" height={chartHeight} viewBox={`0 0 ${svgWidth} ${chartHeight}`}>
+        <View style={{ height: chartHeight, position: 'relative', overflow: 'hidden', borderRadius: 8 }}>
+          <Svg width="100%" height={chartHeight} viewBox={`0 0 ${svgWidth} ${chartHeight}`} preserveAspectRatio="none">
             <Defs>
               <SvgLinearGradient id="crashlyticsBarGrad" x1="0" y1="0" x2="0" y2="1">
                 <Stop offset="0%" stopColor="#8B5CF6" stopOpacity="0.9"/>
@@ -955,7 +959,7 @@ const AnalyticsTab = React.memo(() => {
       <AnalyticsFilterModal visible={isFilterModalOpen} onClose={() => setIsFilterModalOpen(false)}/>
 
       <View style={{ flex: 1 }} onLayout={() => setIsAnalyticsLayoutReady(true)}>
-        {selectedEvent != null ? (<AnalyticsDetail event={selectedEvent}/>) : isAnalyticsLayoutReady ? (<FlatList data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={20} maxToRenderPerBatch={20} windowSize={5} removeClippedSubviews={false} ListEmptyComponent={<View style={styles.emptyContainer}>
+        {selectedEvent != null ? (<AnalyticsDetail event={selectedEvent}/>) : isAnalyticsLayoutReady ? (<FlatList data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<View style={styles.emptyContainer}>
                 <View style={styles.emptyIconWrap}>
                   <EmptyRadarIcon color={AppColors.purple} size={32}/>
                 </View>

package/dist/esm/components/Inspector/BundleTab.js

@@ -816,7 +816,7 @@ const BundleTab = React.memo(() => {
                           {analysis.scriptURL.length} chars
                         </Text>
                       </View>
-                      <Text selectable={true} style={{
+                      <Text selectable={true} numberOfLines={1} ellipsizeMode="tail" style={{
                     fontFamily: AppFonts.interMedium,
                     fontSize: 11,
                     color: AppColors.skyBlue,

package/dist/esm/components/Inspector/ConsoleTab.js

@@ -469,7 +469,7 @@ const ConsoleTab = React.memo(() => {
         </ScrollView>
       </View>
 
-      <FlatList data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={15} maxToRenderPerBatch={15} windowSize={7} removeClippedSubviews={true} ListEmptyComponent={<EmptyState isSearch={logSearch.length > 0 || logFilters.size > 0}/>} ListFooterComponent={filteredConsoleLogs.length > 0 ? (<EndOfListFooter count={filteredConsoleLogs.length} label="logs"/>) : null} contentContainerStyle={[
+      <FlatList data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState isSearch={logSearch.length > 0 || logFilters.size > 0}/>} ListFooterComponent={filteredConsoleLogs.length > 0 ? (<EndOfListFooter count={filteredConsoleLogs.length} label="logs"/>) : null} contentContainerStyle={[
             styles.listContent,
             filteredConsoleLogs.length === 0 && { flexGrow: 1 },
         ]} keyboardShouldPersistTaps="handled"/>