react-native-inapp-inspector 1.1.11 → 1.1.13

package/dist/esm/components/SectionHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SectionHeaderProps } from '../types';
-declare const SectionHeader: ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, }: SectionHeaderProps) => React.JSX.Element;
+declare const SectionHeader: ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }: SectionHeaderProps) => React.JSX.Element;
 export default SectionHeader;

package/dist/esm/components/SectionHeader.js

@@ -6,10 +6,10 @@ import { AppColors } from '../styles/AppColors';
 import CopyButton from './CopyButton';
 import TouchableScale from './TouchableScale';
 // Assets
-import { RequestIcon, ResponseIcon, HeadersIcon, DiffIcon, ChevronIcon, } from './NetworkIcons';
+import { RequestIcon, ResponseIcon, HeadersIcon, DiffIcon, ChevronIcon, SearchIcon, } from './NetworkIcons';
 // Stylesheet
 import styles from '../styles';
-const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, }) => {
+const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
     const isOpen = expanded === undefined ? false : !!expanded;
     const chevronAnim = useRef(new Animated.Value(isOpen ? 1 : 0)).current;
     useEffect(() => {
@@ -30,6 +30,12 @@ const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDif
           <Text style={styles.sectionTitle}>{title}</Text>
         </Pressable>
         <View style={styles.sectionHeaderActions}>
+          {showSearch && (<TouchableScale onPress={onToggleSearch} hitSlop={12} style={[
+                styles.iconSquareBtn,
+                isSearching ? styles.iconSquareBtnActive : null,
+            ]}>
+              <SearchIcon color={isSearching ? AppColors.skyBlue : AppColors.grayTextWeak} size={14}/>
+            </TouchableScale>)}
           {showDiff && (<TouchableScale onPress={onToggleDiff} hitSlop={12} style={[
                 styles.iconSquareBtn,
                 isDiffing ? styles.iconSquareBtnActive : null,

package/dist/esm/components/TouchableScale.js

@@ -1,6 +1,14 @@
 import React, { useRef } from 'react';
-import { Animated, Pressable, StyleSheet } from 'react-native';
+import { Animated, Pressable, StyleSheet, Platform } from 'react-native';
 const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
+    if (Platform.OS === 'android') {
+        return (<Pressable disabled={disabled} onPress={onPress} hitSlop={hitSlop} style={({ pressed }) => [
+                style,
+                { opacity: pressed ? 0.75 : 1 },
+            ]}>
+        {children}
+      </Pressable>);
+    }
     const scale = useRef(new Animated.Value(1)).current;
     const opacity = useRef(new Animated.Value(1)).current;
     const animatePress = (pressed) => {

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.11";
+export declare const LIB_VERSION = "1.1.13";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '1.1.11';
+export const LIB_VERSION = '1.1.13';

package/dist/esm/customHooks/reduxLogger.d.ts

@@ -4,6 +4,8 @@ export interface ReduxHistoryEntry {
     payload: any;
     timestamp: string;
     affectedSlices: string[];
+    prevState?: any;
+    nextState?: any;
 }
 export declare const getReduxState: () => any;
 export declare const setReduxAutoRefresh: (val: boolean) => void;

package/dist/esm/customHooks/reduxLogger.js

@@ -86,6 +86,8 @@ function recordAction(action, prevState, nextState) {
         payload,
         timestamp,
         affectedSlices,
+        prevState,
+        nextState,
     });
     if (actionHistory.length > MAX_HISTORY) {
         actionHistory.length = MAX_HISTORY;

package/dist/esm/helpers/index.d.ts

@@ -19,3 +19,6 @@ export declare const getLocalizedFilePath: (path: string | any, country: string
 export declare const getLocalizedFilePathWithSlash: (path: string | any, country: string | any, language: string | any) => any;
 export declare const isAllValuesEmpty: (obj: Record<string, any>) => boolean;
 export declare const formatDateTimeToAnalytics: (ts: number) => string;
+export declare const getBundleIdentifier: () => string;
+export declare const getAppName: () => string;
+export declare const handleOpenExternalLink: (url: string) => void;

package/dist/esm/helpers/index.js

@@ -1,4 +1,4 @@
-import { Clipboard, Platform, ToastAndroid, Alert } from 'react-native';
+import { Clipboard, Platform, ToastAndroid, Alert, NativeModules, Linking } from 'react-native';
 // Stylesheet
 import { AppColors } from '../styles/AppColors';
 // Constants
@@ -216,3 +216,102 @@ export const formatDateTimeToAnalytics = (ts) => {
         second: '2-digit',
     });
 };
+export const getBundleIdentifier = () => {
+    const RNDeviceInfo = NativeModules.RNDeviceInfo;
+    if (RNDeviceInfo && typeof RNDeviceInfo.bundleId === 'string') {
+        return RNDeviceInfo.bundleId;
+    }
+    if (RNDeviceInfo && typeof RNDeviceInfo.getBundleId === 'function') {
+        try {
+            const res = RNDeviceInfo.getBundleId();
+            if (typeof res === 'string')
+                return res;
+        }
+        catch (e) { }
+    }
+    const ExponentConstants = NativeModules.ExponentConstants;
+    if (ExponentConstants && ExponentConstants.manifest) {
+        const manifest = ExponentConstants.manifest;
+        if (manifest.ios && manifest.ios.bundleIdentifier) {
+            return manifest.ios.bundleIdentifier;
+        }
+        if (manifest.android && manifest.android.package) {
+            return manifest.android.package;
+        }
+    }
+    const ExpoApplication = NativeModules.ExpoApplication;
+    if (ExpoApplication && typeof ExpoApplication.applicationId === 'string') {
+        return ExpoApplication.applicationId;
+    }
+    const SourceCode = NativeModules.SourceCode;
+    if (SourceCode && typeof SourceCode.scriptURL === 'string') {
+        const url = SourceCode.scriptURL;
+        if (url.includes('assets/')) {
+            try {
+                const match = url.match(/assets\/([^/?#]+)/);
+                if (match && match[1]) {
+                    return match[1];
+                }
+            }
+            catch (e) { }
+        }
+    }
+    return 'org.reactjs.native.example';
+};
+export const getAppName = () => {
+    // Try iOS via PlatformConstants
+    const constants = NativeModules.PlatformConstants;
+    if (constants && typeof constants.interfaceIdiom === 'string') {
+        // On iOS, try to get display name from the main bundle
+        const SettingsManager = NativeModules.SettingsManager;
+        if (SettingsManager && SettingsManager.settings) {
+            const appName = SettingsManager.settings.AppleLocale
+                ? undefined
+                : undefined;
+            // Fallback: try to parse from SourceCode
+        }
+    }
+    // Try react-native-device-info
+    const RNDeviceInfo = NativeModules.RNDeviceInfo;
+    if (RNDeviceInfo && typeof RNDeviceInfo.appName === 'string') {
+        return RNDeviceInfo.appName;
+    }
+    // Try Expo
+    const ExpoApplication = NativeModules.ExpoApplication;
+    if (ExpoApplication && typeof ExpoApplication.applicationName === 'string') {
+        return ExpoApplication.applicationName;
+    }
+    const ExponentConstants = NativeModules.ExponentConstants;
+    if (ExponentConstants && ExponentConstants.manifest) {
+        const manifest = ExponentConstants.manifest;
+        if (manifest.name)
+            return manifest.name;
+    }
+    // Android: try to get from AndroidInfoModule
+    const AppInfo = NativeModules.AppInfo;
+    if (AppInfo && typeof AppInfo.appName === 'string') {
+        return AppInfo.appName;
+    }
+    // Fallback: derive from bundle ID (last segment, cleaned up)
+    const bundleId = getBundleIdentifier();
+    if (bundleId && bundleId !== 'org.reactjs.native.example') {
+        const parts = bundleId.split('.');
+        const last = parts[parts.length - 1];
+        // Capitalize first letter
+        return last ? last.charAt(0).toUpperCase() + last.slice(1) : 'App';
+    }
+    return 'App';
+};
+export const handleOpenExternalLink = (url) => {
+    if (!url)
+        return;
+    Alert.alert('Open Link', `Do you want to open this link in your web browser?\n\n${url}`, [
+        { text: 'Cancel', style: 'cancel' },
+        {
+            text: 'Open',
+            onPress: () => {
+                Linking.openURL(url).catch(() => { });
+            },
+        },
+    ]);
+};

package/dist/esm/helpers/settingsStore.d.ts

@@ -27,3 +27,4 @@ export declare function loadSettings(): Promise<PersistedSettings>;
 export declare function saveSettings(settings: PersistedSettings): void;
 export declare function clearPersistedSettings(): Promise<void>;
 export declare const isPersistentStorageAvailable: () => boolean;
+export declare function getCustomStorage(): InspectorStorage | null;

package/dist/esm/helpers/settingsStore.js

@@ -82,3 +82,6 @@ export async function clearPersistedSettings() {
 export const isPersistentStorageAvailable = () => {
     return customStorage !== null || Platform.OS === 'ios';
 };
+export function getCustomStorage() {
+    return customStorage;
+}