react-native-inapp-inspector 1.1.16 → 1.1.18

package/dist/commonjs/components/JsonViewer.js

@@ -48,10 +48,63 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
+// ── Table Row Component with 3-Line Clamp & Show More/Less ───────────────────
+const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const isObject = val !== null && typeof val === 'object';
+    let rawStr = '';
+    if (val === null) {
+        rawStr = 'null';
+    }
+    else if (val === undefined) {
+        rawStr = 'undefined';
+    }
+    else if (isObject) {
+        try {
+            rawStr = JSON.stringify(val, null, 2);
+        }
+        catch {
+            rawStr = String(val);
+        }
+    }
+    else {
+        rawStr = String(val);
+    }
+    const isMultiline = rawStr.includes('\n') || rawStr.length > 90;
+    return (<react_native_1.View style={localStyles.tableRow}>
+      <react_native_1.View style={{ flex: 2, paddingRight: 8 }}>
+        <HighlightText_1.default text={itemKey} search={search} style={localStyles.tableCellKey} highlightStyle={localStyles.highlight}/>
+        {isObject && (<react_native_1.Text style={localStyles.tableTypeBadge}>
+            {Array.isArray(val) ? `Array(${val.length})` : 'Object'}
+          </react_native_1.Text>)}
+      </react_native_1.View>
+
+      <react_native_1.View style={{ flex: 3 }}>
+        <HighlightText_1.default text={rawStr} search={search} style={[
+            localStyles.tableCellValue,
+            isObject && localStyles.tableCellRawCode,
+        ]} highlightStyle={localStyles.highlight} numberOfLines={expanded ? undefined : 3} selectable={true}/>
+        {isMultiline && (<react_native_1.TouchableOpacity onPress={() => setExpanded(prev => !prev)} hitSlop={6} style={localStyles.showMoreBtn}>
+            <react_native_1.Text style={localStyles.showMoreText}>
+              {expanded ? 'Show less ▲' : 'Show more ▼'}
+            </react_native_1.Text>
+          </react_native_1.TouchableOpacity>)}
+      </react_native_1.View>
+    </react_native_1.View>);
+});
 // ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpandDepth, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [mode, setMode] = (0, react_1.useState)(externalMode || 'pretty');
+    const [internalMode, setInternalMode] = (0, react_1.useState)('pretty');
+    const mode = externalMode ?? internalMode;
+    const setMode = (newMode) => {
+        if (onModeChange) {
+            onModeChange(newMode);
+        }
+        else {
+            setInternalMode(newMode);
+        }
+    };
     const rawText = react_1.default.useMemo(() => {
         if (typeof data === 'string') {
             return data;
@@ -65,12 +118,9 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
     }, [data]);
     (0, react_1.useEffect)(() => {
         if (externalMode) {
-            setMode(externalMode);
+            setInternalMode(externalMode);
         }
     }, [externalMode]);
-    (0, react_1.useEffect)(() => {
-        onModeChange?.(mode);
-    }, [mode, onModeChange]);
     const contentWrapperStyle = [
         localStyles.contentWrapper,
         { backgroundColor: AppColors_1.AppColors.contentBg },
@@ -83,7 +133,9 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
     ];
     // Determine type and size details
     const isObject = typeof data === 'object' && data !== null;
-    const isEmpty = isObject && Object.keys(data).length === 0;
+    const isEmpty = data === null ||
+        data === undefined ||
+        (isObject && Object.keys(data).length === 0);
     // Render Table view (Key-Value flat table for root keys)
     const renderTableMode = () => {
         if (!isObject) {
@@ -103,28 +155,7 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
           <react_native_1.Text style={[localStyles.tableHeaderCell, { flex: 2 }]}>{t('network.jsonViewer.key')}</react_native_1.Text>
           <react_native_1.Text style={[localStyles.tableHeaderCell, { flex: 3 }]}>{t('network.jsonViewer.value')}</react_native_1.Text>
         </react_native_1.View>
-        {keys.map((key) => {
-                const val = data[key];
-                let displayVal = '';
-                if (val === null) {
-                    displayVal = 'null';
-                }
-                else if (val === undefined) {
-                    displayVal = 'undefined';
-                }
-                else if (typeof val === 'object') {
-                    displayVal = Array.isArray(val) ? `[Array(${val.length})]` : '{Object}';
-                }
-                else {
-                    displayVal = String(val);
-                }
-                return (<react_native_1.View key={key} style={localStyles.tableRow}>
-              <react_native_1.Text style={[localStyles.tableCellKey, { flex: 2 }]}>{key}</react_native_1.Text>
-              <react_native_1.Text style={[localStyles.tableCellValue, { flex: 3 }]} numberOfLines={2}>
-                {displayVal}
-              </react_native_1.Text>
-            </react_native_1.View>);
-            })}
+        {keys.map((key) => (<JsonTableRow key={key} itemKey={key} val={data[key]} search={search}/>))}
       </react_native_1.View>);
     };
     // Tree View Content
@@ -258,11 +289,36 @@ const localStyles = react_native_1.StyleSheet.create({
         fontSize: 12.5,
         color: AppColors_1.AppColors.purple,
     },
+    tableTypeBadge: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 9.5,
+        color: AppColors_1.AppColors.slate400,
+        marginTop: 2,
+    },
     tableCellValue: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12.5,
+        fontSize: 12,
         color: AppColors_1.AppColors.primaryBlack,
-        lineHeight: 18,
+        lineHeight: 17,
+    },
+    tableCellRawCode: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 11.5,
+        color: AppColors_1.AppColors.slate700,
+        backgroundColor: `${AppColors_1.AppColors.slate100}80`,
+        padding: 6,
+        borderRadius: 6,
+    },
+    showMoreBtn: {
+        alignSelf: 'flex-start',
+        marginTop: 4,
+        paddingVertical: 2,
+        paddingHorizontal: 4,
+    },
+    showMoreText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 11,
+        color: AppColors_1.AppColors.purple,
     },
     emptyTable: {
         padding: 24,
@@ -274,5 +330,10 @@ const localStyles = react_native_1.StyleSheet.create({
         fontSize: 12.5,
         color: AppColors_1.AppColors.slate400,
     },
+    highlight: {
+        backgroundColor: '#FEF08A',
+        color: '#854D0E',
+        fontFamily: AppFonts_1.AppFonts.interBold,
+    },
 });
 exports.default = JsonViewer;

package/dist/commonjs/components/LogCard.js

@@ -77,9 +77,8 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
     }, [isNew]);
     const path = (0, helpers_1.getPath)(item.url);
     const baseUrl = (0, helpers_1.getBaseUrl)(item.url) || item.url;
-    const cleanHost = baseUrl.replace(/^https?:\/\//, '');
     const slug = path && path !== '/' ? path : item.url;
-    const showSlug = slug !== cleanHost;
+    const showSlug = slug !== baseUrl && slug !== item.url;
     const triggeredAt = (0, helpers_1.formatDateTime)(item.startTime);
     const isJson = item.url.split('?')[0].toLowerCase().endsWith('.json');
     return (<TouchableScale_1.default onPress={onPress} style={[
@@ -90,7 +89,7 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
             },
         ]}>
       <react_native_1.View style={styles_1.default.cardBody}>
-        {/* Row 1: Header (Checkbox, Serial, Method Badge, Base URL / Host, Status Pill) */}
+        {/* Row 1: Header (Checkbox, Serial, Method Badge, Base URL / Host with HTTPS, Status Pill) */}
         <react_native_1.View style={styles_1.default.cardHeaderRow}>
           <react_native_1.View style={styles_1.default.cardHeaderLeft}>
             <react_native_1.Pressable onPress={() => onToggleSelect(item.id)} hitSlop={12} style={[
@@ -110,7 +109,7 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
               </react_native_1.Text>
             </react_native_1.View>
 
-            <HighlightText_1.default text={cleanHost || item.url} search={searchStr} style={styles_1.default.cardHostText} highlightStyle={styles_1.default.highlight} numberOfLines={1} ellipsizeMode="tail"/>
+            <HighlightText_1.default text={baseUrl || item.url} search={searchStr} style={styles_1.default.cardHostText} highlightStyle={styles_1.default.highlight} numberOfLines={1} ellipsizeMode="tail"/>
           </react_native_1.View>
 
           <react_native_1.View style={[

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

@@ -57,3 +57,12 @@ export declare const SortIcon: ({ ascending, color, size, }: any) => React.JSX.E
 export declare const PrettyIcon: ({ color, size, }: any) => React.JSX.Element;
 export declare const RawIcon: ({ color, size, }: any) => React.JSX.Element;
 export declare const TableIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const PackageIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const ForwardChevronIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const BundleIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const LiveStateIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const TimelineIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const StorageIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const MetadataIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const ReduxIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const PerformanceIcon: ({ color, size, }: any) => React.JSX.Element;

package/dist/commonjs/components/NetworkIcons.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
-exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
+exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 // Stylesheet
@@ -446,3 +446,65 @@ const TableIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) =
     </react_native_svg_1.default>);
 };
 exports.TableIcon = TableIcon;
+const PackageIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Path d="M16.5 9.4 7.55 4.24a1.78 1.78 0 0 0-2.5 1.55v12.42a1.78 1.78 0 0 0 .86 1.52l8.95 5.16a1.78 1.78 0 0 0 1.78 0l8.95-5.16a1.78 1.78 0 0 0 .86-1.52V5.79a1.78 1.78 0 0 0-2.5-1.55L16.5 9.4z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d="M3.29 7 12 12.01 20.71 7M12 22.08V12" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.PackageIcon = PackageIcon;
+const ForwardChevronIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Path d="M9 18l6-6-6-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.ForwardChevronIcon = ForwardChevronIcon;
+exports.BundleIcon = exports.PackageIcon;
+const LiveStateIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Path d="M12 3v3M12 18v3M3 12h3M18 12h3" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="3.5" stroke={color} strokeWidth="1.8" fill={`${color}22`}/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="1.5" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.LiveStateIcon = LiveStateIcon;
+const TimelineIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Circle cx="12" cy="12" r="8.5" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Path d="M12 7.5v4.5l3 2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.TimelineIcon = TimelineIcon;
+const StorageIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Ellipse cx="12" cy="6" rx="8" ry="2.8" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Path d="M20 12c0 1.55-3.58 2.8-8 2.8s-8-1.25-8-2.8" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M4 6v12c0 1.55 3.58 2.8 8 2.8s8-1.25 8-2.8V6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.StorageIcon = StorageIcon;
+const MetadataIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Circle cx="12" cy="12" r="8.5" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Path d="M12 16v-4M12 8.2h.01" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.MetadataIcon = MetadataIcon;
+const ReduxIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Circle cx="12" cy="12" r="4" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Path d="M12 3a9 9 0 0 1 9 9M12 21a9 9 0 0 1-9-9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Circle cx="21" cy="12" r="1.5" fill={color}/>
+      <react_native_svg_1.Circle cx="3" cy="12" r="1.5" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.ReduxIcon = ReduxIcon;
+const PerformanceIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <react_native_svg_1.Path d="M12 3v2M5.636 5.636l1.414 1.414M18.364 5.636l-1.414 1.414M3 12h2M19 12h2" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M12 19a7 7 0 1 0-7-7c0 1.93.784 3.68 2.05 4.95" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M12 12l3.5-3.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="1.5" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.PerformanceIcon = PerformanceIcon;

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.16";
+export declare const LIB_VERSION = "1.1.18";

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.16';
+exports.LIB_VERSION = '1.1.18';

package/dist/commonjs/customHooks/consoleLogger.js

@@ -66,6 +66,16 @@ const symbolicateStack = async (stackString) => {
     catch { }
     return null;
 };
+const isLoggerInternal = (line) => {
+    const l = line.toLowerCase();
+    return (l.includes('getstackdetails') ||
+        l.includes('addlog') ||
+        l.includes('consolelogger') ||
+        l.includes('setupconsolelogger') ||
+        l.includes('formatargs') ||
+        l.includes('react-native-inapp-inspector') ||
+        l.trim() === 'error');
+};
 const getStackDetails = (args) => {
     try {
         let errorStack;
@@ -92,11 +102,7 @@ const getStackDetails = (args) => {
         let fallbackCaller;
         for (let i = 0; i < lines.length; i++) {
             const line = lines[i];
-            if (!line ||
-                line.includes('consoleLogger') ||
-                line.includes('setupConsoleLogger') ||
-                line.includes('react-native-inapp-inspector') ||
-                line.trim() === 'Error') {
+            if (!line || isLoggerInternal(line)) {
                 continue;
             }
             const isInternal = line.includes('react-native/Libraries') ||
@@ -113,10 +119,7 @@ const getStackDetails = (args) => {
                 break;
             }
         }
-        const cleanedStack = lines
-            .filter(l => !l.includes('consoleLogger') &&
-            !l.includes('setupConsoleLogger'))
-            .join('\n');
+        const cleanedStack = lines.filter(l => !isLoggerInternal(l)).join('\n');
         const caller = userCaller || fallbackCaller || 'Unknown';
         return { caller, stack: cleanedStack || stackToUse, errorStack, stackToUse };
     }
@@ -162,6 +165,31 @@ const addLog = (type, args, sourceMethod) => {
         logs.unshift(newLog);
         logs = logs.slice(0, MAX_LOGS);
         notify();
+        // Asynchronously symbolicate stack trace via Metro in development
+        if (newLog.stack && typeof __DEV__ !== 'undefined' && __DEV__) {
+            symbolicateStack(newLog.stack)
+                .then(symbolicatedFrames => {
+                if (symbolicatedFrames && symbolicatedFrames.length > 0) {
+                    const validFrames = symbolicatedFrames.filter(f => f.file &&
+                        !f.file.includes('react-native/Libraries') &&
+                        !f.file.includes('node_modules') &&
+                        !isLoggerInternal(f.file) &&
+                        !isLoggerInternal(f.methodName || ''));
+                    const topFrame = validFrames[0] || symbolicatedFrames[0];
+                    if (topFrame) {
+                        const cleanMethod = topFrame.methodName || 'anonymous';
+                        const cleanFile = topFrame.file.split('/').pop() || topFrame.file;
+                        newLog.caller = `${cleanMethod} (${cleanFile}:${topFrame.lineNumber || 1}:${topFrame.column || 1})`;
+                    }
+                    newLog.stack = symbolicatedFrames
+                        .filter(f => !isLoggerInternal(f.file || '') && !isLoggerInternal(f.methodName || ''))
+                        .map(f => `    at ${f.methodName || 'anonymous'} (${f.file}:${f.lineNumber || 1}:${f.column || 1})`)
+                        .join('\n');
+                    notify();
+                }
+            })
+                .catch(() => { });
+        }
         // Asynchronously symbolicate stack trace using Metro in DEV mode
         if (stackToUse && typeof __DEV__ !== 'undefined' && __DEV__) {
             const currentLogId = newLog.id;

package/dist/commonjs/customHooks/reduxLogger.js

@@ -79,7 +79,8 @@ function recordAction(action, prevState, nextState) {
     const payload = action && typeof action === 'object' && action.payload !== undefined
         ? action.payload
         : null;
-    const timestamp = new Date().toLocaleTimeString();
+    const now = Date.now();
+    const timestamp = new Date(now).toLocaleTimeString();
     const affectedSlices = [];
     if (prevState &&
         nextState &&
@@ -87,7 +88,7 @@ function recordAction(action, prevState, nextState) {
         typeof nextState === 'object') {
         Object.keys(nextState).forEach(key => {
             if (prevState[key] !== nextState[key]) {
-                lastActionForReducer[key] = { type, payload, timestamp };
+                lastActionForReducer[key] = { type, payload, timestamp, updatedAt: now };
                 affectedSlices.push(key);
             }
         });
@@ -97,6 +98,7 @@ function recordAction(action, prevState, nextState) {
         type,
         payload,
         timestamp,
+        updatedAt: now,
         affectedSlices,
         prevState,
         nextState,

package/dist/commonjs/helpers/index.js

@@ -489,10 +489,14 @@ const parseStackLine = (rawLine, isOrigin = false) => {
         columnNumber = locMatch[3];
     }
     // Clean file name (remove query strings, packager urls, and parent paths)
-    let cleanPath = fullPath.split('?')[0].split('&')[0].replace(/[)]+$/, '');
+    let cleanPath = fullPath
+        .split('?')[0]
+        .split('&')[0]
+        .replace(/[)]+$/, '')
+        .replace(/\/\/+$/, '');
     // Remove protocol prefixes
     cleanPath = cleanPath.replace(/^(?:https?:\/\/[^\/]+\/|file:\/\/\/|webpack:\/\/\/?)/, '');
-    const fileName = cleanPath.split('/').pop() || cleanPath;
+    const fileName = cleanPath.split('/').filter(Boolean).pop() || cleanPath;
     // Determine file extension (.tsx, .jsx, .ts, .js)
     const extMatch = fileName.match(/\.([a-z0-9]+)$/i);
     const ext = extMatch ? extMatch[1].toLowerCase() : '';

package/dist/commonjs/index.js

@@ -61,7 +61,7 @@ const reduxLogger_1 = require("./customHooks/reduxLogger");
 const constants_1 = require("./constants");
 // Stylesheet
 const styles_1 = require("./styles");
-const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, }) => {
+const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, }) => {
     // Set custom storage synchronously during render phase
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
@@ -80,6 +80,9 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [search, setSearch] = (0, react_1.useState)('');
     const [detailSearch, setDetailSearch] = (0, react_1.useState)('');
     const [reduxSearch, setReduxSearch] = (0, react_1.useState)('');
+    const [selectedReduxSlice, setSelectedReduxSlice] = (0, react_1.useState)(null);
+    const [selectedReduxAction, setSelectedReduxAction] = (0, react_1.useState)(null);
+    const [reduxActiveSubTab, setReduxActiveSubTab] = (0, react_1.useState)('state');
     const [apiDetailActiveTab, setApiDetailActiveTab] = (0, react_1.useState)('response');
     (0, react_1.useEffect)(() => {
         react_native_1.LogBox.ignoreAllLogs(enabled);
@@ -186,6 +189,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         logs: true,
         analytics: true,
         redux: false,
+        bundle: false,
+        performance: false,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(100);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = (0, react_1.useState)(true);
@@ -204,6 +209,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             logs: true,
             analytics: true,
             redux: false,
+            bundle: false,
+            performance: false,
         });
         setDefaultTab('apis');
         setMaxNetworkLogs(100);
@@ -261,6 +268,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         logs: true,
                         analytics: true,
                         redux: false,
+                        bundle: false,
+                        performance: false,
                     },
                     ...(saved.tabVisibility || {}),
                     apis: true,
@@ -1128,6 +1137,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         closeModal,
         isReady,
         isEnabled,
+        appIcon,
+        environment,
         modalHeightPercent,
         setModalHeightPercent,
         modalAnimationType,
@@ -1236,6 +1247,12 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         reduxLastActionMap,
         reduxSearch,
         setReduxSearch,
+        selectedReduxSlice,
+        setSelectedReduxSlice,
+        selectedReduxAction,
+        setSelectedReduxAction,
+        reduxActiveSubTab,
+        setReduxActiveSubTab,
         // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,