react-native-inapp-inspector 1.1.24 → 1.1.25

package/dist/esm/helpers/index.js

@@ -1,4 +1,4 @@
-import { Clipboard, Platform, ToastAndroid, Alert, NativeModules, Linking } from 'react-native';
+import { Clipboard, Platform, ToastAndroid, Alert, NativeModules, Linking, TurboModuleRegistry, } from 'react-native';
 // Stylesheet
 import { AppColors } from '../styles/AppColors';
 // Constants
@@ -52,58 +52,83 @@ export const getSize = (data) => {
         return '—';
     }
 };
-// 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 = 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 (NativeModules?.RNCClipboard &&
+            typeof NativeModules.RNCClipboard.setString === 'function') {
+            return NativeModules.RNCClipboard;
+        }
+        if (NativeModules?.ExpoClipboard &&
+            typeof NativeModules.ExpoClipboard.setStringAsync === 'function') {
+            return NativeModules.ExpoClipboard;
+        }
+        if (NativeModules?.Clipboard &&
+            typeof NativeModules.Clipboard.setString === 'function') {
+            return NativeModules.Clipboard;
+        }
     }
     catch { }
+    // 3. Check legacy React Native core Clipboard
     try {
-        if (NativeModules?.RNCClipboard?.setString)
-            return NativeModules.RNCClipboard;
+        if (Clipboard && typeof Clipboard.setString === 'function') {
+            return Clipboard;
+        }
     }
     catch { }
-    return Clipboard;
+    return null;
 };
 export 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 {
-            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 {
-            Clipboard.setString(textToCopy);
+            if (typeof navigator !== 'undefined' && navigator?.clipboard?.writeText) {
+                navigator.clipboard.writeText(textToCopy);
+                copied = true;
+            }
         }
         catch { }
     }
-    if (Platform.OS === 'android') {
-        ToastAndroid.show(`${label} copied`, ToastAndroid.SHORT);
-    }
-    else {
-        Alert.alert('Copied', `${label} copied to clipboard`, [{ text: 'OK' }]);
+    // Visual toast feedback on Android if ToastAndroid exists
+    try {
+        if (Platform.OS === 'android' && ToastAndroid?.show) {
+            ToastAndroid.show(`${label} copied`, ToastAndroid.SHORT);
+        }
     }
+    catch { }
 };
 export const getPath = (url) => {
     try {
@@ -445,6 +470,10 @@ export 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")
@@ -472,20 +501,56 @@ export 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,
     };
 };
 // ─── Analytics Helpers ────────────────────────────────────────────────────────
@@ -507,35 +572,7 @@ export const getEventColor = (name) => {
     }
     return ANALYTICS_EVENT_PALETTE[Math.abs(hash) % ANALYTICS_EVENT_PALETTE.length];
 };
-export 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';
-};
+export { getEventCategory, registerGAPlugin, } from './gaAnalyticsRegistry';
 export const getCategoryColors = (category) => {
     switch (category) {
         case 'page_view':

package/dist/esm/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",
@@ -398,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/esm/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/esm/index.js

@@ -8,7 +8,7 @@ import ErrorBoundary from './components/ErrorBoundary';
 import MainScreen from './components/Inspector/MainScreen';
 import { InspectorContext, animateNextLayout, } from './components/Inspector/InspectorContext';
 // Helpers
-import { formatDisplayUrl, getNavigationInfo, deduplicateLogs, getDomainColor, } from './helpers';
+import { formatDisplayUrl, getNavigationInfo, deduplicateLogs, getDomainColor, getEventCategory, } from './helpers';
 // #5 — settings persistence
 import { loadSettings, saveSettings, setCustomStorage, clearPersistedSettings, } from './helpers/settingsStore';
 // Network
@@ -332,7 +332,67 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     }, []);
     const [selectedEvent, setSelectedEvent] = useState(null);
     const [analyticsSearch, setAnalyticsSearch] = useState('');
-    const [hideScreenView] = useState(true);
+    const [analyticsFilters, setAnalyticsFilters] = 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 = 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 = 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] = useState(false);
     const [analyticsHeaderExpanded, setAnalyticsHeaderExpanded] = useState(false);
     const [newEventIds, setNewEventIds] = useState(new Set());
@@ -866,15 +926,110 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
     const filteredAnalyticsEvents = 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 = 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) {
@@ -894,8 +1049,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 = useMemo(() => {
         let result = visibleConsoleLogs;
         // Filters check
@@ -1194,6 +1368,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         filteredAnalyticsEvents,
         analyticsSearch,
         setAnalyticsSearch,
+        analyticsFilters,
+        setAnalyticsFilters,
+        isAnalyticsFilterApplied,
+        resetAnalyticsFilters,
         newEventIds,
         isAnalyticsLayoutReady,
         setIsAnalyticsLayoutReady,
@@ -1258,3 +1436,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, } from './helpers/gaAnalyticsRegistry';
+export { usePerformanceTracker, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, } from './customHooks/performanceTracker';
+export { InspectLog, InspectTrackTime, InspectCatch, } from './decorators';
+export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, } from './types';

package/dist/esm/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;

package/dist/esm/styles/index.js

@@ -574,10 +574,10 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        backgroundColor: colors.grayBackground,
-        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}08`,
+        borderRadius: 8,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}18`,
         paddingHorizontal: 8,
         paddingVertical: 5,
         marginVertical: 5,
@@ -592,12 +592,16 @@ export const getRawStyles = (colors) => ({
     slugTag: {
         fontFamily: AppFonts.interBold,
         fontSize: 8.5,
-        color: colors.grayTextWeak,
+        color: colors.brandPurple,
         letterSpacing: 0.5,
+        backgroundColor: `${colors.brandPurple}15`,
+        paddingHorizontal: 4,
+        paddingVertical: 1,
+        borderRadius: 4,
     },
     slugText: {
         fontFamily: AppFonts.interBold,
-        fontSize: 12.5,
+        fontSize: 12,
         color: colors.primaryBlack,
         flexShrink: 1,
     },
@@ -1333,11 +1337,11 @@ export const getRawStyles = (colors) => ({
         backgroundColor: colors.primaryLight,
         borderRadius: 12,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
-        padding: 14,
-        marginHorizontal: 12,
+        borderColor: `${colors.brandPurple}20`,
+        padding: 12,
+        marginHorizontal: 10,
         marginTop: 8,
-        marginBottom: 8,
+        marginBottom: 6,
         shadowColor: colors.black,
         shadowOpacity: 0.03,
         shadowRadius: 4,
@@ -1348,11 +1352,10 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        marginBottom: 10,
     },
     analyticsHeaderTitle: {
         fontFamily: AppFonts.interBold,
-        fontSize: 14,
+        fontSize: 13.5,
         color: colors.primaryBlack,
     },
     statusDot: {
@@ -1363,21 +1366,21 @@ export const getRawStyles = (colors) => ({
     analyticsHeaderSubtitle: {
         fontFamily: AppFonts.interMedium,
         fontSize: 11,
-        color: colors.grayText,
+        color: colors.grayTextWeak,
         marginTop: 2,
     },
     analyticsHeaderToggle: {
-        paddingVertical: 4,
-        paddingHorizontal: 8,
-        borderRadius: 4,
-        backgroundColor: colors.grayBackground,
+        paddingVertical: 4.5,
+        paddingHorizontal: 9,
+        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}12`,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}25`,
     },
     analyticsHeaderToggleText: {
         fontFamily: AppFonts.interBold,
-        fontSize: 10,
-        color: colors.purple,
+        fontSize: 10.5,
+        color: colors.brandPurple,
     },
     analyticsStatsRow: {
         flexDirection: 'row',