react-native-inapp-inspector 2.2.3 → 2.2.4

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 (86) hide show
  1. package/dist/commonjs/components/AnalyticsDetail.js +5 -1
  2. package/dist/commonjs/components/AnalyticsEventCard.js +2 -1
  3. package/dist/commonjs/components/DiffViewer.js +1 -1
  4. package/dist/commonjs/components/Inspector/BundleTab.js +22 -0
  5. package/dist/commonjs/components/Inspector/DeviceInfoTab.d.ts +3 -0
  6. package/dist/commonjs/components/Inspector/DeviceInfoTab.js +835 -0
  7. package/dist/commonjs/components/Inspector/InspectorHeader.js +12 -14
  8. package/dist/commonjs/components/Inspector/LogDetail.js +6 -3
  9. package/dist/commonjs/components/Inspector/MainScreen.js +7 -3
  10. package/dist/commonjs/components/Inspector/NetworkTab.js +92 -15
  11. package/dist/commonjs/components/Inspector/PerformanceTab.js +38 -12
  12. package/dist/commonjs/components/Inspector/SettingsPanel.js +440 -229
  13. package/dist/commonjs/components/Inspector/StorageTab.d.ts +3 -0
  14. package/dist/commonjs/components/Inspector/StorageTab.js +892 -0
  15. package/dist/commonjs/components/Inspector/TabBar.js +14 -0
  16. package/dist/commonjs/components/Inspector/TelemetryConsentModal.js +11 -2
  17. package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +4 -1
  18. package/dist/commonjs/components/NetworkIcons.d.ts +6 -0
  19. package/dist/commonjs/components/NetworkIcons.js +30 -1
  20. package/dist/commonjs/constants/version.d.ts +1 -1
  21. package/dist/commonjs/constants/version.js +1 -1
  22. package/dist/commonjs/customHooks/bundleAnalyzer.js +44 -22
  23. package/dist/commonjs/customHooks/storageInspector.d.ts +67 -0
  24. package/dist/commonjs/customHooks/storageInspector.js +486 -0
  25. package/dist/commonjs/i18n/locales/en.json +8 -2
  26. package/dist/commonjs/index.d.ts +1 -0
  27. package/dist/commonjs/index.js +16 -1
  28. package/dist/commonjs/storage.d.ts +5 -0
  29. package/dist/commonjs/storage.js +18 -0
  30. package/dist/commonjs/types/enums.d.ts +5 -0
  31. package/dist/commonjs/types/enums.js +5 -0
  32. package/dist/esm/components/AnalyticsDetail.js +6 -2
  33. package/dist/esm/components/AnalyticsEventCard.js +2 -1
  34. package/dist/esm/components/DiffViewer.js +1 -1
  35. package/dist/esm/components/Inspector/BundleTab.js +22 -0
  36. package/dist/esm/components/Inspector/DeviceInfoTab.d.ts +3 -0
  37. package/dist/esm/components/Inspector/DeviceInfoTab.js +796 -0
  38. package/dist/esm/components/Inspector/InspectorHeader.js +13 -15
  39. package/dist/esm/components/Inspector/LogDetail.js +7 -4
  40. package/dist/esm/components/Inspector/MainScreen.js +7 -3
  41. package/dist/esm/components/Inspector/NetworkTab.js +93 -16
  42. package/dist/esm/components/Inspector/PerformanceTab.js +39 -13
  43. package/dist/esm/components/Inspector/SettingsPanel.js +441 -230
  44. package/dist/esm/components/Inspector/StorageTab.d.ts +3 -0
  45. package/dist/esm/components/Inspector/StorageTab.js +853 -0
  46. package/dist/esm/components/Inspector/TabBar.js +15 -1
  47. package/dist/esm/components/Inspector/TelemetryConsentModal.js +11 -2
  48. package/dist/esm/components/Inspector/UpdateAvailableModal.js +4 -1
  49. package/dist/esm/components/NetworkIcons.d.ts +6 -0
  50. package/dist/esm/components/NetworkIcons.js +23 -0
  51. package/dist/esm/constants/version.d.ts +1 -1
  52. package/dist/esm/constants/version.js +1 -1
  53. package/dist/esm/customHooks/bundleAnalyzer.js +44 -22
  54. package/dist/esm/customHooks/storageInspector.d.ts +67 -0
  55. package/dist/esm/customHooks/storageInspector.js +469 -0
  56. package/dist/esm/i18n/locales/en.json +8 -2
  57. package/dist/esm/index.d.ts +1 -0
  58. package/dist/esm/index.js +5 -0
  59. package/dist/esm/storage.d.ts +5 -0
  60. package/dist/esm/storage.js +5 -0
  61. package/dist/esm/types/enums.d.ts +5 -0
  62. package/dist/esm/types/enums.js +5 -0
  63. package/package.json +8 -1
  64. package/src/components/AnalyticsDetail.tsx +6 -1
  65. package/src/components/AnalyticsEventCard.tsx +2 -1
  66. package/src/components/DiffViewer.tsx +1 -1
  67. package/src/components/Inspector/BundleTab.tsx +29 -0
  68. package/src/components/Inspector/DeviceInfoTab.tsx +1204 -0
  69. package/src/components/Inspector/InspectorHeader.tsx +13 -14
  70. package/src/components/Inspector/LogDetail.tsx +15 -11
  71. package/src/components/Inspector/MainScreen.tsx +7 -3
  72. package/src/components/Inspector/NetworkTab.tsx +104 -16
  73. package/src/components/Inspector/PerformanceTab.tsx +46 -12
  74. package/src/components/Inspector/SettingsPanel.tsx +570 -304
  75. package/src/components/Inspector/StorageTab.tsx +1048 -0
  76. package/src/components/Inspector/TabBar.tsx +20 -0
  77. package/src/components/Inspector/TelemetryConsentModal.tsx +26 -2
  78. package/src/components/Inspector/UpdateAvailableModal.tsx +13 -1
  79. package/src/components/NetworkIcons.tsx +103 -0
  80. package/src/constants/version.ts +1 -1
  81. package/src/customHooks/bundleAnalyzer.ts +47 -22
  82. package/src/customHooks/storageInspector.ts +509 -0
  83. package/src/i18n/locales/en.json +8 -2
  84. package/src/index.tsx +21 -1
  85. package/src/storage.ts +18 -0
  86. package/src/types/enums.ts +5 -0
@@ -265,8 +265,9 @@ const AnalyticsDetail = ({ event, }) => {
265
265
  </react_native_1.View>)}
266
266
 
267
267
  {itemsCount !== null && (<react_native_1.View style={detailStyles.itemsPill}>
268
+ <NetworkIcons_1.PackageIcon size={12} color="#1D4ED8"/>
268
269
  <react_native_1.Text style={detailStyles.itemsValue}>
269
- 📦 {itemsCount} items
270
+ {itemsCount} items
270
271
  </react_native_1.Text>
271
272
  </react_native_1.View>)}
272
273
  </react_native_1.View>
@@ -569,6 +570,9 @@ const detailStyles = react_native_1.StyleSheet.create({
569
570
  color: '#047857',
570
571
  },
571
572
  itemsPill: {
573
+ flexDirection: 'row',
574
+ alignItems: 'center',
575
+ gap: 4,
572
576
  backgroundColor: '#EFF6FF',
573
577
  paddingHorizontal: 7,
574
578
  paddingVertical: 3,
@@ -200,8 +200,9 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
200
200
  borderColor: `${AppColors_1.AppColors.brandPurple}25`,
201
201
  },
202
202
  ]}>
203
+ <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.brandPurple} size={10}/>
203
204
  <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.brandPurple, fontFamily: AppFonts_1.AppFonts.interBold }]}>
204
- {userPropCount} {t('analytics.props')}
205
+ {userPropCount} {t('analytics.props')}
205
206
  </react_native_1.Text>
206
207
  </react_native_1.View>)}
207
208
 
@@ -78,7 +78,7 @@ const DiffViewer = react_1.default.memo(({ oldData, newData, forceOpen, }) => {
78
78
  return (<react_native_1.Text key={i} selectable={true} style={styles_1.default.diffChanged}>
79
79
  ~ <react_native_1.Text style={styles_1.default.codeKey}>{key}</react_native_1.Text>
80
80
  {JSON.stringify(d.oldVal)}{' '}
81
- <react_native_1.Text style={{ color: AppColors_1.AppColors.grayTextWeak }}>➔</react_native_1.Text>{' '}
81
+ <react_native_1.Text style={{ color: AppColors_1.AppColors.grayTextWeak }}>→</react_native_1.Text>{' '}
82
82
  {JSON.stringify(d.newVal)}
83
83
  </react_native_1.Text>);
84
84
  })}
@@ -1025,6 +1025,28 @@ const BundleTab = react_1.default.memo(() => {
1025
1025
  {t('bundle.liveAnalysisUnavailableSub')}
1026
1026
  </react_native_1.Text>
1027
1027
  </react_native_1.View>
1028
+ <TouchableScale_1.default onPress={refreshAnalysis} style={{
1029
+ backgroundColor: `${AppColors_1.AppColors.amber700}18`,
1030
+ paddingHorizontal: 8,
1031
+ paddingVertical: 5,
1032
+ borderRadius: 6,
1033
+ borderWidth: 1,
1034
+ borderColor: `${AppColors_1.AppColors.amber700}30`,
1035
+ flexDirection: 'row',
1036
+ alignItems: 'center',
1037
+ gap: 4,
1038
+ }}>
1039
+ {isAnalyzing ? (<react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.amber700}/>) : (<>
1040
+ <NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.amber700} size={11}/>
1041
+ <react_native_1.Text style={{
1042
+ fontSize: 10.5,
1043
+ fontFamily: AppFonts_1.AppFonts.interBold,
1044
+ color: AppColors_1.AppColors.amber700,
1045
+ }}>
1046
+ Retry
1047
+ </react_native_1.Text>
1048
+ </>)}
1049
+ </TouchableScale_1.default>
1028
1050
  </react_native_1.View>
1029
1051
  </react_native_1.View>)}
1030
1052
 
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const DeviceInfoTab: React.MemoExoticComponent<() => React.JSX.Element>;
3
+ export default DeviceInfoTab;