react-native-inapp-inspector 1.1.14 → 1.1.16

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ActiveTab } from '../types';
+interface SettingsViewProps {
+    headerTopPadding: number;
+    activeTab?: ActiveTab;
+    defaultTab: ActiveTab;
+    tabVisibility: Record<string, boolean>;
+    onCloseSettings: () => void;
+    onUpdateTabVisibility: (key: ActiveTab, val: boolean) => void;
+    onSetDefaultTab: (key: ActiveTab) => void;
+}
+export declare const SettingsView: React.FC<SettingsViewProps>;
+export default SettingsView;

package/dist/commonjs/components/SettingsView.js

@@ -0,0 +1,328 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsView = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
+const react_i18next_1 = require("react-i18next");
+const TouchableScale_1 = __importDefault(require("./TouchableScale"));
+const NetworkIcons_1 = require("./NetworkIcons");
+const AppColors_1 = require("../styles/AppColors");
+const AppFonts_1 = require("../styles/AppFonts");
+const styles_1 = require("../styles");
+const settingsStore_1 = require("../helpers/settingsStore");
+const SettingsView = ({ headerTopPadding, defaultTab, tabVisibility, onCloseSettings, onUpdateTabVisibility, onSetDefaultTab, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [themeMode, setThemeMode] = react_1.default.useState(AppColors_1.AppColors.primaryLight === AppColors_1.AppColors.white ? 'light' : 'dark');
+    const handleToggleTheme = () => {
+        const nextIsDark = themeMode !== 'dark';
+        (0, styles_1.toggleGlobalTheme)(nextIsDark);
+        const newTheme = nextIsDark ? 'dark' : 'light';
+        setThemeMode(newTheme);
+        (0, settingsStore_1.saveSettings)({ isDark: nextIsDark, theme: newTheme });
+    };
+    const renderSettingRow = (opts) => {
+        return (<react_native_1.Pressable onPress={opts.onPress} disabled={!opts.onPress} style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingVertical: 12,
+                paddingHorizontal: 16,
+                borderBottomWidth: 1,
+                borderBottomColor: AppColors_1.AppColors.dividerColor,
+            }}>
+        <react_native_1.View style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 12,
+                flex: 1,
+                marginRight: 8,
+            }}>
+          <react_native_1.View style={{
+                width: 32,
+                height: 32,
+                borderRadius: 8,
+                backgroundColor: AppColors_1.AppColors.grayBackground,
+                alignItems: 'center',
+                justifyContent: 'center',
+            }}>
+            {opts.icon}
+          </react_native_1.View>
+          <react_native_1.View style={{ flex: 1 }}>
+            <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 13,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+              {opts.title}
+            </react_native_1.Text>
+            {opts.description ? (<react_native_1.Text style={{
+                    fontFamily: AppFonts_1.AppFonts.interRegular,
+                    fontSize: 11,
+                    color: AppColors_1.AppColors.grayTextWeak,
+                    marginTop: 2,
+                }}>
+                {opts.description}
+              </react_native_1.Text>) : null}
+          </react_native_1.View>
+        </react_native_1.View>
+        {opts.rightComponent}
+      </react_native_1.Pressable>);
+    };
+    return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+      <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.purple, '#6B4EFF']} style={{ paddingTop: headerTopPadding, paddingBottom: 16 }}>
+        <react_native_1.View style={{
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingHorizontal: 16,
+            gap: 12,
+        }}>
+          <TouchableScale_1.default onPress={onCloseSettings} hitSlop={15} style={{
+            width: 36,
+            height: 36,
+            borderRadius: 18,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'rgba(255,255,255,0.18)',
+        }}>
+            <NetworkIcons_1.WhiteBackNavigation />
+          </TouchableScale_1.default>
+          <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 18,
+            color: AppColors_1.AppColors.white,
+        }}>
+            {t('settings.title')}
+          </react_native_1.Text>
+        </react_native_1.View>
+      </react_native_linear_gradient_1.default>
+
+      <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ paddingBottom: 32, gap: 16, paddingTop: 16 }}>
+        {/* Theme Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.appearance')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {renderSettingRow({
+            icon: themeMode === 'dark' ? (<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple} size={16}/>) : (<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.lightOrange} size={16}/>),
+            title: t('settings.dark_mode'),
+            description: t('settings.dark_mode_desc'),
+            rightComponent: (<react_native_1.Switch value={themeMode === 'dark'} onValueChange={handleToggleTheme} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+        </react_native_1.View>
+
+        {/* Module Visibility Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.module_visibility')}
+            </react_native_1.Text>
+          </react_native_1.View>
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.apis_tab'),
+            description: t('settings.apis_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.apis !== false} onValueChange={val => onUpdateTabVisibility('apis', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.logs_tab'),
+            description: t('settings.logs_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.logs !== false} onValueChange={val => onUpdateTabVisibility('logs', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.analytics_tab'),
+            description: t('settings.analytics_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.analytics !== false} onValueChange={val => onUpdateTabVisibility('analytics', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.redux_tab'),
+            description: t('settings.redux_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.redux !== false} onValueChange={val => onUpdateTabVisibility('redux', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+        </react_native_1.View>
+
+        {/* Landing Tab Preference */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.default_landing_tab')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {['apis', 'logs', 'analytics', 'redux'].map(tabKey => {
+            if (!tabVisibility[tabKey])
+                return null;
+            const isSelected = defaultTab === tabKey;
+            return (<TouchableScale_1.default key={tabKey} onPress={() => onSetDefaultTab(tabKey)} style={{
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    paddingVertical: 12,
+                    paddingHorizontal: 16,
+                    borderBottomWidth: 1,
+                    borderBottomColor: AppColors_1.AppColors.dividerColor,
+                    backgroundColor: isSelected
+                        ? 'rgba(107, 78, 255, 0.05)'
+                        : AppColors_1.AppColors.primaryLight,
+                }}>
+                <react_native_1.Text style={{
+                    fontFamily: isSelected
+                        ? AppFonts_1.AppFonts.interBold
+                        : AppFonts_1.AppFonts.interMedium,
+                    fontSize: 13,
+                    color: isSelected
+                        ? AppColors_1.AppColors.purple
+                        : AppColors_1.AppColors.primaryBlack,
+                }}>
+                  {tabKey.toUpperCase()} Tab
+                </react_native_1.Text>
+                <react_native_1.View style={{
+                    width: 18,
+                    height: 18,
+                    borderRadius: 9,
+                    borderWidth: isSelected ? 5 : 2,
+                    borderColor: isSelected
+                        ? AppColors_1.AppColors.purple
+                        : AppColors_1.AppColors.grayBorderSecondary,
+                }}/>
+              </TouchableScale_1.default>);
+        })}
+        </react_native_1.View>
+
+        {/* Storage & Persistence Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.storage_persistence')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {renderSettingRow({
+            icon: <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.custom_storage'),
+            description: (0, settingsStore_1.isPersistentStorageAvailable)()
+                ? t('settings.custom_storage_active')
+                : t('settings.custom_storage_memory'),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
+            title: t('settings.reset_settings'),
+            description: t('settings.reset_settings_desc'),
+            onPress: () => {
+                react_native_1.Alert.alert(t('settings.reset_confirm_title'), t('settings.reset_confirm_msg'), [
+                    { text: t('header.cancel'), style: 'cancel' },
+                    {
+                        text: t('settings.reset'),
+                        style: 'destructive',
+                        onPress: () => {
+                            (0, settingsStore_1.clearPersistedSettings)();
+                            react_native_1.Alert.alert(t('settings.reset'), t('settings.reset_done'));
+                        },
+                    },
+                ]);
+            },
+        })}
+        </react_native_1.View>
+      </react_native_1.ScrollView>
+    </react_native_1.View>);
+};
+exports.SettingsView = SettingsView;
+exports.default = exports.SettingsView;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const TouchableScale: ({ onPress, style, children, hitSlop, disabled, }: {
+declare const TouchableScale: React.NamedExoticComponent<{
     onPress?: () => void;
     style?: any;
     children?: React.ReactNode;
     hitSlop?: any;
     disabled?: boolean;
-}) => React.JSX.Element;
+}>;
 export default TouchableScale;

package/dist/commonjs/components/TouchableScale.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 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, }) => {
+const TouchableScale = react_1.default.memo(function 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,
@@ -78,5 +78,5 @@ const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
         {children}
       </react_native_1.Animated.View>
     </react_native_1.Pressable>);
-};
+});
 exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.js

@@ -46,8 +46,8 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth, }) {
-    const [localOpen, setLocalOpen] = (0, react_1.useState)(level < (defaultExpandDepth ?? 1));
-    const open = forceOpen !== undefined ? forceOpen : localOpen;
+    const [localOpen, setLocalOpen] = (0, react_1.useState)(forceOpen || level < (defaultExpandDepth ?? 1));
+    const open = localOpen;
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
     function renderHighlighted(text) {

package/dist/commonjs/constants/index.js

@@ -19,18 +19,7 @@ exports.METHOD_COLORS = {
     PATCH: AppColors_1.AppColors.offerPurple,
     DELETE: AppColors_1.AppColors.errorColor,
 };
-exports.DOMAIN_COLORS = [
-    '#1a5276',
-    '#8e44ad',
-    '#1e8449',
-    '#c0392b',
-    '#d35400',
-    '#d68910',
-    '#16a085',
-    '#27ae60',
-    '#2c3e50',
-    '#c2185b',
-];
+exports.DOMAIN_COLORS = AppColors_1.AppColors.domainColors;
 exports.DURATION_FAST_MS = 200;
 exports.DURATION_SLOW_MS = 800;
 // Package version — auto-generated from package.json at build time.

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

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

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.14';
+exports.LIB_VERSION = '1.1.16';

package/dist/commonjs/customHooks/consoleLogger.js

@@ -27,26 +27,102 @@ const formatArgs = (args) => {
     })
         .join(' ');
 };
-const getCallerFromStack = () => {
+// ─── Symbolication Helper for React Native Metro ────────────────────────────
+const symbolicateStack = async (stackString) => {
+    if (typeof __DEV__ === 'undefined' || !__DEV__)
+        return null;
     try {
-        const stack = new Error().stack;
-        if (!stack)
-            return 'Unknown';
-        const lines = stack.split('\n');
+        // 1. Try React Native's built-in symbolicateStackTrace if available
+        let symModule = null;
+        try {
+            // @ts-ignore
+            symModule = require('react-native/Libraries/Core/Devtools/symbolicateStackTrace');
+        }
+        catch { }
+        const symFn = symModule?.default || symModule;
+        if (typeof symFn === 'function') {
+            const res = await symFn(stackString);
+            if (res && Array.isArray(res.stack)) {
+                return res.stack;
+            }
+        }
+    }
+    catch { }
+    try {
+        // 2. Direct HTTP symbolication to Metro packager endpoint
+        const metroUrl = 'http://localhost:8081/symbolicate';
+        const response = await fetch(metroUrl, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ stack: stackString }),
+        });
+        if (response.ok) {
+            const json = await response.json();
+            if (json && Array.isArray(json.stack)) {
+                return json.stack;
+            }
+        }
+    }
+    catch { }
+    return null;
+};
+const getStackDetails = (args) => {
+    try {
+        let errorStack;
+        if (args && args.length > 0) {
+            for (const arg of args) {
+                if (arg instanceof Error && arg.stack) {
+                    errorStack = arg.stack;
+                    break;
+                }
+                else if (arg &&
+                    typeof arg === 'object' &&
+                    typeof arg.stack === 'string') {
+                    errorStack = arg.stack;
+                    break;
+                }
+            }
+        }
+        const rawStack = new Error().stack;
+        const stackToUse = errorStack || rawStack;
+        if (!stackToUse)
+            return { caller: 'Unknown', errorStack };
+        const lines = stackToUse.split('\n');
+        let userCaller;
+        let fallbackCaller;
         for (let i = 0; i < lines.length; i++) {
             const line = lines[i];
-            // Skip internal console logger stack frames and native helpers
-            if (line.includes('consoleLogger') ||
+            if (!line ||
+                line.includes('consoleLogger') ||
                 line.includes('setupConsoleLogger') ||
-                line.includes('node_modules') ||
-                line.includes('Error')) {
+                line.includes('react-native-inapp-inspector') ||
+                line.trim() === 'Error') {
                 continue;
             }
-            return line.trim().replace(/^at /, '');
+            const isInternal = line.includes('react-native/Libraries') ||
+                line.includes('setUpConsole') ||
+                line.includes('ExceptionsManager') ||
+                line.includes('MessageQueue') ||
+                line.includes('metro-runtime') ||
+                line.includes('regenerator-runtime');
+            if (!fallbackCaller && !line.includes('setUpConsole')) {
+                fallbackCaller = line.trim().replace(/^at /, '');
+            }
+            if (!isInternal) {
+                userCaller = line.trim().replace(/^at /, '');
+                break;
+            }
         }
+        const cleanedStack = lines
+            .filter(l => !l.includes('consoleLogger') &&
+            !l.includes('setupConsoleLogger'))
+            .join('\n');
+        const caller = userCaller || fallbackCaller || 'Unknown';
+        return { caller, stack: cleanedStack || stackToUse, errorStack, stackToUse };
+    }
+    catch (e) {
+        return { caller: 'Unknown' };
     }
-    catch (e) { }
-    return 'Unknown';
 };
 const notify = () => {
     const snapshot = [...logs];
@@ -71,18 +147,66 @@ const addLog = (type, args, sourceMethod) => {
             message.toLowerCase().trim().includes(prefix.toLowerCase().trim()))) {
             return;
         }
-        const caller = getCallerFromStack();
+        const { caller, stack, errorStack, stackToUse } = getStackDetails(args);
         const newLog = {
             id: counter++,
             type,
             message,
             timestamp: Date.now(),
             caller,
+            stack,
+            errorStack,
+            rawArgs: args,
             sourceMethod,
         };
         logs.unshift(newLog);
         logs = logs.slice(0, MAX_LOGS);
         notify();
+        // Asynchronously symbolicate stack trace using Metro in DEV mode
+        if (stackToUse && typeof __DEV__ !== 'undefined' && __DEV__) {
+            const currentLogId = newLog.id;
+            symbolicateStack(stackToUse)
+                .then(symFrames => {
+                if (symFrames && Array.isArray(symFrames) && symFrames.length > 0) {
+                    const symLines = [];
+                    let symUserCaller;
+                    for (const frame of symFrames) {
+                        const file = (frame.file || '').replace(/^webpack:\/\/\/?/, '');
+                        const method = frame.methodName || '<anonymous>';
+                        const line = frame.lineNumber != null ? `:${frame.lineNumber}` : '';
+                        const col = frame.column != null ? `:${frame.column}` : '';
+                        const lineStr = `at ${method} (${file}${line}${col})`;
+                        symLines.push(lineStr);
+                        const isUserFile = file &&
+                            !file.includes('node_modules') &&
+                            !file.includes('react-native/') &&
+                            !file.includes('consoleLogger') &&
+                            !file.includes('setupConsoleLogger') &&
+                            (file.endsWith('.tsx') ||
+                                file.endsWith('.jsx') ||
+                                file.endsWith('.ts') ||
+                                file.endsWith('.js'));
+                        if (!symUserCaller && isUserFile) {
+                            symUserCaller = `${method} (${file}${line}${col})`;
+                        }
+                    }
+                    const targetLog = logs.find(l => l.id === currentLogId);
+                    if (targetLog) {
+                        if (symUserCaller) {
+                            targetLog.caller = symUserCaller;
+                        }
+                        else if (symLines.length > 0) {
+                            targetLog.caller = symLines[0].replace(/^at /, '');
+                        }
+                        if (symLines.length > 0) {
+                            targetLog.stack = symLines.join('\n');
+                        }
+                        notify();
+                    }
+                }
+            })
+                .catch(() => { });
+        }
     }
     catch (e) {
         // Fail-safe to prevent crash during logging

package/dist/commonjs/customHooks/networkLogger.d.ts

@@ -1,4 +1,3 @@
-import "./webViewLogger";
 type NetworkLog = {
     id: number;
     url: string;

package/dist/commonjs/customHooks/networkLogger.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addAxiosInterceptors = exports.setupNetworkLogger = exports.getNetworkLogs = exports.clearNetworkLogs = exports.subscribeNetworkLogs = void 0;
-require("./webViewLogger");
 const axios_1 = __importDefault(require("axios"));
 let logs = [];
 let listeners = [];

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

@@ -1,12 +1,5 @@
-export interface ReduxHistoryEntry {
-    id: number;
-    type: string;
-    payload: any;
-    timestamp: string;
-    affectedSlices: string[];
-    prevState?: any;
-    nextState?: any;
-}
+import { ReduxHistoryEntry } from '../types';
+export { ReduxHistoryEntry };
 export declare const getReduxState: () => any;
 export declare const setReduxAutoRefresh: (val: boolean) => void;
 export declare const getReduxAutoRefresh: () => boolean;

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

@@ -0,0 +1,39 @@
+export declare enum InspectorTab {
+    APIs = "apis",
+    Logs = "logs",
+    Analytics = "analytics",
+    Redux = "redux"
+}
+export declare enum ApiDetailTab {
+    Response = "response",
+    Request = "request",
+    Headers = "headers",
+    Metadata = "metadata"
+}
+export declare enum JsonViewerMode {
+    Pretty = "pretty",
+    Raw = "raw",
+    Table = "table"
+}
+export declare enum ReduxSubTab {
+    State = "state",
+    Timeline = "timeline"
+}
+export declare enum ReduxActionSubTab {
+    Payload = "payload",
+    Diff = "diff",
+    State = "state"
+}
+export declare enum ConsoleLogLevel {
+    Info = "info",
+    Warn = "warn",
+    Error = "error"
+}
+export declare enum SortOrderEnum {
+    Newest = "newest",
+    Oldest = "oldest"
+}
+export declare enum AnalyticsSource {
+    Firebase = "firebase",
+    Manual = "manual"
+}