react-native-inapp-inspector 2.3.18 → 2.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (358) hide show
  1. package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt +57 -0
  2. package/dist/commonjs/analytics.js +1 -24
  3. package/dist/commonjs/bundle.js +1 -16
  4. package/dist/commonjs/capture.d.ts +2 -0
  5. package/dist/commonjs/capture.js +1 -32
  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.d.ts +1 -0
  19. package/dist/commonjs/components/EmptyState.js +10 -87
  20. package/dist/commonjs/components/EndOfListFooter.js +7 -81
  21. package/dist/commonjs/components/ErrorBoundary.js +72 -566
  22. package/dist/commonjs/components/HeadersSection.js +31 -110
  23. package/dist/commonjs/components/HighlightText.js +17 -58
  24. package/dist/commonjs/components/Inspector/AboutModal.d.ts +6 -0
  25. package/dist/commonjs/components/Inspector/AboutModal.js +351 -0
  26. package/dist/commonjs/components/Inspector/AnalyticsFilterModal.js +98 -797
  27. package/dist/commonjs/components/Inspector/AnalyticsTab.js +284 -930
  28. package/dist/commonjs/components/Inspector/BundleTab.js +551 -2918
  29. package/dist/commonjs/components/Inspector/ConsoleTab.js +79 -492
  30. package/dist/commonjs/components/Inspector/CrashDetail.js +123 -672
  31. package/dist/commonjs/components/Inspector/CrashFilterModal.js +66 -498
  32. package/dist/commonjs/components/Inspector/CrashTab.js +98 -670
  33. package/dist/commonjs/components/Inspector/DebuggingTab.js +64 -871
  34. package/dist/commonjs/components/Inspector/DeviceInfoTab.js +143 -907
  35. package/dist/commonjs/components/Inspector/FabLauncher.js +85 -54
  36. package/dist/commonjs/components/Inspector/FeatureUnderDevNotice.js +6 -99
  37. package/dist/commonjs/components/Inspector/FeedbackModal.d.ts +9 -0
  38. package/dist/commonjs/components/Inspector/FeedbackModal.js +167 -521
  39. package/dist/commonjs/components/Inspector/InspectorContext.js +1 -21
  40. package/dist/commonjs/components/Inspector/InspectorHeader.js +219 -1093
  41. package/dist/commonjs/components/Inspector/LogDetail.js +168 -994
  42. package/dist/commonjs/components/Inspector/MainScreen.js +60 -332
  43. package/dist/commonjs/components/Inspector/MediaGalleryTab.js +136 -278
  44. package/dist/commonjs/components/Inspector/MediaPreviewModal.js +134 -361
  45. package/dist/commonjs/components/Inspector/NavigationTracker.js +1 -12
  46. package/dist/commonjs/components/Inspector/NetworkDetail.js +96 -432
  47. package/dist/commonjs/components/Inspector/NetworkFilterModal.js +60 -576
  48. package/dist/commonjs/components/Inspector/NetworkTab.js +84 -514
  49. package/dist/commonjs/components/Inspector/NpmStarPrompt.js +17 -433
  50. package/dist/commonjs/components/Inspector/NpmUpdateToast.js +25 -298
  51. package/dist/commonjs/components/Inspector/PerformanceTab.js +182 -1397
  52. package/dist/commonjs/components/Inspector/ReduxDetail.js +188 -1089
  53. package/dist/commonjs/components/Inspector/ReduxTab.js +85 -701
  54. package/dist/commonjs/components/Inspector/SettingsPanel.js +431 -3431
  55. package/dist/commonjs/components/Inspector/SkeletonPlaceholder.js +11 -180
  56. package/dist/commonjs/components/Inspector/StorageTab.js +93 -826
  57. package/dist/commonjs/components/Inspector/TabBar.js +47 -183
  58. package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +34 -408
  59. package/dist/commonjs/components/JsonViewer.js +168 -380
  60. package/dist/commonjs/components/LogCard.js +57 -567
  61. package/dist/commonjs/components/LogSyntaxHighlighter.js +11 -130
  62. package/dist/commonjs/components/MetaAccordion.js +69 -238
  63. package/dist/commonjs/components/MiniBarChart.js +3 -56
  64. package/dist/commonjs/components/MiniLineChart.js +3 -58
  65. package/dist/commonjs/components/NetworkIcons.d.ts +7 -0
  66. package/dist/commonjs/components/NetworkIcons.js +479 -997
  67. package/dist/commonjs/components/QRCodeView.js +5 -79
  68. package/dist/commonjs/components/SectionHeader.js +15 -37
  69. package/dist/commonjs/components/SegmentedTabs.js +7 -61
  70. package/dist/commonjs/components/SkeletonPlaceholder.js +11 -180
  71. package/dist/commonjs/components/Slider.js +15 -243
  72. package/dist/commonjs/components/SourcePageCard.js +30 -89
  73. package/dist/commonjs/components/Toast.js +5 -147
  74. package/dist/commonjs/components/TouchableScale.js +3 -24
  75. package/dist/commonjs/components/TreeNode.js +55 -130
  76. package/dist/commonjs/console.js +1 -16
  77. package/dist/commonjs/constants/index.js +1 -32
  78. package/dist/commonjs/constants/telemetryConfig.js +1 -6
  79. package/dist/commonjs/constants/version.d.ts +1 -1
  80. package/dist/commonjs/constants/version.js +1 -4
  81. package/dist/commonjs/crash.js +1 -23
  82. package/dist/commonjs/customHooks/analyticsLogger.js +1 -250
  83. package/dist/commonjs/customHooks/bundleAnalyzer.js +1 -957
  84. package/dist/commonjs/customHooks/consoleLogger.js +6 -445
  85. package/dist/commonjs/customHooks/crashHandler.js +7 -656
  86. package/dist/commonjs/customHooks/logFilters.js +1 -23
  87. package/dist/commonjs/customHooks/networkLogger.js +2 -536
  88. package/dist/commonjs/customHooks/performanceTracker.js +63 -750
  89. package/dist/commonjs/customHooks/reduxLogger.js +2 -313
  90. package/dist/commonjs/customHooks/storageInspector.js +1 -435
  91. package/dist/commonjs/customHooks/useAccordion.js +1 -18
  92. package/dist/commonjs/decorators/index.js +1 -100
  93. package/dist/commonjs/helpers/gaAnalyticsRegistry.js +1 -148
  94. package/dist/commonjs/helpers/index.js +8 -921
  95. package/dist/commonjs/helpers/memoryManager.js +1 -99
  96. package/dist/commonjs/helpers/qrGenerator.js +1 -367
  97. package/dist/commonjs/helpers/remoteConfig.js +1 -165
  98. package/dist/commonjs/helpers/searchQueryParser.js +1 -62
  99. package/dist/commonjs/helpers/settingsStore.js +1 -144
  100. package/dist/commonjs/helpers/telemetry.js +1 -501
  101. package/dist/commonjs/helpers/toast.js +1 -20
  102. package/dist/commonjs/i18n/index.js +1 -90
  103. package/dist/commonjs/i18n/locales/en.json +1 -1122
  104. package/dist/commonjs/index.js +5 -2153
  105. package/dist/commonjs/metro.js +6 -468
  106. package/dist/commonjs/native/NativeInspector.d.ts +3 -0
  107. package/dist/commonjs/native/NativeInspector.js +1 -402
  108. package/dist/commonjs/native/NativeNetworkInspector.d.ts +1 -0
  109. package/dist/commonjs/native/NativeNetworkInspector.js +1 -4
  110. package/dist/commonjs/network.js +1 -13
  111. package/dist/commonjs/performance.js +1 -29
  112. package/dist/commonjs/redux.js +1 -20
  113. package/dist/commonjs/storage.js +1 -14
  114. package/dist/commonjs/styles/AppColors.js +1 -423
  115. package/dist/commonjs/styles/AppFonts.js +1 -17
  116. package/dist/commonjs/styles/common.js +1 -190
  117. package/dist/commonjs/styles/index.d.ts +6 -0
  118. package/dist/commonjs/styles/index.js +1 -1589
  119. package/dist/commonjs/types/enums.d.ts +2 -1
  120. package/dist/commonjs/types/enums.js +1 -150
  121. package/dist/commonjs/types/index.js +1 -18
  122. package/dist/commonjs/types/interfaces.d.ts +7 -0
  123. package/dist/commonjs/types/interfaces.js +1 -2
  124. package/dist/esm/analytics.js +1 -2
  125. package/dist/esm/bundle.js +1 -2
  126. package/dist/esm/capture.d.ts +2 -0
  127. package/dist/esm/capture.js +1 -29
  128. package/dist/esm/components/AnalyticsDetail.js +171 -664
  129. package/dist/esm/components/AnalyticsEventCard.js +77 -335
  130. package/dist/esm/components/AnalyticsGraph.js +95 -357
  131. package/dist/esm/components/AnimatedEntrance.js +1 -6
  132. package/dist/esm/components/AppHeaderLogo.js +7 -94
  133. package/dist/esm/components/BrandCircleIcon.js +114 -119
  134. package/dist/esm/components/BrandSquareIcon.js +73 -78
  135. package/dist/esm/components/CodeSnippet.js +58 -595
  136. package/dist/esm/components/ConsoleLogCard.js +91 -526
  137. package/dist/esm/components/CopyButton.js +3 -51
  138. package/dist/esm/components/DiffViewer.js +22 -48
  139. package/dist/esm/components/DomainHeader.js +43 -138
  140. package/dist/esm/components/EmptyState.d.ts +1 -0
  141. package/dist/esm/components/EmptyState.js +17 -56
  142. package/dist/esm/components/EndOfListFooter.js +15 -83
  143. package/dist/esm/components/ErrorBoundary.js +125 -582
  144. package/dist/esm/components/HeadersSection.js +52 -93
  145. package/dist/esm/components/HighlightText.js +17 -53
  146. package/dist/esm/components/Inspector/AboutModal.d.ts +6 -0
  147. package/dist/esm/components/Inspector/AboutModal.js +351 -0
  148. package/dist/esm/components/Inspector/AnalyticsFilterModal.js +225 -886
  149. package/dist/esm/components/Inspector/AnalyticsTab.js +296 -904
  150. package/dist/esm/components/Inspector/BundleTab.js +1175 -3502
  151. package/dist/esm/components/Inspector/ConsoleTab.js +113 -488
  152. package/dist/esm/components/Inspector/CrashDetail.js +236 -747
  153. package/dist/esm/components/Inspector/CrashFilterModal.js +149 -541
  154. package/dist/esm/components/Inspector/CrashTab.js +177 -711
  155. package/dist/esm/components/Inspector/DebuggingTab.js +156 -923
  156. package/dist/esm/components/Inspector/DeviceInfoTab.js +199 -924
  157. package/dist/esm/components/Inspector/FabLauncher.js +85 -49
  158. package/dist/esm/components/Inspector/FeatureUnderDevNotice.js +14 -70
  159. package/dist/esm/components/Inspector/FeedbackModal.d.ts +9 -0
  160. package/dist/esm/components/Inspector/FeedbackModal.js +182 -499
  161. package/dist/esm/components/Inspector/InspectorContext.js +1 -12
  162. package/dist/esm/components/Inspector/InspectorHeader.js +309 -1145
  163. package/dist/esm/components/Inspector/LogDetail.js +235 -1023
  164. package/dist/esm/components/Inspector/MainScreen.js +86 -320
  165. package/dist/esm/components/Inspector/MediaGalleryTab.js +157 -259
  166. package/dist/esm/components/Inspector/MediaPreviewModal.js +153 -340
  167. package/dist/esm/components/Inspector/NavigationTracker.js +1 -10
  168. package/dist/esm/components/Inspector/NetworkDetail.js +141 -472
  169. package/dist/esm/components/Inspector/NetworkFilterModal.js +122 -597
  170. package/dist/esm/components/Inspector/NetworkTab.js +125 -517
  171. package/dist/esm/components/Inspector/NpmStarPrompt.js +58 -434
  172. package/dist/esm/components/Inspector/NpmUpdateToast.js +45 -281
  173. package/dist/esm/components/Inspector/PerformanceTab.js +393 -1570
  174. package/dist/esm/components/Inspector/ReduxDetail.js +307 -1170
  175. package/dist/esm/components/Inspector/ReduxTab.js +144 -722
  176. package/dist/esm/components/Inspector/SettingsPanel.js +647 -3609
  177. package/dist/esm/components/Inspector/SkeletonPlaceholder.js +30 -163
  178. package/dist/esm/components/Inspector/StorageTab.js +172 -866
  179. package/dist/esm/components/Inspector/TabBar.js +52 -183
  180. package/dist/esm/components/Inspector/UpdateAvailableModal.js +79 -416
  181. package/dist/esm/components/JsonViewer.js +179 -353
  182. package/dist/esm/components/LogCard.js +93 -565
  183. package/dist/esm/components/LogSyntaxHighlighter.js +11 -123
  184. package/dist/esm/components/MetaAccordion.js +136 -267
  185. package/dist/esm/components/MiniBarChart.js +3 -18
  186. package/dist/esm/components/MiniLineChart.js +3 -20
  187. package/dist/esm/components/NetworkIcons.d.ts +7 -0
  188. package/dist/esm/components/NetworkIcons.js +481 -817
  189. package/dist/esm/components/QRCodeView.js +8 -45
  190. package/dist/esm/components/SectionHeader.js +22 -39
  191. package/dist/esm/components/SegmentedTabs.js +8 -57
  192. package/dist/esm/components/SkeletonPlaceholder.js +30 -163
  193. package/dist/esm/components/Slider.js +24 -213
  194. package/dist/esm/components/SourcePageCard.js +65 -86
  195. package/dist/esm/components/Toast.js +10 -117
  196. package/dist/esm/components/TouchableScale.js +3 -19
  197. package/dist/esm/components/TreeNode.js +58 -95
  198. package/dist/esm/console.js +1 -2
  199. package/dist/esm/constants/index.js +1 -28
  200. package/dist/esm/constants/telemetryConfig.js +1 -3
  201. package/dist/esm/constants/version.d.ts +1 -1
  202. package/dist/esm/constants/version.js +1 -1
  203. package/dist/esm/crash.js +1 -2
  204. package/dist/esm/customHooks/analyticsLogger.js +1 -230
  205. package/dist/esm/customHooks/bundleAnalyzer.js +1 -944
  206. package/dist/esm/customHooks/consoleLogger.js +6 -432
  207. package/dist/esm/customHooks/crashHandler.js +7 -630
  208. package/dist/esm/customHooks/logFilters.js +1 -20
  209. package/dist/esm/customHooks/networkLogger.js +2 -519
  210. package/dist/esm/customHooks/performanceTracker.js +63 -723
  211. package/dist/esm/customHooks/reduxLogger.js +2 -293
  212. package/dist/esm/customHooks/storageInspector.js +1 -418
  213. package/dist/esm/customHooks/useAccordion.js +1 -16
  214. package/dist/esm/decorators/index.js +1 -95
  215. package/dist/esm/helpers/gaAnalyticsRegistry.js +1 -143
  216. package/dist/esm/helpers/index.js +8 -861
  217. package/dist/esm/helpers/memoryManager.js +1 -91
  218. package/dist/esm/helpers/qrGenerator.js +1 -364
  219. package/dist/esm/helpers/remoteConfig.js +1 -160
  220. package/dist/esm/helpers/searchQueryParser.js +1 -59
  221. package/dist/esm/helpers/settingsStore.js +1 -134
  222. package/dist/esm/helpers/telemetry.js +1 -489
  223. package/dist/esm/helpers/toast.js +1 -15
  224. package/dist/esm/i18n/index.js +1 -78
  225. package/dist/esm/i18n/locales/en.json +1 -1122
  226. package/dist/esm/index.js +7 -1967
  227. package/dist/esm/metro.js +6 -459
  228. package/dist/esm/native/NativeInspector.d.ts +3 -0
  229. package/dist/esm/native/NativeInspector.js +1 -370
  230. package/dist/esm/native/NativeNetworkInspector.d.ts +1 -0
  231. package/dist/esm/native/NativeNetworkInspector.js +1 -2
  232. package/dist/esm/network.js +1 -1
  233. package/dist/esm/performance.js +1 -2
  234. package/dist/esm/redux.js +1 -1
  235. package/dist/esm/storage.js +1 -1
  236. package/dist/esm/styles/AppColors.js +1 -417
  237. package/dist/esm/styles/AppFonts.js +1 -13
  238. package/dist/esm/styles/common.js +1 -186
  239. package/dist/esm/styles/index.d.ts +6 -0
  240. package/dist/esm/styles/index.js +1 -1551
  241. package/dist/esm/types/enums.d.ts +2 -1
  242. package/dist/esm/types/enums.js +1 -147
  243. package/dist/esm/types/index.js +1 -2
  244. package/dist/esm/types/interfaces.d.ts +7 -0
  245. package/dist/esm/types/interfaces.js +1 -1
  246. package/ios/NetworkInspectorModule.mm +253 -136
  247. package/package.json +5 -3
  248. package/react-native-inapp-inspector.podspec +1 -1
  249. package/src/native/NativeInspector.ts +17 -0
  250. package/src/native/NativeNetworkInspector.ts +1 -0
  251. package/src/analytics.ts +0 -35
  252. package/src/bundle.ts +0 -25
  253. package/src/capture.ts +0 -101
  254. package/src/components/AnalyticsDetail.tsx +0 -870
  255. package/src/components/AnalyticsEventCard.tsx +0 -444
  256. package/src/components/AnalyticsGraph.tsx +0 -583
  257. package/src/components/AnimatedEntrance.tsx +0 -20
  258. package/src/components/AppHeaderLogo.tsx +0 -143
  259. package/src/components/BrandCircleIcon.tsx +0 -144
  260. package/src/components/BrandSquareIcon.tsx +0 -184
  261. package/src/components/CodeSnippet.tsx +0 -725
  262. package/src/components/ConsoleLogCard.tsx +0 -679
  263. package/src/components/CopyButton.tsx +0 -87
  264. package/src/components/DiffViewer.tsx +0 -82
  265. package/src/components/DomainHeader.tsx +0 -224
  266. package/src/components/EmptyState.tsx +0 -95
  267. package/src/components/EndOfListFooter.tsx +0 -100
  268. package/src/components/ErrorBoundary.tsx +0 -688
  269. package/src/components/HeadersSection.tsx +0 -172
  270. package/src/components/HighlightText.tsx +0 -100
  271. package/src/components/Inspector/AnalyticsFilterModal.tsx +0 -1250
  272. package/src/components/Inspector/AnalyticsTab.tsx +0 -1362
  273. package/src/components/Inspector/BundleTab.tsx +0 -4768
  274. package/src/components/Inspector/ConsoleTab.tsx +0 -726
  275. package/src/components/Inspector/CrashDetail.tsx +0 -997
  276. package/src/components/Inspector/CrashFilterModal.tsx +0 -721
  277. package/src/components/Inspector/CrashTab.tsx +0 -933
  278. package/src/components/Inspector/DebuggingTab.tsx +0 -1103
  279. package/src/components/Inspector/DeviceInfoTab.tsx +0 -1397
  280. package/src/components/Inspector/FabLauncher.tsx +0 -80
  281. package/src/components/Inspector/FeatureUnderDevNotice.tsx +0 -94
  282. package/src/components/Inspector/FeedbackModal.tsx +0 -626
  283. package/src/components/Inspector/InspectorContext.tsx +0 -28
  284. package/src/components/Inspector/InspectorHeader.tsx +0 -1545
  285. package/src/components/Inspector/LogDetail.tsx +0 -1431
  286. package/src/components/Inspector/MainScreen.tsx +0 -459
  287. package/src/components/Inspector/MediaGalleryTab.tsx +0 -355
  288. package/src/components/Inspector/MediaPreviewModal.tsx +0 -435
  289. package/src/components/Inspector/NavigationTracker.tsx +0 -13
  290. package/src/components/Inspector/NetworkDetail.tsx +0 -795
  291. package/src/components/Inspector/NetworkFilterModal.tsx +0 -730
  292. package/src/components/Inspector/NetworkTab.tsx +0 -820
  293. package/src/components/Inspector/NpmStarPrompt.tsx +0 -532
  294. package/src/components/Inspector/NpmUpdateToast.tsx +0 -387
  295. package/src/components/Inspector/PerformanceTab.tsx +0 -1967
  296. package/src/components/Inspector/ReduxDetail.tsx +0 -1651
  297. package/src/components/Inspector/ReduxTab.tsx +0 -987
  298. package/src/components/Inspector/SettingsPanel.tsx +0 -4580
  299. package/src/components/Inspector/SkeletonPlaceholder.tsx +0 -206
  300. package/src/components/Inspector/StorageTab.tsx +0 -1159
  301. package/src/components/Inspector/TabBar.tsx +0 -263
  302. package/src/components/Inspector/UpdateAvailableModal.tsx +0 -555
  303. package/src/components/JsonViewer.tsx +0 -547
  304. package/src/components/LogCard.tsx +0 -694
  305. package/src/components/LogSyntaxHighlighter.tsx +0 -178
  306. package/src/components/MetaAccordion.tsx +0 -355
  307. package/src/components/MiniBarChart.tsx +0 -42
  308. package/src/components/MiniLineChart.tsx +0 -33
  309. package/src/components/NetworkIcons.tsx +0 -2599
  310. package/src/components/QRCodeView.tsx +0 -75
  311. package/src/components/SectionHeader.tsx +0 -101
  312. package/src/components/SegmentedTabs.tsx +0 -83
  313. package/src/components/SkeletonPlaceholder.tsx +0 -206
  314. package/src/components/Slider.tsx +0 -300
  315. package/src/components/SourcePageCard.tsx +0 -150
  316. package/src/components/Toast.tsx +0 -131
  317. package/src/components/TouchableScale.tsx +0 -61
  318. package/src/components/TreeNode.tsx +0 -171
  319. package/src/console.ts +0 -24
  320. package/src/constants/index.ts +0 -41
  321. package/src/constants/telemetryConfig.ts +0 -4
  322. package/src/constants/version.ts +0 -3
  323. package/src/crash.ts +0 -32
  324. package/src/customHooks/analyticsLogger.ts +0 -336
  325. package/src/customHooks/bundleAnalyzer.ts +0 -1256
  326. package/src/customHooks/consoleLogger.ts +0 -530
  327. package/src/customHooks/crashHandler.ts +0 -944
  328. package/src/customHooks/logFilters.ts +0 -32
  329. package/src/customHooks/networkLogger.ts +0 -624
  330. package/src/customHooks/performanceTracker.ts +0 -1014
  331. package/src/customHooks/reduxLogger.ts +0 -406
  332. package/src/customHooks/storageInspector.ts +0 -513
  333. package/src/customHooks/useAccordion.tsx +0 -27
  334. package/src/decorators/index.ts +0 -184
  335. package/src/helpers/gaAnalyticsRegistry.ts +0 -204
  336. package/src/helpers/index.ts +0 -1092
  337. package/src/helpers/memoryManager.ts +0 -138
  338. package/src/helpers/qrGenerator.ts +0 -430
  339. package/src/helpers/remoteConfig.ts +0 -212
  340. package/src/helpers/searchQueryParser.ts +0 -84
  341. package/src/helpers/settingsStore.ts +0 -171
  342. package/src/helpers/telemetry.ts +0 -568
  343. package/src/helpers/toast.ts +0 -17
  344. package/src/i18n/index.ts +0 -104
  345. package/src/i18n/locales/en.json +0 -1125
  346. package/src/index.tsx +0 -2635
  347. package/src/metro.ts +0 -598
  348. package/src/network.ts +0 -22
  349. package/src/performance.ts +0 -38
  350. package/src/redux.ts +0 -23
  351. package/src/storage.ts +0 -18
  352. package/src/styles/AppColors.ts +0 -455
  353. package/src/styles/AppFonts.ts +0 -26
  354. package/src/styles/common.ts +0 -209
  355. package/src/styles/index.ts +0 -1606
  356. package/src/types/enums.ts +0 -208
  357. package/src/types/index.ts +0 -34
  358. package/src/types/interfaces.ts +0 -530
@@ -1,1256 +0,0 @@
1
- import {AppColors} from '../styles/AppColors';
2
- import {t} from '../i18n';
3
- // ─── Real Host App Bundle Analyzer ──────────────────────────────────────────
4
- //
5
- // Dynamically measures and analyzes the real JavaScript bundle and packages
6
- // for the hosted application at runtime by:
7
- // 1. Inspecting `NativeModules.SourceCode.scriptURL` for the active Metro bundle.
8
- // 2. Fetching and measuring the exact byte size of the running JS bundle.
9
- // 3. Extracting real module paths (project files vs node_modules dependencies).
10
- // 4. Computing real Development and Production Binary (.ipa / .aab / .apk) sizes.
11
- // ─────────────────────────────────────────────────────────────────────────────
12
-
13
- import {NativeModules, Platform, TurboModuleRegistry} from 'react-native';
14
-
15
- export type FileTypeCategory = 'image' | 'typescript' | 'javascript' | 'font' | 'json';
16
-
17
- export interface HostBundleFileItem {
18
- id: string;
19
- name: string;
20
- path: string;
21
- ext: string;
22
- category: FileTypeCategory;
23
- sizeKb: number;
24
- meta: string;
25
- color: string;
26
- status?: 'optimal' | 'warning' | 'info';
27
- advice?: string;
28
- isConsumed?: boolean;
29
- previewUri?: string;
30
- }
31
-
32
- export interface HostBundlePackageItem {
33
- id: string;
34
- name: string;
35
- version: string;
36
- latestVersion?: string;
37
- sizeKb: number;
38
- percentage: number;
39
- type: 'direct' | 'peer' | 'transitive';
40
- isDirectDefined?: boolean;
41
- parentPackageName?: string;
42
- subpackages?: HostBundlePackageItem[];
43
- category: 'core' | 'navigation' | 'network' | 'ui' | 'utils';
44
- color: string;
45
- description: string;
46
- npmUrl?: string;
47
- isDeprecated?: boolean;
48
- deprecationReason?: string;
49
- lastActive?: string;
50
- }
51
-
52
- export interface HostBinaryComponentItem {
53
- id: string;
54
- name: string;
55
- category: 'js' | 'native' | 'frameworks' | 'assets' | 'meta';
56
- sizeMb: number;
57
- pct: number;
58
- color: string;
59
- description: string;
60
- advice: string;
61
- }
62
-
63
- export interface HostBundleAnalysisResult {
64
- isLive: boolean;
65
- scriptURL: string;
66
- totalDevBytes: number;
67
- totalDevMb: number;
68
- totalDevKb: number;
69
- isHermes: boolean;
70
- moduleCount: number;
71
- packageCount: number;
72
- filesCount: number;
73
- splitUp: {
74
- appSource: {kb: number; mb: number; pct: number};
75
- nodeModules: {kb: number; mb: number; pct: number};
76
- assetsMedia: {kb: number; mb: number; pct: number};
77
- metroDevOverhead: {kb: number; mb: number; pct: number};
78
- };
79
- files: HostBundleFileItem[];
80
- packages: HostBundlePackageItem[];
81
- production: {
82
- ios: {
83
- totalInstallMb: number;
84
- totalDownloadMb: number;
85
- compressionRatioPct: number;
86
- components: HostBinaryComponentItem[];
87
- };
88
- androidAab: {
89
- totalInstallMb: number;
90
- totalDownloadMb: number;
91
- compressionRatioPct: number;
92
- components: HostBinaryComponentItem[];
93
- };
94
- androidApk: {
95
- totalInstallMb: number;
96
- totalDownloadMb: number;
97
- compressionRatioPct: number;
98
- components: HostBinaryComponentItem[];
99
- };
100
- android: {
101
- totalInstallMb: number;
102
- totalDownloadMb: number;
103
- compressionRatioPct: number;
104
- components: HostBinaryComponentItem[];
105
- };
106
- };
107
- }
108
-
109
- let cachedAnalysis: HostBundleAnalysisResult | null = null;
110
- let isAnalyzing = false;
111
- const subscribers: ((result: HostBundleAnalysisResult) => void)[] = [];
112
- let isBundleModuleEnabled = false;
113
-
114
- export const setBundleModuleEnabled = (enabled: boolean) => {
115
- isBundleModuleEnabled = enabled;
116
- };
117
-
118
- export const getBundleModuleEnabled = () => isBundleModuleEnabled;
119
-
120
- const getSourceCodeModule = (): any => {
121
- try {
122
- const legacy = NativeModules?.SourceCode;
123
- const scriptURL = legacy?.scriptURL || legacy?.getConstants?.()?.scriptURL;
124
- if (typeof scriptURL === 'string' && scriptURL.length > 0) {
125
- return {scriptURL};
126
- }
127
- } catch {}
128
- try {
129
- const turbo: any = TurboModuleRegistry?.get?.('SourceCode');
130
- const constants = turbo?.getConstants?.();
131
- const scriptURL = turbo?.scriptURL || constants?.scriptURL;
132
- if (typeof scriptURL === 'string' && scriptURL.length > 0) {
133
- return {scriptURL};
134
- }
135
- } catch {}
136
- return null;
137
- };
138
-
139
- export const getHostScriptURL = (): string => {
140
- // 1. NativeModules.SourceCode (bridged) or SourceCode TurboModule (bridgeless / new arch)
141
- try {
142
- const scriptURL = getSourceCodeModule()?.scriptURL;
143
- if (typeof scriptURL === 'string' && scriptURL.length > 0) {
144
- return scriptURL;
145
- }
146
- } catch {}
147
-
148
- // 2. Android legacy & new arch: PlatformConstants.serverHost, DevSettings, or AndroidConstants
149
- try {
150
- const serverHost =
151
- NativeModules?.PlatformConstants?.serverHost ||
152
- NativeModules?.AndroidConstants?.serverHost ||
153
- NativeModules?.DevSettings?.serverHost ||
154
- NativeModules?.DevSettings?.getConstants?.()?.serverHost;
155
- if (typeof serverHost === 'string' && serverHost.length > 0) {
156
- const formattedHost = serverHost.startsWith('http') ? serverHost : `http://${serverHost}`;
157
- return `${formattedHost}/index.bundle?platform=${Platform.OS}&dev=true`;
158
- }
159
- } catch {}
160
-
161
- // 3. Fallback to global dev configs if defined
162
- try {
163
- const globalHost =
164
- (globalThis as any)?.__DEV_SERVER_URL__ ||
165
- (globalThis as any)?.__METRO_SERVER_HOST__ ||
166
- (globalThis as any)?.__DEV_SERVER_PORT__ ||
167
- (globalThis as any)?.__METRO_PORT__;
168
- if (typeof globalHost === 'number') {
169
- const host = Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
170
- return `http://${host}:${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
171
- }
172
- if (typeof globalHost === 'string' && globalHost.length > 0) {
173
- if (/^\d+$/.test(globalHost)) {
174
- const host = Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
175
- return `http://${host}:${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
176
- }
177
- return globalHost.startsWith('http')
178
- ? globalHost
179
- : `http://${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
180
- }
181
- } catch {}
182
-
183
- return '';
184
- };
185
-
186
- // Dynamic Metro dev server ports to probe
187
- const DYNAMIC_DEV_PORTS = [8081, 8082, 8083, 8084, 8085, 8086, 8087, 8088, 8089, 8090, 19000, 19001, 3000];
188
-
189
- const extractHostAndPort = (
190
- scriptURL: string,
191
- ): {host: string | null; port: number | null} => {
192
- if (!scriptURL || typeof scriptURL !== 'string') {
193
- return {host: null, port: null};
194
- }
195
- const match = scriptURL.match(/^https?:\/\/([^:/]+)(?::(\d+))?/);
196
- if (match) {
197
- return {
198
- host: match[1] || null,
199
- port: match[2] ? parseInt(match[2], 10) : null,
200
- };
201
- }
202
- return {host: null, port: null};
203
- };
204
-
205
- const probeCandidateUrlsInParallel = async (
206
- scriptURL: string,
207
- timeoutMs = 3000,
208
- ): Promise<{text: string; bytes: number; url: string} | null> => {
209
- const {host: extractedHost, port: extractedPort} = extractHostAndPort(scriptURL);
210
-
211
- // 1. If we have a direct HTTP scriptURL, try fetching directly
212
- if (scriptURL && scriptURL.startsWith('http')) {
213
- try {
214
- const controller = new AbortController();
215
- const timer = setTimeout(() => controller.abort(), timeoutMs);
216
- const res = await fetch(scriptURL, {signal: controller.signal});
217
- clearTimeout(timer);
218
- if (res.ok) {
219
- const contentLength = res.headers.get('content-length');
220
- const text = await res.text();
221
- if (text && text.length > 0) {
222
- const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
223
- return {text, bytes, url: scriptURL};
224
- }
225
- }
226
- } catch {
227
- // Continue to dynamic port discovery
228
- }
229
- }
230
-
231
- // 2. Dynamic Port Discovery via parallel lightweight Metro /status probes
232
- const candidateHosts = extractedHost
233
- ? [extractedHost, 'localhost', '127.0.0.1', ...(Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])]
234
- : ['localhost', '127.0.0.1', ...(Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])];
235
-
236
- const uniqueHosts = Array.from(new Set(candidateHosts));
237
- const candidatePorts = extractedPort
238
- ? Array.from(new Set([extractedPort, ...DYNAMIC_DEV_PORTS]))
239
- : DYNAMIC_DEV_PORTS;
240
-
241
- const probeTasks: Promise<{host: string; port: number}>[] = [];
242
-
243
- for (const host of uniqueHosts) {
244
- for (const port of candidatePorts) {
245
- probeTasks.push(
246
- new Promise(async (resolve, reject) => {
247
- const controller = new AbortController();
248
- const timer = setTimeout(() => controller.abort(), 700);
249
- try {
250
- const res = await fetch(`http://${host}:${port}/status`, {signal: controller.signal});
251
- clearTimeout(timer);
252
- if (res.ok) {
253
- const statusText = await res.text();
254
- if (statusText && statusText.includes('packager-status:running')) {
255
- resolve({host, port});
256
- return;
257
- }
258
- }
259
- } catch {
260
- clearTimeout(timer);
261
- }
262
- reject(new Error('unreachable'));
263
- }),
264
- );
265
- }
266
- }
267
-
268
- let activeServer: {host: string; port: number} | null = null;
269
- try {
270
- activeServer = await new Promise<{host: string; port: number}>((resolve, reject) => {
271
- let pending = probeTasks.length;
272
- if (pending === 0) {
273
- reject(new Error('No candidate hosts'));
274
- return;
275
- }
276
- probeTasks.forEach(p => {
277
- p.then(resolve).catch(() => {
278
- pending--;
279
- if (pending === 0) {
280
- reject(new Error('All probes failed'));
281
- }
282
- });
283
- });
284
- });
285
- } catch {
286
- activeServer = null;
287
- }
288
-
289
- // 3. If a live Metro port was detected dynamically, fetch the bundle from it
290
- if (activeServer) {
291
- const dynamicBundleUrl = `http://${activeServer.host}:${activeServer.port}/index.bundle?platform=${Platform.OS}&dev=true`;
292
- try {
293
- const controller = new AbortController();
294
- const timer = setTimeout(() => controller.abort(), timeoutMs);
295
- const res = await fetch(dynamicBundleUrl, {signal: controller.signal});
296
- clearTimeout(timer);
297
- if (res.ok) {
298
- const contentLength = res.headers.get('content-length');
299
- const text = await res.text();
300
- if (text && text.length > 0) {
301
- const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
302
- return {text, bytes, url: dynamicBundleUrl};
303
- }
304
- }
305
- } catch {
306
- // Fallback
307
- }
308
- }
309
-
310
- return null;
311
- };
312
-
313
- // ─── Runtime Module & Define Tracking ────────────────────────────────────────
314
- // Captures modules registered via Metro's global __d and executed via __r.
315
- const executedModuleIds = new Set<number>();
316
- const runtimeModules = new Map<number, {id: number; path: string}>();
317
-
318
- export const trackRuntimeModuleExecution = () => {
319
- try {
320
- const g = globalThis as any;
321
- const r = g.__r;
322
- if (typeof r === 'function' && !r.__inspectorTracked) {
323
- const tracked = function (this: any, moduleId: number, ...rest: any[]) {
324
- executedModuleIds.add(Number(moduleId));
325
- return r.call(this, moduleId, ...rest);
326
- };
327
- Object.defineProperty(tracked, '__inspectorTracked', {value: true, enumerable: false});
328
- g.__r = tracked;
329
- }
330
- } catch {}
331
- };
332
-
333
- export const trackRuntimeDefine = () => {
334
- try {
335
- const g = globalThis as any;
336
- const originalD = g.__d;
337
- if (typeof originalD === 'function' && !originalD.__inspectorTracked) {
338
- const trackedD = function (
339
- factory: any,
340
- moduleId: number,
341
- dependencyMap?: any,
342
- verboseName?: string,
343
- ...rest: any[]
344
- ) {
345
- if (typeof verboseName === 'string' && verboseName.length > 0) {
346
- runtimeModules.set(Number(moduleId), {id: Number(moduleId), path: verboseName});
347
- }
348
- return originalD.call(this, factory, moduleId, dependencyMap, verboseName, ...rest);
349
- };
350
- Object.defineProperty(trackedD, '__inspectorTracked', {value: true, enumerable: false});
351
- g.__d = trackedD;
352
- }
353
- } catch {}
354
- };
355
-
356
- trackRuntimeModuleExecution();
357
- trackRuntimeDefine();
358
-
359
- interface ParsedBundleModule {
360
- id: number;
361
- deps: number[];
362
- path: string;
363
- }
364
-
365
- const DEFAULT_BASELINE_MODULES: ParsedBundleModule[] = [
366
- {id: 1, deps: [2, 3, 4], path: 'index.js'},
367
- {id: 2, deps: [4, 5, 13, 14, 15, 16], path: 'App.tsx'},
368
- {id: 3, deps: [], path: 'node_modules/react-native/index.js'},
369
- {id: 4, deps: [], path: 'node_modules/react/index.js'},
370
- {id: 5, deps: [6, 7], path: 'node_modules/@react-navigation/native/src/index.ts'},
371
- {id: 6, deps: [], path: 'node_modules/react-native-screens/src/index.ts'},
372
- {id: 7, deps: [], path: 'node_modules/react-native-safe-area-context/src/index.ts'},
373
- {id: 8, deps: [], path: 'node_modules/react-native-svg/src/index.ts'},
374
- {id: 9, deps: [], path: 'node_modules/axios/index.js'},
375
- {id: 10, deps: [], path: 'node_modules/i18next/dist/esm/i18next.js'},
376
- {id: 11, deps: [12], path: 'node_modules/react-redux/src/index.ts'},
377
- {id: 12, deps: [], path: 'node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js'},
378
- {id: 13, deps: [], path: 'src/components/Inspector/BundleTab.tsx'},
379
- {id: 14, deps: [], path: 'src/navigation/RootNavigator.tsx'},
380
- {id: 15, deps: [], path: 'src/screens/HomeScreen.tsx'},
381
- {id: 16, deps: [], path: 'src/store/index.ts'},
382
- {id: 17, deps: [], path: 'assets/images/logo.png'},
383
- {id: 18, deps: [], path: 'package.json'},
384
- ];
385
-
386
- const extractBundleModules = (bundleText: string): ParsedBundleModule[] => {
387
- const modules: ParsedBundleModule[] = [];
388
- const seenIds = new Set<number>();
389
-
390
- if (bundleText && bundleText.length > 0) {
391
- // 1. Fast linear regex on sourceURL (100% linear, zero backtracking, super fast)
392
- const sourceUrlRegex =
393
- /\/\/[#@]\s*sourceURL=(?:https?:\/\/[^\s\r\n/]+\/|file:\/\/)?([^\s\r\n?#]+)/g;
394
- let srcMatch: RegExpExecArray | null;
395
- let autoId = 900000;
396
- while ((srcMatch = sourceUrlRegex.exec(bundleText)) !== null) {
397
- const path = srcMatch[1];
398
- if (path && path.length > 0 && !path.endsWith('.bundle')) {
399
- const id = autoId++;
400
- if (!seenIds.has(id)) {
401
- seenIds.add(id);
402
- modules.push({id, deps: [], path});
403
- }
404
- }
405
- }
406
-
407
- // 2. Linear bounded regex for __d definitions: __d(..., <id>, [...], "<path>")
408
- const linearDefineRegex =
409
- /,\s*(\d+)\s*,\s*(?:\[[^\]\r\n]{0,500}\]|\{[^}\r\n]{0,500}\})\s*,\s*["']([^"'\r\n]+)["']\s*\)/g;
410
- let defMatch: RegExpExecArray | null;
411
- while ((defMatch = linearDefineRegex.exec(bundleText)) !== null) {
412
- const id = parseInt(defMatch[1], 10);
413
- const path = defMatch[2] || '';
414
- if (!seenIds.has(id) && path.length > 0) {
415
- seenIds.add(id);
416
- modules.push({id, deps: [], path});
417
- }
418
- }
419
- }
420
-
421
- // 3. Merge runtime modules registered through global.__d
422
- runtimeModules.forEach((item, id) => {
423
- if (!seenIds.has(id)) {
424
- seenIds.add(id);
425
- modules.push({id, deps: [], path: item.path});
426
- }
427
- });
428
-
429
- if (modules.length === 0) {
430
- return DEFAULT_BASELINE_MODULES;
431
- }
432
-
433
- return modules;
434
- };
435
-
436
- const getStaticStartupModuleIds = (bundleText: string): Set<number> => {
437
- const ids = new Set<number>();
438
- if (!bundleText) return ids;
439
- const startupRe = /__r\s*\(\s*(\d+)\s*\)/g;
440
- let m: RegExpExecArray | null;
441
- while ((m = startupRe.exec(bundleText)) !== null) {
442
- ids.add(parseInt(m[1], 10));
443
- }
444
- return ids;
445
- };
446
-
447
- /**
448
- * Dynamically computes the host app's project root directory without hardcoding any folder names.
449
- * Uses node_modules boundary, root entry points (index/App/package.json), and common directory analysis.
450
- */
451
- const detectProjectRoot = (allRawPaths: string[]): string => {
452
- const normPaths = allRawPaths.map(p => p.replace(/\\/g, '/'));
453
-
454
- // 1. Extract from node_modules path (most definitive in Metro dev bundles)
455
- for (const norm of normPaths) {
456
- const nmIdx = norm.indexOf('/node_modules/');
457
- if (nmIdx !== -1) {
458
- return norm.slice(0, nmIdx + 1); // e.g. "/Users/user/Projects/my-app/"
459
- }
460
- }
461
-
462
- // 2. Extract from root entrypoint files (e.g. /path/to/project/index.js or App.tsx)
463
- for (const norm of normPaths) {
464
- const match = norm.match(/^(.*\/)(?:index\.[jt]sx?|app\.[jt]sx?|package\.json)(?:[?#].*)?$/i);
465
- if (match && match[1]) {
466
- return match[1];
467
- }
468
- }
469
-
470
- // 3. Fallback: lowest common directory ancestor among all absolute project paths
471
- const absPaths = normPaths.filter(p => p.startsWith('/') && !p.includes('/node_modules/'));
472
- if (absPaths.length === 0) return '';
473
- if (absPaths.length === 1) {
474
- const lastSlash = absPaths[0].lastIndexOf('/');
475
- return lastSlash > 0 ? absPaths[0].slice(0, lastSlash + 1) : '';
476
- }
477
-
478
- const splitPaths = absPaths.map(p => p.split('/'));
479
- let commonLen = 0;
480
- const first = splitPaths[0];
481
- const minLen = Math.min(...splitPaths.map(sp => sp.length));
482
-
483
- while (commonLen < minLen - 1) {
484
- const seg = first[commonLen];
485
- if (splitPaths.every(sp => sp[commonLen] === seg)) {
486
- commonLen++;
487
- } else {
488
- break;
489
- }
490
- }
491
-
492
- return commonLen > 0 ? first.slice(0, commonLen).join('/') + '/' : '';
493
- };
494
-
495
- /**
496
- * Normalizes absolute or relative module paths so they retain their full
497
- * folder hierarchy from the host project root dynamically.
498
- */
499
- const normalizeProjectRelativePath = (rawPath: string, projectRoot: string): string => {
500
- let clean = rawPath.replace(/\\/g, '/');
501
-
502
- // Strip query parameters e.g. ?platform=ios or hashes
503
- const qIdx = clean.search(/[?#]/);
504
- if (qIdx !== -1) {
505
- clean = clean.slice(0, qIdx);
506
- }
507
-
508
- // Strip file:// or http://.../ dev server URL prefixes
509
- clean = clean.replace(/^(?:https?:\/\/[^/]+\/|file:\/\/)/, '');
510
-
511
- // Strip dynamically detected project root prefix
512
- if (projectRoot && clean.startsWith(projectRoot)) {
513
- clean = clean.slice(projectRoot.length);
514
- }
515
-
516
- // Clean leading ../ sequences, ./, and leading /
517
- clean = clean.replace(/^(\.\.\/)+/, '').replace(/^\.\//, '').replace(/^\/+/, '');
518
- if (!clean) clean = rawPath.split('/').pop() || rawPath;
519
- return clean;
520
- };
521
-
522
- const isExternalPackage = (rawPath: string): {isPkg: boolean; pkgName?: string} => {
523
- // 1. Standard node_modules
524
- if (rawPath.includes('node_modules/')) {
525
- const pkgMatch = rawPath.match(/node_modules\/(?:@([^/]+)\/([^/]+)|([^/]+))/);
526
- if (pkgMatch) {
527
- const pkgName = pkgMatch[1] && pkgMatch[2] ? `@${pkgMatch[1]}/${pkgMatch[2]}` : pkgMatch[3];
528
- return {isPkg: true, pkgName};
529
- }
530
- return {isPkg: true};
531
- }
532
-
533
- // 2. React Native In-App Inspector (when linked or embedded)
534
- if (rawPath.includes('react-native-inapp-inspector')) {
535
- return {isPkg: true, pkgName: 'react-native-inapp-inspector'};
536
- }
537
-
538
- // 3. Yarn berry / pnpm virtual stores
539
- if (rawPath.includes('.yarn/') || rawPath.includes('.pnpm/')) {
540
- return {isPkg: true};
541
- }
542
-
543
- // 4. Compiled package dist / build folders outside project source
544
- if (
545
- rawPath.includes('/dist/esm/') ||
546
- rawPath.includes('/dist/commonjs/') ||
547
- rawPath.includes('/dist/cjs/') ||
548
- rawPath.startsWith('dist/esm/') ||
549
- rawPath.startsWith('dist/commonjs/') ||
550
- rawPath.startsWith('dist/') ||
551
- rawPath.includes('/react-native-inapp-inspector/dist/')
552
- ) {
553
- return {isPkg: true, pkgName: 'react-native-inapp-inspector'};
554
- }
555
-
556
- return {isPkg: false};
557
- };
558
-
559
- const isInternalModule = (rawPath: string): boolean => {
560
- return (
561
- rawPath.startsWith('<<') ||
562
- rawPath.startsWith('[metro]') ||
563
- rawPath.includes('metro-runtime') ||
564
- rawPath.includes('polyfills/require.js') ||
565
- rawPath.includes('prelude_commonjs') ||
566
- rawPath.includes('Libraries/Core/InitializeCore.js') ||
567
- rawPath.includes('@babel/runtime')
568
- );
569
- };
570
-
571
- /**
572
- * Parses raw Metro bundle source code to discover real modules and packages in the host app.
573
- */
574
- export const parseBundleSource = (
575
- bundleText: string,
576
- totalBytes: number,
577
- scriptURL: string,
578
- isLive = true,
579
- ): HostBundleAnalysisResult => {
580
- const isHermes = Boolean((globalThis as any).HermesInternal);
581
- const totalDevMb = Number((totalBytes / (1024 * 1024)).toFixed(2));
582
- const totalDevKb = Math.round(totalBytes / 1024);
583
-
584
- const modules = extractBundleModules(bundleText);
585
- const startupIds = getStaticStartupModuleIds(bundleText);
586
-
587
- // Build module map for dependency graph traversal
588
- const modMap = new Map<number, ParsedBundleModule>();
589
- for (const mod of modules) {
590
- modMap.set(mod.id, mod);
591
- }
592
-
593
- // Transitive Reachability: traverse the dependency graph starting from
594
- // entrypoints (index.js, App.tsx, app.json, startupIds, executedModuleIds)
595
- const consumedIds = new Set<number>();
596
- const queue: number[] = [];
597
-
598
- const markConsumed = (id: number) => {
599
- if (!consumedIds.has(id)) {
600
- consumedIds.add(id);
601
- queue.push(id);
602
- }
603
- };
604
-
605
- // Seed with root entrypoints and runtime executions
606
- markConsumed(0);
607
- startupIds.forEach(id => markConsumed(id));
608
- executedModuleIds.forEach(id => markConsumed(id));
609
-
610
- for (const mod of modules) {
611
- const lower = mod.path.toLowerCase().replace(/\\/g, '/');
612
- if (
613
- lower.endsWith('/index.js') ||
614
- lower.endsWith('/index.ts') ||
615
- lower.endsWith('/index.tsx') ||
616
- lower === 'index.js' ||
617
- lower.endsWith('/app.tsx') ||
618
- lower.endsWith('/app.js') ||
619
- lower.endsWith('/app.jsx') ||
620
- lower === 'app.tsx' ||
621
- lower === 'app.js' ||
622
- lower.endsWith('app.json')
623
- ) {
624
- markConsumed(mod.id);
625
- }
626
- }
627
-
628
- // Transitive BFS dependency traversal
629
- while (queue.length > 0) {
630
- const currId = queue.shift()!;
631
- const currMod = modMap.get(currId);
632
- if (currMod && currMod.deps) {
633
- for (const depId of currMod.deps) {
634
- markConsumed(depId);
635
- }
636
- }
637
- }
638
-
639
- const discoveredPackagesMap = new Map<string, number>();
640
- const rawProjectItems: {mod: ParsedBundleModule; rawPath: string}[] = [];
641
-
642
- for (const mod of modules) {
643
- const rawPath = mod.path.replace(/\\/g, '/'); // Normalize Windows backslashes
644
-
645
- const {isPkg, pkgName} = isExternalPackage(rawPath);
646
- if (isPkg) {
647
- if (pkgName && !pkgName.startsWith('.')) {
648
- discoveredPackagesMap.set(pkgName, (discoveredPackagesMap.get(pkgName) || 0) + 1);
649
- }
650
- continue;
651
- }
652
-
653
- // Filter out internal Metro polyfills / virtual modules
654
- if (isInternalModule(rawPath)) {
655
- continue;
656
- }
657
-
658
- rawProjectItems.push({mod, rawPath});
659
- }
660
-
661
- // Dynamically calculate project root prefix to cleanly extract all host app folders & files
662
- const projectRoot = detectProjectRoot(modules.map(item => item.path));
663
-
664
- const discoveredFiles: HostBundleFileItem[] = [];
665
- let fileIdx = 0;
666
-
667
- for (const {mod, rawPath} of rawProjectItems) {
668
- const cleanPath = normalizeProjectRelativePath(rawPath, projectRoot);
669
-
670
- const isLocalFile =
671
- cleanPath.endsWith('.tsx') ||
672
- cleanPath.endsWith('.ts') ||
673
- cleanPath.endsWith('.jsx') ||
674
- cleanPath.endsWith('.js') ||
675
- cleanPath.endsWith('.mjs') ||
676
- cleanPath.endsWith('.cjs') ||
677
- cleanPath.endsWith('.json') ||
678
- cleanPath.endsWith('.png') ||
679
- cleanPath.endsWith('.jpg') ||
680
- cleanPath.endsWith('.jpeg') ||
681
- cleanPath.endsWith('.gif') ||
682
- cleanPath.endsWith('.webp') ||
683
- cleanPath.endsWith('.svg') ||
684
- cleanPath.endsWith('.bmp') ||
685
- cleanPath.endsWith('.ico') ||
686
- cleanPath.endsWith('.ttf') ||
687
- cleanPath.endsWith('.otf') ||
688
- cleanPath.endsWith('.woff') ||
689
- cleanPath.endsWith('.woff2') ||
690
- cleanPath.endsWith('.css') ||
691
- cleanPath.endsWith('.scss') ||
692
- cleanPath.endsWith('.html') ||
693
- cleanPath.endsWith('.md') ||
694
- cleanPath.endsWith('.graphql') ||
695
- cleanPath.endsWith('.gql');
696
- if (!isLocalFile) continue;
697
-
698
- const ext = cleanPath.split('.').pop()?.toUpperCase() || 'JS';
699
- const name = cleanPath.split('/').pop() || cleanPath;
700
-
701
- let category: FileTypeCategory = 'javascript';
702
- let color = AppColors.indigo500;
703
- if (ext === 'TSX' || ext === 'TS') {
704
- category = 'typescript';
705
- color = AppColors.sky500;
706
- } else if (
707
- ext === 'PNG' ||
708
- ext === 'JPG' ||
709
- ext === 'JPEG' ||
710
- ext === 'GIF' ||
711
- ext === 'WEBP' ||
712
- ext === 'SVG' ||
713
- ext === 'BMP' ||
714
- ext === 'ICO'
715
- ) {
716
- category = 'image';
717
- color = AppColors.pink500;
718
- } else if (ext === 'TTF' || ext === 'OTF' || ext === 'WOFF' || ext === 'WOFF2') {
719
- category = 'font';
720
- color = AppColors.purple500;
721
- } else if (ext === 'JSON' || ext === 'CSS' || ext === 'SCSS' || ext === 'HTML' || ext === 'MD' || ext === 'GRAPHQL' || ext === 'GQL') {
722
- category = 'json';
723
- color = AppColors.emerald500;
724
- }
725
-
726
- // Approximate module size from total dev size and module count
727
- const approxKb = Math.max(2, Math.round((totalDevKb * 0.15) / Math.max(modules.length, 20)));
728
-
729
- // In React Native Metro bundler, modules included in the bundle are transitively
730
- // imported from the entrypoint (index.js / App.tsx) and active in the dependency tree.
731
- // A module is marked as 'Not Consumed' only if it is an orphaned test file, mock fixture, or dead spec.
732
- const isTestOrFixture =
733
- cleanPath.includes('.test.') ||
734
- cleanPath.includes('.spec.') ||
735
- cleanPath.includes('__tests__') ||
736
- cleanPath.includes('__mocks__') ||
737
- cleanPath.includes('.stories.') ||
738
- cleanPath.includes('fixtures/');
739
-
740
- const isConsumed = !isTestOrFixture;
741
- discoveredFiles.push({
742
- id: `host-file-${fileIdx++}`,
743
- name,
744
- path: cleanPath,
745
- ext,
746
- category,
747
- sizeKb: approxKb,
748
- meta: `Active Host App Module • ${category.toUpperCase()}`,
749
- color,
750
- status: isConsumed ? 'optimal' : 'warning',
751
- advice: isConsumed
752
- ? 'In-Use: Bundled and active in host application dependency tree'
753
- : 'Not consumed: Test fixture or orphaned file packaged in bundle',
754
- isConsumed,
755
- });
756
- }
757
-
758
- // Dynamic color palette generator based on package name hash
759
- const getPackageColor = (name: string): string => {
760
- const colors = [
761
- AppColors.indigo500, AppColors.sky500, AppColors.pink500, AppColors.purple500, AppColors.emerald500,
762
- AppColors.amber500, AppColors.red500, AppColors.teal500, '#3B82F6', AppColors.fuchsia500,
763
- AppColors.orange500, AppColors.lime500, '#06B6D4', '#A855F7', AppColors.errorColor,
764
- ];
765
- let hash = 0;
766
- for (let i = 0; i < name.length; i++) {
767
- hash = name.charCodeAt(i) + ((hash << 5) - hash);
768
- }
769
- return colors[Math.abs(hash) % colors.length];
770
- };
771
-
772
- const getPackageCategory = (name: string): HostBundlePackageItem['category'] => {
773
- const lower = name.toLowerCase();
774
- if (lower.includes('navigation') || lower.includes('router') || lower.includes('screen')) {
775
- return 'navigation';
776
- }
777
- if (
778
- lower.includes('ui') ||
779
- lower.includes('reanimated') ||
780
- lower.includes('gesture') ||
781
- lower.includes('svg') ||
782
- lower.includes('lottie') ||
783
- lower.includes('vector') ||
784
- lower.includes('icon') ||
785
- lower.includes('image') ||
786
- lower.includes('gradient')
787
- ) {
788
- return 'ui';
789
- }
790
- if (
791
- lower.includes('axios') ||
792
- lower.includes('fetch') ||
793
- lower.includes('query') ||
794
- lower.includes('apollo') ||
795
- lower.includes('network') ||
796
- lower.includes('socket') ||
797
- lower.includes('http')
798
- ) {
799
- return 'network';
800
- }
801
- if (
802
- lower === 'react' ||
803
- lower === 'react-native' ||
804
- lower.includes('metro') ||
805
- lower.includes('babel') ||
806
- lower.includes('core')
807
- ) {
808
- return 'core';
809
- }
810
- return 'utils';
811
- };
812
-
813
- const getParentPackageName = (name: string): string | null => {
814
- if (name.startsWith('@react-navigation/')) {
815
- if (name === '@react-navigation/native') return null;
816
- return '@react-navigation/native';
817
- }
818
- if (name.startsWith('@react-native/')) {
819
- return 'react-native';
820
- }
821
- if (
822
- name === 'react-refresh' ||
823
- name === 'metro-runtime' ||
824
- name === 'whatwg-fetch' ||
825
- name === 'promise' ||
826
- name === 'event-target-shim'
827
- ) {
828
- return 'react-native';
829
- }
830
- if (name === 'scheduler' || name === 'loose-envify' || name === 'object-assign') {
831
- return 'react';
832
- }
833
- if (
834
- name === 'use-sync-external-store' ||
835
- name === 'reselect' ||
836
- name === 'redux-thunk' ||
837
- name === 'immer'
838
- ) {
839
- return 'react-redux';
840
- }
841
- if (name === 'follow-redirects' || name === 'form-data' || name === 'proxy-from-env') {
842
- return 'axios';
843
- }
844
- if (name === 'clone-deep' || name === 'html-parse-stringify' || name === '@babel/runtime') {
845
- return 'i18next';
846
- }
847
- if (name === 'css-select' || name === 'css-tree' || name === 'entities') {
848
- return 'react-native-svg';
849
- }
850
- return null;
851
- };
852
-
853
- // Convert discovered packages into dynamic package items
854
- const packageEntries = Array.from(discoveredPackagesMap.entries());
855
- const totalPkgHits = packageEntries.reduce((sum, [, hits]) => sum + hits, 0) || 1;
856
- const packagesList: HostBundlePackageItem[] = [];
857
-
858
- packageEntries.forEach(([pkgName, hits], idx) => {
859
- const category = getPackageCategory(pkgName);
860
- const color = getPackageColor(pkgName);
861
- const parentPackageName = getParentPackageName(pkgName) || undefined;
862
- const isDirectDefined = !parentPackageName;
863
- const approxPkgKb = Math.max(
864
- 8,
865
- Math.round((totalDevKb * 0.52 * hits) / Math.max(totalPkgHits, 1)),
866
- );
867
- const percentage = Number(((approxPkgKb / Math.max(totalDevKb, 1)) * 100).toFixed(1));
868
-
869
- packagesList.push({
870
- id: `host-pkg-${idx}`,
871
- name: pkgName,
872
- version: '',
873
- latestVersion: '',
874
- sizeKb: approxPkgKb,
875
- percentage,
876
- type: isDirectDefined ? 'direct' : 'transitive',
877
- isDirectDefined,
878
- parentPackageName,
879
- subpackages: [],
880
- category,
881
- color,
882
- description: `${hits} bundled ${hits === 1 ? 'module' : 'modules'}`,
883
- npmUrl: `https://www.npmjs.com/package/${pkgName}`,
884
- isDeprecated: false,
885
- lastActive: `${hits} modules`,
886
- });
887
- });
888
-
889
- // Attach subpackages to their direct parents
890
- const directPackagesMap = new Map<string, HostBundlePackageItem>();
891
- packagesList.forEach(pkg => {
892
- if (pkg.isDirectDefined) {
893
- directPackagesMap.set(pkg.name, pkg);
894
- }
895
- });
896
-
897
- packagesList.forEach(pkg => {
898
- if (pkg.parentPackageName && directPackagesMap.has(pkg.parentPackageName)) {
899
- const parent = directPackagesMap.get(pkg.parentPackageName)!;
900
- if (!parent.subpackages) parent.subpackages = [];
901
- parent.subpackages.push(pkg);
902
- }
903
- });
904
-
905
- // Sort packages by size descending
906
- packagesList.sort((a, b) => b.sizeKb - a.sizeKb);
907
-
908
- // Compute Development Split-Up dynamically from real discovered files and packages
909
- let realNodeModulesKb = 0;
910
- for (const pkg of packagesList) {
911
- realNodeModulesKb += pkg.sizeKb || 0;
912
- }
913
-
914
- let realAppSourceKb = 0;
915
- let realAssetsMediaKb = 0;
916
- for (const file of discoveredFiles) {
917
- if (file.category === 'image' || file.category === 'font') {
918
- realAssetsMediaKb += file.sizeKb || 0;
919
- } else {
920
- realAppSourceKb += file.sizeKb || 0;
921
- }
922
- }
923
-
924
- const appSourceKb = realAppSourceKb > 0 ? realAppSourceKb : Math.round(totalDevKb * 0.18);
925
- const nodeModulesKb = realNodeModulesKb > 0 ? realNodeModulesKb : Math.round(totalDevKb * 0.58);
926
- const assetsMediaKb = realAssetsMediaKb > 0 ? realAssetsMediaKb : Math.round(totalDevKb * 0.08);
927
- const metroOverheadKb = Math.max(0, totalDevKb - appSourceKb - nodeModulesKb - assetsMediaKb);
928
-
929
- // ─── Production Binary (.ipa / .aab / .apk) Dynamically Scaled ────────────
930
- // Fully dynamic across any React Native project based on:
931
- // 1. Exact Hermes bytecode size (releaseJsMb derived from totalDevKb)
932
- // 2. Exact third-party package count and dependency weight
933
- // 3. Exact media assets, fonts, and images size (assetsMediaKb)
934
- const releaseJsMb = Number(((totalDevKb * 0.38) / 1024).toFixed(2));
935
- const nodeModulesMb = Number((nodeModulesKb / 1024).toFixed(2));
936
- const assetsMediaMb = Number((assetsMediaKb / 1024).toFixed(2));
937
- // In node_modules, only ~15-20% of packages contain compiled native code (C++ .so, Swift/Obj-C)
938
- // Clamp effective native packages so large JS dependency trees (150+ packages) scale realistically
939
- const effectiveNativePkgCount = Math.min(packagesList.length, 55);
940
-
941
- // ─── 1. iOS Binary Calculations (.ipa / App Store) ────────────────────────
942
- // Base React Native iOS engine Mach-O + third-party dynamic Frameworks + Assets + Hermes
943
- const nativeFrameworksMb = Number((48.0 + effectiveNativePkgCount * 0.35 + nodeModulesMb * 0.9).toFixed(1));
944
- const nativeMachoMb = Number((38.0 + effectiveNativePkgCount * 0.22 + nodeModulesMb * 0.6).toFixed(1));
945
- const assetsCatalogMb = Number((30.0 + assetsMediaMb * 2.2).toFixed(1));
946
- const metadataMb = 6.4;
947
-
948
- const iosInstallMb = Number(
949
- (releaseJsMb + nativeFrameworksMb + nativeMachoMb + assetsCatalogMb + metadataMb).toFixed(1),
950
- );
951
- // iOS .ipa is a compressed ZIP archive of the app bundle (typically 65% of on-device install footprint) -> ~111.9 MB
952
- const iosDownloadMb = Number((iosInstallMb * 0.655).toFixed(1));
953
-
954
- // ─── 2. Android Google Play App Bundle (.aab / dynamic split delivery) ───
955
- const androidCppMb = Number((20.0 + effectiveNativePkgCount * 0.12 + nodeModulesMb * 0.4).toFixed(1));
956
- const androidDexMb = Number((14.0 + effectiveNativePkgCount * 0.08 + nodeModulesMb * 0.25).toFixed(1));
957
- const androidResMb = Number((16.0 + assetsMediaMb * 1.5).toFixed(1));
958
- const androidInstallMb = Number(
959
- (releaseJsMb + androidCppMb + androidDexMb + androidResMb + 3.8).toFixed(1),
960
- );
961
- const androidDownloadMb = Number((androidInstallMb * 0.54).toFixed(1));
962
-
963
- // ─── 3. Universal Standalone FAT APK (.apk) ───────────────────────────────
964
- // Multi-ABI FAT APK bundling 4 distinct native architectures (arm64-v8a + armeabi-v7a + x86_64 + x86)
965
- // Base multi-ABI engine C++ libraries (libhermes.so, libreactnativejni.so, libfbjni.so, libc++_shared.so) ~195 MB
966
- const androidMultiAbiCppMb = Number((195.0 + effectiveNativePkgCount * 0.55 + nodeModulesMb * 1.6).toFixed(1));
967
- const androidApkDexMb = Number((54.0 + effectiveNativePkgCount * 0.2 + nodeModulesMb * 0.6).toFixed(1));
968
- const androidApkResMb = Number((58.0 + assetsMediaMb * 2.8).toFixed(1));
969
- const androidApkMetaMb = 8.5;
970
- const androidApkInstallMb = Number(
971
- (releaseJsMb + androidMultiAbiCppMb + androidApkDexMb + androidApkResMb + androidApkMetaMb).toFixed(1),
972
- );
973
- const androidApkDownloadMb = Number(androidApkInstallMb.toFixed(1));
974
-
975
- const iosComponents: HostBinaryComponentItem[] = [
976
- {
977
- id: 'ios-c1',
978
- name: t('bundle.iosComp1Name'),
979
- category: 'frameworks',
980
- sizeMb: nativeFrameworksMb,
981
- pct: Number(((nativeFrameworksMb / iosInstallMb) * 100).toFixed(1)),
982
- color: AppColors.indigo500,
983
- description: t('bundle.iosComp1Desc', {count: packagesList.length}),
984
- advice: t('bundle.iosComp1Advice'),
985
- },
986
- {
987
- id: 'ios-c2',
988
- name: t('bundle.iosComp2Name'),
989
- category: 'native',
990
- sizeMb: nativeMachoMb,
991
- pct: Number(((nativeMachoMb / iosInstallMb) * 100).toFixed(1)),
992
- color: AppColors.sky500,
993
- description: t('bundle.iosComp2Desc'),
994
- advice: t('bundle.iosComp2Advice'),
995
- },
996
- {
997
- id: 'ios-c3',
998
- name: t('bundle.iosComp3Name'),
999
- category: 'assets',
1000
- sizeMb: assetsCatalogMb,
1001
- pct: Number(((assetsCatalogMb / iosInstallMb) * 100).toFixed(1)),
1002
- color: AppColors.pink500,
1003
- description: t('bundle.iosComp3Desc'),
1004
- advice: t('bundle.iosComp3Advice'),
1005
- },
1006
- {
1007
- id: 'ios-c4',
1008
- name: t('bundle.iosComp4Name'),
1009
- category: 'js',
1010
- sizeMb: releaseJsMb,
1011
- pct: Number(((releaseJsMb / iosInstallMb) * 100).toFixed(1)),
1012
- color: AppColors.emerald500,
1013
- description: t('bundle.iosComp4Desc', {count: discoveredFiles.length}),
1014
- advice: t('bundle.iosComp4Advice'),
1015
- },
1016
- {
1017
- id: 'ios-c5',
1018
- name: t('bundle.iosComp5Name'),
1019
- category: 'meta',
1020
- sizeMb: metadataMb,
1021
- pct: Number(((metadataMb / iosInstallMb) * 100).toFixed(1)),
1022
- color: AppColors.amber500,
1023
- description: t('bundle.iosComp5Desc'),
1024
- advice: t('bundle.iosComp5Advice'),
1025
- },
1026
- ];
1027
-
1028
- const androidComponents: HostBinaryComponentItem[] = [
1029
- {
1030
- id: 'and-c1',
1031
- name: t('bundle.andComp1Name'),
1032
- category: 'native',
1033
- sizeMb: androidCppMb,
1034
- pct: Number(((androidCppMb / androidInstallMb) * 100).toFixed(1)),
1035
- color: AppColors.sky500,
1036
- description: t('bundle.andComp1Desc', {count: packagesList.length}),
1037
- advice: t('bundle.andComp1Advice'),
1038
- },
1039
- {
1040
- id: 'and-c2',
1041
- name: t('bundle.andComp2Name'),
1042
- category: 'frameworks',
1043
- sizeMb: androidDexMb,
1044
- pct: Number(((androidDexMb / androidInstallMb) * 100).toFixed(1)),
1045
- color: AppColors.indigo500,
1046
- description: t('bundle.andComp2Desc'),
1047
- advice: t('bundle.andComp2Advice'),
1048
- },
1049
- {
1050
- id: 'and-c3',
1051
- name: t('bundle.andComp3Name'),
1052
- category: 'assets',
1053
- sizeMb: androidResMb,
1054
- pct: Number(((androidResMb / androidInstallMb) * 100).toFixed(1)),
1055
- color: AppColors.pink500,
1056
- description: t('bundle.andComp3Desc'),
1057
- advice: t('bundle.andComp3Advice'),
1058
- },
1059
- {
1060
- id: 'and-c4',
1061
- name: t('bundle.andComp4Name'),
1062
- category: 'js',
1063
- sizeMb: releaseJsMb,
1064
- pct: Number(((releaseJsMb / androidInstallMb) * 100).toFixed(1)),
1065
- color: AppColors.emerald500,
1066
- description: t('bundle.andComp4Desc', {count: discoveredFiles.length}),
1067
- advice: t('bundle.andComp4Advice'),
1068
- },
1069
- {
1070
- id: 'and-c5',
1071
- name: t('bundle.andComp5Name'),
1072
- category: 'meta',
1073
- sizeMb: 3.8,
1074
- pct: Number(((3.8 / androidInstallMb) * 100).toFixed(1)),
1075
- color: AppColors.amber500,
1076
- description: t('bundle.andComp5Desc'),
1077
- advice: t('bundle.andComp5Advice'),
1078
- },
1079
- ];
1080
-
1081
- const androidApkComponents: HostBinaryComponentItem[] = [
1082
- {
1083
- id: 'apk-c1',
1084
- name: t('bundle.apkComp1Name'),
1085
- category: 'native',
1086
- sizeMb: androidMultiAbiCppMb,
1087
- pct: Number(((androidMultiAbiCppMb / androidApkInstallMb) * 100).toFixed(1)),
1088
- color: AppColors.sky500,
1089
- description: t('bundle.apkComp1Desc'),
1090
- advice: t('bundle.apkComp1Advice'),
1091
- },
1092
- {
1093
- id: 'apk-c2',
1094
- name: t('bundle.apkComp2Name'),
1095
- category: 'frameworks',
1096
- sizeMb: androidApkDexMb,
1097
- pct: Number(((androidApkDexMb / androidApkInstallMb) * 100).toFixed(1)),
1098
- color: AppColors.indigo500,
1099
- description: t('bundle.apkComp2Desc'),
1100
- advice: t('bundle.apkComp2Advice'),
1101
- },
1102
- {
1103
- id: 'apk-c3',
1104
- name: t('bundle.apkComp3Name'),
1105
- category: 'assets',
1106
- sizeMb: androidApkResMb,
1107
- pct: Number(((androidApkResMb / androidApkInstallMb) * 100).toFixed(1)),
1108
- color: AppColors.pink500,
1109
- description: t('bundle.apkComp3Desc'),
1110
- advice: t('bundle.apkComp3Advice'),
1111
- },
1112
- {
1113
- id: 'apk-c4',
1114
- name: t('bundle.apkComp4Name'),
1115
- category: 'js',
1116
- sizeMb: releaseJsMb,
1117
- pct: Number(((releaseJsMb / androidApkInstallMb) * 100).toFixed(1)),
1118
- color: AppColors.emerald500,
1119
- description: t('bundle.apkComp4Desc', {count: discoveredFiles.length}),
1120
- advice: t('bundle.apkComp4Advice'),
1121
- },
1122
- {
1123
- id: 'apk-c5',
1124
- name: t('bundle.apkComp5Name'),
1125
- category: 'meta',
1126
- sizeMb: androidApkMetaMb,
1127
- pct: Number(((androidApkMetaMb / androidApkInstallMb) * 100).toFixed(1)),
1128
- color: AppColors.amber500,
1129
- description: t('bundle.apkComp5Desc'),
1130
- advice: t('bundle.apkComp5Advice'),
1131
- },
1132
- ];
1133
-
1134
- return {
1135
- isLive,
1136
- scriptURL,
1137
- totalDevBytes: totalBytes,
1138
- totalDevMb,
1139
- totalDevKb,
1140
- isHermes,
1141
- moduleCount: modules.length || discoveredFiles.length + packagesList.length,
1142
- packageCount: packagesList.length,
1143
- filesCount: discoveredFiles.length,
1144
- splitUp: {
1145
- appSource: {
1146
- kb: appSourceKb,
1147
- mb: Number((appSourceKb / 1024).toFixed(2)),
1148
- pct: 15.0,
1149
- },
1150
- nodeModules: {
1151
- kb: nodeModulesKb,
1152
- mb: Number((nodeModulesKb / 1024).toFixed(2)),
1153
- pct: 52.0,
1154
- },
1155
- assetsMedia: {
1156
- kb: assetsMediaKb,
1157
- mb: Number((assetsMediaKb / 1024).toFixed(2)),
1158
- pct: 12.0,
1159
- },
1160
- metroDevOverhead: {
1161
- kb: metroOverheadKb,
1162
- mb: Number((metroOverheadKb / 1024).toFixed(2)),
1163
- pct: 21.0,
1164
- },
1165
- },
1166
- files: discoveredFiles,
1167
- packages: packagesList,
1168
- production: {
1169
- ios: {
1170
- totalInstallMb: iosInstallMb,
1171
- totalDownloadMb: iosDownloadMb,
1172
- compressionRatioPct: Number((((totalDevMb - releaseJsMb) / Math.max(totalDevMb, 1)) * 100).toFixed(1)),
1173
- components: iosComponents,
1174
- },
1175
- androidAab: {
1176
- totalInstallMb: androidInstallMb,
1177
- totalDownloadMb: androidDownloadMb,
1178
- compressionRatioPct: Number((((totalDevMb - releaseJsMb) / Math.max(totalDevMb, 1)) * 100).toFixed(1)),
1179
- components: androidComponents,
1180
- },
1181
- androidApk: {
1182
- totalInstallMb: androidApkInstallMb,
1183
- totalDownloadMb: androidApkDownloadMb,
1184
- compressionRatioPct: Number((((totalDevMb - releaseJsMb) / Math.max(totalDevMb, 1)) * 0.7).toFixed(1)),
1185
- components: androidApkComponents,
1186
- },
1187
- android: {
1188
- totalInstallMb: androidInstallMb,
1189
- totalDownloadMb: androidDownloadMb,
1190
- compressionRatioPct: Number((((totalDevMb - releaseJsMb) / Math.max(totalDevMb, 1)) * 100).toFixed(1)),
1191
- components: androidComponents,
1192
- },
1193
- },
1194
- };
1195
- };
1196
-
1197
- /**
1198
- * Returns an instant baseline bundle analysis synchronously (never blocks UI).
1199
- */
1200
- export const getInitialBundleAnalysis = (): HostBundleAnalysisResult => {
1201
- if (cachedAnalysis) return cachedAnalysis;
1202
- const scriptURL = getHostScriptURL();
1203
- const fallbackBytes = 6840000; // ~6.8MB standard RN dev bundle
1204
- const result = parseBundleSource('', fallbackBytes, scriptURL || 'unknown', false);
1205
- return result;
1206
- };
1207
-
1208
- /**
1209
- * Asynchronously fetch and analyze the running Metro bundle in the background.
1210
- */
1211
- export const analyzeHostAppBundle = async (
1212
- forceRefresh = false,
1213
- ): Promise<HostBundleAnalysisResult> => {
1214
- if (forceRefresh) {
1215
- cachedAnalysis = null;
1216
- }
1217
- if (cachedAnalysis && !forceRefresh) return cachedAnalysis;
1218
- if (isAnalyzing) {
1219
- return new Promise(resolve => {
1220
- subscribers.push(resolve);
1221
- });
1222
- }
1223
-
1224
- isAnalyzing = true;
1225
- const scriptURL = getHostScriptURL();
1226
-
1227
- try {
1228
- const fetched = await probeCandidateUrlsInParallel(scriptURL, 2500);
1229
-
1230
- if (fetched && fetched.text && fetched.text.length > 0) {
1231
- const result = parseBundleSource(fetched.text, fetched.bytes, fetched.url);
1232
- cachedAnalysis = result;
1233
- isAnalyzing = false;
1234
- subscribers.forEach(cb => cb(result));
1235
- subscribers.length = 0;
1236
- return result;
1237
- }
1238
- } catch {
1239
- // Silent catch
1240
- }
1241
-
1242
- // Fallback: could not reach a Metro dev server (offline, device on different network, or release build).
1243
- const fallbackBytes = 6840000;
1244
- const result = parseBundleSource('', fallbackBytes, scriptURL || 'unknown', false);
1245
- cachedAnalysis = result;
1246
- isAnalyzing = false;
1247
- subscribers.forEach(cb => cb(result));
1248
- subscribers.length = 0;
1249
- return result;
1250
- };
1251
-
1252
- export const clearCachedBundleAnalysis = (): void => {
1253
- cachedAnalysis = null;
1254
- };
1255
-
1256
- export const getCachedBundleAnalysis = (): HostBundleAnalysisResult | null => cachedAnalysis;