react-native-inapp-inspector 2.3.18 → 2.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt +57 -0
- package/dist/commonjs/analytics.js +1 -24
- package/dist/commonjs/bundle.js +1 -16
- package/dist/commonjs/capture.d.ts +2 -0
- package/dist/commonjs/capture.js +1 -32
- package/dist/commonjs/components/AnalyticsDetail.js +92 -623
- package/dist/commonjs/components/AnalyticsEventCard.js +54 -350
- package/dist/commonjs/components/AnalyticsGraph.js +70 -370
- package/dist/commonjs/components/AnimatedEntrance.js +1 -11
- package/dist/commonjs/components/AppHeaderLogo.js +7 -134
- package/dist/commonjs/components/BrandCircleIcon.js +73 -118
- package/dist/commonjs/components/BrandSquareIcon.js +63 -108
- package/dist/commonjs/components/CodeSnippet.js +48 -623
- package/dist/commonjs/components/ConsoleLogCard.js +63 -537
- package/dist/commonjs/components/CopyButton.js +3 -89
- package/dist/commonjs/components/DiffViewer.js +19 -83
- package/dist/commonjs/components/DomainHeader.js +27 -127
- package/dist/commonjs/components/EmptyState.d.ts +1 -0
- package/dist/commonjs/components/EmptyState.js +10 -87
- package/dist/commonjs/components/EndOfListFooter.js +7 -81
- package/dist/commonjs/components/ErrorBoundary.js +72 -566
- package/dist/commonjs/components/HeadersSection.js +31 -110
- package/dist/commonjs/components/HighlightText.js +17 -58
- package/dist/commonjs/components/Inspector/AboutModal.d.ts +6 -0
- package/dist/commonjs/components/Inspector/AboutModal.js +351 -0
- package/dist/commonjs/components/Inspector/AnalyticsFilterModal.js +98 -797
- package/dist/commonjs/components/Inspector/AnalyticsTab.js +284 -930
- package/dist/commonjs/components/Inspector/BundleTab.js +551 -2918
- package/dist/commonjs/components/Inspector/ConsoleTab.js +79 -492
- package/dist/commonjs/components/Inspector/CrashDetail.js +123 -672
- package/dist/commonjs/components/Inspector/CrashFilterModal.js +66 -498
- package/dist/commonjs/components/Inspector/CrashTab.js +98 -670
- package/dist/commonjs/components/Inspector/DebuggingTab.js +64 -871
- package/dist/commonjs/components/Inspector/DeviceInfoTab.js +143 -907
- package/dist/commonjs/components/Inspector/FabLauncher.js +85 -54
- package/dist/commonjs/components/Inspector/FeatureUnderDevNotice.js +6 -99
- package/dist/commonjs/components/Inspector/FeedbackModal.d.ts +9 -0
- package/dist/commonjs/components/Inspector/FeedbackModal.js +167 -521
- package/dist/commonjs/components/Inspector/InspectorContext.js +1 -21
- package/dist/commonjs/components/Inspector/InspectorHeader.js +219 -1093
- package/dist/commonjs/components/Inspector/LogDetail.js +168 -994
- package/dist/commonjs/components/Inspector/MainScreen.js +60 -332
- package/dist/commonjs/components/Inspector/MediaGalleryTab.js +136 -278
- package/dist/commonjs/components/Inspector/MediaPreviewModal.js +134 -361
- package/dist/commonjs/components/Inspector/NavigationTracker.js +1 -12
- package/dist/commonjs/components/Inspector/NetworkDetail.js +96 -432
- package/dist/commonjs/components/Inspector/NetworkFilterModal.js +60 -576
- package/dist/commonjs/components/Inspector/NetworkTab.js +84 -514
- package/dist/commonjs/components/Inspector/NpmStarPrompt.js +17 -433
- package/dist/commonjs/components/Inspector/NpmUpdateToast.js +25 -298
- package/dist/commonjs/components/Inspector/PerformanceTab.js +182 -1397
- package/dist/commonjs/components/Inspector/ReduxDetail.js +188 -1089
- package/dist/commonjs/components/Inspector/ReduxTab.js +85 -701
- package/dist/commonjs/components/Inspector/SettingsPanel.js +431 -3431
- package/dist/commonjs/components/Inspector/SkeletonPlaceholder.js +11 -180
- package/dist/commonjs/components/Inspector/StorageTab.js +93 -826
- package/dist/commonjs/components/Inspector/TabBar.js +47 -183
- package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +34 -408
- package/dist/commonjs/components/JsonViewer.js +168 -380
- package/dist/commonjs/components/LogCard.js +57 -567
- package/dist/commonjs/components/LogSyntaxHighlighter.js +11 -130
- package/dist/commonjs/components/MetaAccordion.js +69 -238
- package/dist/commonjs/components/MiniBarChart.js +3 -56
- package/dist/commonjs/components/MiniLineChart.js +3 -58
- package/dist/commonjs/components/NetworkIcons.d.ts +7 -0
- package/dist/commonjs/components/NetworkIcons.js +479 -997
- package/dist/commonjs/components/QRCodeView.js +5 -79
- package/dist/commonjs/components/SectionHeader.js +15 -37
- package/dist/commonjs/components/SegmentedTabs.js +7 -61
- package/dist/commonjs/components/SkeletonPlaceholder.js +11 -180
- package/dist/commonjs/components/Slider.js +15 -243
- package/dist/commonjs/components/SourcePageCard.js +30 -89
- package/dist/commonjs/components/Toast.js +5 -147
- package/dist/commonjs/components/TouchableScale.js +3 -24
- package/dist/commonjs/components/TreeNode.js +55 -130
- package/dist/commonjs/console.js +1 -16
- package/dist/commonjs/constants/index.js +1 -32
- package/dist/commonjs/constants/telemetryConfig.js +1 -6
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -4
- package/dist/commonjs/crash.js +1 -23
- package/dist/commonjs/customHooks/analyticsLogger.js +1 -250
- package/dist/commonjs/customHooks/bundleAnalyzer.js +1 -957
- package/dist/commonjs/customHooks/consoleLogger.js +6 -445
- package/dist/commonjs/customHooks/crashHandler.js +7 -656
- package/dist/commonjs/customHooks/logFilters.js +1 -23
- package/dist/commonjs/customHooks/networkLogger.js +2 -536
- package/dist/commonjs/customHooks/performanceTracker.js +63 -750
- package/dist/commonjs/customHooks/reduxLogger.js +2 -313
- package/dist/commonjs/customHooks/storageInspector.js +1 -435
- package/dist/commonjs/customHooks/useAccordion.js +1 -18
- package/dist/commonjs/decorators/index.js +1 -100
- package/dist/commonjs/helpers/gaAnalyticsRegistry.js +1 -148
- package/dist/commonjs/helpers/index.js +8 -921
- package/dist/commonjs/helpers/memoryManager.js +1 -99
- package/dist/commonjs/helpers/qrGenerator.js +1 -367
- package/dist/commonjs/helpers/remoteConfig.js +1 -165
- package/dist/commonjs/helpers/searchQueryParser.js +1 -62
- package/dist/commonjs/helpers/settingsStore.js +1 -144
- package/dist/commonjs/helpers/telemetry.js +1 -501
- package/dist/commonjs/helpers/toast.js +1 -20
- package/dist/commonjs/i18n/index.js +1 -90
- package/dist/commonjs/i18n/locales/en.json +1 -1122
- package/dist/commonjs/index.js +5 -2153
- package/dist/commonjs/metro.js +6 -468
- package/dist/commonjs/native/NativeInspector.d.ts +3 -0
- package/dist/commonjs/native/NativeInspector.js +1 -402
- package/dist/commonjs/native/NativeNetworkInspector.d.ts +1 -0
- package/dist/commonjs/native/NativeNetworkInspector.js +1 -4
- package/dist/commonjs/network.js +1 -13
- package/dist/commonjs/performance.js +1 -29
- package/dist/commonjs/redux.js +1 -20
- package/dist/commonjs/storage.js +1 -14
- package/dist/commonjs/styles/AppColors.js +1 -423
- package/dist/commonjs/styles/AppFonts.js +1 -17
- package/dist/commonjs/styles/common.js +1 -190
- package/dist/commonjs/styles/index.d.ts +6 -0
- package/dist/commonjs/styles/index.js +1 -1589
- package/dist/commonjs/types/enums.d.ts +2 -1
- package/dist/commonjs/types/enums.js +1 -150
- package/dist/commonjs/types/index.js +1 -18
- package/dist/commonjs/types/interfaces.d.ts +7 -0
- package/dist/commonjs/types/interfaces.js +1 -2
- package/dist/esm/analytics.js +1 -2
- package/dist/esm/bundle.js +1 -2
- package/dist/esm/capture.d.ts +2 -0
- package/dist/esm/capture.js +1 -29
- package/dist/esm/components/AnalyticsDetail.js +171 -664
- package/dist/esm/components/AnalyticsEventCard.js +77 -335
- package/dist/esm/components/AnalyticsGraph.js +95 -357
- package/dist/esm/components/AnimatedEntrance.js +1 -6
- package/dist/esm/components/AppHeaderLogo.js +7 -94
- package/dist/esm/components/BrandCircleIcon.js +114 -119
- package/dist/esm/components/BrandSquareIcon.js +73 -78
- package/dist/esm/components/CodeSnippet.js +58 -595
- package/dist/esm/components/ConsoleLogCard.js +91 -526
- package/dist/esm/components/CopyButton.js +3 -51
- package/dist/esm/components/DiffViewer.js +22 -48
- package/dist/esm/components/DomainHeader.js +43 -138
- package/dist/esm/components/EmptyState.d.ts +1 -0
- package/dist/esm/components/EmptyState.js +17 -56
- package/dist/esm/components/EndOfListFooter.js +15 -83
- package/dist/esm/components/ErrorBoundary.js +125 -582
- package/dist/esm/components/HeadersSection.js +52 -93
- package/dist/esm/components/HighlightText.js +17 -53
- package/dist/esm/components/Inspector/AboutModal.d.ts +6 -0
- package/dist/esm/components/Inspector/AboutModal.js +351 -0
- package/dist/esm/components/Inspector/AnalyticsFilterModal.js +225 -886
- package/dist/esm/components/Inspector/AnalyticsTab.js +296 -904
- package/dist/esm/components/Inspector/BundleTab.js +1175 -3502
- package/dist/esm/components/Inspector/ConsoleTab.js +113 -488
- package/dist/esm/components/Inspector/CrashDetail.js +236 -747
- package/dist/esm/components/Inspector/CrashFilterModal.js +149 -541
- package/dist/esm/components/Inspector/CrashTab.js +177 -711
- package/dist/esm/components/Inspector/DebuggingTab.js +156 -923
- package/dist/esm/components/Inspector/DeviceInfoTab.js +199 -924
- package/dist/esm/components/Inspector/FabLauncher.js +85 -49
- package/dist/esm/components/Inspector/FeatureUnderDevNotice.js +14 -70
- package/dist/esm/components/Inspector/FeedbackModal.d.ts +9 -0
- package/dist/esm/components/Inspector/FeedbackModal.js +182 -499
- package/dist/esm/components/Inspector/InspectorContext.js +1 -12
- package/dist/esm/components/Inspector/InspectorHeader.js +309 -1145
- package/dist/esm/components/Inspector/LogDetail.js +235 -1023
- package/dist/esm/components/Inspector/MainScreen.js +86 -320
- package/dist/esm/components/Inspector/MediaGalleryTab.js +157 -259
- package/dist/esm/components/Inspector/MediaPreviewModal.js +153 -340
- package/dist/esm/components/Inspector/NavigationTracker.js +1 -10
- package/dist/esm/components/Inspector/NetworkDetail.js +141 -472
- package/dist/esm/components/Inspector/NetworkFilterModal.js +122 -597
- package/dist/esm/components/Inspector/NetworkTab.js +125 -517
- package/dist/esm/components/Inspector/NpmStarPrompt.js +58 -434
- package/dist/esm/components/Inspector/NpmUpdateToast.js +45 -281
- package/dist/esm/components/Inspector/PerformanceTab.js +393 -1570
- package/dist/esm/components/Inspector/ReduxDetail.js +307 -1170
- package/dist/esm/components/Inspector/ReduxTab.js +144 -722
- package/dist/esm/components/Inspector/SettingsPanel.js +647 -3609
- package/dist/esm/components/Inspector/SkeletonPlaceholder.js +30 -163
- package/dist/esm/components/Inspector/StorageTab.js +172 -866
- package/dist/esm/components/Inspector/TabBar.js +52 -183
- package/dist/esm/components/Inspector/UpdateAvailableModal.js +79 -416
- package/dist/esm/components/JsonViewer.js +179 -353
- package/dist/esm/components/LogCard.js +93 -565
- package/dist/esm/components/LogSyntaxHighlighter.js +11 -123
- package/dist/esm/components/MetaAccordion.js +136 -267
- package/dist/esm/components/MiniBarChart.js +3 -18
- package/dist/esm/components/MiniLineChart.js +3 -20
- package/dist/esm/components/NetworkIcons.d.ts +7 -0
- package/dist/esm/components/NetworkIcons.js +481 -817
- package/dist/esm/components/QRCodeView.js +8 -45
- package/dist/esm/components/SectionHeader.js +22 -39
- package/dist/esm/components/SegmentedTabs.js +8 -57
- package/dist/esm/components/SkeletonPlaceholder.js +30 -163
- package/dist/esm/components/Slider.js +24 -213
- package/dist/esm/components/SourcePageCard.js +65 -86
- package/dist/esm/components/Toast.js +10 -117
- package/dist/esm/components/TouchableScale.js +3 -19
- package/dist/esm/components/TreeNode.js +58 -95
- package/dist/esm/console.js +1 -2
- package/dist/esm/constants/index.js +1 -28
- package/dist/esm/constants/telemetryConfig.js +1 -3
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/crash.js +1 -2
- package/dist/esm/customHooks/analyticsLogger.js +1 -230
- package/dist/esm/customHooks/bundleAnalyzer.js +1 -944
- package/dist/esm/customHooks/consoleLogger.js +6 -432
- package/dist/esm/customHooks/crashHandler.js +7 -630
- package/dist/esm/customHooks/logFilters.js +1 -20
- package/dist/esm/customHooks/networkLogger.js +2 -519
- package/dist/esm/customHooks/performanceTracker.js +63 -723
- package/dist/esm/customHooks/reduxLogger.js +2 -293
- package/dist/esm/customHooks/storageInspector.js +1 -418
- package/dist/esm/customHooks/useAccordion.js +1 -16
- package/dist/esm/decorators/index.js +1 -95
- package/dist/esm/helpers/gaAnalyticsRegistry.js +1 -143
- package/dist/esm/helpers/index.js +8 -861
- package/dist/esm/helpers/memoryManager.js +1 -91
- package/dist/esm/helpers/qrGenerator.js +1 -364
- package/dist/esm/helpers/remoteConfig.js +1 -160
- package/dist/esm/helpers/searchQueryParser.js +1 -59
- package/dist/esm/helpers/settingsStore.js +1 -134
- package/dist/esm/helpers/telemetry.js +1 -489
- package/dist/esm/helpers/toast.js +1 -15
- package/dist/esm/i18n/index.js +1 -78
- package/dist/esm/i18n/locales/en.json +1 -1122
- package/dist/esm/index.js +7 -1967
- package/dist/esm/metro.js +6 -459
- package/dist/esm/native/NativeInspector.d.ts +3 -0
- package/dist/esm/native/NativeInspector.js +1 -370
- package/dist/esm/native/NativeNetworkInspector.d.ts +1 -0
- package/dist/esm/native/NativeNetworkInspector.js +1 -2
- package/dist/esm/network.js +1 -1
- package/dist/esm/performance.js +1 -2
- package/dist/esm/redux.js +1 -1
- package/dist/esm/storage.js +1 -1
- package/dist/esm/styles/AppColors.js +1 -417
- package/dist/esm/styles/AppFonts.js +1 -13
- package/dist/esm/styles/common.js +1 -186
- package/dist/esm/styles/index.d.ts +6 -0
- package/dist/esm/styles/index.js +1 -1551
- package/dist/esm/types/enums.d.ts +2 -1
- package/dist/esm/types/enums.js +1 -147
- package/dist/esm/types/index.js +1 -2
- package/dist/esm/types/interfaces.d.ts +7 -0
- package/dist/esm/types/interfaces.js +1 -1
- package/ios/NetworkInspectorModule.mm +253 -136
- package/package.json +5 -3
- package/react-native-inapp-inspector.podspec +1 -1
- package/src/native/NativeInspector.ts +17 -0
- package/src/native/NativeNetworkInspector.ts +1 -0
- package/src/analytics.ts +0 -35
- package/src/bundle.ts +0 -25
- package/src/capture.ts +0 -101
- package/src/components/AnalyticsDetail.tsx +0 -870
- package/src/components/AnalyticsEventCard.tsx +0 -444
- package/src/components/AnalyticsGraph.tsx +0 -583
- package/src/components/AnimatedEntrance.tsx +0 -20
- package/src/components/AppHeaderLogo.tsx +0 -143
- package/src/components/BrandCircleIcon.tsx +0 -144
- package/src/components/BrandSquareIcon.tsx +0 -184
- package/src/components/CodeSnippet.tsx +0 -725
- package/src/components/ConsoleLogCard.tsx +0 -679
- package/src/components/CopyButton.tsx +0 -87
- package/src/components/DiffViewer.tsx +0 -82
- package/src/components/DomainHeader.tsx +0 -224
- package/src/components/EmptyState.tsx +0 -95
- package/src/components/EndOfListFooter.tsx +0 -100
- package/src/components/ErrorBoundary.tsx +0 -688
- package/src/components/HeadersSection.tsx +0 -172
- package/src/components/HighlightText.tsx +0 -100
- package/src/components/Inspector/AnalyticsFilterModal.tsx +0 -1250
- package/src/components/Inspector/AnalyticsTab.tsx +0 -1362
- package/src/components/Inspector/BundleTab.tsx +0 -4768
- package/src/components/Inspector/ConsoleTab.tsx +0 -726
- package/src/components/Inspector/CrashDetail.tsx +0 -997
- package/src/components/Inspector/CrashFilterModal.tsx +0 -721
- package/src/components/Inspector/CrashTab.tsx +0 -933
- package/src/components/Inspector/DebuggingTab.tsx +0 -1103
- package/src/components/Inspector/DeviceInfoTab.tsx +0 -1397
- package/src/components/Inspector/FabLauncher.tsx +0 -80
- package/src/components/Inspector/FeatureUnderDevNotice.tsx +0 -94
- package/src/components/Inspector/FeedbackModal.tsx +0 -626
- package/src/components/Inspector/InspectorContext.tsx +0 -28
- package/src/components/Inspector/InspectorHeader.tsx +0 -1545
- package/src/components/Inspector/LogDetail.tsx +0 -1431
- package/src/components/Inspector/MainScreen.tsx +0 -459
- package/src/components/Inspector/MediaGalleryTab.tsx +0 -355
- package/src/components/Inspector/MediaPreviewModal.tsx +0 -435
- package/src/components/Inspector/NavigationTracker.tsx +0 -13
- package/src/components/Inspector/NetworkDetail.tsx +0 -795
- package/src/components/Inspector/NetworkFilterModal.tsx +0 -730
- package/src/components/Inspector/NetworkTab.tsx +0 -820
- package/src/components/Inspector/NpmStarPrompt.tsx +0 -532
- package/src/components/Inspector/NpmUpdateToast.tsx +0 -387
- package/src/components/Inspector/PerformanceTab.tsx +0 -1967
- package/src/components/Inspector/ReduxDetail.tsx +0 -1651
- package/src/components/Inspector/ReduxTab.tsx +0 -987
- package/src/components/Inspector/SettingsPanel.tsx +0 -4580
- package/src/components/Inspector/SkeletonPlaceholder.tsx +0 -206
- package/src/components/Inspector/StorageTab.tsx +0 -1159
- package/src/components/Inspector/TabBar.tsx +0 -263
- package/src/components/Inspector/UpdateAvailableModal.tsx +0 -555
- package/src/components/JsonViewer.tsx +0 -547
- package/src/components/LogCard.tsx +0 -694
- package/src/components/LogSyntaxHighlighter.tsx +0 -178
- package/src/components/MetaAccordion.tsx +0 -355
- package/src/components/MiniBarChart.tsx +0 -42
- package/src/components/MiniLineChart.tsx +0 -33
- package/src/components/NetworkIcons.tsx +0 -2599
- package/src/components/QRCodeView.tsx +0 -75
- package/src/components/SectionHeader.tsx +0 -101
- package/src/components/SegmentedTabs.tsx +0 -83
- package/src/components/SkeletonPlaceholder.tsx +0 -206
- package/src/components/Slider.tsx +0 -300
- package/src/components/SourcePageCard.tsx +0 -150
- package/src/components/Toast.tsx +0 -131
- package/src/components/TouchableScale.tsx +0 -61
- package/src/components/TreeNode.tsx +0 -171
- package/src/console.ts +0 -24
- package/src/constants/index.ts +0 -41
- package/src/constants/telemetryConfig.ts +0 -4
- package/src/constants/version.ts +0 -3
- package/src/crash.ts +0 -32
- package/src/customHooks/analyticsLogger.ts +0 -336
- package/src/customHooks/bundleAnalyzer.ts +0 -1256
- package/src/customHooks/consoleLogger.ts +0 -530
- package/src/customHooks/crashHandler.ts +0 -944
- package/src/customHooks/logFilters.ts +0 -32
- package/src/customHooks/networkLogger.ts +0 -624
- package/src/customHooks/performanceTracker.ts +0 -1014
- package/src/customHooks/reduxLogger.ts +0 -406
- package/src/customHooks/storageInspector.ts +0 -513
- package/src/customHooks/useAccordion.tsx +0 -27
- package/src/decorators/index.ts +0 -184
- package/src/helpers/gaAnalyticsRegistry.ts +0 -204
- package/src/helpers/index.ts +0 -1092
- package/src/helpers/memoryManager.ts +0 -138
- package/src/helpers/qrGenerator.ts +0 -430
- package/src/helpers/remoteConfig.ts +0 -212
- package/src/helpers/searchQueryParser.ts +0 -84
- package/src/helpers/settingsStore.ts +0 -171
- package/src/helpers/telemetry.ts +0 -568
- package/src/helpers/toast.ts +0 -17
- package/src/i18n/index.ts +0 -104
- package/src/i18n/locales/en.json +0 -1125
- package/src/index.tsx +0 -2635
- package/src/metro.ts +0 -598
- package/src/network.ts +0 -22
- package/src/performance.ts +0 -38
- package/src/redux.ts +0 -23
- package/src/storage.ts +0 -18
- package/src/styles/AppColors.ts +0 -455
- package/src/styles/AppFonts.ts +0 -26
- package/src/styles/common.ts +0 -209
- package/src/styles/index.ts +0 -1606
- package/src/types/enums.ts +0 -208
- package/src/types/index.ts +0 -34
- package/src/types/interfaces.ts +0 -530
package/dist/esm/index.js
CHANGED
|
@@ -1,1967 +1,7 @@
|
|
|
1
|
-
import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { formatDisplayUrl, getNavigationInfo, getLogPageName, deduplicateLogs, getDomainColor, getEventCategory, matchNetworkLogQuery, setupMemoryWarningHandler, } from './helpers';
|
|
9
|
-
import { loadSettings, saveSettings, setCustomStorage, clearPersistedSettings, calculateRamBasedLimits, } from './helpers/settingsStore';
|
|
10
|
-
import { getNativeSystemMetrics, pushNativeLogRecord, fetchNativeCachedPage, } from './native/NativeInspector';
|
|
11
|
-
import { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, setNetworkModuleEnabled, setMaxNetworkLogsLimit, setRouteInfoProvider, } from './customHooks/networkLogger';
|
|
12
|
-
import { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, setConsoleModuleEnabled, } from './customHooks/consoleLogger';
|
|
13
|
-
import { IGNORED_LOG_PREFIXES } from './customHooks/logFilters';
|
|
14
|
-
import { setupGlobalCrashHandler, subscribeCrashEvents, getCrashRecords, clearCrashRecords, setMaxCrashLogsLimit, setCrashModuleEnabled, } from './customHooks/crashHandler';
|
|
15
|
-
import { trackActiveTelemetryHeartbeat, setTelemetryEnabled, trackInspectorTabView, trackInspectorScreenView, } from './helpers/telemetry';
|
|
16
|
-
import { subscribeAnalyticsEvents, clearAnalyticsEvents, autoSetupAnalyticsLogger, isAnalyticsConnected, setAnalyticsModuleEnabled, } from './customHooks/analyticsLogger';
|
|
17
|
-
import { getReduxState, subscribeReduxState, setReduxAutoRefresh, getLastActionForReducer, clearActionHistory, isReduxConnected, setReduxModuleEnabled, } from './customHooks/reduxLogger';
|
|
18
|
-
import { setPerformanceModuleEnabled } from './customHooks/performanceTracker';
|
|
19
|
-
import { setBundleModuleEnabled } from './customHooks/bundleAnalyzer';
|
|
20
|
-
import { showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, isNativeModuleAvailable, } from './native/NativeInspector';
|
|
21
|
-
import { fetchRemoteConfigModuleStatus, } from './helpers/remoteConfig';
|
|
22
|
-
import { LIB_VERSION } from './constants';
|
|
23
|
-
import { toggleGlobalTheme } from './styles';
|
|
24
|
-
const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, remoteConfig, }) => {
|
|
25
|
-
setCustomStorage(storage || null);
|
|
26
|
-
const [isDark, setIsDark] = useState(false);
|
|
27
|
-
const [reduxState, setReduxState] = useState(null);
|
|
28
|
-
const [reduxLastActionMap, setReduxLastActionMap] = useState({});
|
|
29
|
-
const [modalHeightPercent, setModalHeightPercent] = useState(90);
|
|
30
|
-
const [modalAnimationType, setModalAnimationType] = useState('slide');
|
|
31
|
-
const [logs, setLogs] = useState([]);
|
|
32
|
-
const [visible, setVisible] = useState(controlledVisible ?? initialVisible ?? false);
|
|
33
|
-
useEffect(() => {
|
|
34
|
-
if (controlledVisible !== undefined) {
|
|
35
|
-
setVisible(controlledVisible);
|
|
36
|
-
}
|
|
37
|
-
}, [controlledVisible]);
|
|
38
|
-
const [isReady, setIsReady] = useState(false);
|
|
39
|
-
const [selected, setSelected] = useState(null);
|
|
40
|
-
const [selectedLogs, setSelectedLogs] = useState(new Set());
|
|
41
|
-
const [search, setSearch] = useState('');
|
|
42
|
-
const [searchScope, setSearchScope] = useState('all');
|
|
43
|
-
const [isRegexSearch, setIsRegexSearch] = useState(false);
|
|
44
|
-
const [isCaseSensitive, setIsCaseSensitive] = useState(false);
|
|
45
|
-
const [quickFilter, setQuickFilter] = useState('all');
|
|
46
|
-
const [detailSearch, setDetailSearch] = useState('');
|
|
47
|
-
const [reduxSearch, setReduxSearch] = useState('');
|
|
48
|
-
const [selectedReduxSlice, setSelectedReduxSlice] = useState(null);
|
|
49
|
-
const [selectedReduxAction, setSelectedReduxAction] = useState(null);
|
|
50
|
-
const [reduxActiveSubTab, setReduxActiveSubTab] = useState('state');
|
|
51
|
-
const [apiDetailActiveTab, setApiDetailActiveTab] = useState('response');
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
LogBox.ignoreAllLogs(enabled);
|
|
54
|
-
return () => {
|
|
55
|
-
LogBox.ignoreAllLogs(false);
|
|
56
|
-
};
|
|
57
|
-
}, [enabled]);
|
|
58
|
-
useEffect(() => {
|
|
59
|
-
if (selected) {
|
|
60
|
-
setApiDetailActiveTab('response');
|
|
61
|
-
setDetailSearch('');
|
|
62
|
-
}
|
|
63
|
-
}, [selected]);
|
|
64
|
-
const [statusFilters, setStatusFilters] = useState(new Set());
|
|
65
|
-
const [methodFilters, setMethodFilters] = useState(new Set());
|
|
66
|
-
const [sectionFilters, setSectionFilters] = useState({});
|
|
67
|
-
const [collapsedSections, setCollapsedSections] = useState(new Set());
|
|
68
|
-
const [showHeaderInfo, setShowHeaderInfo] = useState(true);
|
|
69
|
-
const [sortOrder, setSortOrder] = useState('newest');
|
|
70
|
-
const [logSortOrder, setLogSortOrder] = useState('newest');
|
|
71
|
-
const [reqExpanded, setReqExpanded] = useState(true);
|
|
72
|
-
const [resExpanded, setResExpanded] = useState(true);
|
|
73
|
-
const [showReqDiff, setShowReqDiff] = useState(false);
|
|
74
|
-
const [showResDiff, setShowResDiff] = useState(false);
|
|
75
|
-
const [activeTab, setActiveTab] = useState('apis');
|
|
76
|
-
const [analyticsEvents, setAnalyticsEvents] = useState([]);
|
|
77
|
-
const [consoleLogs, setConsoleLogs] = useState([]);
|
|
78
|
-
const [selectedLog, setSelectedLog] = useState(null);
|
|
79
|
-
const [isNetworkPaused, setIsNetworkPaused] = useState(false);
|
|
80
|
-
const isNetworkPausedRef = useRef(isNetworkPaused);
|
|
81
|
-
isNetworkPausedRef.current = isNetworkPaused;
|
|
82
|
-
const latestNetworkLogsRef = useRef([]);
|
|
83
|
-
const [isConsolePaused, setIsConsolePaused] = useState(false);
|
|
84
|
-
const isConsolePausedRef = useRef(isConsolePaused);
|
|
85
|
-
isConsolePausedRef.current = isConsolePaused;
|
|
86
|
-
const latestConsoleLogsRef = useRef([]);
|
|
87
|
-
const [isAnalyticsPaused, setIsAnalyticsPaused] = useState(false);
|
|
88
|
-
const isAnalyticsPausedRef = useRef(isAnalyticsPaused);
|
|
89
|
-
isAnalyticsPausedRef.current = isAnalyticsPaused;
|
|
90
|
-
const latestAnalyticsEventsRef = useRef([]);
|
|
91
|
-
const [lastReadLogsCount, setLastReadLogsCount] = useState(0);
|
|
92
|
-
const [lastReadApisCount, setLastReadApisCount] = useState(0);
|
|
93
|
-
const [lastReadCrashesCount, setLastReadCrashesCount] = useState(0);
|
|
94
|
-
const [crashRecords, setCrashRecords] = useState(() => getCrashRecords());
|
|
95
|
-
const [selectedCrash, setSelectedCrash] = useState(null);
|
|
96
|
-
const [maxCrashLogs, setMaxCrashLogs] = useState(50);
|
|
97
|
-
useEffect(() => {
|
|
98
|
-
setMaxCrashLogsLimit(maxCrashLogs);
|
|
99
|
-
}, [maxCrashLogs]);
|
|
100
|
-
useEffect(() => {
|
|
101
|
-
if (visible) {
|
|
102
|
-
if (activeTab === 'apis') {
|
|
103
|
-
setLastReadApisCount(logs.length);
|
|
104
|
-
}
|
|
105
|
-
if (activeTab === 'logs') {
|
|
106
|
-
setLastReadLogsCount(consoleLogs.length);
|
|
107
|
-
}
|
|
108
|
-
if (activeTab === 'crash') {
|
|
109
|
-
setLastReadCrashesCount(crashRecords.length);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}, [visible]);
|
|
113
|
-
useEffect(() => {
|
|
114
|
-
if (activeTab === 'apis') {
|
|
115
|
-
setLastReadApisCount(logs.length);
|
|
116
|
-
}
|
|
117
|
-
}, [activeTab, logs.length]);
|
|
118
|
-
useEffect(() => {
|
|
119
|
-
if (activeTab === 'logs') {
|
|
120
|
-
setLastReadLogsCount(consoleLogs.length);
|
|
121
|
-
}
|
|
122
|
-
}, [activeTab, consoleLogs.length]);
|
|
123
|
-
useEffect(() => {
|
|
124
|
-
if (activeTab === 'crash') {
|
|
125
|
-
setLastReadCrashesCount(crashRecords.length);
|
|
126
|
-
}
|
|
127
|
-
}, [activeTab, crashRecords.length]);
|
|
128
|
-
const [maxConsoleLogs, setMaxConsoleLogs] = useState(100);
|
|
129
|
-
const [showConsoleLevels, setShowConsoleLevels] = useState({
|
|
130
|
-
info: true,
|
|
131
|
-
warn: true,
|
|
132
|
-
error: true,
|
|
133
|
-
});
|
|
134
|
-
const visibleConsoleLogs = useMemo(() => {
|
|
135
|
-
const filtered = consoleLogs.filter(log => {
|
|
136
|
-
const type = log.type;
|
|
137
|
-
if (type === 'info' && !showConsoleLevels?.info)
|
|
138
|
-
return false;
|
|
139
|
-
if (type === 'warn' && !showConsoleLevels?.warn)
|
|
140
|
-
return false;
|
|
141
|
-
if (type === 'error' && !showConsoleLevels?.error)
|
|
142
|
-
return false;
|
|
143
|
-
const message = log.message || '';
|
|
144
|
-
const allPrefixes = [
|
|
145
|
-
...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.info) || []),
|
|
146
|
-
...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.warn) || []),
|
|
147
|
-
...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.error) || []),
|
|
148
|
-
].filter(p => typeof p === 'string' && p.trim().length > 0);
|
|
149
|
-
const isIgnored = allPrefixes.some(prefix => message
|
|
150
|
-
.toLowerCase()
|
|
151
|
-
.trim()
|
|
152
|
-
.startsWith(prefix.toLowerCase().trim()) ||
|
|
153
|
-
message.toLowerCase().trim().includes(prefix.toLowerCase().trim()));
|
|
154
|
-
return !isIgnored;
|
|
155
|
-
});
|
|
156
|
-
return filtered.slice(0, maxConsoleLogs);
|
|
157
|
-
}, [consoleLogs, showConsoleLevels, maxConsoleLogs]);
|
|
158
|
-
const [logSearch, setLogSearch] = useState('');
|
|
159
|
-
const [logFilters, setLogFilters] = useState(new Set(['all']));
|
|
160
|
-
const [settingsPage, setSettingsPage] = useState(null);
|
|
161
|
-
const [isFeedbackOpen, setIsFeedbackOpen] = useState(false);
|
|
162
|
-
const [settingsActiveSubTab, setSettingsActiveSubTab] = useState('module');
|
|
163
|
-
const [tabVisibility, setTabVisibility] = useState({
|
|
164
|
-
apis: true,
|
|
165
|
-
logs: true,
|
|
166
|
-
analytics: false,
|
|
167
|
-
redux: false,
|
|
168
|
-
bundle: false,
|
|
169
|
-
performance: false,
|
|
170
|
-
crash: false,
|
|
171
|
-
device: false,
|
|
172
|
-
storage: false,
|
|
173
|
-
debugging: false,
|
|
174
|
-
});
|
|
175
|
-
const [maxNetworkLogs, setMaxNetworkLogs] = useState(250);
|
|
176
|
-
const [maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit] = useState(150);
|
|
177
|
-
const [isAutoRamLimitEnabled, setIsAutoRamLimitEnabled] = useState(true);
|
|
178
|
-
const [deviceFreeRamMb, setDeviceFreeRamMb] = useState(1800);
|
|
179
|
-
const [reduxAutoRefresh, setReduxAutoRefreshState] = useState(true);
|
|
180
|
-
const [reduxExpandDepth, setReduxExpandDepth] = useState(1);
|
|
181
|
-
const [defaultTab, setDefaultTab] = useState('apis');
|
|
182
|
-
const [showDuplicateLogs, setShowDuplicateLogs] = useState(false);
|
|
183
|
-
const [showUpdateToast, setShowUpdateToast] = useState(true);
|
|
184
|
-
useEffect(() => {
|
|
185
|
-
setNetworkModuleEnabled(!!tabVisibility.apis);
|
|
186
|
-
setConsoleModuleEnabled(!!tabVisibility.logs);
|
|
187
|
-
setAnalyticsModuleEnabled(!!tabVisibility.analytics);
|
|
188
|
-
setReduxModuleEnabled(!!tabVisibility.redux);
|
|
189
|
-
setPerformanceModuleEnabled(!!tabVisibility.performance);
|
|
190
|
-
setCrashModuleEnabled(!!tabVisibility.crash);
|
|
191
|
-
setBundleModuleEnabled(!!tabVisibility.bundle);
|
|
192
|
-
}, [tabVisibility]);
|
|
193
|
-
useEffect(() => {
|
|
194
|
-
getNativeSystemMetrics()
|
|
195
|
-
.then(metrics => {
|
|
196
|
-
if (metrics) {
|
|
197
|
-
const freeRam = metrics.totalPhysicalRamMb - metrics.residentRamMb;
|
|
198
|
-
const freeMb = Math.max(200, Math.round(freeRam > 0 ? freeRam : 1500));
|
|
199
|
-
setDeviceFreeRamMb(freeMb);
|
|
200
|
-
if (isAutoRamLimitEnabled) {
|
|
201
|
-
const profile = calculateRamBasedLimits(freeMb);
|
|
202
|
-
setMaxNetworkLogs(profile.maxNetworkLogs);
|
|
203
|
-
setMaxConsoleLogs(profile.maxConsoleLogs);
|
|
204
|
-
setMaxAnalyticsEventsLimit(profile.maxAnalyticsEvents);
|
|
205
|
-
setMaxCrashLogs(profile.maxCrashRecords);
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
})
|
|
209
|
-
.catch(() => { });
|
|
210
|
-
}, [isAutoRamLimitEnabled]);
|
|
211
|
-
const resetToDefaults = async () => {
|
|
212
|
-
await clearPersistedSettings();
|
|
213
|
-
setIsDark(false);
|
|
214
|
-
toggleGlobalTheme(false);
|
|
215
|
-
setModalHeightPercent(90);
|
|
216
|
-
setModalAnimationType('slide');
|
|
217
|
-
setTabVisibility({
|
|
218
|
-
apis: true,
|
|
219
|
-
logs: true,
|
|
220
|
-
analytics: false,
|
|
221
|
-
redux: false,
|
|
222
|
-
bundle: false,
|
|
223
|
-
performance: false,
|
|
224
|
-
crash: false,
|
|
225
|
-
device: false,
|
|
226
|
-
storage: false,
|
|
227
|
-
debugging: false,
|
|
228
|
-
});
|
|
229
|
-
setDefaultTab('apis');
|
|
230
|
-
setIsAutoRamLimitEnabled(true);
|
|
231
|
-
const profile = calculateRamBasedLimits(deviceFreeRamMb);
|
|
232
|
-
setMaxCrashLogs(profile.maxCrashRecords);
|
|
233
|
-
setMaxNetworkLogs(profile.maxNetworkLogs);
|
|
234
|
-
setMaxConsoleLogs(profile.maxConsoleLogs);
|
|
235
|
-
setMaxAnalyticsEventsLimit(profile.maxAnalyticsEvents);
|
|
236
|
-
setShowConsoleLevels({
|
|
237
|
-
info: true,
|
|
238
|
-
warn: true,
|
|
239
|
-
error: true,
|
|
240
|
-
});
|
|
241
|
-
setReduxAutoRefreshState(true);
|
|
242
|
-
setReduxExpandDepth(1);
|
|
243
|
-
setShowDuplicateLogs(false);
|
|
244
|
-
setShowUpdateToast(true);
|
|
245
|
-
Alert.alert('Settings Reset', 'All settings have been reset to default values.');
|
|
246
|
-
};
|
|
247
|
-
const settingsHydratedRef = useRef(false);
|
|
248
|
-
useEffect(() => {
|
|
249
|
-
let cancelled = false;
|
|
250
|
-
loadSettings().then(saved => {
|
|
251
|
-
if (cancelled)
|
|
252
|
-
return;
|
|
253
|
-
if (saved.isDark != null) {
|
|
254
|
-
setIsDark(saved.isDark);
|
|
255
|
-
toggleGlobalTheme(saved.isDark);
|
|
256
|
-
}
|
|
257
|
-
if (saved.modalHeightPercent != null)
|
|
258
|
-
setModalHeightPercent(saved.modalHeightPercent);
|
|
259
|
-
if (saved.modalAnimationType)
|
|
260
|
-
setModalAnimationType(saved.modalAnimationType);
|
|
261
|
-
if (saved.tabVisibility)
|
|
262
|
-
setTabVisibility(prev => ({
|
|
263
|
-
...prev,
|
|
264
|
-
...saved.tabVisibility,
|
|
265
|
-
apis: true,
|
|
266
|
-
}));
|
|
267
|
-
if (saved.defaultTab)
|
|
268
|
-
setDefaultTab(saved.defaultTab);
|
|
269
|
-
if (saved.isAutoRamLimitEnabled != null)
|
|
270
|
-
setIsAutoRamLimitEnabled(saved.isAutoRamLimitEnabled);
|
|
271
|
-
if (saved.maxNetworkLogs != null)
|
|
272
|
-
setMaxNetworkLogs(saved.maxNetworkLogs);
|
|
273
|
-
if (saved.maxConsoleLogs != null)
|
|
274
|
-
setMaxConsoleLogs(saved.maxConsoleLogs);
|
|
275
|
-
if (saved.maxAnalyticsEventsLimit != null)
|
|
276
|
-
setMaxAnalyticsEventsLimit(saved.maxAnalyticsEventsLimit);
|
|
277
|
-
if (saved.maxCrashLogs != null)
|
|
278
|
-
setMaxCrashLogs(saved.maxCrashLogs);
|
|
279
|
-
if (saved.showConsoleLevels)
|
|
280
|
-
setShowConsoleLevels(saved.showConsoleLevels);
|
|
281
|
-
if (saved.reduxAutoRefresh != null)
|
|
282
|
-
setReduxAutoRefreshState(saved.reduxAutoRefresh);
|
|
283
|
-
if (saved.reduxExpandDepth != null)
|
|
284
|
-
setReduxExpandDepth(saved.reduxExpandDepth);
|
|
285
|
-
if (saved.showDuplicateLogs != null)
|
|
286
|
-
setShowDuplicateLogs(saved.showDuplicateLogs);
|
|
287
|
-
if (saved.showUpdateToast != null)
|
|
288
|
-
setShowUpdateToast(saved.showUpdateToast);
|
|
289
|
-
if (saved.defaultTab) {
|
|
290
|
-
const dt = saved.defaultTab;
|
|
291
|
-
const vis = {
|
|
292
|
-
...{
|
|
293
|
-
apis: true,
|
|
294
|
-
logs: true,
|
|
295
|
-
analytics: false,
|
|
296
|
-
redux: false,
|
|
297
|
-
bundle: false,
|
|
298
|
-
performance: false,
|
|
299
|
-
crash: false,
|
|
300
|
-
device: false,
|
|
301
|
-
storage: false,
|
|
302
|
-
},
|
|
303
|
-
...(saved.tabVisibility || {}),
|
|
304
|
-
apis: true,
|
|
305
|
-
};
|
|
306
|
-
setActiveTab(vis[dt] ? dt : 'apis');
|
|
307
|
-
}
|
|
308
|
-
settingsHydratedRef.current = true;
|
|
309
|
-
});
|
|
310
|
-
return () => {
|
|
311
|
-
cancelled = true;
|
|
312
|
-
};
|
|
313
|
-
}, []);
|
|
314
|
-
useEffect(() => {
|
|
315
|
-
let isMounted = true;
|
|
316
|
-
if (remoteConfig === false)
|
|
317
|
-
return;
|
|
318
|
-
fetchRemoteConfigModuleStatus(typeof remoteConfig === 'object' ? remoteConfig : undefined)
|
|
319
|
-
.then(remoteModules => {
|
|
320
|
-
if (isMounted && remoteModules) {
|
|
321
|
-
setTabVisibility(prev => ({
|
|
322
|
-
...prev,
|
|
323
|
-
...remoteModules,
|
|
324
|
-
apis: remoteModules.apis ?? true,
|
|
325
|
-
}));
|
|
326
|
-
}
|
|
327
|
-
})
|
|
328
|
-
.catch(() => { });
|
|
329
|
-
return () => {
|
|
330
|
-
isMounted = false;
|
|
331
|
-
};
|
|
332
|
-
}, [remoteConfig]);
|
|
333
|
-
useEffect(() => {
|
|
334
|
-
if (!settingsHydratedRef.current)
|
|
335
|
-
return;
|
|
336
|
-
saveSettings({
|
|
337
|
-
isDark,
|
|
338
|
-
modalHeightPercent,
|
|
339
|
-
modalAnimationType,
|
|
340
|
-
tabVisibility,
|
|
341
|
-
defaultTab,
|
|
342
|
-
maxNetworkLogs,
|
|
343
|
-
maxConsoleLogs,
|
|
344
|
-
maxAnalyticsEventsLimit,
|
|
345
|
-
maxCrashLogs,
|
|
346
|
-
isAutoRamLimitEnabled,
|
|
347
|
-
showConsoleLevels,
|
|
348
|
-
reduxAutoRefresh,
|
|
349
|
-
reduxExpandDepth,
|
|
350
|
-
showDuplicateLogs,
|
|
351
|
-
showUpdateToast,
|
|
352
|
-
});
|
|
353
|
-
}, [
|
|
354
|
-
isDark,
|
|
355
|
-
modalHeightPercent,
|
|
356
|
-
modalAnimationType,
|
|
357
|
-
tabVisibility,
|
|
358
|
-
defaultTab,
|
|
359
|
-
maxNetworkLogs,
|
|
360
|
-
maxConsoleLogs,
|
|
361
|
-
maxAnalyticsEventsLimit,
|
|
362
|
-
maxCrashLogs,
|
|
363
|
-
isAutoRamLimitEnabled,
|
|
364
|
-
showConsoleLevels,
|
|
365
|
-
reduxAutoRefresh,
|
|
366
|
-
reduxExpandDepth,
|
|
367
|
-
showDuplicateLogs,
|
|
368
|
-
]);
|
|
369
|
-
const [latestNpmVersion, setLatestNpmVersion] = useState(null);
|
|
370
|
-
const updateAvailable = useMemo(() => {
|
|
371
|
-
if (!latestNpmVersion)
|
|
372
|
-
return false;
|
|
373
|
-
const parse = (v) => v
|
|
374
|
-
.replace(/^v/, '')
|
|
375
|
-
.split('.')
|
|
376
|
-
.map(n => parseInt(n, 10) || 0);
|
|
377
|
-
const cur = parse(LIB_VERSION);
|
|
378
|
-
const latest = parse(latestNpmVersion);
|
|
379
|
-
for (let i = 0; i < 3; i++) {
|
|
380
|
-
if ((latest[i] || 0) > (cur[i] || 0))
|
|
381
|
-
return true;
|
|
382
|
-
if ((latest[i] || 0) < (cur[i] || 0))
|
|
383
|
-
return false;
|
|
384
|
-
}
|
|
385
|
-
return false;
|
|
386
|
-
}, [latestNpmVersion]);
|
|
387
|
-
useEffect(() => {
|
|
388
|
-
if (typeof __DEV__ === 'undefined' || !__DEV__) {
|
|
389
|
-
return;
|
|
390
|
-
}
|
|
391
|
-
let cancelled = false;
|
|
392
|
-
fetch('https://registry.npmjs.org/react-native-inapp-inspector/latest')
|
|
393
|
-
.then(res => (res.ok ? res.json() : null))
|
|
394
|
-
.then(data => {
|
|
395
|
-
if (!cancelled && data && typeof data.version === 'string') {
|
|
396
|
-
setLatestNpmVersion(data.version);
|
|
397
|
-
}
|
|
398
|
-
})
|
|
399
|
-
.catch(() => {
|
|
400
|
-
});
|
|
401
|
-
return () => {
|
|
402
|
-
cancelled = true;
|
|
403
|
-
};
|
|
404
|
-
}, []);
|
|
405
|
-
useEffect(() => {
|
|
406
|
-
setReduxAutoRefresh(reduxAutoRefresh);
|
|
407
|
-
}, [reduxAutoRefresh]);
|
|
408
|
-
useEffect(() => {
|
|
409
|
-
if (activeTab === 'redux' && !isReduxConnected()) {
|
|
410
|
-
setActiveTab('apis');
|
|
411
|
-
}
|
|
412
|
-
if (activeTab === 'analytics' && !isAnalyticsConnected()) {
|
|
413
|
-
setActiveTab('apis');
|
|
414
|
-
}
|
|
415
|
-
}, [activeTab]);
|
|
416
|
-
const toggleTabVisibility = (key) => {
|
|
417
|
-
if (key === 'apis')
|
|
418
|
-
return;
|
|
419
|
-
if (key === 'redux' && !isReduxConnected())
|
|
420
|
-
return;
|
|
421
|
-
if (key === 'analytics' && !isAnalyticsConnected())
|
|
422
|
-
return;
|
|
423
|
-
setTabVisibility(prev => {
|
|
424
|
-
const nextVal = !prev[key];
|
|
425
|
-
const newVisibility = { ...prev, [key]: nextVal };
|
|
426
|
-
if (!nextVal && activeTab === key) {
|
|
427
|
-
animateNextLayout();
|
|
428
|
-
setActiveTab('apis');
|
|
429
|
-
}
|
|
430
|
-
if (!nextVal && defaultTab === key) {
|
|
431
|
-
setDefaultTab('apis');
|
|
432
|
-
}
|
|
433
|
-
return newVisibility;
|
|
434
|
-
});
|
|
435
|
-
};
|
|
436
|
-
const loadNativePage = useCallback(async (tabKey, query = '') => {
|
|
437
|
-
if (tabKey === 'apis' || tabKey === 'logs' || tabKey === 'analytics' || tabKey === 'crash') {
|
|
438
|
-
const pageData = await fetchNativeCachedPage(tabKey, 0, 100, query);
|
|
439
|
-
if (pageData && pageData.items && pageData.items.length > 0) {
|
|
440
|
-
if (tabKey === 'apis')
|
|
441
|
-
setLogs(pageData.items);
|
|
442
|
-
else if (tabKey === 'logs')
|
|
443
|
-
setConsoleLogs(pageData.items);
|
|
444
|
-
else if (tabKey === 'analytics')
|
|
445
|
-
setAnalyticsEvents(pageData.items);
|
|
446
|
-
else if (tabKey === 'crash')
|
|
447
|
-
setCrashRecords(pageData.items);
|
|
448
|
-
}
|
|
449
|
-
}
|
|
450
|
-
}, []);
|
|
451
|
-
const switchActiveTab = useCallback((key) => {
|
|
452
|
-
if (key === 'redux' && !isReduxConnected())
|
|
453
|
-
return;
|
|
454
|
-
if (key === 'analytics' && !isAnalyticsConnected())
|
|
455
|
-
return;
|
|
456
|
-
setSelected(null);
|
|
457
|
-
setSelectedEvent(null);
|
|
458
|
-
setSelectedLog(null);
|
|
459
|
-
setSelectedReduxSlice(null);
|
|
460
|
-
setSelectedReduxAction(null);
|
|
461
|
-
setSelectedCrash(null);
|
|
462
|
-
if (typeof React.startTransition === 'function') {
|
|
463
|
-
React.startTransition(() => {
|
|
464
|
-
setActiveTab(key);
|
|
465
|
-
loadNativePage(key);
|
|
466
|
-
});
|
|
467
|
-
}
|
|
468
|
-
else {
|
|
469
|
-
setActiveTab(key);
|
|
470
|
-
loadNativePage(key);
|
|
471
|
-
}
|
|
472
|
-
trackInspectorTabView(key);
|
|
473
|
-
}, [loadNativePage]);
|
|
474
|
-
const [selectedEvent, setSelectedEvent] = useState(null);
|
|
475
|
-
const [analyticsSearch, setAnalyticsSearch] = useState('');
|
|
476
|
-
const [analyticsFilters, setAnalyticsFilters] = useState({
|
|
477
|
-
categories: new Set(['all']),
|
|
478
|
-
screens: new Set(),
|
|
479
|
-
sources: new Set(['all']),
|
|
480
|
-
userTypes: new Set(['all']),
|
|
481
|
-
timeWindow: 'all',
|
|
482
|
-
payloadComplexity: 'all',
|
|
483
|
-
hasRevenue: false,
|
|
484
|
-
hasItems: false,
|
|
485
|
-
hasUserProps: false,
|
|
486
|
-
hasParams: false,
|
|
487
|
-
onlyDuplicates: false,
|
|
488
|
-
onlyConversions: false,
|
|
489
|
-
sortBy: 'time_desc',
|
|
490
|
-
});
|
|
491
|
-
const isAnalyticsFilterApplied = useMemo(() => {
|
|
492
|
-
if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all'))
|
|
493
|
-
return true;
|
|
494
|
-
if (analyticsFilters.screens.size > 0)
|
|
495
|
-
return true;
|
|
496
|
-
if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all'))
|
|
497
|
-
return true;
|
|
498
|
-
if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all'))
|
|
499
|
-
return true;
|
|
500
|
-
if (analyticsFilters.timeWindow !== 'all')
|
|
501
|
-
return true;
|
|
502
|
-
if (analyticsFilters.payloadComplexity !== 'all')
|
|
503
|
-
return true;
|
|
504
|
-
if (analyticsFilters.hasRevenue)
|
|
505
|
-
return true;
|
|
506
|
-
if (analyticsFilters.hasItems)
|
|
507
|
-
return true;
|
|
508
|
-
if (analyticsFilters.hasUserProps)
|
|
509
|
-
return true;
|
|
510
|
-
if (analyticsFilters.hasParams)
|
|
511
|
-
return true;
|
|
512
|
-
if (analyticsFilters.onlyDuplicates)
|
|
513
|
-
return true;
|
|
514
|
-
if (analyticsFilters.onlyConversions)
|
|
515
|
-
return true;
|
|
516
|
-
if (analyticsFilters.sortBy !== 'time_desc')
|
|
517
|
-
return true;
|
|
518
|
-
return false;
|
|
519
|
-
}, [analyticsFilters]);
|
|
520
|
-
const resetAnalyticsFilters = useCallback(() => {
|
|
521
|
-
setAnalyticsFilters({
|
|
522
|
-
categories: new Set(['all']),
|
|
523
|
-
screens: new Set(),
|
|
524
|
-
sources: new Set(['all']),
|
|
525
|
-
userTypes: new Set(['all']),
|
|
526
|
-
timeWindow: 'all',
|
|
527
|
-
payloadComplexity: 'all',
|
|
528
|
-
hasRevenue: false,
|
|
529
|
-
hasItems: false,
|
|
530
|
-
hasUserProps: false,
|
|
531
|
-
hasParams: false,
|
|
532
|
-
onlyDuplicates: false,
|
|
533
|
-
onlyConversions: false,
|
|
534
|
-
sortBy: 'time_desc',
|
|
535
|
-
});
|
|
536
|
-
}, []);
|
|
537
|
-
const [isAnalyticsLayoutReady, setIsAnalyticsLayoutReady] = useState(false);
|
|
538
|
-
const [analyticsHeaderExpanded, setAnalyticsHeaderExpanded] = useState(false);
|
|
539
|
-
const [newEventIds, setNewEventIds] = useState(new Set());
|
|
540
|
-
const prevEventIdsRef = useRef(new Set());
|
|
541
|
-
const [navState, setNavState] = useState(null);
|
|
542
|
-
const navigationContext = React.useContext(NavigationContext);
|
|
543
|
-
const hasNavigationContext = navigationContext !== undefined;
|
|
544
|
-
const currentRouteRef = useRef({
|
|
545
|
-
path: '',
|
|
546
|
-
params: null,
|
|
547
|
-
});
|
|
548
|
-
useEffect(() => {
|
|
549
|
-
setRouteInfoProvider(() => currentRouteRef.current);
|
|
550
|
-
return () => {
|
|
551
|
-
setRouteInfoProvider(null);
|
|
552
|
-
};
|
|
553
|
-
}, []);
|
|
554
|
-
useEffect(() => {
|
|
555
|
-
if (navState) {
|
|
556
|
-
const info = getNavigationInfo(navState);
|
|
557
|
-
if (info?.path) {
|
|
558
|
-
currentRouteRef.current = info;
|
|
559
|
-
}
|
|
560
|
-
}
|
|
561
|
-
}, [navState]);
|
|
562
|
-
useEffect(() => {
|
|
563
|
-
if (!navigationRef)
|
|
564
|
-
return;
|
|
565
|
-
const updateState = () => {
|
|
566
|
-
try {
|
|
567
|
-
if (typeof navigationRef.isReady === 'function' && navigationRef.isReady()) {
|
|
568
|
-
const currentRoute = typeof navigationRef.getCurrentRoute === 'function'
|
|
569
|
-
? navigationRef.getCurrentRoute()
|
|
570
|
-
: null;
|
|
571
|
-
if (currentRoute?.name) {
|
|
572
|
-
currentRouteRef.current = {
|
|
573
|
-
path: currentRoute.name,
|
|
574
|
-
params: currentRoute.params || null,
|
|
575
|
-
};
|
|
576
|
-
}
|
|
577
|
-
const state = navigationRef.getRootState();
|
|
578
|
-
if (state) {
|
|
579
|
-
setNavState(state);
|
|
580
|
-
const routeInfo = getNavigationInfo(state);
|
|
581
|
-
if (routeInfo?.path) {
|
|
582
|
-
currentRouteRef.current = routeInfo;
|
|
583
|
-
}
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
|
-
}
|
|
587
|
-
catch (err) {
|
|
588
|
-
}
|
|
589
|
-
};
|
|
590
|
-
updateState();
|
|
591
|
-
const unsubscribe = typeof navigationRef.addListener === 'function'
|
|
592
|
-
? navigationRef.addListener('state', () => {
|
|
593
|
-
updateState();
|
|
594
|
-
})
|
|
595
|
-
: null;
|
|
596
|
-
return () => {
|
|
597
|
-
if (unsubscribe) {
|
|
598
|
-
unsubscribe();
|
|
599
|
-
}
|
|
600
|
-
};
|
|
601
|
-
}, [navigationRef]);
|
|
602
|
-
const logRouteMapRef = useRef(new Map());
|
|
603
|
-
const prevLogIdsRef = useRef(new Set());
|
|
604
|
-
const [newLogIds, setNewLogIds] = useState(new Set());
|
|
605
|
-
const pulseAnim = useRef(new Animated.Value(1)).current;
|
|
606
|
-
const activePulseAnim = useRef(new Animated.Value(0.4)).current;
|
|
607
|
-
const unreadPulseAnim = useRef(new Animated.Value(1)).current;
|
|
608
|
-
const fabShineAnim = useRef(new Animated.Value(0)).current;
|
|
609
|
-
const clearAnim = useRef(new Animated.Value(0)).current;
|
|
610
|
-
const fabPan = useRef(new Animated.ValueXY({ x: 0, y: 0 })).current;
|
|
611
|
-
const fabPanRef = useRef({ x: 0, y: 0 });
|
|
612
|
-
useEffect(() => {
|
|
613
|
-
const idX = fabPan.x.addListener(v => (fabPanRef.current.x = v.value));
|
|
614
|
-
const idY = fabPan.y.addListener(v => (fabPanRef.current.y = v.value));
|
|
615
|
-
return () => {
|
|
616
|
-
fabPan.x.removeListener(idX);
|
|
617
|
-
fabPan.y.removeListener(idY);
|
|
618
|
-
};
|
|
619
|
-
}, [fabPan]);
|
|
620
|
-
const fabDraggedRef = useRef(false);
|
|
621
|
-
const fabPanResponder = useRef(PanResponder.create({
|
|
622
|
-
onStartShouldSetPanResponder: () => false,
|
|
623
|
-
onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 4 || Math.abs(g.dy) > 4,
|
|
624
|
-
onPanResponderGrant: () => {
|
|
625
|
-
fabDraggedRef.current = true;
|
|
626
|
-
fabPan.setOffset({
|
|
627
|
-
x: fabPanRef.current.x,
|
|
628
|
-
y: fabPanRef.current.y,
|
|
629
|
-
});
|
|
630
|
-
fabPan.setValue({ x: 0, y: 0 });
|
|
631
|
-
},
|
|
632
|
-
onPanResponderMove: Animated.event([null, { dx: fabPan.x, dy: fabPan.y }], {
|
|
633
|
-
useNativeDriver: false,
|
|
634
|
-
}),
|
|
635
|
-
onPanResponderRelease: () => {
|
|
636
|
-
fabPan.flattenOffset();
|
|
637
|
-
setTimeout(() => {
|
|
638
|
-
fabDraggedRef.current = false;
|
|
639
|
-
}, 50);
|
|
640
|
-
},
|
|
641
|
-
onPanResponderTerminate: () => {
|
|
642
|
-
fabPan.flattenOffset();
|
|
643
|
-
fabDraggedRef.current = false;
|
|
644
|
-
},
|
|
645
|
-
})).current;
|
|
646
|
-
const runClearAllWithAnimation = useCallback(() => {
|
|
647
|
-
Animated.sequence([
|
|
648
|
-
Animated.timing(clearAnim, {
|
|
649
|
-
toValue: 1,
|
|
650
|
-
duration: 320,
|
|
651
|
-
useNativeDriver: false,
|
|
652
|
-
}),
|
|
653
|
-
Animated.timing(clearAnim, {
|
|
654
|
-
toValue: 0,
|
|
655
|
-
duration: 0,
|
|
656
|
-
useNativeDriver: false,
|
|
657
|
-
}),
|
|
658
|
-
]).start();
|
|
659
|
-
handleClearAll();
|
|
660
|
-
}, [clearAnim]);
|
|
661
|
-
useEffect(() => {
|
|
662
|
-
if (Platform.OS === 'android') {
|
|
663
|
-
UIManager.setLayoutAnimationEnabledExperimental?.(true);
|
|
664
|
-
}
|
|
665
|
-
}, []);
|
|
666
|
-
useEffect(() => {
|
|
667
|
-
if (visible)
|
|
668
|
-
return;
|
|
669
|
-
const loop = Animated.loop(Animated.sequence([
|
|
670
|
-
Animated.timing(pulseAnim, {
|
|
671
|
-
toValue: 1.2,
|
|
672
|
-
duration: 800,
|
|
673
|
-
useNativeDriver: false,
|
|
674
|
-
}),
|
|
675
|
-
Animated.timing(pulseAnim, {
|
|
676
|
-
toValue: 1,
|
|
677
|
-
duration: 800,
|
|
678
|
-
useNativeDriver: false,
|
|
679
|
-
}),
|
|
680
|
-
]));
|
|
681
|
-
loop.start();
|
|
682
|
-
return () => loop.stop();
|
|
683
|
-
}, [pulseAnim, visible]);
|
|
684
|
-
useEffect(() => {
|
|
685
|
-
if (visible)
|
|
686
|
-
return;
|
|
687
|
-
const loop = Animated.loop(Animated.sequence([
|
|
688
|
-
Animated.timing(fabShineAnim, {
|
|
689
|
-
toValue: 1,
|
|
690
|
-
duration: 1100,
|
|
691
|
-
useNativeDriver: false,
|
|
692
|
-
}),
|
|
693
|
-
Animated.delay(1600),
|
|
694
|
-
Animated.timing(fabShineAnim, {
|
|
695
|
-
toValue: 0,
|
|
696
|
-
duration: 0,
|
|
697
|
-
useNativeDriver: false,
|
|
698
|
-
}),
|
|
699
|
-
]));
|
|
700
|
-
loop.start();
|
|
701
|
-
return () => loop.stop();
|
|
702
|
-
}, [fabShineAnim, visible]);
|
|
703
|
-
useEffect(() => {
|
|
704
|
-
const loop = Animated.loop(Animated.sequence([
|
|
705
|
-
Animated.timing(activePulseAnim, {
|
|
706
|
-
toValue: 1,
|
|
707
|
-
duration: 1200,
|
|
708
|
-
useNativeDriver: false,
|
|
709
|
-
}),
|
|
710
|
-
Animated.timing(activePulseAnim, {
|
|
711
|
-
toValue: 0.4,
|
|
712
|
-
duration: 1200,
|
|
713
|
-
useNativeDriver: false,
|
|
714
|
-
}),
|
|
715
|
-
]));
|
|
716
|
-
loop.start();
|
|
717
|
-
return () => loop.stop();
|
|
718
|
-
}, [activePulseAnim]);
|
|
719
|
-
useEffect(() => {
|
|
720
|
-
const loop = Animated.loop(Animated.sequence([
|
|
721
|
-
Animated.timing(unreadPulseAnim, {
|
|
722
|
-
toValue: 1.3,
|
|
723
|
-
duration: 800,
|
|
724
|
-
useNativeDriver: false,
|
|
725
|
-
}),
|
|
726
|
-
Animated.timing(unreadPulseAnim, {
|
|
727
|
-
toValue: 0.8,
|
|
728
|
-
duration: 800,
|
|
729
|
-
useNativeDriver: false,
|
|
730
|
-
}),
|
|
731
|
-
]));
|
|
732
|
-
loop.start();
|
|
733
|
-
return () => loop.stop();
|
|
734
|
-
}, [unreadPulseAnim]);
|
|
735
|
-
const isNativeModule = useMemo(() => isNativeModuleAvailable(), []);
|
|
736
|
-
const useNativeFab = (Platform.OS === 'ios' || Platform.OS === 'android') && isNativeModule;
|
|
737
|
-
useEffect(() => {
|
|
738
|
-
if (!useNativeFab || !enabled) {
|
|
739
|
-
if (useNativeFab) {
|
|
740
|
-
hideNativeFloatingButton().catch(() => { });
|
|
741
|
-
}
|
|
742
|
-
return;
|
|
743
|
-
}
|
|
744
|
-
if (visible) {
|
|
745
|
-
hideNativeFloatingButton().catch(() => { });
|
|
746
|
-
}
|
|
747
|
-
else {
|
|
748
|
-
showNativeFloatingButton().catch(() => { });
|
|
749
|
-
setNativeFloatingButtonBadge(logs.length > 0 || analyticsEvents.length > 0).catch(() => { });
|
|
750
|
-
}
|
|
751
|
-
return () => {
|
|
752
|
-
if (useNativeFab) {
|
|
753
|
-
hideNativeFloatingButton().catch(() => { });
|
|
754
|
-
}
|
|
755
|
-
};
|
|
756
|
-
}, [
|
|
757
|
-
useNativeFab,
|
|
758
|
-
enabled,
|
|
759
|
-
visible,
|
|
760
|
-
logs.length,
|
|
761
|
-
analyticsEvents.length,
|
|
762
|
-
]);
|
|
763
|
-
useEffect(() => {
|
|
764
|
-
if (!useNativeFab)
|
|
765
|
-
return;
|
|
766
|
-
const unsubscribe = subscribeNativeFloatingButtonPress(() => {
|
|
767
|
-
hideNativeFloatingButton().catch(() => { });
|
|
768
|
-
setVisible(true);
|
|
769
|
-
});
|
|
770
|
-
return () => {
|
|
771
|
-
unsubscribe();
|
|
772
|
-
};
|
|
773
|
-
}, [useNativeFab]);
|
|
774
|
-
useEffect(() => {
|
|
775
|
-
if (!useNativeFab)
|
|
776
|
-
return;
|
|
777
|
-
const unsubscribe = subscribeNativeDeviceShake(() => {
|
|
778
|
-
setVisible(prev => {
|
|
779
|
-
const next = !prev;
|
|
780
|
-
if (next) {
|
|
781
|
-
hideNativeFloatingButton().catch(() => { });
|
|
782
|
-
}
|
|
783
|
-
return next;
|
|
784
|
-
});
|
|
785
|
-
});
|
|
786
|
-
return () => {
|
|
787
|
-
unsubscribe();
|
|
788
|
-
};
|
|
789
|
-
}, [useNativeFab]);
|
|
790
|
-
const isVisibleRefObj = useRef(visible);
|
|
791
|
-
useEffect(() => {
|
|
792
|
-
isVisibleRefObj.current = visible;
|
|
793
|
-
if (visible) {
|
|
794
|
-
trackInspectorScreenView('InspectorModal');
|
|
795
|
-
const target = defaultTab === 'apis' || tabVisibility?.[defaultTab]
|
|
796
|
-
? defaultTab
|
|
797
|
-
: 'apis';
|
|
798
|
-
setActiveTab(target);
|
|
799
|
-
trackInspectorTabView(target);
|
|
800
|
-
if (latestNetworkLogsRef.current.length > 0) {
|
|
801
|
-
const deduped = deduplicateLogs(latestNetworkLogsRef.current);
|
|
802
|
-
const incoming = new Set(deduped.map(l => l.id));
|
|
803
|
-
prevLogIdsRef.current = incoming;
|
|
804
|
-
setLogs(deduped);
|
|
805
|
-
}
|
|
806
|
-
if (latestConsoleLogsRef.current.length > 0) {
|
|
807
|
-
setConsoleLogs(latestConsoleLogsRef.current);
|
|
808
|
-
}
|
|
809
|
-
if (latestAnalyticsEventsRef.current.length > 0) {
|
|
810
|
-
setAnalyticsEvents(latestAnalyticsEventsRef.current);
|
|
811
|
-
}
|
|
812
|
-
const freshState = getReduxState();
|
|
813
|
-
if (freshState) {
|
|
814
|
-
setReduxState(typeof freshState === 'object' ? { ...freshState } : freshState);
|
|
815
|
-
setReduxLastActionMap({ ...getLastActionForReducer() });
|
|
816
|
-
}
|
|
817
|
-
const freshCrashes = getCrashRecords();
|
|
818
|
-
if (freshCrashes.length > 0) {
|
|
819
|
-
setCrashRecords(freshCrashes);
|
|
820
|
-
}
|
|
821
|
-
const frame = requestAnimationFrame(() => {
|
|
822
|
-
setIsReady(true);
|
|
823
|
-
});
|
|
824
|
-
return () => {
|
|
825
|
-
cancelAnimationFrame(frame);
|
|
826
|
-
};
|
|
827
|
-
}
|
|
828
|
-
else {
|
|
829
|
-
setIsReady(false);
|
|
830
|
-
setSelectedLogs(new Set());
|
|
831
|
-
}
|
|
832
|
-
}, [visible]);
|
|
833
|
-
useEffect(() => {
|
|
834
|
-
setupNetworkLogger();
|
|
835
|
-
clearNetworkLogs();
|
|
836
|
-
setupConsoleLogger();
|
|
837
|
-
autoSetupAnalyticsLogger();
|
|
838
|
-
setupGlobalCrashHandler();
|
|
839
|
-
const cleanupMemoryWarning = setupMemoryWarningHandler();
|
|
840
|
-
const isVisibleRef = isVisibleRefObj;
|
|
841
|
-
const unsubscribeCrash = subscribeCrashEvents(crashInfo => {
|
|
842
|
-
if (crashInfo.message === '__CLEARED__') {
|
|
843
|
-
setCrashRecords([]);
|
|
844
|
-
setSelectedCrash(null);
|
|
845
|
-
return;
|
|
846
|
-
}
|
|
847
|
-
const updated = getCrashRecords();
|
|
848
|
-
if (updated.length > 0) {
|
|
849
|
-
pushNativeLogRecord('crash', JSON.stringify(updated[0]));
|
|
850
|
-
}
|
|
851
|
-
if (isVisibleRef.current) {
|
|
852
|
-
setCrashRecords(updated);
|
|
853
|
-
}
|
|
854
|
-
});
|
|
855
|
-
const pendingCrashes = getCrashRecords();
|
|
856
|
-
if (pendingCrashes.length > 0) {
|
|
857
|
-
pendingCrashes.forEach(c => pushNativeLogRecord('crash', JSON.stringify(c)));
|
|
858
|
-
setCrashRecords(pendingCrashes);
|
|
859
|
-
}
|
|
860
|
-
let timeoutId;
|
|
861
|
-
let isFirstNetworkCall = true;
|
|
862
|
-
const unsubscribe = subscribeNetworkLogs((raw) => {
|
|
863
|
-
latestNetworkLogsRef.current = raw;
|
|
864
|
-
if (raw.length > 0) {
|
|
865
|
-
pushNativeLogRecord('apis', JSON.stringify(raw[0]));
|
|
866
|
-
}
|
|
867
|
-
if (isNetworkPausedRef.current)
|
|
868
|
-
return;
|
|
869
|
-
if (!isVisibleRef.current)
|
|
870
|
-
return;
|
|
871
|
-
clearTimeout(timeoutId);
|
|
872
|
-
const updateNetworkState = () => {
|
|
873
|
-
const deduped = deduplicateLogs(raw);
|
|
874
|
-
const incoming = new Set(deduped.map(l => l.id));
|
|
875
|
-
const freshIds = new Set();
|
|
876
|
-
incoming.forEach(id => {
|
|
877
|
-
if (!prevLogIdsRef.current.has(id))
|
|
878
|
-
freshIds.add(id);
|
|
879
|
-
});
|
|
880
|
-
prevLogIdsRef.current = incoming;
|
|
881
|
-
if (freshIds.size > 0) {
|
|
882
|
-
freshIds.forEach(id => {
|
|
883
|
-
if (!logRouteMapRef.current.has(id)) {
|
|
884
|
-
const matchedLog = deduped.find(l => l.id === id);
|
|
885
|
-
const resolvedRoute = matchedLog?.routeInfo || currentRouteRef.current;
|
|
886
|
-
logRouteMapRef.current.set(id, resolvedRoute);
|
|
887
|
-
}
|
|
888
|
-
});
|
|
889
|
-
setNewLogIds(freshIds);
|
|
890
|
-
setTimeout(() => setNewLogIds(new Set()), 1200);
|
|
891
|
-
}
|
|
892
|
-
setLogs(deduped);
|
|
893
|
-
};
|
|
894
|
-
if (isFirstNetworkCall) {
|
|
895
|
-
isFirstNetworkCall = false;
|
|
896
|
-
const deduped = deduplicateLogs(raw);
|
|
897
|
-
const incoming = new Set(deduped.map(l => l.id));
|
|
898
|
-
prevLogIdsRef.current = incoming;
|
|
899
|
-
deduped.forEach(l => {
|
|
900
|
-
if (!logRouteMapRef.current.has(l.id)) {
|
|
901
|
-
const resolvedRoute = l?.routeInfo || currentRouteRef.current;
|
|
902
|
-
logRouteMapRef.current.set(l.id, resolvedRoute);
|
|
903
|
-
}
|
|
904
|
-
});
|
|
905
|
-
setLogs(deduped);
|
|
906
|
-
}
|
|
907
|
-
else {
|
|
908
|
-
timeoutId = setTimeout(updateNetworkState, 250);
|
|
909
|
-
}
|
|
910
|
-
});
|
|
911
|
-
let analyticsTimeoutId;
|
|
912
|
-
let isFirstAnalyticsCall = true;
|
|
913
|
-
const unsubscribeAnalytics = subscribeAnalyticsEvents((raw) => {
|
|
914
|
-
latestAnalyticsEventsRef.current = raw;
|
|
915
|
-
if (raw.length > 0) {
|
|
916
|
-
pushNativeLogRecord('analytics', JSON.stringify(raw[0]));
|
|
917
|
-
}
|
|
918
|
-
if (isAnalyticsPausedRef.current)
|
|
919
|
-
return;
|
|
920
|
-
if (!isVisibleRef.current)
|
|
921
|
-
return;
|
|
922
|
-
clearTimeout(analyticsTimeoutId);
|
|
923
|
-
const updateAnalyticsState = () => {
|
|
924
|
-
const incoming = new Set(raw.map(e => e.id));
|
|
925
|
-
const freshIds = new Set();
|
|
926
|
-
incoming.forEach(id => {
|
|
927
|
-
if (!prevEventIdsRef.current.has(id))
|
|
928
|
-
freshIds.add(id);
|
|
929
|
-
});
|
|
930
|
-
prevEventIdsRef.current = incoming;
|
|
931
|
-
if (freshIds.size > 0) {
|
|
932
|
-
freshIds.forEach(id => {
|
|
933
|
-
if (!logRouteMapRef.current.has(id + 1000000)) {
|
|
934
|
-
logRouteMapRef.current.set(id + 1000000, currentRouteRef.current);
|
|
935
|
-
}
|
|
936
|
-
});
|
|
937
|
-
setNewEventIds(freshIds);
|
|
938
|
-
setTimeout(() => setNewEventIds(new Set()), 1200);
|
|
939
|
-
}
|
|
940
|
-
setAnalyticsEvents(raw);
|
|
941
|
-
};
|
|
942
|
-
if (isFirstAnalyticsCall) {
|
|
943
|
-
isFirstAnalyticsCall = false;
|
|
944
|
-
const incoming = new Set(raw.map(e => e.id));
|
|
945
|
-
prevEventIdsRef.current = incoming;
|
|
946
|
-
setAnalyticsEvents(raw);
|
|
947
|
-
}
|
|
948
|
-
else {
|
|
949
|
-
analyticsTimeoutId = setTimeout(updateAnalyticsState, 200);
|
|
950
|
-
}
|
|
951
|
-
});
|
|
952
|
-
let consoleTimeoutId;
|
|
953
|
-
let isFirstConsoleCall = true;
|
|
954
|
-
const unsubscribeConsole = subscribeConsoleLogs((raw) => {
|
|
955
|
-
latestConsoleLogsRef.current = raw;
|
|
956
|
-
if (raw.length > 0) {
|
|
957
|
-
pushNativeLogRecord('logs', JSON.stringify(raw[0]));
|
|
958
|
-
}
|
|
959
|
-
if (isConsolePausedRef.current)
|
|
960
|
-
return;
|
|
961
|
-
if (!isVisibleRef.current)
|
|
962
|
-
return;
|
|
963
|
-
clearTimeout(consoleTimeoutId);
|
|
964
|
-
if (isFirstConsoleCall) {
|
|
965
|
-
isFirstConsoleCall = false;
|
|
966
|
-
setConsoleLogs(raw);
|
|
967
|
-
}
|
|
968
|
-
else {
|
|
969
|
-
consoleTimeoutId = setTimeout(() => {
|
|
970
|
-
setConsoleLogs(raw);
|
|
971
|
-
}, 200);
|
|
972
|
-
}
|
|
973
|
-
});
|
|
974
|
-
const initialReduxState = getReduxState();
|
|
975
|
-
if (initialReduxState) {
|
|
976
|
-
setReduxState(typeof initialReduxState === 'object' ? { ...initialReduxState } : initialReduxState);
|
|
977
|
-
setReduxLastActionMap({ ...getLastActionForReducer() });
|
|
978
|
-
}
|
|
979
|
-
const unsubscribeRedux = subscribeReduxState(() => {
|
|
980
|
-
if (!isVisibleRef.current)
|
|
981
|
-
return;
|
|
982
|
-
const freshState = getReduxState();
|
|
983
|
-
setReduxState(freshState && typeof freshState === 'object' ? { ...freshState } : freshState);
|
|
984
|
-
setReduxLastActionMap({ ...getLastActionForReducer() });
|
|
985
|
-
});
|
|
986
|
-
return () => {
|
|
987
|
-
unsubscribe();
|
|
988
|
-
clearTimeout(timeoutId);
|
|
989
|
-
unsubscribeAnalytics();
|
|
990
|
-
clearTimeout(analyticsTimeoutId);
|
|
991
|
-
unsubscribeConsole();
|
|
992
|
-
clearTimeout(consoleTimeoutId);
|
|
993
|
-
unsubscribeRedux();
|
|
994
|
-
unsubscribeCrash();
|
|
995
|
-
cleanupMemoryWarning();
|
|
996
|
-
};
|
|
997
|
-
}, []);
|
|
998
|
-
useEffect(() => {
|
|
999
|
-
setMaxNetworkLogsLimit(maxNetworkLogs);
|
|
1000
|
-
}, [maxNetworkLogs]);
|
|
1001
|
-
useEffect(() => {
|
|
1002
|
-
setMaxCrashLogsLimit(maxCrashLogs);
|
|
1003
|
-
}, [maxCrashLogs]);
|
|
1004
|
-
useEffect(() => {
|
|
1005
|
-
if (!isNetworkPaused && latestNetworkLogsRef.current.length > 0) {
|
|
1006
|
-
const deduped = deduplicateLogs(latestNetworkLogsRef.current);
|
|
1007
|
-
setLogs(deduped);
|
|
1008
|
-
}
|
|
1009
|
-
}, [isNetworkPaused]);
|
|
1010
|
-
useEffect(() => {
|
|
1011
|
-
if (!isAnalyticsPaused && latestAnalyticsEventsRef.current.length > 0) {
|
|
1012
|
-
setAnalyticsEvents(latestAnalyticsEventsRef.current);
|
|
1013
|
-
}
|
|
1014
|
-
}, [isAnalyticsPaused]);
|
|
1015
|
-
useEffect(() => {
|
|
1016
|
-
if (!isConsolePaused && latestConsoleLogsRef.current.length > 0) {
|
|
1017
|
-
setConsoleLogs(latestConsoleLogsRef.current);
|
|
1018
|
-
}
|
|
1019
|
-
}, [isConsolePaused]);
|
|
1020
|
-
useEffect(() => {
|
|
1021
|
-
setReqExpanded(true);
|
|
1022
|
-
setResExpanded(true);
|
|
1023
|
-
setShowReqDiff(false);
|
|
1024
|
-
setShowResDiff(false);
|
|
1025
|
-
setDetailSearch('');
|
|
1026
|
-
}, [selected]);
|
|
1027
|
-
const filteredLogs = useMemo(() => {
|
|
1028
|
-
let result = logs.filter(log => {
|
|
1029
|
-
if (quickFilter && quickFilter !== 'all') {
|
|
1030
|
-
if (quickFilter === 'errors') {
|
|
1031
|
-
const isErr = log.status === 0 ||
|
|
1032
|
-
log.status == null ||
|
|
1033
|
-
(typeof log.status === 'number' && log.status >= 400);
|
|
1034
|
-
if (!isErr)
|
|
1035
|
-
return false;
|
|
1036
|
-
}
|
|
1037
|
-
else if (quickFilter === 'success') {
|
|
1038
|
-
const isSuccess = typeof log.status === 'number' &&
|
|
1039
|
-
log.status >= 200 &&
|
|
1040
|
-
log.status < 400;
|
|
1041
|
-
if (!isSuccess)
|
|
1042
|
-
return false;
|
|
1043
|
-
}
|
|
1044
|
-
else if (quickFilter === 'slow') {
|
|
1045
|
-
if ((log.duration || 0) < 500)
|
|
1046
|
-
return false;
|
|
1047
|
-
}
|
|
1048
|
-
else if (quickFilter === 'graphql') {
|
|
1049
|
-
const isGql = (log.url || '').toLowerCase().includes('graphql') ||
|
|
1050
|
-
(log.client || '').toLowerCase().includes('graphql') ||
|
|
1051
|
-
(log.client || '').toLowerCase().includes('apollo');
|
|
1052
|
-
if (!isGql)
|
|
1053
|
-
return false;
|
|
1054
|
-
}
|
|
1055
|
-
else {
|
|
1056
|
-
if (log.method?.toUpperCase() !== quickFilter.toUpperCase()) {
|
|
1057
|
-
return false;
|
|
1058
|
-
}
|
|
1059
|
-
}
|
|
1060
|
-
}
|
|
1061
|
-
if (statusFilters.size > 0) {
|
|
1062
|
-
const matched = [...statusFilters].some(f => {
|
|
1063
|
-
if (f === 'ALL')
|
|
1064
|
-
return true;
|
|
1065
|
-
if (f === 'Failed')
|
|
1066
|
-
return log.status === 0 || log.status == null;
|
|
1067
|
-
const codeNum = parseInt(f, 10);
|
|
1068
|
-
if (!isNaN(codeNum)) {
|
|
1069
|
-
return Number(log.status) === codeNum;
|
|
1070
|
-
}
|
|
1071
|
-
return String(log.status)[0] === f[0];
|
|
1072
|
-
});
|
|
1073
|
-
if (!matched)
|
|
1074
|
-
return false;
|
|
1075
|
-
}
|
|
1076
|
-
if (methodFilters.size > 0) {
|
|
1077
|
-
const matchedMethod = [...methodFilters].some(m => {
|
|
1078
|
-
if (m === 'ALL')
|
|
1079
|
-
return true;
|
|
1080
|
-
return log.method?.toUpperCase() === m;
|
|
1081
|
-
});
|
|
1082
|
-
if (!matchedMethod)
|
|
1083
|
-
return false;
|
|
1084
|
-
}
|
|
1085
|
-
if (search && search.trim().length > 0) {
|
|
1086
|
-
const routePath = logRouteMapRef.current.get(log.id)?.path || '';
|
|
1087
|
-
const isMatch = matchNetworkLogQuery(log, search, routePath, {
|
|
1088
|
-
scope: searchScope,
|
|
1089
|
-
isRegex: isRegexSearch,
|
|
1090
|
-
isCaseSensitive: isCaseSensitive,
|
|
1091
|
-
});
|
|
1092
|
-
if (!isMatch)
|
|
1093
|
-
return false;
|
|
1094
|
-
}
|
|
1095
|
-
return true;
|
|
1096
|
-
});
|
|
1097
|
-
if (sortOrder === 'oldest') {
|
|
1098
|
-
result = [...result].reverse();
|
|
1099
|
-
}
|
|
1100
|
-
if (!showDuplicateLogs) {
|
|
1101
|
-
const collapsed = [];
|
|
1102
|
-
for (const log of result) {
|
|
1103
|
-
const last = collapsed[collapsed.length - 1];
|
|
1104
|
-
if (last &&
|
|
1105
|
-
last.method === log.method &&
|
|
1106
|
-
last.url === log.url &&
|
|
1107
|
-
last.status === log.status) {
|
|
1108
|
-
collapsed[collapsed.length - 1] = {
|
|
1109
|
-
...last,
|
|
1110
|
-
duplicateCount: (last.duplicateCount || 1) + 1,
|
|
1111
|
-
};
|
|
1112
|
-
}
|
|
1113
|
-
else {
|
|
1114
|
-
collapsed.push({ ...log, duplicateCount: 1 });
|
|
1115
|
-
}
|
|
1116
|
-
}
|
|
1117
|
-
result = collapsed;
|
|
1118
|
-
}
|
|
1119
|
-
return result.slice(0, maxNetworkLogs);
|
|
1120
|
-
}, [
|
|
1121
|
-
logs,
|
|
1122
|
-
search,
|
|
1123
|
-
searchScope,
|
|
1124
|
-
isRegexSearch,
|
|
1125
|
-
isCaseSensitive,
|
|
1126
|
-
quickFilter,
|
|
1127
|
-
statusFilters,
|
|
1128
|
-
methodFilters,
|
|
1129
|
-
sortOrder,
|
|
1130
|
-
maxNetworkLogs,
|
|
1131
|
-
showDuplicateLogs,
|
|
1132
|
-
]);
|
|
1133
|
-
const availableMethods = useMemo(() => {
|
|
1134
|
-
const methods = new Set();
|
|
1135
|
-
logs.forEach(log => {
|
|
1136
|
-
if (log.method)
|
|
1137
|
-
methods.add(log.method.toUpperCase());
|
|
1138
|
-
});
|
|
1139
|
-
return ['ALL', ...Array.from(methods)];
|
|
1140
|
-
}, [logs]);
|
|
1141
|
-
const toggleSectionFilter = useCallback((pageName, filter) => {
|
|
1142
|
-
setSectionFilters(prev => {
|
|
1143
|
-
const current = prev[pageName] || new Set(['success', 'failed', 'loading']);
|
|
1144
|
-
const next = new Set(current);
|
|
1145
|
-
if (next.has(filter)) {
|
|
1146
|
-
next.delete(filter);
|
|
1147
|
-
}
|
|
1148
|
-
else {
|
|
1149
|
-
next.add(filter);
|
|
1150
|
-
}
|
|
1151
|
-
return { ...prev, [pageName]: next };
|
|
1152
|
-
});
|
|
1153
|
-
}, []);
|
|
1154
|
-
const toggleSectionCollapse = useCallback((pageName) => {
|
|
1155
|
-
setCollapsedSections(prev => {
|
|
1156
|
-
const next = new Set(prev);
|
|
1157
|
-
if (next.has(pageName))
|
|
1158
|
-
next.delete(pageName);
|
|
1159
|
-
else
|
|
1160
|
-
next.add(pageName);
|
|
1161
|
-
return next;
|
|
1162
|
-
});
|
|
1163
|
-
}, []);
|
|
1164
|
-
const groupedData = useMemo(() => {
|
|
1165
|
-
const result = [];
|
|
1166
|
-
const groupMap = new Map();
|
|
1167
|
-
for (let i = 0; i < filteredLogs.length; i++) {
|
|
1168
|
-
const log = filteredLogs[i];
|
|
1169
|
-
const routeInfo = logRouteMapRef.current.get(log.id) || log?.routeInfo;
|
|
1170
|
-
const pageName = getLogPageName(log, routeInfo);
|
|
1171
|
-
let group = groupMap.get(pageName);
|
|
1172
|
-
if (!group) {
|
|
1173
|
-
group = { pageName, color: getDomainColor(pageName), logs: [] };
|
|
1174
|
-
groupMap.set(pageName, group);
|
|
1175
|
-
}
|
|
1176
|
-
group.logs.push(log);
|
|
1177
|
-
}
|
|
1178
|
-
let idx = 0;
|
|
1179
|
-
groupMap.forEach(g => {
|
|
1180
|
-
let success = 0;
|
|
1181
|
-
let failed = 0;
|
|
1182
|
-
let loading = 0;
|
|
1183
|
-
g.logs.forEach(l => {
|
|
1184
|
-
if (l.status == null)
|
|
1185
|
-
loading++;
|
|
1186
|
-
else if (l.status === 0 || l.status >= 400)
|
|
1187
|
-
failed++;
|
|
1188
|
-
else
|
|
1189
|
-
success++;
|
|
1190
|
-
});
|
|
1191
|
-
const activeFilters = sectionFilters[g.pageName] || new Set(['success', 'failed', 'loading']);
|
|
1192
|
-
const isCollapsed = collapsedSections.has(g.pageName);
|
|
1193
|
-
const timestamp = g.logs[0]?.startTime || 0;
|
|
1194
|
-
result.push({
|
|
1195
|
-
type: 'header',
|
|
1196
|
-
id: `hdr-${g.pageName}`,
|
|
1197
|
-
pageName: g.pageName,
|
|
1198
|
-
color: g.color,
|
|
1199
|
-
stats: { success, failed, loading },
|
|
1200
|
-
timestamp,
|
|
1201
|
-
activeFilters,
|
|
1202
|
-
isCollapsed,
|
|
1203
|
-
isFirst: idx === 0,
|
|
1204
|
-
});
|
|
1205
|
-
idx++;
|
|
1206
|
-
if (!isCollapsed) {
|
|
1207
|
-
const displayLogs = g.logs.filter(l => {
|
|
1208
|
-
if (l.status == null)
|
|
1209
|
-
return activeFilters.has('loading');
|
|
1210
|
-
if (l.status === 0 || l.status >= 400)
|
|
1211
|
-
return activeFilters.has('failed');
|
|
1212
|
-
return activeFilters.has('success');
|
|
1213
|
-
});
|
|
1214
|
-
displayLogs.forEach((log, index) => {
|
|
1215
|
-
result.push({
|
|
1216
|
-
type: 'log',
|
|
1217
|
-
id: `log-${log.id}`,
|
|
1218
|
-
log,
|
|
1219
|
-
isLast: index === displayLogs.length - 1,
|
|
1220
|
-
color: g.color,
|
|
1221
|
-
});
|
|
1222
|
-
});
|
|
1223
|
-
}
|
|
1224
|
-
});
|
|
1225
|
-
return result;
|
|
1226
|
-
}, [filteredLogs, logs, sectionFilters, collapsedSections]);
|
|
1227
|
-
const { minStart, totalRange } = useMemo(() => {
|
|
1228
|
-
if (filteredLogs.length === 0)
|
|
1229
|
-
return { minStart: 0, totalRange: 0 };
|
|
1230
|
-
const min = Math.min(...filteredLogs.map(l => l.startTime));
|
|
1231
|
-
const max = Math.max(...filteredLogs.map(l => l.startTime + (l.duration || 10)));
|
|
1232
|
-
return { minStart: min, totalRange: max - min };
|
|
1233
|
-
}, [filteredLogs]);
|
|
1234
|
-
const prevSameRequest = useMemo(() => {
|
|
1235
|
-
if (!selected)
|
|
1236
|
-
return null;
|
|
1237
|
-
const index = logs.findIndex(l => l.id === selected.id);
|
|
1238
|
-
if (index === -1)
|
|
1239
|
-
return null;
|
|
1240
|
-
for (let i = index + 1; i < logs.length; i++) {
|
|
1241
|
-
const l = logs[i];
|
|
1242
|
-
if (l.url === selected.url && l.method === selected.method) {
|
|
1243
|
-
return l;
|
|
1244
|
-
}
|
|
1245
|
-
}
|
|
1246
|
-
return null;
|
|
1247
|
-
}, [selected, logs]);
|
|
1248
|
-
const prevRequestData = prevSameRequest ? prevSameRequest.request : null;
|
|
1249
|
-
const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
|
|
1250
|
-
const filteredAnalyticsEvents = useMemo(() => {
|
|
1251
|
-
let events = analyticsEvents;
|
|
1252
|
-
if (analyticsSearch && analyticsSearch.trim().length > 0) {
|
|
1253
|
-
const queryTokens = analyticsSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
|
|
1254
|
-
events = events.filter(e => {
|
|
1255
|
-
const searchTarget = [
|
|
1256
|
-
e.name || '',
|
|
1257
|
-
JSON.stringify(e.params || ''),
|
|
1258
|
-
JSON.stringify(e.userProperties || ''),
|
|
1259
|
-
e.screenName || '',
|
|
1260
|
-
e.pageTitle || '',
|
|
1261
|
-
e.userId || '',
|
|
1262
|
-
e.source || '',
|
|
1263
|
-
].join(' ').toLowerCase();
|
|
1264
|
-
return queryTokens.every(token => searchTarget.includes(token));
|
|
1265
|
-
});
|
|
1266
|
-
}
|
|
1267
|
-
if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all')) {
|
|
1268
|
-
events = events.filter(e => {
|
|
1269
|
-
const cat = getEventCategory(e.name);
|
|
1270
|
-
return analyticsFilters.categories.has(cat);
|
|
1271
|
-
});
|
|
1272
|
-
}
|
|
1273
|
-
if (analyticsFilters.timeWindow !== 'all') {
|
|
1274
|
-
const now = Date.now();
|
|
1275
|
-
const cutoff = analyticsFilters.timeWindow === '1m'
|
|
1276
|
-
? now - 60 * 1000
|
|
1277
|
-
: analyticsFilters.timeWindow === '5m'
|
|
1278
|
-
? now - 5 * 60 * 1000
|
|
1279
|
-
: analyticsFilters.timeWindow === '15m'
|
|
1280
|
-
? now - 15 * 60 * 1000
|
|
1281
|
-
: now - 60 * 60 * 1000;
|
|
1282
|
-
events = events.filter(e => e.timestamp >= cutoff);
|
|
1283
|
-
}
|
|
1284
|
-
if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all')) {
|
|
1285
|
-
events = events.filter(e => analyticsFilters.sources.has(e.source || 'manual'));
|
|
1286
|
-
}
|
|
1287
|
-
if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all')) {
|
|
1288
|
-
events = events.filter(e => {
|
|
1289
|
-
const isIdentified = Boolean(e.userId && e.userId.trim() !== '');
|
|
1290
|
-
if (analyticsFilters.userTypes.has('identified') && isIdentified)
|
|
1291
|
-
return true;
|
|
1292
|
-
if (analyticsFilters.userTypes.has('anonymous') && !isIdentified)
|
|
1293
|
-
return true;
|
|
1294
|
-
return false;
|
|
1295
|
-
});
|
|
1296
|
-
}
|
|
1297
|
-
if (analyticsFilters.payloadComplexity !== 'all') {
|
|
1298
|
-
if (analyticsFilters.payloadComplexity === 'none') {
|
|
1299
|
-
events = events.filter(e => !e.params || Object.keys(e.params).length === 0);
|
|
1300
|
-
}
|
|
1301
|
-
else if (analyticsFilters.payloadComplexity === 'simple') {
|
|
1302
|
-
events = events.filter(e => e.params && Object.keys(e.params).length <= 3);
|
|
1303
|
-
}
|
|
1304
|
-
else if (analyticsFilters.payloadComplexity === 'heavy') {
|
|
1305
|
-
events = events.filter(e => e.params && Object.keys(e.params).length > 3);
|
|
1306
|
-
}
|
|
1307
|
-
}
|
|
1308
|
-
if (analyticsFilters.onlyConversions) {
|
|
1309
|
-
const CONVERSION_PATTERNS = [
|
|
1310
|
-
'purchase',
|
|
1311
|
-
'item_purchase',
|
|
1312
|
-
'ecommerce_purchase',
|
|
1313
|
-
'sign_up',
|
|
1314
|
-
'login',
|
|
1315
|
-
'lead',
|
|
1316
|
-
'generate_lead',
|
|
1317
|
-
'tutorial_complete',
|
|
1318
|
-
'add_payment_info',
|
|
1319
|
-
'begin_checkout',
|
|
1320
|
-
'spend_virtual_currency',
|
|
1321
|
-
];
|
|
1322
|
-
events = events.filter(e => CONVERSION_PATTERNS.some(pat => e.name.toLowerCase().includes(pat)));
|
|
1323
|
-
}
|
|
1324
|
-
if (analyticsFilters.screens.size > 0) {
|
|
1325
|
-
events = events.filter(e => {
|
|
1326
|
-
const scr = e.screenName ||
|
|
1327
|
-
e.params?.firebase_screen ||
|
|
1328
|
-
e.params?.screen_name ||
|
|
1329
|
-
e.params?.firebase_screen_class ||
|
|
1330
|
-
e.screenClass ||
|
|
1331
|
-
'';
|
|
1332
|
-
return analyticsFilters.screens.has(scr);
|
|
1333
|
-
});
|
|
1334
|
-
}
|
|
1335
|
-
if (analyticsFilters.hasRevenue) {
|
|
1336
|
-
events = events.filter(e => (e.params?.value != null && !isNaN(Number(e.params.value))) ||
|
|
1337
|
-
(e.params?.price != null && !isNaN(Number(e.params.price))));
|
|
1338
|
-
}
|
|
1339
|
-
if (analyticsFilters.hasItems) {
|
|
1340
|
-
events = events.filter(e => Array.isArray(e.params?.items) && e.params.items.length > 0);
|
|
1341
|
-
}
|
|
1342
|
-
if (analyticsFilters.hasUserProps) {
|
|
1343
|
-
events = events.filter(e => e.userProperties && Object.keys(e.userProperties).length > 0);
|
|
1344
|
-
}
|
|
1345
|
-
if (analyticsFilters.hasParams) {
|
|
1346
|
-
events = events.filter(e => e.params && Object.keys(e.params).length > 0);
|
|
1347
|
-
}
|
|
1348
|
-
const deduplicatedEvents = [];
|
|
1349
|
-
for (const e of events) {
|
|
1350
|
-
if (deduplicatedEvents.length === 0) {
|
|
1351
|
-
deduplicatedEvents.push({ ...e, count: 1 });
|
|
1352
|
-
continue;
|
|
1353
|
-
}
|
|
1354
|
-
const last = deduplicatedEvents[deduplicatedEvents.length - 1];
|
|
1355
|
-
if (last.name === e.name &&
|
|
1356
|
-
JSON.stringify(last.params) === JSON.stringify(e.params) &&
|
|
1357
|
-
JSON.stringify(last.userProperties) === JSON.stringify(e.userProperties)) {
|
|
1358
|
-
last.count = (last.count || 1) + 1;
|
|
1359
|
-
last.timestamp = e.timestamp;
|
|
1360
|
-
last.id = e.id;
|
|
1361
|
-
}
|
|
1362
|
-
else {
|
|
1363
|
-
deduplicatedEvents.push({ ...e, count: 1 });
|
|
1364
|
-
}
|
|
1365
|
-
}
|
|
1366
|
-
let result = deduplicatedEvents;
|
|
1367
|
-
if (analyticsFilters.onlyDuplicates) {
|
|
1368
|
-
result = result.filter(e => (e.count || 1) > 1);
|
|
1369
|
-
}
|
|
1370
|
-
if (analyticsFilters.sortBy === 'time_asc') {
|
|
1371
|
-
result = [...result].sort((a, b) => a.timestamp - b.timestamp);
|
|
1372
|
-
}
|
|
1373
|
-
else if (analyticsFilters.sortBy === 'revenue_desc') {
|
|
1374
|
-
result = [...result].sort((a, b) => {
|
|
1375
|
-
const valA = Number(a.params?.value ?? a.params?.price ?? 0);
|
|
1376
|
-
const valB = Number(b.params?.value ?? b.params?.price ?? 0);
|
|
1377
|
-
return valB - valA;
|
|
1378
|
-
});
|
|
1379
|
-
}
|
|
1380
|
-
else if (analyticsFilters.sortBy === 'count_desc') {
|
|
1381
|
-
result = [...result].sort((a, b) => (b.count || 1) - (a.count || 1));
|
|
1382
|
-
}
|
|
1383
|
-
return result.slice(0, maxAnalyticsEventsLimit);
|
|
1384
|
-
}, [analyticsEvents, analyticsSearch, analyticsFilters, maxAnalyticsEventsLimit]);
|
|
1385
|
-
const filteredConsoleLogs = useMemo(() => {
|
|
1386
|
-
let result = visibleConsoleLogs;
|
|
1387
|
-
if (logFilters.size > 0 && !logFilters.has('all')) {
|
|
1388
|
-
result = result.filter(log => {
|
|
1389
|
-
if (logFilters.has(log.type))
|
|
1390
|
-
return true;
|
|
1391
|
-
if (logFilters.has('user-log') && log.sourceMethod === 'log')
|
|
1392
|
-
return true;
|
|
1393
|
-
if (logFilters.has('analytics') &&
|
|
1394
|
-
log.message?.toLowerCase().includes('[analytics error]'))
|
|
1395
|
-
return true;
|
|
1396
|
-
return false;
|
|
1397
|
-
});
|
|
1398
|
-
}
|
|
1399
|
-
if (logSearch && logSearch.trim().length > 0) {
|
|
1400
|
-
const queryTokens = logSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
|
|
1401
|
-
result = result.filter(log => {
|
|
1402
|
-
const searchTarget = [
|
|
1403
|
-
log.message || '',
|
|
1404
|
-
log.caller || '',
|
|
1405
|
-
log.type || '',
|
|
1406
|
-
log.sourceMethod || '',
|
|
1407
|
-
log.stack || '',
|
|
1408
|
-
].join(' ').toLowerCase();
|
|
1409
|
-
return queryTokens.every(token => {
|
|
1410
|
-
if (token === 'error' || token === 'err') {
|
|
1411
|
-
return log.type === 'error' || searchTarget.includes(token);
|
|
1412
|
-
}
|
|
1413
|
-
if (token === 'warn' || token === 'warning') {
|
|
1414
|
-
return log.type === 'warn' || searchTarget.includes(token);
|
|
1415
|
-
}
|
|
1416
|
-
if (token === 'info') {
|
|
1417
|
-
return log.type === 'info' || searchTarget.includes(token);
|
|
1418
|
-
}
|
|
1419
|
-
return searchTarget.includes(token);
|
|
1420
|
-
});
|
|
1421
|
-
});
|
|
1422
|
-
}
|
|
1423
|
-
result = [...result].sort((a, b) => logSortOrder === 'newest'
|
|
1424
|
-
? b.timestamp - a.timestamp
|
|
1425
|
-
: a.timestamp - b.timestamp);
|
|
1426
|
-
if (!showDuplicateLogs) {
|
|
1427
|
-
const collapsed = [];
|
|
1428
|
-
for (const log of result) {
|
|
1429
|
-
const last = collapsed[collapsed.length - 1];
|
|
1430
|
-
if (last &&
|
|
1431
|
-
last.type === log.type &&
|
|
1432
|
-
last.sourceMethod === log.sourceMethod &&
|
|
1433
|
-
last.message === log.message) {
|
|
1434
|
-
collapsed[collapsed.length - 1] = {
|
|
1435
|
-
...last,
|
|
1436
|
-
duplicateCount: (last.duplicateCount || 1) + 1,
|
|
1437
|
-
};
|
|
1438
|
-
}
|
|
1439
|
-
else {
|
|
1440
|
-
collapsed.push({ ...log, duplicateCount: 1 });
|
|
1441
|
-
}
|
|
1442
|
-
}
|
|
1443
|
-
result = collapsed;
|
|
1444
|
-
}
|
|
1445
|
-
return result;
|
|
1446
|
-
}, [
|
|
1447
|
-
visibleConsoleLogs,
|
|
1448
|
-
logFilters,
|
|
1449
|
-
logSearch,
|
|
1450
|
-
logSortOrder,
|
|
1451
|
-
showDuplicateLogs,
|
|
1452
|
-
]);
|
|
1453
|
-
const logCounts = useMemo(() => {
|
|
1454
|
-
let searchedLogs = visibleConsoleLogs;
|
|
1455
|
-
if (logSearch && logSearch.trim().length > 0) {
|
|
1456
|
-
const queryTokens = logSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
|
|
1457
|
-
searchedLogs = visibleConsoleLogs.filter(log => {
|
|
1458
|
-
const searchTarget = [
|
|
1459
|
-
log.message || '',
|
|
1460
|
-
log.caller || '',
|
|
1461
|
-
log.type || '',
|
|
1462
|
-
log.sourceMethod || '',
|
|
1463
|
-
log.stack || '',
|
|
1464
|
-
].join(' ').toLowerCase();
|
|
1465
|
-
return queryTokens.every(token => {
|
|
1466
|
-
if (token === 'error' || token === 'err') {
|
|
1467
|
-
return log.type === 'error' || searchTarget.includes(token);
|
|
1468
|
-
}
|
|
1469
|
-
if (token === 'warn' || token === 'warning') {
|
|
1470
|
-
return log.type === 'warn' || searchTarget.includes(token);
|
|
1471
|
-
}
|
|
1472
|
-
if (token === 'info') {
|
|
1473
|
-
return log.type === 'info' || searchTarget.includes(token);
|
|
1474
|
-
}
|
|
1475
|
-
return searchTarget.includes(token);
|
|
1476
|
-
});
|
|
1477
|
-
});
|
|
1478
|
-
}
|
|
1479
|
-
const total = visibleConsoleLogs.length;
|
|
1480
|
-
return {
|
|
1481
|
-
all: `${searchedLogs.length}/${total}`,
|
|
1482
|
-
info: `${searchedLogs.filter(l => l.type === 'info').length}/${total}`,
|
|
1483
|
-
warn: `${searchedLogs.filter(l => l.type === 'warn').length}/${total}`,
|
|
1484
|
-
error: `${searchedLogs.filter(l => l.type === 'error').length}/${total}`,
|
|
1485
|
-
'user-log': `${searchedLogs.filter(l => l.sourceMethod === 'log').length}/${total}`,
|
|
1486
|
-
analytics: `${searchedLogs.filter(l => l.message.toLowerCase().includes('[analytics error]')).length}/${total}`,
|
|
1487
|
-
};
|
|
1488
|
-
}, [visibleConsoleLogs, logSearch]);
|
|
1489
|
-
function closeModal() {
|
|
1490
|
-
setVisible(false);
|
|
1491
|
-
setTimeout(() => {
|
|
1492
|
-
setSelected(null);
|
|
1493
|
-
setSelectedEvent(null);
|
|
1494
|
-
setSelectedLog(null);
|
|
1495
|
-
setSelectedReduxSlice(null);
|
|
1496
|
-
setSelectedReduxAction(null);
|
|
1497
|
-
setSelectedCrash(null);
|
|
1498
|
-
}, 300);
|
|
1499
|
-
}
|
|
1500
|
-
function handleClearAll() {
|
|
1501
|
-
clearNetworkLogs();
|
|
1502
|
-
setLogs([]);
|
|
1503
|
-
setSelectedLogs(new Set());
|
|
1504
|
-
setSectionFilters({});
|
|
1505
|
-
setCollapsedSections(new Set());
|
|
1506
|
-
setStatusFilters(new Set());
|
|
1507
|
-
setMethodFilters(new Set());
|
|
1508
|
-
setSearch('');
|
|
1509
|
-
prevLogIdsRef.current = new Set();
|
|
1510
|
-
logRouteMapRef.current = new Map();
|
|
1511
|
-
clearAnalyticsEvents();
|
|
1512
|
-
setAnalyticsEvents([]);
|
|
1513
|
-
setAnalyticsSearch('');
|
|
1514
|
-
prevEventIdsRef.current = new Set();
|
|
1515
|
-
clearConsoleLogs();
|
|
1516
|
-
setConsoleLogs([]);
|
|
1517
|
-
setLogFilters(new Set(['all']));
|
|
1518
|
-
setLogSearch('');
|
|
1519
|
-
}
|
|
1520
|
-
function handleDelete() {
|
|
1521
|
-
if (activeTab === 'logs') {
|
|
1522
|
-
Alert.alert('Clear Logs', 'Are you sure you want to clear all console logs?', [
|
|
1523
|
-
{ text: 'Cancel', style: 'cancel' },
|
|
1524
|
-
{
|
|
1525
|
-
text: 'Clear All',
|
|
1526
|
-
onPress: () => {
|
|
1527
|
-
clearConsoleLogs();
|
|
1528
|
-
setConsoleLogs([]);
|
|
1529
|
-
},
|
|
1530
|
-
style: 'destructive',
|
|
1531
|
-
},
|
|
1532
|
-
]);
|
|
1533
|
-
return;
|
|
1534
|
-
}
|
|
1535
|
-
if (activeTab === 'analytics') {
|
|
1536
|
-
Alert.alert('Clear Analytics', 'Are you sure you want to clear all analytics events?', [
|
|
1537
|
-
{ text: 'Cancel', style: 'cancel' },
|
|
1538
|
-
{
|
|
1539
|
-
text: 'Clear All',
|
|
1540
|
-
onPress: () => {
|
|
1541
|
-
clearAnalyticsEvents();
|
|
1542
|
-
setAnalyticsEvents([]);
|
|
1543
|
-
setSelectedEvent(null);
|
|
1544
|
-
prevEventIdsRef.current = new Set();
|
|
1545
|
-
},
|
|
1546
|
-
style: 'destructive',
|
|
1547
|
-
},
|
|
1548
|
-
]);
|
|
1549
|
-
return;
|
|
1550
|
-
}
|
|
1551
|
-
if (activeTab === 'redux') {
|
|
1552
|
-
Alert.alert('Clear Redux Timeline', 'Are you sure you want to clear the dispatched action history?', [
|
|
1553
|
-
{ text: 'Cancel', style: 'cancel' },
|
|
1554
|
-
{
|
|
1555
|
-
text: 'Clear All',
|
|
1556
|
-
onPress: () => {
|
|
1557
|
-
clearActionHistory();
|
|
1558
|
-
setReduxLastActionMap({});
|
|
1559
|
-
},
|
|
1560
|
-
style: 'destructive',
|
|
1561
|
-
},
|
|
1562
|
-
]);
|
|
1563
|
-
return;
|
|
1564
|
-
}
|
|
1565
|
-
if (activeTab === 'crash') {
|
|
1566
|
-
Alert.alert('Clear Crash History', 'Are you sure you want to clear all intercepted crash records?', [
|
|
1567
|
-
{ text: 'Cancel', style: 'cancel' },
|
|
1568
|
-
{
|
|
1569
|
-
text: 'Clear All',
|
|
1570
|
-
onPress: () => {
|
|
1571
|
-
clearCrashRecords();
|
|
1572
|
-
setCrashRecords([]);
|
|
1573
|
-
setSelectedCrash(null);
|
|
1574
|
-
},
|
|
1575
|
-
style: 'destructive',
|
|
1576
|
-
},
|
|
1577
|
-
]);
|
|
1578
|
-
return;
|
|
1579
|
-
}
|
|
1580
|
-
if (selectedLogs.size > 0) {
|
|
1581
|
-
setLogs(prev => prev.filter(l => !selectedLogs.has(l.id)));
|
|
1582
|
-
setSelectedLogs(new Set());
|
|
1583
|
-
}
|
|
1584
|
-
else {
|
|
1585
|
-
Alert.alert('Clear Logs', 'Are you sure you want to clear all network logs?', [
|
|
1586
|
-
{ text: 'Cancel', style: 'cancel' },
|
|
1587
|
-
{
|
|
1588
|
-
text: 'Clear All',
|
|
1589
|
-
onPress: clearNetworkOnly,
|
|
1590
|
-
style: 'destructive',
|
|
1591
|
-
},
|
|
1592
|
-
]);
|
|
1593
|
-
}
|
|
1594
|
-
}
|
|
1595
|
-
function clearNetworkOnly() {
|
|
1596
|
-
clearNetworkLogs();
|
|
1597
|
-
setLogs([]);
|
|
1598
|
-
setSelectedLogs(new Set());
|
|
1599
|
-
setSectionFilters({});
|
|
1600
|
-
setCollapsedSections(new Set());
|
|
1601
|
-
setStatusFilters(new Set());
|
|
1602
|
-
setMethodFilters(new Set());
|
|
1603
|
-
prevLogIdsRef.current = new Set();
|
|
1604
|
-
logRouteMapRef.current = new Map();
|
|
1605
|
-
}
|
|
1606
|
-
const detailTitle = useMemo(() => {
|
|
1607
|
-
if (!selected)
|
|
1608
|
-
return '';
|
|
1609
|
-
try {
|
|
1610
|
-
const path = new URL(selected.url).pathname;
|
|
1611
|
-
const parts = path.split('/').filter(Boolean);
|
|
1612
|
-
return parts.length > 0 ? `/${parts.slice(-2).join('/')}` : '/';
|
|
1613
|
-
}
|
|
1614
|
-
catch {
|
|
1615
|
-
const parts = selected.url.split('/').filter(Boolean);
|
|
1616
|
-
return parts.length > 0 ? `/${parts.slice(-2).join('/')}` : selected.url;
|
|
1617
|
-
}
|
|
1618
|
-
}, [selected]);
|
|
1619
|
-
const detailDisplayUrl = useMemo(() => {
|
|
1620
|
-
return selected ? formatDisplayUrl(selected.url) : '';
|
|
1621
|
-
}, [selected]);
|
|
1622
|
-
const toggleSelect = useCallback((id) => {
|
|
1623
|
-
setSelectedLogs(prev => {
|
|
1624
|
-
const next = new Set(prev);
|
|
1625
|
-
if (next.has(id))
|
|
1626
|
-
next.delete(id);
|
|
1627
|
-
else
|
|
1628
|
-
next.add(id);
|
|
1629
|
-
return next;
|
|
1630
|
-
});
|
|
1631
|
-
}, []);
|
|
1632
|
-
const contextValue = useMemo(() => ({
|
|
1633
|
-
visible,
|
|
1634
|
-
setVisible,
|
|
1635
|
-
closeModal,
|
|
1636
|
-
isReady,
|
|
1637
|
-
enabled,
|
|
1638
|
-
isEnabled: enabled,
|
|
1639
|
-
appIcon,
|
|
1640
|
-
environment,
|
|
1641
|
-
modalHeightPercent,
|
|
1642
|
-
setModalHeightPercent,
|
|
1643
|
-
modalAnimationType,
|
|
1644
|
-
setModalAnimationType,
|
|
1645
|
-
hasNavigationContext,
|
|
1646
|
-
setNavState,
|
|
1647
|
-
activeTab,
|
|
1648
|
-
switchActiveTab,
|
|
1649
|
-
tabVisibility,
|
|
1650
|
-
toggleTabVisibility,
|
|
1651
|
-
lastReadApisCount,
|
|
1652
|
-
lastReadLogsCount,
|
|
1653
|
-
selected,
|
|
1654
|
-
setSelected,
|
|
1655
|
-
selectedEvent,
|
|
1656
|
-
setSelectedEvent,
|
|
1657
|
-
selectedLog,
|
|
1658
|
-
setSelectedLog,
|
|
1659
|
-
showHeaderInfo,
|
|
1660
|
-
setShowHeaderInfo,
|
|
1661
|
-
settingsPage,
|
|
1662
|
-
setSettingsPage,
|
|
1663
|
-
isFeedbackOpen,
|
|
1664
|
-
setIsFeedbackOpen,
|
|
1665
|
-
updateAvailable,
|
|
1666
|
-
latestNpmVersion,
|
|
1667
|
-
clearAnim,
|
|
1668
|
-
activePulseAnim,
|
|
1669
|
-
unreadPulseAnim,
|
|
1670
|
-
runClearAllWithAnimation,
|
|
1671
|
-
useNativeFab,
|
|
1672
|
-
fabPan,
|
|
1673
|
-
fabPanResponder,
|
|
1674
|
-
fabDraggedRef,
|
|
1675
|
-
pulseAnim,
|
|
1676
|
-
fabShineAnim,
|
|
1677
|
-
logs,
|
|
1678
|
-
filteredLogs,
|
|
1679
|
-
groupedData,
|
|
1680
|
-
search,
|
|
1681
|
-
setSearch,
|
|
1682
|
-
searchScope,
|
|
1683
|
-
setSearchScope,
|
|
1684
|
-
isRegexSearch,
|
|
1685
|
-
setIsRegexSearch,
|
|
1686
|
-
isCaseSensitive,
|
|
1687
|
-
setIsCaseSensitive,
|
|
1688
|
-
quickFilter,
|
|
1689
|
-
setQuickFilter,
|
|
1690
|
-
statusFilters,
|
|
1691
|
-
setStatusFilters,
|
|
1692
|
-
methodFilters,
|
|
1693
|
-
setMethodFilters,
|
|
1694
|
-
availableMethods,
|
|
1695
|
-
sortOrder,
|
|
1696
|
-
setSortOrder,
|
|
1697
|
-
selectedLogs,
|
|
1698
|
-
toggleSelect,
|
|
1699
|
-
minStart,
|
|
1700
|
-
totalRange,
|
|
1701
|
-
newLogIds,
|
|
1702
|
-
toggleSectionFilter,
|
|
1703
|
-
toggleSectionCollapse,
|
|
1704
|
-
handleDelete,
|
|
1705
|
-
isNetworkPaused,
|
|
1706
|
-
setIsNetworkPaused,
|
|
1707
|
-
detailTitle,
|
|
1708
|
-
detailDisplayUrl,
|
|
1709
|
-
apiDetailActiveTab,
|
|
1710
|
-
setApiDetailActiveTab,
|
|
1711
|
-
detailSearch,
|
|
1712
|
-
setDetailSearch,
|
|
1713
|
-
reqExpanded,
|
|
1714
|
-
setReqExpanded,
|
|
1715
|
-
resExpanded,
|
|
1716
|
-
setResExpanded,
|
|
1717
|
-
showReqDiff,
|
|
1718
|
-
setShowReqDiff,
|
|
1719
|
-
showResDiff,
|
|
1720
|
-
setShowResDiff,
|
|
1721
|
-
prevRequestData,
|
|
1722
|
-
prevResponseData,
|
|
1723
|
-
logRouteMapRef,
|
|
1724
|
-
consoleLogs,
|
|
1725
|
-
visibleConsoleLogs,
|
|
1726
|
-
filteredConsoleLogs,
|
|
1727
|
-
logSearch,
|
|
1728
|
-
setLogSearch,
|
|
1729
|
-
logFilters,
|
|
1730
|
-
setLogFilters,
|
|
1731
|
-
logCounts,
|
|
1732
|
-
logSortOrder,
|
|
1733
|
-
setLogSortOrder,
|
|
1734
|
-
isConsolePaused,
|
|
1735
|
-
setIsConsolePaused,
|
|
1736
|
-
analyticsEvents,
|
|
1737
|
-
filteredAnalyticsEvents,
|
|
1738
|
-
analyticsSearch,
|
|
1739
|
-
setAnalyticsSearch,
|
|
1740
|
-
analyticsFilters,
|
|
1741
|
-
setAnalyticsFilters,
|
|
1742
|
-
isAnalyticsFilterApplied,
|
|
1743
|
-
resetAnalyticsFilters,
|
|
1744
|
-
newEventIds,
|
|
1745
|
-
isAnalyticsLayoutReady,
|
|
1746
|
-
setIsAnalyticsLayoutReady,
|
|
1747
|
-
analyticsHeaderExpanded,
|
|
1748
|
-
setAnalyticsHeaderExpanded,
|
|
1749
|
-
isAnalyticsPaused,
|
|
1750
|
-
setIsAnalyticsPaused,
|
|
1751
|
-
reduxState,
|
|
1752
|
-
setReduxState,
|
|
1753
|
-
reduxLastActionMap,
|
|
1754
|
-
reduxSearch,
|
|
1755
|
-
setReduxSearch,
|
|
1756
|
-
selectedReduxSlice,
|
|
1757
|
-
setSelectedReduxSlice,
|
|
1758
|
-
selectedReduxAction,
|
|
1759
|
-
setSelectedReduxAction,
|
|
1760
|
-
reduxActiveSubTab,
|
|
1761
|
-
setReduxActiveSubTab,
|
|
1762
|
-
crashRecords,
|
|
1763
|
-
setCrashRecords,
|
|
1764
|
-
selectedCrash,
|
|
1765
|
-
setSelectedCrash,
|
|
1766
|
-
lastReadCrashesCount,
|
|
1767
|
-
maxCrashLogs,
|
|
1768
|
-
setMaxCrashLogs,
|
|
1769
|
-
clearAllCrashes: () => {
|
|
1770
|
-
clearCrashRecords();
|
|
1771
|
-
setCrashRecords([]);
|
|
1772
|
-
setSelectedCrash(null);
|
|
1773
|
-
},
|
|
1774
|
-
settingsActiveSubTab,
|
|
1775
|
-
setSettingsActiveSubTab,
|
|
1776
|
-
defaultTab,
|
|
1777
|
-
setDefaultTab,
|
|
1778
|
-
isDark,
|
|
1779
|
-
setIsDark,
|
|
1780
|
-
showDuplicateLogs,
|
|
1781
|
-
setShowDuplicateLogs,
|
|
1782
|
-
showUpdateToast,
|
|
1783
|
-
setShowUpdateToast,
|
|
1784
|
-
showConsoleLevels,
|
|
1785
|
-
setShowConsoleLevels,
|
|
1786
|
-
resetToDefaults,
|
|
1787
|
-
storage,
|
|
1788
|
-
maxNetworkLogs,
|
|
1789
|
-
setMaxNetworkLogs,
|
|
1790
|
-
maxConsoleLogs,
|
|
1791
|
-
setMaxConsoleLogs,
|
|
1792
|
-
maxAnalyticsEventsLimit,
|
|
1793
|
-
setMaxAnalyticsEventsLimit,
|
|
1794
|
-
isAutoRamLimitEnabled,
|
|
1795
|
-
setIsAutoRamLimitEnabled,
|
|
1796
|
-
deviceFreeRamMb,
|
|
1797
|
-
reduxAutoRefresh,
|
|
1798
|
-
setReduxAutoRefreshState,
|
|
1799
|
-
reduxExpandDepth,
|
|
1800
|
-
setReduxExpandDepth,
|
|
1801
|
-
}), [
|
|
1802
|
-
visible,
|
|
1803
|
-
closeModal,
|
|
1804
|
-
isReady,
|
|
1805
|
-
enabled,
|
|
1806
|
-
appIcon,
|
|
1807
|
-
environment,
|
|
1808
|
-
modalHeightPercent,
|
|
1809
|
-
modalAnimationType,
|
|
1810
|
-
hasNavigationContext,
|
|
1811
|
-
setNavState,
|
|
1812
|
-
activeTab,
|
|
1813
|
-
switchActiveTab,
|
|
1814
|
-
tabVisibility,
|
|
1815
|
-
toggleTabVisibility,
|
|
1816
|
-
lastReadApisCount,
|
|
1817
|
-
lastReadLogsCount,
|
|
1818
|
-
selected,
|
|
1819
|
-
selectedEvent,
|
|
1820
|
-
selectedLog,
|
|
1821
|
-
showHeaderInfo,
|
|
1822
|
-
settingsPage,
|
|
1823
|
-
isFeedbackOpen,
|
|
1824
|
-
updateAvailable,
|
|
1825
|
-
latestNpmVersion,
|
|
1826
|
-
clearAnim,
|
|
1827
|
-
activePulseAnim,
|
|
1828
|
-
unreadPulseAnim,
|
|
1829
|
-
runClearAllWithAnimation,
|
|
1830
|
-
useNativeFab,
|
|
1831
|
-
fabPan,
|
|
1832
|
-
fabPanResponder,
|
|
1833
|
-
pulseAnim,
|
|
1834
|
-
fabShineAnim,
|
|
1835
|
-
logs,
|
|
1836
|
-
filteredLogs,
|
|
1837
|
-
groupedData,
|
|
1838
|
-
search,
|
|
1839
|
-
searchScope,
|
|
1840
|
-
isRegexSearch,
|
|
1841
|
-
isCaseSensitive,
|
|
1842
|
-
quickFilter,
|
|
1843
|
-
statusFilters,
|
|
1844
|
-
methodFilters,
|
|
1845
|
-
availableMethods,
|
|
1846
|
-
sortOrder,
|
|
1847
|
-
selectedLogs,
|
|
1848
|
-
toggleSelect,
|
|
1849
|
-
minStart,
|
|
1850
|
-
totalRange,
|
|
1851
|
-
newLogIds,
|
|
1852
|
-
toggleSectionFilter,
|
|
1853
|
-
toggleSectionCollapse,
|
|
1854
|
-
handleDelete,
|
|
1855
|
-
isNetworkPaused,
|
|
1856
|
-
detailTitle,
|
|
1857
|
-
detailDisplayUrl,
|
|
1858
|
-
apiDetailActiveTab,
|
|
1859
|
-
detailSearch,
|
|
1860
|
-
reqExpanded,
|
|
1861
|
-
resExpanded,
|
|
1862
|
-
showReqDiff,
|
|
1863
|
-
showResDiff,
|
|
1864
|
-
prevRequestData,
|
|
1865
|
-
prevResponseData,
|
|
1866
|
-
consoleLogs,
|
|
1867
|
-
visibleConsoleLogs,
|
|
1868
|
-
filteredConsoleLogs,
|
|
1869
|
-
logSearch,
|
|
1870
|
-
logFilters,
|
|
1871
|
-
logCounts,
|
|
1872
|
-
logSortOrder,
|
|
1873
|
-
isConsolePaused,
|
|
1874
|
-
analyticsEvents,
|
|
1875
|
-
filteredAnalyticsEvents,
|
|
1876
|
-
analyticsSearch,
|
|
1877
|
-
analyticsFilters,
|
|
1878
|
-
isAnalyticsFilterApplied,
|
|
1879
|
-
resetAnalyticsFilters,
|
|
1880
|
-
newEventIds,
|
|
1881
|
-
isAnalyticsLayoutReady,
|
|
1882
|
-
analyticsHeaderExpanded,
|
|
1883
|
-
isAnalyticsPaused,
|
|
1884
|
-
reduxState,
|
|
1885
|
-
reduxLastActionMap,
|
|
1886
|
-
reduxSearch,
|
|
1887
|
-
selectedReduxSlice,
|
|
1888
|
-
selectedReduxAction,
|
|
1889
|
-
reduxActiveSubTab,
|
|
1890
|
-
crashRecords,
|
|
1891
|
-
selectedCrash,
|
|
1892
|
-
lastReadCrashesCount,
|
|
1893
|
-
maxCrashLogs,
|
|
1894
|
-
settingsActiveSubTab,
|
|
1895
|
-
defaultTab,
|
|
1896
|
-
isDark,
|
|
1897
|
-
showDuplicateLogs,
|
|
1898
|
-
showUpdateToast,
|
|
1899
|
-
showConsoleLevels,
|
|
1900
|
-
storage,
|
|
1901
|
-
maxNetworkLogs,
|
|
1902
|
-
maxConsoleLogs,
|
|
1903
|
-
maxAnalyticsEventsLimit,
|
|
1904
|
-
isAutoRamLimitEnabled,
|
|
1905
|
-
deviceFreeRamMb,
|
|
1906
|
-
reduxAutoRefresh,
|
|
1907
|
-
reduxExpandDepth,
|
|
1908
|
-
]);
|
|
1909
|
-
return (<InspectorContext.Provider value={contextValue}>
|
|
1910
|
-
<MainScreen />
|
|
1911
|
-
</InspectorContext.Provider>);
|
|
1912
|
-
};
|
|
1913
|
-
const NetworkInspectorWrapper = (props) => {
|
|
1914
|
-
const enabled = props?.enabled ?? true;
|
|
1915
|
-
const telemetry = props?.telemetry ?? true;
|
|
1916
|
-
useEffect(() => {
|
|
1917
|
-
if (!enabled) {
|
|
1918
|
-
hideNativeFloatingButton().catch(() => { });
|
|
1919
|
-
setTelemetryEnabled(false);
|
|
1920
|
-
}
|
|
1921
|
-
else if (telemetry) {
|
|
1922
|
-
trackActiveTelemetryHeartbeat(true, props?.environment);
|
|
1923
|
-
}
|
|
1924
|
-
else {
|
|
1925
|
-
setTelemetryEnabled(false);
|
|
1926
|
-
}
|
|
1927
|
-
return () => {
|
|
1928
|
-
hideNativeFloatingButton().catch(() => { });
|
|
1929
|
-
};
|
|
1930
|
-
}, [enabled, telemetry, props?.environment]);
|
|
1931
|
-
if (!enabled) {
|
|
1932
|
-
return null;
|
|
1933
|
-
}
|
|
1934
|
-
return (<I18nextProvider i18n={i18n}>
|
|
1935
|
-
<ErrorBoundary fallbackType="inline">
|
|
1936
|
-
<NetworkInspector {...props} enabled={enabled}/>
|
|
1937
|
-
</ErrorBoundary>
|
|
1938
|
-
</I18nextProvider>);
|
|
1939
|
-
};
|
|
1940
|
-
export default NetworkInspectorWrapper;
|
|
1941
|
-
export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
|
|
1942
|
-
export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
|
|
1943
|
-
export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, } from './customHooks/analyticsLogger';
|
|
1944
|
-
export { setupGlobalCrashHandler, subscribeCrashEvents, emitCrashEvent, getCrashRecords, clearCrashRecords, simulateTestCrash, exportCrashReport, parseCrashStackTrace, recordCustomCrash, addCrashBreadcrumb, recordNavigationBreadcrumb, recordNetworkBreadcrumb, recordReduxBreadcrumb, recordUserActionBreadcrumb, computeCrashFingerprint, } from './customHooks/crashHandler';
|
|
1945
|
-
export { default as CrashTab } from './components/Inspector/CrashTab';
|
|
1946
|
-
export { default as ErrorBoundary } from './components/ErrorBoundary';
|
|
1947
|
-
export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, getLastActionForReducer, } from './customHooks/reduxLogger';
|
|
1948
|
-
export { getEventCategory, registerGAPlugin, } from './helpers/gaAnalyticsRegistry';
|
|
1949
|
-
export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, trackComponentRender, trackNavigationTransition, trackHeavyTask, measureAsync, getHermesMemoryStats, registerComponentProfile, subscribeRenderProfiles, getRenderProfiles, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, getInitialRenderProfiles, getInitialPerformanceEvents, generateFixSnippet, } from './customHooks/performanceTracker';
|
|
1950
|
-
export { InspectLog, InspectTrackTime, InspectCatch, } from './decorators';
|
|
1951
|
-
export { getNativeDeviceMetrics, enableNativeCrashProtection, subscribeNativeCrashes, showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, startNativeFpsMonitoring, stopNativeFpsMonitoring, getNativeFpsMetrics, getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, } from './native/NativeInspector';
|
|
1952
|
-
export { setupMemoryWarningHandler, pruneAllLogs, subscribeMemoryWarning, } from './helpers';
|
|
1953
|
-
export { setMaxNetworkLogsLimit, getMaxNetworkLogsLimit, pruneNetworkLogs, } from './customHooks/networkLogger';
|
|
1954
|
-
export { setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
|
|
1955
|
-
export { setMaxReduxHistoryLimit, getMaxReduxHistoryLimit, pruneReduxHistory, } from './customHooks/reduxLogger';
|
|
1956
|
-
export { setMaxAnalyticsLogsLimit, getMaxAnalyticsLogsLimit, pruneAnalyticsLogs, } from './customHooks/analyticsLogger';
|
|
1957
|
-
export { getMaxCrashLogsLimit, pruneCrashRecords, } from './customHooks/crashHandler';
|
|
1958
|
-
export { setMaxPerformanceEventsLimit, getMaxPerformanceEventsLimit, prunePerformanceEvents, } from './customHooks/performanceTracker';
|
|
1959
|
-
export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
|
|
1960
|
-
export { connectAsyncStorage, connectMMKV, isAsyncStorageConnected, isMMKVConnected, getRegisteredMMKVInstanceIds, fetchStorageEntries, setStorageEntry, removeStorageEntry, clearStorageDriver, subscribeToStorageChanges, } from './customHooks/storageInspector';
|
|
1961
|
-
export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';
|
|
1962
|
-
export { AppFonts, setAppFonts, } from './styles/AppFonts';
|
|
1963
|
-
export { AppColors, setAppColors, getThemeColors, updateAppColorsTheme, } from './styles/AppColors';
|
|
1964
|
-
export { t, i18n, useTranslation, setLanguage, addTranslations, setTranslations, I18nextProvider, } from './i18n';
|
|
1965
|
-
export { fetchRemoteConfigModuleStatus, isFirebaseRemoteConfigAvailable, } from './helpers/remoteConfig';
|
|
1966
|
-
export { ScreenCapture, ScreenRecorder, } from './capture';
|
|
1967
|
-
export { LIB_VERSION } from './constants/version';
|
|
1
|
+
import Tt,{useEffect as i,useMemo as y,useRef as f,useState as a,useCallback as I}from"react";import{Alert as ce,Animated as u,Easing as lr,PanResponder as Qr,Platform as Et,UIManager as Yr,LogBox as cr}from"react-native";import{NavigationContext as Zr}from"@react-navigation/native";import{I18nextProvider as Kr,i18n as en}from"./i18n";import Cn from"./components/ErrorBoundary";import Sn from"./components/Inspector/MainScreen";import{InspectorContext as xn,animateNextLayout as bn}from"./components/Inspector/InspectorContext";import{formatDisplayUrl as Ln,getNavigationInfo as ur,getLogPageName as wn,deduplicateLogs as tt,getDomainColor as vn,getEventCategory as Rn,matchNetworkLogQuery as An,setupMemoryWarningHandler as Nn}from"./helpers";import{loadSettings as Mn,saveSettings as Tn,setCustomStorage as En,clearPersistedSettings as Pn,calculateRamBasedLimits as fr}from"./helpers/settingsStore";import{getNativeSystemMetrics as In,pushNativeLogRecord as Ae,fetchNativeCachedPage as Dn}from"./native/NativeInspector";import{setupNetworkLogger as Fn,clearNetworkLogs as Pt,subscribeNetworkLogs as On,setNetworkModuleEnabled as Bn,setMaxNetworkLogsLimit as Vn,setRouteInfoProvider as dr}from"./customHooks/networkLogger";import{setupConsoleLogger as _n,clearConsoleLogs as mr,subscribeConsoleLogs as kn,setConsoleModuleEnabled as qn}from"./customHooks/consoleLogger";import{IGNORED_LOG_PREFIXES as ue}from"./customHooks/logFilters";import{setupGlobalCrashHandler as Hn,subscribeCrashEvents as Un,getCrashRecords as st,clearCrashRecords as pr,setMaxCrashLogsLimit as hr,setCrashModuleEnabled as jn}from"./customHooks/crashHandler";import{trackActiveTelemetryHeartbeat as zn,setTelemetryEnabled as gr,trackInspectorTabView as yr,trackInspectorScreenView as $n}from"./helpers/telemetry";import{subscribeAnalyticsEvents as Wn,clearAnalyticsEvents as Cr,autoSetupAnalyticsLogger as Jn,isAnalyticsConnected as It,setAnalyticsModuleEnabled as Gn}from"./customHooks/analyticsLogger";import{getReduxState as Dt,subscribeReduxState as Xn,setReduxAutoRefresh as Qn,getLastActionForReducer as Ft,clearActionHistory as Yn,isReduxConnected as Ot,setReduxModuleEnabled as Zn}from"./customHooks/reduxLogger";import{setPerformanceModuleEnabled as Kn}from"./customHooks/performanceTracker";import{setBundleModuleEnabled as ea}from"./customHooks/bundleAnalyzer";import{hideNativeFloatingButton as Ne,subscribeNativeFloatingButtonPress as ta,subscribeNativeDeviceShake as sa,isNativeModuleAvailable as ra}from"./native/NativeInspector";import{fetchRemoteConfigModuleStatus as na}from"./helpers/remoteConfig";import{ScreenCapture as aa}from"./capture";import{LIB_VERSION as oa}from"./constants";import{toggleGlobalTheme as Sr}from"./styles";const Ca=({enabled:v=!0,storage:O,navigationRef:L,appIcon:Bt,environment:Vt,initialVisible:xr=!1,visible:Me,remoteConfig:Te})=>{En(O||null);const[Ee,rt]=a(!1),[_t,Pe]=a(null),[kt,Ie]=a({}),[De,nt]=a(90),[Fe,at]=a("slide"),[C,B]=a([]),[g,Y]=a(Me??xr??!1),[qt,ot]=a(!1),br=I(()=>{ot(!0),Y(!1)},[]);i(()=>{Me!==void 0&&Y(Me)},[Me]);const[Ht,Ut]=a(!1),[p,it]=a(null),[Oe,fe]=a(new Set),[Z,jt]=a(""),[Be,Lr]=a("all"),[Ve,wr]=a(!1),[_e,vr]=a(!1),[N,Rr]=a("all"),[zt,lt]=a(""),[$t,Ar]=a(""),[Wt,ct]=a(null),[Jt,ut]=a(null),[Gt,Nr]=a("state"),[Xt,Qt]=a("response");i(()=>(cr.ignoreAllLogs(v),()=>{cr.ignoreAllLogs(!1)}),[v]),i(()=>{p&&(Qt("response"),lt(""))},[p]);const[de,ft]=a(new Set),[me,dt]=a(new Set),[Yt,mt]=a({}),[Zt,pt]=a(new Set),[Kt,Mr]=a(!0),[ke,Tr]=a("newest"),[qe,Er]=a("newest"),[es,ts]=a(!0),[ss,rs]=a(!0),[ns,as]=a(!1),[os,is]=a(!1),[m,$]=a("apis"),[He,W]=a([]),[J,G]=a([]),[ls,ht]=a(null),[K,Pr]=a(!1),cs=f(K);cs.current=K;const pe=f([]),[ee,Ir]=a(!1),us=f(ee);us.current=ee;const he=f([]),[te,Dr]=a(!1),fs=f(te);fs.current=te;const ge=f([]),[ds,ms]=a(0),[ps,hs]=a(0),[gs,ys]=a(0),[Cs,Ss]=a(0),Ue=I(async()=>{try{const t=await aa.getMediaList(),e=t?t.length:0;return Ss(e),e}catch{return Ss(0),0}},[]);i(()=>{g&&Ue()},[g,Ue]);const[ye,V]=a(()=>st()),[xs,se]=a(null),[_,je]=a(50);i(()=>{hr(_)},[_]),i(()=>{g&&(m==="apis"&&hs(C.length),m==="logs"&&ms(J.length),m==="crash"&&ys(ye.length))},[g]),i(()=>{m==="apis"&&hs(C.length)},[m,C.length]),i(()=>{m==="logs"&&ms(J.length)},[m,J.length]),i(()=>{m==="crash"&&ys(ye.length)},[m,ye.length]);const[re,ze]=a(100),[k,gt]=a({info:!0,warn:!0,error:!0}),q=y(()=>J.filter(e=>{const r=e.type;if(r==="info"&&!k?.info||r==="warn"&&!k?.warn||r==="error"&&!k?.error)return!1;const s=e.message||"";return![...ue&&ue.info||[],...ue&&ue.warn||[],...ue&&ue.error||[]].filter(d=>typeof d=="string"&&d.trim().length>0).some(d=>s.toLowerCase().trim().startsWith(d.toLowerCase().trim())||s.toLowerCase().trim().includes(d.toLowerCase().trim()))}).slice(0,re),[J,k,re]),[M,bs]=a(""),[T,Ls]=a(new Set(["all"])),[ws,Fr]=a(null),[vs,Or]=a(!1),[Rs,Br]=a(!1),[As,Vr]=a("module"),[S,$e]=a({apis:!0,logs:!0,analytics:!1,redux:!1,bundle:!1,performance:!1,crash:!1,device:!1,storage:!1,debugging:!1,media:!0}),[H,We]=a(250),[ne,Je]=a(150),[ae,yt]=a(!0),[Ct,_r]=a(1800),[oe,St]=a(!0),[Ge,xt]=a(1),[U,Xe]=a("apis"),[j,bt]=a(!1),[Lt,wt]=a(!0);i(()=>{Bn(!!S.apis),qn(!!S.logs),Gn(!!S.analytics),Zn(!!S.redux),Kn(!!S.performance),jn(!!S.crash),ea(!!S.bundle)},[S]),i(()=>{In().then(t=>{if(t){const e=t.totalPhysicalRamMb-t.residentRamMb,r=Math.max(200,Math.round(e>0?e:1500));if(_r(r),ae){const s=fr(r);We(s.maxNetworkLogs),ze(s.maxConsoleLogs),Je(s.maxAnalyticsEvents),je(s.maxCrashRecords)}}}).catch(()=>{})},[ae]);const kr=async()=>{await Pn(),rt(!1),Sr(!1),nt(90),at("slide"),$e({apis:!0,logs:!0,analytics:!1,redux:!1,bundle:!1,performance:!1,crash:!1,device:!1,storage:!1,debugging:!1,media:!0}),Xe("apis"),yt(!0);const t=fr(Ct);je(t.maxCrashRecords),We(t.maxNetworkLogs),ze(t.maxConsoleLogs),Je(t.maxAnalyticsEvents),gt({info:!0,warn:!0,error:!0}),St(!0),xt(1),bt(!1),wt(!0),ce.alert("Settings Reset","All settings have been reset to default values.")},Ns=f(!1);i(()=>{let t=!1;return Mn().then(e=>{if(!t){if(e.isDark!=null&&(rt(e.isDark),Sr(e.isDark)),e.modalHeightPercent!=null&&nt(e.modalHeightPercent),e.modalAnimationType&&at(e.modalAnimationType),e.tabVisibility&&$e(r=>({...r,...e.tabVisibility,apis:!0})),e.defaultTab&&Xe(e.defaultTab),e.isAutoRamLimitEnabled!=null&&yt(e.isAutoRamLimitEnabled),e.maxNetworkLogs!=null&&We(e.maxNetworkLogs),e.maxConsoleLogs!=null&&ze(e.maxConsoleLogs),e.maxAnalyticsEventsLimit!=null&&Je(e.maxAnalyticsEventsLimit),e.maxCrashLogs!=null&&je(e.maxCrashLogs),e.showConsoleLevels&>(e.showConsoleLevels),e.reduxAutoRefresh!=null&&St(e.reduxAutoRefresh),e.reduxExpandDepth!=null&&xt(e.reduxExpandDepth),e.showDuplicateLogs!=null&&bt(e.showDuplicateLogs),e.showUpdateToast!=null&&wt(e.showUpdateToast),e.defaultTab){const r=e.defaultTab,s={apis:!0,logs:!0,analytics:!1,redux:!1,bundle:!1,performance:!1,crash:!1,device:!1,storage:!1,...e.tabVisibility||{},apis:!0};$(s[r]?r:"apis")}Ns.current=!0}}),()=>{t=!0}},[]),i(()=>{let t=!0;if(Te!==!1)return na(typeof Te=="object"?Te:void 0).then(e=>{t&&e&&$e(r=>({...r,...e,apis:e.apis??!0}))}).catch(()=>{}),()=>{t=!1}},[Te]),i(()=>{Ns.current&&Tn({isDark:Ee,modalHeightPercent:De,modalAnimationType:Fe,tabVisibility:S,defaultTab:U,maxNetworkLogs:H,maxConsoleLogs:re,maxAnalyticsEventsLimit:ne,maxCrashLogs:_,isAutoRamLimitEnabled:ae,showConsoleLevels:k,reduxAutoRefresh:oe,reduxExpandDepth:Ge,showDuplicateLogs:j,showUpdateToast:Lt})},[Ee,De,Fe,S,U,H,re,ne,_,ae,k,oe,Ge,j]);const[Ce,qr]=a(null),Ms=y(()=>{if(!Ce)return!1;const t=s=>s.replace(/^v/,"").split(".").map(n=>parseInt(n,10)||0),e=t(oa),r=t(Ce);for(let s=0;s<3;s++){if((r[s]||0)>(e[s]||0))return!0;if((r[s]||0)<(e[s]||0))return!1}return!1},[Ce]);i(()=>{if(typeof __DEV__>"u"||!__DEV__)return;let t=!1;return fetch("https://registry.npmjs.org/react-native-inapp-inspector/latest").then(e=>e.ok?e.json():null).then(e=>{!t&&e&&typeof e.version=="string"&&qr(e.version)}).catch(()=>{}),()=>{t=!0}},[]),i(()=>{Qn(oe)},[oe]),i(()=>{m==="redux"&&!Ot()&&$("apis"),m==="analytics"&&!It()&&$("apis")},[m]);const Ts=t=>{t!=="apis"&&(t==="redux"&&!Ot()||t==="analytics"&&!It()||$e(e=>{const r=!e[t],s={...e,[t]:r};return!r&&m===t&&(bn(),$("apis")),!r&&U===t&&Xe("apis"),s}))},vt=I(async(t,e="")=>{if(t==="apis"||t==="logs"||t==="analytics"||t==="crash"){const r=await Dn(t,0,100,e);r&&r.items&&r.items.length>0&&(t==="apis"?B(r.items):t==="logs"?G(r.items):t==="analytics"?W(r.items):t==="crash"&&V(r.items))}},[]),Es=I(t=>{t==="redux"&&!Ot()||t==="analytics"&&!It()||(it(null),Qe(null),ht(null),ct(null),ut(null),se(null),typeof Tt.startTransition=="function"?Tt.startTransition(()=>{$(t),vt(t)}):($(t),vt(t)),yr(t))},[vt]),[Ps,Qe]=a(null),[ie,Is]=a(""),[o,Ds]=a({categories:new Set(["all"]),screens:new Set,sources:new Set(["all"]),userTypes:new Set(["all"]),timeWindow:"all",payloadComplexity:"all",hasRevenue:!1,hasItems:!1,hasUserProps:!1,hasParams:!1,onlyDuplicates:!1,onlyConversions:!1,sortBy:"time_desc"}),Fs=y(()=>!!(o.categories.size>0&&!o.categories.has("all")||o.screens.size>0||o.sources.size>0&&!o.sources.has("all")||o.userTypes.size>0&&!o.userTypes.has("all")||o.timeWindow!=="all"||o.payloadComplexity!=="all"||o.hasRevenue||o.hasItems||o.hasUserProps||o.hasParams||o.onlyDuplicates||o.onlyConversions||o.sortBy!=="time_desc"),[o]),Os=I(()=>{Ds({categories:new Set(["all"]),screens:new Set,sources:new Set(["all"]),userTypes:new Set(["all"]),timeWindow:"all",payloadComplexity:"all",hasRevenue:!1,hasItems:!1,hasUserProps:!1,hasParams:!1,onlyDuplicates:!1,onlyConversions:!1,sortBy:"time_desc"})},[]),[Bs,Hr]=a(!1),[Vs,Ur]=a(!1),[_s,ks]=a(new Set),Se=f(new Set),[Rt,At]=a(null),qs=Tt.useContext(Zr)!==void 0,X=f({path:"",params:null});i(()=>(dr(()=>X.current),()=>{dr(null)}),[]),i(()=>{if(Rt){const t=ur(Rt);t?.path&&(X.current=t)}},[Rt]),i(()=>{if(!L)return;const t=()=>{try{if(typeof L.isReady=="function"&&L.isReady()){const r=typeof L.getCurrentRoute=="function"?L.getCurrentRoute():null;r?.name&&(X.current={path:r.name,params:r.params||null});const s=L.getRootState();if(s){At(s);const n=ur(s);n?.path&&(X.current=n)}}}catch{}};t();const e=typeof L.addListener=="function"?L.addListener("state",()=>{t()}):null;return()=>{e&&e()}},[L]);const R=f(new Map),le=f(new Set),[Hs,Us]=a(new Set),xe=f(new u.Value(1)).current,be=f(new u.Value(.4)).current,Le=f(new u.Value(1)).current,we=f(new u.Value(0)).current,ve=f(new u.Value(0)).current,x=f(new u.ValueXY({x:0,y:0})).current,Ye=f({x:0,y:0});i(()=>{const t=x.x.addListener(r=>Ye.current.x=r.value),e=x.y.addListener(r=>Ye.current.y=r.value);return()=>{x.x.removeListener(t),x.y.removeListener(e)}},[x]);const Ze=f(!1),js=f(Qr.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(t,e)=>Math.abs(e.dx)>4||Math.abs(e.dy)>4,onPanResponderGrant:()=>{Ze.current=!0,x.setOffset({x:Ye.current.x,y:Ye.current.y}),x.setValue({x:0,y:0})},onPanResponderMove:u.event([null,{dx:x.x,dy:x.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{x.flattenOffset(),setTimeout(()=>{Ze.current=!1},50)},onPanResponderTerminate:()=>{x.flattenOffset(),Ze.current=!1}})).current,zs=I(()=>{u.sequence([u.timing(ve,{toValue:1,duration:320,useNativeDriver:!1}),u.timing(ve,{toValue:0,duration:0,useNativeDriver:!1})]).start(),zr()},[ve]);i(()=>{Et.OS==="android"&&Yr.setLayoutAnimationEnabledExperimental?.(!0)},[]),i(()=>{if(g)return;const t=u.loop(u.sequence([u.timing(xe,{toValue:1.2,duration:800,useNativeDriver:!1}),u.timing(xe,{toValue:1,duration:800,useNativeDriver:!1})]));return t.start(),()=>t.stop()},[xe,g]),i(()=>{if(g)return;const t=u.loop(u.sequence([u.timing(we,{toValue:1,duration:3200,easing:lr.inOut(lr.ease),useNativeDriver:!1}),u.delay(3500),u.timing(we,{toValue:0,duration:0,useNativeDriver:!1})]));return t.start(),()=>t.stop()},[we,g]),i(()=>{const t=u.loop(u.sequence([u.timing(be,{toValue:1,duration:1200,useNativeDriver:!1}),u.timing(be,{toValue:.4,duration:1200,useNativeDriver:!1})]));return t.start(),()=>t.stop()},[be]),i(()=>{const t=u.loop(u.sequence([u.timing(Le,{toValue:1.3,duration:800,useNativeDriver:!1}),u.timing(Le,{toValue:.8,duration:800,useNativeDriver:!1})]));return t.start(),()=>t.stop()},[Le]);const jr=y(()=>ra(),[]),z=(Et.OS==="ios"||Et.OS==="android")&&jr;i(()=>{z&&Ne().catch(()=>{})},[z,g]),i(()=>{if(!z)return;const t=ta(()=>{Ne().catch(()=>{}),Y(!0)});return()=>{t()}},[z]),i(()=>{if(!z)return;const t=sa(()=>{Y(e=>{const r=!e;return r&&Ne().catch(()=>{}),r})});return()=>{t()}},[z]);const $s=f(g);i(()=>{if($s.current=g,g){$n("InspectorModal");const t=U==="apis"||S?.[U]?U:"apis";if($(t),yr(t),pe.current.length>0){const n=tt(pe.current),l=new Set(n.map(d=>d.id));le.current=l,B(n)}he.current.length>0&&G(he.current),ge.current.length>0&&W(ge.current);const e=Dt();e&&(Pe(typeof e=="object"?{...e}:e),Ie({...Ft()}));const r=st();r.length>0&&V(r);const s=requestAnimationFrame(()=>{Ut(!0)});return()=>{cancelAnimationFrame(s)}}else Ut(!1),fe(new Set)},[g]),i(()=>{Fn(),Pt(),_n(),Jn(),Hn();const t=Nn(),e=$s,r=Un(c=>{if(c.message==="__CLEARED__"){V([]),se(null);return}const Q=st();Q.length>0&&Ae("crash",JSON.stringify(Q[0])),e.current&&V(Q)}),s=st();s.length>0&&(s.forEach(c=>Ae("crash",JSON.stringify(c))),V(s));let n,l=!0;const d=On(c=>{if(pe.current=c,c.length>0&&Ae("apis",JSON.stringify(c[0])),cs.current||!e.current)return;clearTimeout(n);const Q=()=>{const w=tt(c),A=new Set(w.map(P=>P.id)),h=new Set;A.forEach(P=>{le.current.has(P)||h.add(P)}),le.current=A,h.size>0&&(h.forEach(P=>{if(!R.current.has(P)){const Gr=w.find(Xr=>Xr.id===P)?.routeInfo||X.current;R.current.set(P,Gr)}}),Us(h),setTimeout(()=>Us(new Set),1200)),B(w)};if(l){l=!1;const w=tt(c),A=new Set(w.map(h=>h.id));le.current=A,w.forEach(h=>{if(!R.current.has(h.id)){const P=h?.routeInfo||X.current;R.current.set(h.id,P)}}),B(w)}else n=setTimeout(Q,250)});let b,Re=!0;const Nt=Wn(c=>{if(ge.current=c,c.length>0&&Ae("analytics",JSON.stringify(c[0])),fs.current||!e.current)return;clearTimeout(b);const Q=()=>{const w=new Set(c.map(h=>h.id)),A=new Set;w.forEach(h=>{Se.current.has(h)||A.add(h)}),Se.current=w,A.size>0&&(A.forEach(h=>{R.current.has(h+1e6)||R.current.set(h+1e6,X.current)}),ks(A),setTimeout(()=>ks(new Set),1200)),W(c)};if(Re){Re=!1;const w=new Set(c.map(A=>A.id));Se.current=w,W(c)}else b=setTimeout(Q,200)});let E,F=!0;const Mt=kn(c=>{he.current=c,c.length>0&&Ae("logs",JSON.stringify(c[0])),!us.current&&e.current&&(clearTimeout(E),F?(F=!1,G(c)):E=setTimeout(()=>{G(c)},200))}),et=Dt();et&&(Pe(typeof et=="object"?{...et}:et),Ie({...Ft()}));const Jr=Xn(()=>{if(!e.current)return;const c=Dt();Pe(c&&typeof c=="object"?{...c}:c),Ie({...Ft()})});return()=>{d(),clearTimeout(n),Nt(),clearTimeout(b),Mt(),clearTimeout(E),Jr(),r(),t()}},[]),i(()=>{Vn(H)},[H]),i(()=>{hr(_)},[_]),i(()=>{if(!K&&pe.current.length>0){const t=tt(pe.current);B(t)}},[K]),i(()=>{!te&&ge.current.length>0&&W(ge.current)},[te]),i(()=>{!ee&&he.current.length>0&&G(he.current)},[ee]),i(()=>{ts(!0),rs(!0),as(!1),is(!1),lt("")},[p]);const D=y(()=>{let t=C.filter(e=>{if(N&&N!=="all"){if(N==="errors"){if(!(e.status===0||e.status==null||typeof e.status=="number"&&e.status>=400))return!1}else if(N==="success"){if(!(typeof e.status=="number"&&e.status>=200&&e.status<400))return!1}else if(N==="slow"){if((e.duration||0)<500)return!1}else if(N==="graphql"){if(!((e.url||"").toLowerCase().includes("graphql")||(e.client||"").toLowerCase().includes("graphql")||(e.client||"").toLowerCase().includes("apollo")))return!1}else if(e.method?.toUpperCase()!==N.toUpperCase())return!1}if(de.size>0&&![...de].some(s=>{if(s==="ALL")return!0;if(s==="Failed")return e.status===0||e.status==null;const n=parseInt(s,10);return isNaN(n)?String(e.status)[0]===s[0]:Number(e.status)===n})||me.size>0&&![...me].some(s=>s==="ALL"?!0:e.method?.toUpperCase()===s))return!1;if(Z&&Z.trim().length>0){const r=R.current.get(e.id)?.path||"";if(!An(e,Z,r,{scope:Be,isRegex:Ve,isCaseSensitive:_e}))return!1}return!0});if(ke==="oldest"&&(t=[...t].reverse()),!j){const e=[];for(const r of t){const s=e[e.length-1];s&&s.method===r.method&&s.url===r.url&&s.status===r.status?e[e.length-1]={...s,duplicateCount:(s.duplicateCount||1)+1}:e.push({...r,duplicateCount:1})}t=e}return t.slice(0,H)},[C,Z,Be,Ve,_e,N,de,me,ke,H,j]),Ws=y(()=>{const t=new Set;return C.forEach(e=>{e.method&&t.add(e.method.toUpperCase())}),["ALL",...Array.from(t)]},[C]),Js=I((t,e)=>{mt(r=>{const s=r[t]||new Set(["success","failed","loading"]),n=new Set(s);return n.has(e)?n.delete(e):n.add(e),{...r,[t]:n}})},[]),Gs=I(t=>{pt(e=>{const r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})},[]),Xs=y(()=>{const t=[],e=new Map;for(let s=0;s<D.length;s++){const n=D[s],l=R.current.get(n.id)||n?.routeInfo,d=wn(n,l);let b=e.get(d);b||(b={pageName:d,color:vn(d),logs:[]},e.set(d,b)),b.logs.push(n)}let r=0;return e.forEach(s=>{let n=0,l=0,d=0;s.logs.forEach(E=>{E.status==null?d++:E.status===0||E.status>=400?l++:n++});const b=Yt[s.pageName]||new Set(["success","failed","loading"]),Re=Zt.has(s.pageName),Nt=s.logs[0]?.startTime||0;if(t.push({type:"header",id:`hdr-${s.pageName}`,pageName:s.pageName,color:s.color,stats:{success:n,failed:l,loading:d},timestamp:Nt,activeFilters:b,isCollapsed:Re,isFirst:r===0}),r++,!Re){const E=s.logs.filter(F=>F.status==null?b.has("loading"):F.status===0||F.status>=400?b.has("failed"):b.has("success"));E.forEach((F,Mt)=>{t.push({type:"log",id:`log-${F.id}`,log:F,isLast:Mt===E.length-1,color:s.color})})}}),t},[D,C,Yt,Zt]),{minStart:Qs,totalRange:Ys}=y(()=>{if(D.length===0)return{minStart:0,totalRange:0};const t=Math.min(...D.map(r=>r.startTime)),e=Math.max(...D.map(r=>r.startTime+(r.duration||10)));return{minStart:t,totalRange:e-t}},[D]),Ke=y(()=>{if(!p)return null;const t=C.findIndex(e=>e.id===p.id);if(t===-1)return null;for(let e=t+1;e<C.length;e++){const r=C[e];if(r.url===p.url&&r.method===p.method)return r}return null},[p,C]),Zs=Ke?Ke.request:null,Ks=Ke?Ke.response:null,er=y(()=>{let t=He;if(ie&&ie.trim().length>0){const s=ie.trim().toLowerCase().split(/\s+/).filter(Boolean);t=t.filter(n=>{const l=[n.name||"",JSON.stringify(n.params||""),JSON.stringify(n.userProperties||""),n.screenName||"",n.pageTitle||"",n.userId||"",n.source||""].join(" ").toLowerCase();return s.every(d=>l.includes(d))})}if(o.categories.size>0&&!o.categories.has("all")&&(t=t.filter(s=>{const n=Rn(s.name);return o.categories.has(n)})),o.timeWindow!=="all"){const s=Date.now(),n=o.timeWindow==="1m"?s-60*1e3:o.timeWindow==="5m"?s-300*1e3:o.timeWindow==="15m"?s-900*1e3:s-3600*1e3;t=t.filter(l=>l.timestamp>=n)}if(o.sources.size>0&&!o.sources.has("all")&&(t=t.filter(s=>o.sources.has(s.source||"manual"))),o.userTypes.size>0&&!o.userTypes.has("all")&&(t=t.filter(s=>{const n=!!(s.userId&&s.userId.trim()!=="");return!!(o.userTypes.has("identified")&&n||o.userTypes.has("anonymous")&&!n)})),o.payloadComplexity!=="all"&&(o.payloadComplexity==="none"?t=t.filter(s=>!s.params||Object.keys(s.params).length===0):o.payloadComplexity==="simple"?t=t.filter(s=>s.params&&Object.keys(s.params).length<=3):o.payloadComplexity==="heavy"&&(t=t.filter(s=>s.params&&Object.keys(s.params).length>3))),o.onlyConversions){const s=["purchase","item_purchase","ecommerce_purchase","sign_up","login","lead","generate_lead","tutorial_complete","add_payment_info","begin_checkout","spend_virtual_currency"];t=t.filter(n=>s.some(l=>n.name.toLowerCase().includes(l)))}o.screens.size>0&&(t=t.filter(s=>{const n=s.screenName||s.params?.firebase_screen||s.params?.screen_name||s.params?.firebase_screen_class||s.screenClass||"";return o.screens.has(n)})),o.hasRevenue&&(t=t.filter(s=>s.params?.value!=null&&!isNaN(Number(s.params.value))||s.params?.price!=null&&!isNaN(Number(s.params.price)))),o.hasItems&&(t=t.filter(s=>Array.isArray(s.params?.items)&&s.params.items.length>0)),o.hasUserProps&&(t=t.filter(s=>s.userProperties&&Object.keys(s.userProperties).length>0)),o.hasParams&&(t=t.filter(s=>s.params&&Object.keys(s.params).length>0));const e=[];for(const s of t){if(e.length===0){e.push({...s,count:1});continue}const n=e[e.length-1];n.name===s.name&&JSON.stringify(n.params)===JSON.stringify(s.params)&&JSON.stringify(n.userProperties)===JSON.stringify(s.userProperties)?(n.count=(n.count||1)+1,n.timestamp=s.timestamp,n.id=s.id):e.push({...s,count:1})}let r=e;return o.onlyDuplicates&&(r=r.filter(s=>(s.count||1)>1)),o.sortBy==="time_asc"?r=[...r].sort((s,n)=>s.timestamp-n.timestamp):o.sortBy==="revenue_desc"?r=[...r].sort((s,n)=>{const l=Number(s.params?.value??s.params?.price??0);return Number(n.params?.value??n.params?.price??0)-l}):o.sortBy==="count_desc"&&(r=[...r].sort((s,n)=>(n.count||1)-(s.count||1))),r.slice(0,ne)},[He,ie,o,ne]),tr=y(()=>{let t=q;if(T.size>0&&!T.has("all")&&(t=t.filter(e=>!!(T.has("user-log")&&e.sourceMethod==="log"||T.has("info")&&(e.sourceMethod==="info"||e.type==="info"&&e.sourceMethod!=="log")||T.has("warn")&&(e.type==="warn"||e.sourceMethod==="warn")||T.has("error")&&(e.type==="error"||e.sourceMethod==="error")||T.has("analytics")&&e.message?.toLowerCase().includes("[analytics error]")))),M&&M.trim().length>0){const e=M.trim().toLowerCase().split(/\s+/).filter(Boolean);t=t.filter(r=>{const s=[r.message||"",r.caller||"",r.type||"",r.sourceMethod||"",r.stack||""].join(" ").toLowerCase();return e.every(n=>n==="error"||n==="err"?r.type==="error"||s.includes(n):n==="warn"||n==="warning"?r.type==="warn"||s.includes(n):n==="info"&&r.type==="info"||s.includes(n))})}if(t=[...t].sort((e,r)=>qe==="newest"?r.timestamp-e.timestamp:e.timestamp-r.timestamp),!j){const e=[];for(const r of t){const s=e[e.length-1];s&&s.type===r.type&&s.sourceMethod===r.sourceMethod&&s.message===r.message?e[e.length-1]={...s,duplicateCount:(s.duplicateCount||1)+1}:e.push({...r,duplicateCount:1})}t=e}return t},[q,T,M,qe,j]),sr=y(()=>{let t=q;if(M&&M.trim().length>0){const r=M.trim().toLowerCase().split(/\s+/).filter(Boolean);t=q.filter(s=>{const n=[s.message||"",s.caller||"",s.type||"",s.sourceMethod||"",s.stack||""].join(" ").toLowerCase();return r.every(l=>l==="error"||l==="err"?s.type==="error"||n.includes(l):l==="warn"||l==="warning"?s.type==="warn"||n.includes(l):l==="info"&&s.type==="info"||n.includes(l))})}const e=q.length;return{all:`${t.length}/${e}`,info:`${t.filter(r=>r.sourceMethod==="info"||r.type==="info"&&r.sourceMethod!=="log").length}/${e}`,warn:`${t.filter(r=>r.type==="warn"||r.sourceMethod==="warn").length}/${e}`,error:`${t.filter(r=>r.type==="error"||r.sourceMethod==="error").length}/${e}`,"user-log":`${t.filter(r=>r.sourceMethod==="log").length}/${e}`,analytics:`${t.filter(r=>r.message.toLowerCase().includes("[analytics error]")).length}/${e}`}},[q,M]),rr=I(()=>{Y(!1),ot(!1),setTimeout(()=>{it(null),Qe(null),ht(null),ct(null),ut(null),se(null)},300)},[]);function zr(){Pt(),B([]),fe(new Set),mt({}),pt(new Set),ft(new Set),dt(new Set),jt(""),le.current=new Set,R.current=new Map,Cr(),W([]),Is(""),Se.current=new Set,mr(),G([]),Ls(new Set(["all"])),bs("")}function nr(){if(m==="logs"){ce.alert("Clear Logs","Are you sure you want to clear all console logs?",[{text:"Cancel",style:"cancel"},{text:"Clear All",onPress:()=>{mr(),G([])},style:"destructive"}]);return}if(m==="analytics"){ce.alert("Clear Analytics","Are you sure you want to clear all analytics events?",[{text:"Cancel",style:"cancel"},{text:"Clear All",onPress:()=>{Cr(),W([]),Qe(null),Se.current=new Set},style:"destructive"}]);return}if(m==="redux"){ce.alert("Clear Redux Timeline","Are you sure you want to clear the dispatched action history?",[{text:"Cancel",style:"cancel"},{text:"Clear All",onPress:()=>{Yn(),Ie({})},style:"destructive"}]);return}if(m==="crash"){ce.alert("Clear Crash History","Are you sure you want to clear all intercepted crash records?",[{text:"Cancel",style:"cancel"},{text:"Clear All",onPress:()=>{pr(),V([]),se(null)},style:"destructive"}]);return}Oe.size>0?(B(t=>t.filter(e=>!Oe.has(e.id))),fe(new Set)):ce.alert("Clear Logs","Are you sure you want to clear all network logs?",[{text:"Cancel",style:"cancel"},{text:"Clear All",onPress:$r,style:"destructive"}])}function $r(){Pt(),B([]),fe(new Set),mt({}),pt(new Set),ft(new Set),dt(new Set),le.current=new Set,R.current=new Map}const ar=y(()=>{if(!p)return"";try{const e=new URL(p.url).pathname.split("/").filter(Boolean);return e.length>0?`/${e.slice(-2).join("/")}`:"/"}catch{const t=p.url.split("/").filter(Boolean);return t.length>0?`/${t.slice(-2).join("/")}`:p.url}},[p]),or=y(()=>p?Ln(p.url):"",[p]),ir=I(t=>{fe(e=>{const r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})},[]),Wr=y(()=>({visible:g,setVisible:Y,closeModal:rr,isMinimized:qt,setIsMinimized:ot,minimizeInspector:br,isReady:Ht,enabled:v,isEnabled:v,appIcon:Bt,environment:Vt,modalHeightPercent:De,setModalHeightPercent:nt,modalAnimationType:Fe,setModalAnimationType:at,hasNavigationContext:qs,setNavState:At,activeTab:m,switchActiveTab:Es,tabVisibility:S,toggleTabVisibility:Ts,lastReadApisCount:ps,lastReadLogsCount:ds,mediaCount:Cs,refreshMediaCount:Ue,selected:p,setSelected:it,selectedEvent:Ps,setSelectedEvent:Qe,selectedLog:ls,setSelectedLog:ht,showHeaderInfo:Kt,setShowHeaderInfo:Mr,settingsPage:ws,setSettingsPage:Fr,isFeedbackOpen:vs,setIsFeedbackOpen:Or,isAboutOpen:Rs,setIsAboutOpen:Br,updateAvailable:Ms,latestNpmVersion:Ce,clearAnim:ve,activePulseAnim:be,unreadPulseAnim:Le,runClearAllWithAnimation:zs,useNativeFab:z,fabPan:x,fabPanResponder:js,fabDraggedRef:Ze,pulseAnim:xe,fabShineAnim:we,logs:C,filteredLogs:D,groupedData:Xs,search:Z,setSearch:jt,searchScope:Be,setSearchScope:Lr,isRegexSearch:Ve,setIsRegexSearch:wr,isCaseSensitive:_e,setIsCaseSensitive:vr,quickFilter:N,setQuickFilter:Rr,statusFilters:de,setStatusFilters:ft,methodFilters:me,setMethodFilters:dt,availableMethods:Ws,sortOrder:ke,setSortOrder:Tr,selectedLogs:Oe,toggleSelect:ir,minStart:Qs,totalRange:Ys,newLogIds:Hs,toggleSectionFilter:Js,toggleSectionCollapse:Gs,handleDelete:nr,isNetworkPaused:K,setIsNetworkPaused:Pr,detailTitle:ar,detailDisplayUrl:or,apiDetailActiveTab:Xt,setApiDetailActiveTab:Qt,detailSearch:zt,setDetailSearch:lt,reqExpanded:es,setReqExpanded:ts,resExpanded:ss,setResExpanded:rs,showReqDiff:ns,setShowReqDiff:as,showResDiff:os,setShowResDiff:is,prevRequestData:Zs,prevResponseData:Ks,logRouteMapRef:R,consoleLogs:J,visibleConsoleLogs:q,filteredConsoleLogs:tr,logSearch:M,setLogSearch:bs,logFilters:T,setLogFilters:Ls,logCounts:sr,logSortOrder:qe,setLogSortOrder:Er,isConsolePaused:ee,setIsConsolePaused:Ir,analyticsEvents:He,filteredAnalyticsEvents:er,analyticsSearch:ie,setAnalyticsSearch:Is,analyticsFilters:o,setAnalyticsFilters:Ds,isAnalyticsFilterApplied:Fs,resetAnalyticsFilters:Os,newEventIds:_s,isAnalyticsLayoutReady:Bs,setIsAnalyticsLayoutReady:Hr,analyticsHeaderExpanded:Vs,setAnalyticsHeaderExpanded:Ur,isAnalyticsPaused:te,setIsAnalyticsPaused:Dr,reduxState:_t,setReduxState:Pe,reduxLastActionMap:kt,reduxSearch:$t,setReduxSearch:Ar,selectedReduxSlice:Wt,setSelectedReduxSlice:ct,selectedReduxAction:Jt,setSelectedReduxAction:ut,reduxActiveSubTab:Gt,setReduxActiveSubTab:Nr,crashRecords:ye,setCrashRecords:V,selectedCrash:xs,setSelectedCrash:se,lastReadCrashesCount:gs,maxCrashLogs:_,setMaxCrashLogs:je,clearAllCrashes:()=>{pr(),V([]),se(null)},settingsActiveSubTab:As,setSettingsActiveSubTab:Vr,defaultTab:U,setDefaultTab:Xe,isDark:Ee,setIsDark:rt,showDuplicateLogs:j,setShowDuplicateLogs:bt,showUpdateToast:Lt,setShowUpdateToast:wt,showConsoleLevels:k,setShowConsoleLevels:gt,resetToDefaults:kr,storage:O,maxNetworkLogs:H,setMaxNetworkLogs:We,maxConsoleLogs:re,setMaxConsoleLogs:ze,maxAnalyticsEventsLimit:ne,setMaxAnalyticsEventsLimit:Je,isAutoRamLimitEnabled:ae,setIsAutoRamLimitEnabled:yt,deviceFreeRamMb:Ct,reduxAutoRefresh:oe,setReduxAutoRefreshState:St,reduxExpandDepth:Ge,setReduxExpandDepth:xt}),[g,rr,Ht,v,Bt,Vt,De,Fe,qs,At,m,Es,S,Ts,ps,ds,Cs,Ue,p,Ps,ls,Kt,ws,vs,Rs,Ms,Ce,ve,be,Le,zs,z,x,js,xe,we,C,D,Xs,Z,Be,Ve,_e,N,de,me,Ws,ke,Oe,ir,Qs,Ys,Hs,Js,Gs,nr,K,ar,or,Xt,zt,es,ss,ns,os,Zs,Ks,J,q,tr,M,T,sr,qe,ee,He,er,ie,o,Fs,Os,_s,Bs,Vs,te,_t,kt,$t,Wt,Jt,Gt,ye,xs,gs,_,As,U,Ee,j,Lt,k,O,H,re,ne,ae,Ct,oe,Ge,qt]);return<xn.Provider value={Wr}>
|
|
2
|
+
<Sn/>
|
|
3
|
+
</xn.Provider>},Sa=v=>{const O=v?.enabled??!0,L=v?.telemetry??!0;return i(()=>(O?L?zn(!0,v?.environment):gr(!1):(Ne().catch(()=>{}),gr(!1)),()=>{Ne().catch(()=>{})}),[O,L,v?.environment]),O?<Kr i18n={en}>
|
|
4
|
+
<Cn fallbackType="inline">
|
|
5
|
+
<Ca{...v}enabled={O}/>
|
|
6
|
+
</Cn>
|
|
7
|
+
</Kr>:null};export default Sa;export{setupNetworkLogger,clearNetworkLogs,subscribeNetworkLogs,addAxiosInterceptors}from"./customHooks/networkLogger";export{setupConsoleLogger,clearConsoleLogs,subscribeConsoleLogs}from"./customHooks/consoleLogger";export{setupAnalyticsLogger,logAnalyticsEvent,subscribeAnalyticsEvents,clearAnalyticsEvents,getCurrentUserProperties,getCurrentUserId,getDefaultEventParameters,getCollectionEnabled}from"./customHooks/analyticsLogger";export{setupGlobalCrashHandler,subscribeCrashEvents,emitCrashEvent,getCrashRecords,clearCrashRecords,simulateTestCrash,exportCrashReport,parseCrashStackTrace,recordCustomCrash,addCrashBreadcrumb,recordNavigationBreadcrumb,recordNetworkBreadcrumb,recordReduxBreadcrumb,recordUserActionBreadcrumb,computeCrashFingerprint}from"./customHooks/crashHandler";export{default as CrashTab}from"./components/Inspector/CrashTab";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,useComponentProfiler,useNavigationProfiler,trackComponentRender,trackNavigationTransition,trackHeavyTask,measureAsync,getHermesMemoryStats,registerComponentProfile,subscribeRenderProfiles,getRenderProfiles,logPerformanceEvent,clearPerformanceEvents,subscribePerformanceEvents,getPerformanceEvents,getInitialRenderProfiles,getInitialPerformanceEvents,generateFixSnippet}from"./customHooks/performanceTracker";export{InspectLog,InspectTrackTime,InspectCatch}from"./decorators";export{getNativeDeviceMetrics,enableNativeCrashProtection,subscribeNativeCrashes,showNativeFloatingButton,hideNativeFloatingButton,setNativeFloatingButtonBadge,subscribeNativeFloatingButtonPress,subscribeNativeDeviceShake,startNativeFpsMonitoring,stopNativeFpsMonitoring,getNativeFpsMetrics,getNativeStorageItem,setNativeStorageItem,isNativeModuleAvailable}from"./native/NativeInspector";export{setupMemoryWarningHandler,pruneAllLogs,subscribeMemoryWarning}from"./helpers";export{setMaxNetworkLogsLimit,getMaxNetworkLogsLimit,pruneNetworkLogs}from"./customHooks/networkLogger";export{setMaxConsoleLogsLimit,getMaxConsoleLogsLimit,pruneConsoleLogs}from"./customHooks/consoleLogger";export{setMaxReduxHistoryLimit,getMaxReduxHistoryLimit,pruneReduxHistory}from"./customHooks/reduxLogger";export{setMaxAnalyticsLogsLimit,getMaxAnalyticsLogsLimit,pruneAnalyticsLogs}from"./customHooks/analyticsLogger";export{getMaxCrashLogsLimit,pruneCrashRecords}from"./customHooks/crashHandler";export{setMaxPerformanceEventsLimit,getMaxPerformanceEventsLimit,prunePerformanceEvents}from"./customHooks/performanceTracker";export{BrandSquareIcon,BrandCircleIcon}from"./components/NetworkIcons";export{connectAsyncStorage,connectMMKV,isAsyncStorageConnected,isMMKVConnected,getRegisteredMMKVInstanceIds,fetchStorageEntries,setStorageEntry,removeStorageEntry,clearStorageDriver,subscribeToStorageChanges}from"./customHooks/storageInspector";export{ActiveTab,Method,StatusFilter,SortOrder,LocalFilter,ModalAnimationType,SettingsPage,SettingsSubTab,LogFilter,ConsoleLogType,AnalyticsEventSource,GAEventCategory,StackFrameType,DiffResultType,BundleSubTab,PerformanceSubTab,CrashType,CrashExportFormat,CrashDetailSubTab,CrashFilterType,BreadcrumbType}from"./types";export{AppFonts,setAppFonts}from"./styles/AppFonts";export{AppColors,setAppColors,getThemeColors,updateAppColorsTheme}from"./styles/AppColors";export{t,i18n,useTranslation,setLanguage,addTranslations,setTranslations,I18nextProvider}from"./i18n";export{fetchRemoteConfigModuleStatus,isFirebaseRemoteConfigAvailable}from"./helpers/remoteConfig";export{ScreenCapture,ScreenRecorder}from"./capture";export{LIB_VERSION}from"./constants/version";
|