react-native-inapp-inspector 1.1.11 → 1.1.13

package/dist/commonjs/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/commonjs/components/SectionHeader.js

@@ -47,7 +47,7 @@ const TouchableScale_1 = __importDefault(require("./TouchableScale"));
 const NetworkIcons_1 = require("./NetworkIcons");
 // Stylesheet
 const styles_1 = __importDefault(require("../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 = (0, react_1.useRef)(new react_native_1.Animated.Value(isOpen ? 1 : 0)).current;
     (0, react_1.useEffect)(() => {
@@ -68,6 +68,12 @@ const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDif
           <react_native_1.Text style={styles_1.default.sectionTitle}>{title}</react_native_1.Text>
         </react_native_1.Pressable>
         <react_native_1.View style={styles_1.default.sectionHeaderActions}>
+          {showSearch && (<TouchableScale_1.default onPress={onToggleSearch} hitSlop={12} style={[
+                styles_1.default.iconSquareBtn,
+                isSearching ? styles_1.default.iconSquareBtnActive : null,
+            ]}>
+              <NetworkIcons_1.SearchIcon color={isSearching ? AppColors_1.AppColors.skyBlue : AppColors_1.AppColors.grayTextWeak} size={14}/>
+            </TouchableScale_1.default>)}
           {showDiff && (<TouchableScale_1.default onPress={onToggleDiff} hitSlop={12} style={[
                 styles_1.default.iconSquareBtn,
                 isDiffing ? styles_1.default.iconSquareBtnActive : null,

package/dist/commonjs/components/TouchableScale.js

@@ -36,6 +36,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
+    if (react_native_1.Platform.OS === 'android') {
+        return (<react_native_1.Pressable disabled={disabled} onPress={onPress} hitSlop={hitSlop} style={({ pressed }) => [
+                style,
+                { opacity: pressed ? 0.75 : 1 },
+            ]}>
+        {children}
+      </react_native_1.Pressable>);
+    }
     const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const opacity = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const animatePress = (pressed) => {

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

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

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.11';
+exports.LIB_VERSION = '1.1.13';

package/dist/commonjs/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/commonjs/customHooks/reduxLogger.js

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

package/dist/commonjs/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/commonjs/helpers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatDateTime = exports.getDomainColor = void 0;
+exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatDateTime = exports.getDomainColor = void 0;
 const react_native_1 = require("react-native");
 // Stylesheet
 const AppColors_1 = require("../styles/AppColors");
@@ -239,3 +239,105 @@ const formatDateTimeToAnalytics = (ts) => {
     });
 };
 exports.formatDateTimeToAnalytics = formatDateTimeToAnalytics;
+const getBundleIdentifier = () => {
+    const RNDeviceInfo = react_native_1.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 = react_native_1.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 = react_native_1.NativeModules.ExpoApplication;
+    if (ExpoApplication && typeof ExpoApplication.applicationId === 'string') {
+        return ExpoApplication.applicationId;
+    }
+    const SourceCode = react_native_1.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';
+};
+exports.getBundleIdentifier = getBundleIdentifier;
+const getAppName = () => {
+    // Try iOS via PlatformConstants
+    const constants = react_native_1.NativeModules.PlatformConstants;
+    if (constants && typeof constants.interfaceIdiom === 'string') {
+        // On iOS, try to get display name from the main bundle
+        const SettingsManager = react_native_1.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 = react_native_1.NativeModules.RNDeviceInfo;
+    if (RNDeviceInfo && typeof RNDeviceInfo.appName === 'string') {
+        return RNDeviceInfo.appName;
+    }
+    // Try Expo
+    const ExpoApplication = react_native_1.NativeModules.ExpoApplication;
+    if (ExpoApplication && typeof ExpoApplication.applicationName === 'string') {
+        return ExpoApplication.applicationName;
+    }
+    const ExponentConstants = react_native_1.NativeModules.ExponentConstants;
+    if (ExponentConstants && ExponentConstants.manifest) {
+        const manifest = ExponentConstants.manifest;
+        if (manifest.name)
+            return manifest.name;
+    }
+    // Android: try to get from AndroidInfoModule
+    const AppInfo = react_native_1.NativeModules.AppInfo;
+    if (AppInfo && typeof AppInfo.appName === 'string') {
+        return AppInfo.appName;
+    }
+    // Fallback: derive from bundle ID (last segment, cleaned up)
+    const bundleId = (0, exports.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';
+};
+exports.getAppName = getAppName;
+const handleOpenExternalLink = (url) => {
+    if (!url)
+        return;
+    react_native_1.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: () => {
+                react_native_1.Linking.openURL(url).catch(() => { });
+            },
+        },
+    ]);
+};
+exports.handleOpenExternalLink = handleOpenExternalLink;

package/dist/commonjs/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/commonjs/helpers/settingsStore.js

@@ -9,6 +9,7 @@ exports.setCustomStorage = setCustomStorage;
 exports.loadSettings = loadSettings;
 exports.saveSettings = saveSettings;
 exports.clearPersistedSettings = clearPersistedSettings;
+exports.getCustomStorage = getCustomStorage;
 const react_native_1 = require("react-native");
 // In-memory fallback (settings survive for the app session only).
 const memory = new Map();
@@ -90,3 +91,6 @@ const isPersistentStorageAvailable = () => {
     return customStorage !== null || react_native_1.Platform.OS === 'ios';
 };
 exports.isPersistentStorageAvailable = isPersistentStorageAvailable;
+function getCustomStorage() {
+    return customStorage;
+}