react-native-inapp-inspector 1.1.23 → 1.1.25

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

@@ -1,4 +1,4 @@
-import { NetworkLog, RouteInfo, DiffResult, JsonContent } from '../types';
+import { NetworkLog, RouteInfo, DiffResult, JsonContent, StackFrameType } from '../types';
 export declare const getDomainColor: (domain: string) => string;
 export declare const formatDateTime: (timestamp: number) => string;
 export declare const getStatusColor: (status: number | null) => string;
@@ -40,17 +40,20 @@ export interface ParsedStackFrame {
     functionName: string;
     fileName: string;
     fullPath: string;
-    fileExt?: 'tsx' | 'jsx' | 'ts' | 'js' | 'other';
-    isUserCode?: boolean;
+    fileExt: string;
+    frameType: StackFrameType | 'app' | 'dependency' | 'runtime' | 'native';
+    isUserCode: boolean;
+    isRuntimeNoise: boolean;
     lineNumber?: string;
     columnNumber?: string;
     isOrigin?: boolean;
+    copyableLocation: string;
 }
 /** Parses a stack trace line to extract function name, file name, extension (.tsx/.jsx/.ts), line, and column numbers */
 export declare const parseStackLine: (rawLine: string, isOrigin?: boolean) => ParsedStackFrame;
 export declare const ANALYTICS_EVENT_PALETTE: string[];
 export declare const getEventColor: (name: string) => string;
-export declare const getEventCategory: (name: string) => "page_view" | "ecommerce" | "system" | "custom";
+export { getEventCategory, registerGAPlugin, type GAEventCategory, type GAPlugin, } from './gaAnalyticsRegistry';
 export declare const getCategoryColors: (category: string) => {
     bg: string;
     border: string;

package/dist/commonjs/helpers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = 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;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = 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");
@@ -60,58 +60,83 @@ const getSize = (data) => {
     }
 };
 exports.getSize = getSize;
-// Try loading community clipboard or native clipboard modules with graceful fallbacks
+// Safely detect and load clipboard natively without static require() calls that Metro fails on
 const getClipboardModule = () => {
+    // 1. Check TurboModuleRegistry (TurboModules / New Architecture)
     try {
-        // @ts-ignore
-        const community = require('@react-native-clipboard/clipboard');
-        if (community?.default?.setString)
-            return community.default;
-        if (community?.setString)
-            return community;
+        const tmReg = react_native_1.TurboModuleRegistry || globalThis.__turboModuleProxy;
+        if (tmReg?.get) {
+            const tm = tmReg.get('RNCClipboard') ||
+                tmReg.get('NativeClipboard') ||
+                tmReg.get('ExpoClipboard');
+            if (tm &&
+                (typeof tm.setString === 'function' ||
+                    typeof tm.setStringAsync === 'function')) {
+                return tm;
+            }
+        }
     }
     catch { }
+    // 2. Check legacy NativeModules table (Bridge / Old Architecture)
     try {
-        // @ts-ignore
-        const oldCommunity = require('@react-native-community/clipboard');
-        if (oldCommunity?.default?.setString)
-            return oldCommunity.default;
-        if (oldCommunity?.setString)
-            return oldCommunity;
+        if (react_native_1.NativeModules?.RNCClipboard &&
+            typeof react_native_1.NativeModules.RNCClipboard.setString === 'function') {
+            return react_native_1.NativeModules.RNCClipboard;
+        }
+        if (react_native_1.NativeModules?.ExpoClipboard &&
+            typeof react_native_1.NativeModules.ExpoClipboard.setStringAsync === 'function') {
+            return react_native_1.NativeModules.ExpoClipboard;
+        }
+        if (react_native_1.NativeModules?.Clipboard &&
+            typeof react_native_1.NativeModules.Clipboard.setString === 'function') {
+            return react_native_1.NativeModules.Clipboard;
+        }
     }
     catch { }
+    // 3. Check legacy React Native core Clipboard
     try {
-        if (react_native_1.NativeModules?.RNCClipboard?.setString)
-            return react_native_1.NativeModules.RNCClipboard;
+        if (react_native_1.Clipboard && typeof react_native_1.Clipboard.setString === 'function') {
+            return react_native_1.Clipboard;
+        }
     }
     catch { }
-    return react_native_1.Clipboard;
+    return null;
 };
 const copyToClipboard = (value, label) => {
     const resolved = typeof value === 'function' ? value() : value;
     const text = typeof resolved === 'string' ? resolved : JSON.stringify(resolved, null, 2);
     const textToCopy = text ?? '';
+    let copied = false;
     try {
         const cb = getClipboardModule();
-        if (cb && typeof cb.setString === 'function') {
-            cb.setString(textToCopy);
-        }
-        else {
-            react_native_1.Clipboard.setString(textToCopy);
+        if (cb) {
+            if (typeof cb.setStringAsync === 'function') {
+                cb.setStringAsync(textToCopy);
+                copied = true;
+            }
+            else if (typeof cb.setString === 'function') {
+                cb.setString(textToCopy);
+                copied = true;
+            }
         }
     }
-    catch {
+    catch { }
+    if (!copied) {
         try {
-            react_native_1.Clipboard.setString(textToCopy);
+            if (typeof navigator !== 'undefined' && navigator?.clipboard?.writeText) {
+                navigator.clipboard.writeText(textToCopy);
+                copied = true;
+            }
         }
         catch { }
     }
-    if (react_native_1.Platform.OS === 'android') {
-        react_native_1.ToastAndroid.show(`${label} copied`, react_native_1.ToastAndroid.SHORT);
-    }
-    else {
-        react_native_1.Alert.alert('Copied', `${label} copied to clipboard`, [{ text: 'OK' }]);
+    // Visual toast feedback on Android if ToastAndroid exists
+    try {
+        if (react_native_1.Platform.OS === 'android' && react_native_1.ToastAndroid?.show) {
+            react_native_1.ToastAndroid.show(`${label} copied`, react_native_1.ToastAndroid.SHORT);
+        }
     }
+    catch { }
 };
 exports.copyToClipboard = copyToClipboard;
 const getPath = (url) => {
@@ -476,6 +501,10 @@ const parseStackLine = (rawLine, isOrigin = false) => {
         functionName = parenMatch[1].trim() || '<anonymous>';
         locationPart = parenMatch[2].trim();
     }
+    // Clean Babel/Hermes artifacts in function names like ?anon_0_, _callee$, etc.
+    if (functionName.startsWith('?anon_') || functionName === '?') {
+        functionName = 'anonymous';
+    }
     // Remove "address at " prefix if present in Hermes
     locationPart = locationPart.replace(/^address at /, '');
     // Extract file, line, and col from locationPart (e.g. "path/to/file.tsx:42:15" or "http://...:42:15")
@@ -503,20 +532,56 @@ const parseStackLine = (rawLine, isOrigin = false) => {
     const fileExt = ext === 'tsx' || ext === 'jsx' || ext === 'ts' || ext === 'js'
         ? ext
         : 'other';
-    const isUserCode = !cleanPath.includes('node_modules') &&
-        !cleanPath.includes('react-native/') &&
-        !cleanPath.includes('react-native-inapp-inspector') &&
-        (fileExt === 'tsx' || fileExt === 'jsx' || fileExt === 'ts' || fileExt === 'js');
+    const isNative = locationPart === 'native' || cleanPath === 'native';
+    const isInternalBytecode = cleanPath.includes('InternalBytecode') ||
+        cleanPath.includes('metro-runtime') ||
+        cleanPath.includes('regenerator-runtime') ||
+        functionName === 'tryCallOne' ||
+        functionName === 'asyncGeneratorStep' ||
+        functionName === '_next' ||
+        (functionName === 'next' && isNative);
+    const isDependency = cleanPath.includes('node_modules') ||
+        cleanPath.includes('react-native/Libraries') ||
+        (cleanPath.includes('react-native-inapp-inspector') && !cleanPath.includes('/example/'));
+    const isUserCode = !isNative &&
+        !isInternalBytecode &&
+        !isDependency &&
+        (fileExt === 'tsx' || fileExt === 'jsx' || fileExt === 'ts' || fileExt === 'js' || !fileName.includes('.bundle'));
+    const frameType = isUserCode
+        ? 'app'
+        : isDependency
+            ? 'dependency'
+            : isNative
+                ? 'native'
+                : 'runtime';
+    const isRuntimeNoise = isInternalBytecode || isNative || functionName === 'asyncGeneratorStep' || functionName === '_next';
+    // Format clean relative project path
+    let relativePath = cleanPath;
+    if (relativePath.includes('/example/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/example/') + 9);
+    }
+    else if (relativePath.includes('/src/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/src/') + 1);
+    }
+    else if (relativePath.includes('/node_modules/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/node_modules/') + 14);
+    }
+    const copyableLocation = lineNumber
+        ? `${fileName}:${lineNumber}${columnNumber ? `:${columnNumber}` : ''}`
+        : fileName;
     return {
         raw: rawLine,
         functionName,
         fileName,
-        fullPath: cleanPath,
+        fullPath: relativePath,
         fileExt,
+        frameType,
         isUserCode,
+        isRuntimeNoise,
         lineNumber,
         columnNumber,
         isOrigin,
+        copyableLocation,
     };
 };
 exports.parseStackLine = parseStackLine;
@@ -540,36 +605,9 @@ const getEventColor = (name) => {
     return exports.ANALYTICS_EVENT_PALETTE[Math.abs(hash) % exports.ANALYTICS_EVENT_PALETTE.length];
 };
 exports.getEventColor = getEventColor;
-const getEventCategory = (name) => {
-    if (!name)
-        return 'custom';
-    const lowercaseName = name.toLowerCase();
-    if (lowercaseName === 'screen_view' || lowercaseName === 'page_view') {
-        return 'page_view';
-    }
-    // Ecommerce events
-    const ecommerceEvents = [
-        'purchase', 'add_to_cart', 'begin_checkout', 'view_item',
-        'select_item', 'remove_from_cart', 'view_cart',
-        'add_shipping_info', 'add_payment_info', 'refund',
-        'view_item_list', 'select_promotion', 'view_promotion'
-    ];
-    if (ecommerceEvents.includes(lowercaseName)) {
-        return 'ecommerce';
-    }
-    // Firebase System Auto-events
-    const systemEvents = [
-        'first_open', 'session_start', 'user_engagement',
-        'app_clear_data', 'app_exception', 'app_update', 'os_update',
-        'notification_receive', 'notification_open', 'notification_dismiss',
-        'screen_active', 'screen_inactive'
-    ];
-    if (systemEvents.includes(lowercaseName) || lowercaseName.startsWith('firebase_') || lowercaseName.startsWith('_')) {
-        return 'system';
-    }
-    return 'custom';
-};
-exports.getEventCategory = getEventCategory;
+var gaAnalyticsRegistry_1 = require("./gaAnalyticsRegistry");
+Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
+Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
 const getCategoryColors = (category) => {
     switch (category) {
         case 'page_view':

package/dist/commonjs/i18n/locales/en.json

@@ -211,7 +211,29 @@
         "filterWarn": "Warn",
         "filterError": "Error",
         "filterUserLog": "User Log",
-        "filterAnalytics": "Analytics"
+        "filterAnalytics": "Analytics",
+        "tabOutput": "Output",
+        "tabArgs": "Args ({{count}})",
+        "tabStack": "Stack Trace",
+        "tabMetadata": "Metadata",
+        "callStack": "Call Stack ({{count}} frames)",
+        "errorStack": "Error Exception Stack ({{count}} frames)",
+        "callOriginStack": "Call Origin Stack",
+        "errorThrownStack": "Error Thrown Stack",
+        "appCodeScope": "🎯 App Code ({{count}})",
+        "allFramesScope": "📜 All Frames ({{count}})",
+        "cardsView": "Cards",
+        "rawTraceView": "Raw",
+        "noStackAvailable": "No call stack frames found matching the active filter.",
+        "originBadge": "#1 ORIGIN",
+        "appCodeBadge": "App Code",
+        "dependencyBadge": "Dependency",
+        "nativeBadge": "Native",
+        "hermesVmBadge": "Hermes VM",
+        "fullStackTrace": "Full Stack Trace",
+        "lineCol": "Line {{line}}, Col {{col}}",
+        "lineColShort": "L{{line}}:C{{col}}",
+        "searchInLogDetails": "Search in log details..."
     },
     "analytics": {
         "title": "Analytics",
@@ -355,6 +377,8 @@
         "heroTitle": "Bundle & Asset Architecture",
         "heroSubtitle": "Real-time size breakdown across all assets, code, and dependencies",
         "heroSubtitleLive": "Live analysis of {{scriptUrl}}",
+        "liveAnalysisUnavailable": "Live bundle analysis unavailable",
+        "liveAnalysisUnavailableSub": "Could not reach the Metro dev server, so values are estimates. Make sure the app runs in development via `npx react-native start` and the Inspector can reach your Metro port (8081, 8082, ...).",
         "bundleOverviewJson": "Bundle Overview JSON",
         "devBundleSize": "DEV BUNDLE SIZE",
         "devBundleHint": "{{kb}} KB • {{modules}} modules",
@@ -396,11 +420,36 @@
         "catTsDesc": "App screen components, hooks, and business logic",
         "catJsonTitle": "JSON Data & Localizations",
         "catJsonDesc": "i18n translation dictionaries and static configs",
-        "catRowSub": "{{count}} items • {{desc}}",
-        "totalBundleAssets": "TOTAL BUNDLE ASSETS",
+        "totalBundleAssets": "TOTAL HOST PROJECT FILES",
         "totalBundleValue": "{{kb}} KB (~{{mb}} MB)",
-        "totalFormula": "Sum: {{images}} KB + {{js}} KB + {{fonts}} KB + {{ts}} KB + {{json}} KB = {{total}} KB ({{count}} items • 100%)",
+        "totalFormula": "Sum of host source files: {{images}} KB + {{js}} KB + {{fonts}} KB + {{ts}} KB + {{json}} KB = {{total}} KB ({{count}} items)",
+        "prodIosApp": "iOS App (.ipa)",
+        "prodAndroidAab": "Android AAB (.aab)",
+        "prodAndroidApk": "Universal APK (.apk)",
+        "prodHeroTitleIos": "iOS Production Binary Footprint",
+        "prodHeroTitleAab": "Google Play App Bundle (.aab)",
+        "prodHeroTitleApk": "Universal Standalone APK (.apk)",
+        "prodHeroSubIos": "App Store install & over-the-air cellular download estimates",
+        "prodHeroSubAab": "Optimized per-device dynamic delivery split APK architecture",
+        "prodHeroSubApk": "Multi-ABI universal install archive for sideloading & direct distribution",
+        "prodInstallSize": "INSTALL SIZE",
+        "prodInstallHint": "On-device uncompressed footprint",
+        "prodDownloadSize": "DOWNLOAD SIZE",
+        "prodDownloadHint": "Store network transfer payload",
+        "prodCompression": "COMPRESSION",
+        "prodCompressionHint": "Bytecode & asset ratio",
+        "prodFormatArch": "FORMAT ARCHITECTURE",
+        "prodFormatHintIos": "Apple ARM64 runtime",
+        "prodFormatHintAab": "Dynamic Google Play delivery",
+        "prodFormatHintApk": "Sideload universal package",
+        "prodArchTitle": "Binary Component Architecture",
+        "prodArchSub": "Compiled native libraries, runtime bytecodes, assets, and signature blocks",
+        "prodTotalIos": "TOTAL IOS APP BINARY",
+        "prodTotalAab": "TOTAL ANDROID AAB BUNDLE",
+        "prodTotalApk": "TOTAL UNIVERSAL APK",
+        "prodTotalFormula": "From {{devKb}} KB (~{{devMb}} MB • {{count}} total assets) dev source bundle → {{installMb}} MB optimized native binary ({{pct}}% bytecode/asset compression).",
         "tabOverview": "Overview",
+        "tabProduction": "Production ({{count}})",
         "tabFiles": "Files ({{count}})",
         "tabPackages": "Packages ({{count}})",
         "tabMedia": "Media ({{count}})",

package/dist/commonjs/index.d.ts

@@ -7,3 +7,7 @@ export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './c
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, } from './customHooks/analyticsLogger';
 export { default as ErrorBoundary } from './components/ErrorBoundary';
 export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, getLastActionForReducer, } from './customHooks/reduxLogger';
+export { getEventCategory, registerGAPlugin, type GAPlugin, } from './helpers/gaAnalyticsRegistry';
+export { usePerformanceTracker, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, } from './customHooks/performanceTracker';
+export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
+export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, } from './types';

package/dist/commonjs/index.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
+exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -371,7 +371,67 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     }, []);
     const [selectedEvent, setSelectedEvent] = (0, react_1.useState)(null);
     const [analyticsSearch, setAnalyticsSearch] = (0, react_1.useState)('');
-    const [hideScreenView] = (0, react_1.useState)(true);
+    const [analyticsFilters, setAnalyticsFilters] = (0, react_1.useState)({
+        categories: new Set(['all']),
+        screens: new Set(),
+        sources: new Set(['all']),
+        userTypes: new Set(['all']),
+        timeWindow: 'all',
+        payloadComplexity: 'all',
+        hasRevenue: false,
+        hasItems: false,
+        hasUserProps: false,
+        hasParams: false,
+        onlyDuplicates: false,
+        onlyConversions: false,
+        sortBy: 'time_desc',
+    });
+    const isAnalyticsFilterApplied = (0, react_1.useMemo)(() => {
+        if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all'))
+            return true;
+        if (analyticsFilters.screens.size > 0)
+            return true;
+        if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all'))
+            return true;
+        if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all'))
+            return true;
+        if (analyticsFilters.timeWindow !== 'all')
+            return true;
+        if (analyticsFilters.payloadComplexity !== 'all')
+            return true;
+        if (analyticsFilters.hasRevenue)
+            return true;
+        if (analyticsFilters.hasItems)
+            return true;
+        if (analyticsFilters.hasUserProps)
+            return true;
+        if (analyticsFilters.hasParams)
+            return true;
+        if (analyticsFilters.onlyDuplicates)
+            return true;
+        if (analyticsFilters.onlyConversions)
+            return true;
+        if (analyticsFilters.sortBy !== 'time_desc')
+            return true;
+        return false;
+    }, [analyticsFilters]);
+    const resetAnalyticsFilters = (0, react_1.useCallback)(() => {
+        setAnalyticsFilters({
+            categories: new Set(['all']),
+            screens: new Set(),
+            sources: new Set(['all']),
+            userTypes: new Set(['all']),
+            timeWindow: 'all',
+            payloadComplexity: 'all',
+            hasRevenue: false,
+            hasItems: false,
+            hasUserProps: false,
+            hasParams: false,
+            onlyDuplicates: false,
+            onlyConversions: false,
+            sortBy: 'time_desc',
+        });
+    }, []);
     const [isAnalyticsLayoutReady, setIsAnalyticsLayoutReady] = (0, react_1.useState)(false);
     const [analyticsHeaderExpanded, setAnalyticsHeaderExpanded] = (0, react_1.useState)(false);
     const [newEventIds, setNewEventIds] = (0, react_1.useState)(new Set());
@@ -905,15 +965,110 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
     const filteredAnalyticsEvents = (0, react_1.useMemo)(() => {
         let events = analyticsEvents;
-        if (hideScreenView) {
-            events = events.filter(e => e.name !== 'screen_view');
-        }
+        // Search query filter
         if (analyticsSearch) {
             const s = analyticsSearch.toLowerCase();
             events = events.filter(e => e.name.toLowerCase().includes(s) ||
-                JSON.stringify(e.params).toLowerCase().includes(s) ||
+                JSON.stringify(e.params || {}).toLowerCase().includes(s) ||
+                (e.screenName ?? '').toLowerCase().includes(s) ||
                 (e.pageTitle ?? '').toLowerCase().includes(s));
         }
+        // Category filter
+        if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all')) {
+            events = events.filter(e => {
+                const cat = (0, helpers_1.getEventCategory)(e.name);
+                return analyticsFilters.categories.has(cat);
+            });
+        }
+        // Time window filter
+        if (analyticsFilters.timeWindow !== 'all') {
+            const now = Date.now();
+            const cutoff = analyticsFilters.timeWindow === '1m'
+                ? now - 60 * 1000
+                : analyticsFilters.timeWindow === '5m'
+                    ? now - 5 * 60 * 1000
+                    : analyticsFilters.timeWindow === '15m'
+                        ? now - 15 * 60 * 1000
+                        : now - 60 * 60 * 1000;
+            events = events.filter(e => e.timestamp >= cutoff);
+        }
+        // Source filter
+        if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all')) {
+            events = events.filter(e => analyticsFilters.sources.has(e.source || 'manual'));
+        }
+        // User identification filter
+        if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all')) {
+            events = events.filter(e => {
+                const isIdentified = Boolean(e.userId && e.userId.trim() !== '');
+                if (analyticsFilters.userTypes.has('identified') && isIdentified)
+                    return true;
+                if (analyticsFilters.userTypes.has('anonymous') && !isIdentified)
+                    return true;
+                return false;
+            });
+        }
+        // Payload complexity filter
+        if (analyticsFilters.payloadComplexity !== 'all') {
+            events = events.filter(e => {
+                const count = e.params ? Object.keys(e.params).length : 0;
+                if (analyticsFilters.payloadComplexity === 'none')
+                    return count === 0;
+                if (analyticsFilters.payloadComplexity === 'simple')
+                    return count >= 1 && count <= 5;
+                if (analyticsFilters.payloadComplexity === 'heavy')
+                    return count > 5;
+                return true;
+            });
+        }
+        // Conversion / Goal events filter
+        if (analyticsFilters.onlyConversions) {
+            const CONVERSION_PATTERNS = [
+                'purchase',
+                'item_purchase',
+                'ecommerce_purchase',
+                'sign_up',
+                'login',
+                'lead',
+                'generate_lead',
+                'tutorial_complete',
+                'add_payment_info',
+                'begin_checkout',
+                'spend_virtual_currency',
+            ];
+            events = events.filter(e => CONVERSION_PATTERNS.some(pat => e.name.toLowerCase().includes(pat)));
+        }
+        // Screen filter
+        if (analyticsFilters.screens.size > 0) {
+            events = events.filter(e => {
+                const scr = e.screenName ||
+                    e.params?.firebase_screen ||
+                    e.params?.screen_name ||
+                    e.params?.firebase_screen_class ||
+                    e.screenClass ||
+                    '';
+                return analyticsFilters.screens.has(scr);
+            });
+        }
+        // Has Revenue filter
+        if (analyticsFilters.hasRevenue) {
+            events = events.filter(e => {
+                const val = e.params?.value ?? e.params?.price;
+                return val !== undefined && val !== null && Number(val) > 0;
+            });
+        }
+        // Has Items filter
+        if (analyticsFilters.hasItems) {
+            events = events.filter(e => Array.isArray(e.params?.items) && e.params.items.length > 0);
+        }
+        // Has User Props filter
+        if (analyticsFilters.hasUserProps) {
+            events = events.filter(e => e.userProperties && Object.keys(e.userProperties).length > 0);
+        }
+        // Has Params filter
+        if (analyticsFilters.hasParams) {
+            events = events.filter(e => e.params && Object.keys(e.params).length > 0);
+        }
+        // Deduplication
         const deduplicatedEvents = [];
         for (const e of events) {
             if (deduplicatedEvents.length === 0) {
@@ -933,8 +1088,27 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 deduplicatedEvents.push({ ...e, count: 1 });
             }
         }
-        return deduplicatedEvents;
-    }, [analyticsEvents, analyticsSearch, hideScreenView]);
+        let result = deduplicatedEvents;
+        // Only duplicates filter
+        if (analyticsFilters.onlyDuplicates) {
+            result = result.filter(e => (e.count || 1) > 1);
+        }
+        // Sorting
+        if (analyticsFilters.sortBy === 'time_asc') {
+            result = [...result].sort((a, b) => a.timestamp - b.timestamp);
+        }
+        else if (analyticsFilters.sortBy === 'revenue_desc') {
+            result = [...result].sort((a, b) => {
+                const valA = Number(a.params?.value ?? a.params?.price ?? 0);
+                const valB = Number(b.params?.value ?? b.params?.price ?? 0);
+                return valB - valA;
+            });
+        }
+        else if (analyticsFilters.sortBy === 'count_desc') {
+            result = [...result].sort((a, b) => (b.count || 1) - (a.count || 1));
+        }
+        return result;
+    }, [analyticsEvents, analyticsSearch, analyticsFilters]);
     const filteredConsoleLogs = (0, react_1.useMemo)(() => {
         let result = visibleConsoleLogs;
         // Filters check
@@ -1233,6 +1407,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         filteredAnalyticsEvents,
         analyticsSearch,
         setAnalyticsSearch,
+        analyticsFilters,
+        setAnalyticsFilters,
+        isAnalyticsFilterApplied,
+        resetAnalyticsFilters,
         newEventIds,
         isAnalyticsLayoutReady,
         setIsAnalyticsLayoutReady,
@@ -1320,3 +1498,33 @@ Object.defineProperty(exports, "subscribeReduxState", { enumerable: true, get: f
 Object.defineProperty(exports, "getActionHistory", { enumerable: true, get: function () { return reduxLogger_2.getActionHistory; } });
 Object.defineProperty(exports, "clearActionHistory", { enumerable: true, get: function () { return reduxLogger_2.clearActionHistory; } });
 Object.defineProperty(exports, "getLastActionForReducer", { enumerable: true, get: function () { return reduxLogger_2.getLastActionForReducer; } });
+var gaAnalyticsRegistry_1 = require("./helpers/gaAnalyticsRegistry");
+Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
+Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
+var performanceTracker_1 = require("./customHooks/performanceTracker");
+Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_1.usePerformanceTracker; } });
+Object.defineProperty(exports, "logPerformanceEvent", { enumerable: true, get: function () { return performanceTracker_1.logPerformanceEvent; } });
+Object.defineProperty(exports, "clearPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.clearPerformanceEvents; } });
+Object.defineProperty(exports, "subscribePerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.subscribePerformanceEvents; } });
+Object.defineProperty(exports, "getPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getPerformanceEvents; } });
+var decorators_1 = require("./decorators");
+Object.defineProperty(exports, "InspectLog", { enumerable: true, get: function () { return decorators_1.InspectLog; } });
+Object.defineProperty(exports, "InspectTrackTime", { enumerable: true, get: function () { return decorators_1.InspectTrackTime; } });
+Object.defineProperty(exports, "InspectCatch", { enumerable: true, get: function () { return decorators_1.InspectCatch; } });
+var types_1 = require("./types");
+Object.defineProperty(exports, "ActiveTab", { enumerable: true, get: function () { return types_1.ActiveTab; } });
+Object.defineProperty(exports, "Method", { enumerable: true, get: function () { return types_1.Method; } });
+Object.defineProperty(exports, "StatusFilter", { enumerable: true, get: function () { return types_1.StatusFilter; } });
+Object.defineProperty(exports, "SortOrder", { enumerable: true, get: function () { return types_1.SortOrder; } });
+Object.defineProperty(exports, "LocalFilter", { enumerable: true, get: function () { return types_1.LocalFilter; } });
+Object.defineProperty(exports, "ModalAnimationType", { enumerable: true, get: function () { return types_1.ModalAnimationType; } });
+Object.defineProperty(exports, "SettingsPage", { enumerable: true, get: function () { return types_1.SettingsPage; } });
+Object.defineProperty(exports, "SettingsSubTab", { enumerable: true, get: function () { return types_1.SettingsSubTab; } });
+Object.defineProperty(exports, "LogFilter", { enumerable: true, get: function () { return types_1.LogFilter; } });
+Object.defineProperty(exports, "ConsoleLogType", { enumerable: true, get: function () { return types_1.ConsoleLogType; } });
+Object.defineProperty(exports, "AnalyticsEventSource", { enumerable: true, get: function () { return types_1.AnalyticsEventSource; } });
+Object.defineProperty(exports, "GAEventCategory", { enumerable: true, get: function () { return types_1.GAEventCategory; } });
+Object.defineProperty(exports, "StackFrameType", { enumerable: true, get: function () { return types_1.StackFrameType; } });
+Object.defineProperty(exports, "DiffResultType", { enumerable: true, get: function () { return types_1.DiffResultType; } });
+Object.defineProperty(exports, "BundleSubTab", { enumerable: true, get: function () { return types_1.BundleSubTab; } });
+Object.defineProperty(exports, "PerformanceSubTab", { enumerable: true, get: function () { return types_1.PerformanceSubTab; } });

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

@@ -641,6 +641,10 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontSize: number;
         color: string;
         letterSpacing: number;
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
     };
     slugText: {
         fontFamily: string;
@@ -1457,7 +1461,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         justifyContent: string;
         alignItems: string;
-        marginBottom: number;
     };
     analyticsHeaderTitle: {
         fontFamily: string;