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.
- package/dist/commonjs/components/AnalyticsDetail.js +5 -1
- package/dist/commonjs/components/AnalyticsEventCard.js +2 -1
- package/dist/commonjs/components/DiffViewer.js +1 -1
- package/dist/commonjs/components/Inspector/BundleTab.js +22 -0
- package/dist/commonjs/components/Inspector/DeviceInfoTab.d.ts +3 -0
- package/dist/commonjs/components/Inspector/DeviceInfoTab.js +835 -0
- package/dist/commonjs/components/Inspector/InspectorHeader.js +12 -14
- package/dist/commonjs/components/Inspector/LogDetail.js +6 -3
- package/dist/commonjs/components/Inspector/MainScreen.js +7 -3
- package/dist/commonjs/components/Inspector/NetworkTab.js +92 -15
- package/dist/commonjs/components/Inspector/PerformanceTab.js +38 -12
- package/dist/commonjs/components/Inspector/SettingsPanel.js +440 -229
- package/dist/commonjs/components/Inspector/StorageTab.d.ts +3 -0
- package/dist/commonjs/components/Inspector/StorageTab.js +892 -0
- package/dist/commonjs/components/Inspector/TabBar.js +14 -0
- package/dist/commonjs/components/Inspector/TelemetryConsentModal.js +11 -2
- package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +4 -1
- package/dist/commonjs/components/NetworkIcons.d.ts +6 -0
- package/dist/commonjs/components/NetworkIcons.js +30 -1
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/customHooks/bundleAnalyzer.js +44 -22
- package/dist/commonjs/customHooks/storageInspector.d.ts +67 -0
- package/dist/commonjs/customHooks/storageInspector.js +486 -0
- package/dist/commonjs/i18n/locales/en.json +8 -2
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.js +16 -1
- package/dist/commonjs/storage.d.ts +5 -0
- package/dist/commonjs/storage.js +18 -0
- package/dist/commonjs/types/enums.d.ts +5 -0
- package/dist/commonjs/types/enums.js +5 -0
- package/dist/esm/components/AnalyticsDetail.js +6 -2
- package/dist/esm/components/AnalyticsEventCard.js +2 -1
- package/dist/esm/components/DiffViewer.js +1 -1
- package/dist/esm/components/Inspector/BundleTab.js +22 -0
- package/dist/esm/components/Inspector/DeviceInfoTab.d.ts +3 -0
- package/dist/esm/components/Inspector/DeviceInfoTab.js +796 -0
- package/dist/esm/components/Inspector/InspectorHeader.js +13 -15
- package/dist/esm/components/Inspector/LogDetail.js +7 -4
- package/dist/esm/components/Inspector/MainScreen.js +7 -3
- package/dist/esm/components/Inspector/NetworkTab.js +93 -16
- package/dist/esm/components/Inspector/PerformanceTab.js +39 -13
- package/dist/esm/components/Inspector/SettingsPanel.js +441 -230
- package/dist/esm/components/Inspector/StorageTab.d.ts +3 -0
- package/dist/esm/components/Inspector/StorageTab.js +853 -0
- package/dist/esm/components/Inspector/TabBar.js +15 -1
- package/dist/esm/components/Inspector/TelemetryConsentModal.js +11 -2
- package/dist/esm/components/Inspector/UpdateAvailableModal.js +4 -1
- package/dist/esm/components/NetworkIcons.d.ts +6 -0
- package/dist/esm/components/NetworkIcons.js +23 -0
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/customHooks/bundleAnalyzer.js +44 -22
- package/dist/esm/customHooks/storageInspector.d.ts +67 -0
- package/dist/esm/customHooks/storageInspector.js +469 -0
- package/dist/esm/i18n/locales/en.json +8 -2
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/storage.d.ts +5 -0
- package/dist/esm/storage.js +5 -0
- package/dist/esm/types/enums.d.ts +5 -0
- package/dist/esm/types/enums.js +5 -0
- package/package.json +8 -1
- package/src/components/AnalyticsDetail.tsx +6 -1
- package/src/components/AnalyticsEventCard.tsx +2 -1
- package/src/components/DiffViewer.tsx +1 -1
- package/src/components/Inspector/BundleTab.tsx +29 -0
- package/src/components/Inspector/DeviceInfoTab.tsx +1204 -0
- package/src/components/Inspector/InspectorHeader.tsx +13 -14
- package/src/components/Inspector/LogDetail.tsx +15 -11
- package/src/components/Inspector/MainScreen.tsx +7 -3
- package/src/components/Inspector/NetworkTab.tsx +104 -16
- package/src/components/Inspector/PerformanceTab.tsx +46 -12
- package/src/components/Inspector/SettingsPanel.tsx +570 -304
- package/src/components/Inspector/StorageTab.tsx +1048 -0
- package/src/components/Inspector/TabBar.tsx +20 -0
- package/src/components/Inspector/TelemetryConsentModal.tsx +26 -2
- package/src/components/Inspector/UpdateAvailableModal.tsx +13 -1
- package/src/components/NetworkIcons.tsx +103 -0
- package/src/constants/version.ts +1 -1
- package/src/customHooks/bundleAnalyzer.ts +47 -22
- package/src/customHooks/storageInspector.ts +509 -0
- package/src/i18n/locales/en.json +8 -2
- package/src/index.tsx +21 -1
- package/src/storage.ts +18 -0
- 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
|
-
|
|
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
|
-
|
|
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 }}
|
|
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
|
|