react-native-inapp-inspector 2.3.19 → 2.3.21

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