react-native-inapp-inspector 1.1.21 → 1.1.22
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 -3
- package/dist/commonjs/components/AnalyticsEventCard.d.ts +0 -1
- package/dist/commonjs/components/AnalyticsEventCard.js +85 -96
- package/dist/commonjs/components/Inspector/BundleTab.js +486 -651
- package/dist/commonjs/components/Inspector/PerformanceTab.js +185 -244
- package/dist/commonjs/components/Inspector/ReduxDetail.js +2 -2
- package/dist/commonjs/components/Inspector/ReduxTab.js +3 -3
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/customHooks/bundleAnalyzer.d.ts +115 -0
- package/dist/commonjs/customHooks/bundleAnalyzer.js +561 -0
- package/dist/commonjs/customHooks/performanceTracker.d.ts +84 -0
- package/dist/commonjs/customHooks/performanceTracker.js +541 -0
- package/dist/commonjs/helpers/index.d.ts +15 -0
- package/dist/commonjs/helpers/index.js +112 -1
- package/dist/commonjs/i18n/locales/en.json +225 -2
- package/dist/commonjs/styles/AppColors.d.ts +110 -0
- package/dist/commonjs/styles/AppColors.js +114 -0
- package/dist/esm/components/AnalyticsDetail.js +5 -3
- package/dist/esm/components/AnalyticsEventCard.d.ts +0 -1
- package/dist/esm/components/AnalyticsEventCard.js +85 -95
- package/dist/esm/components/Inspector/BundleTab.js +489 -654
- package/dist/esm/components/Inspector/PerformanceTab.js +185 -244
- package/dist/esm/components/Inspector/ReduxDetail.js +2 -2
- package/dist/esm/components/Inspector/ReduxTab.js +3 -3
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/customHooks/bundleAnalyzer.d.ts +115 -0
- package/dist/esm/customHooks/bundleAnalyzer.js +554 -0
- package/dist/esm/customHooks/performanceTracker.d.ts +84 -0
- package/dist/esm/customHooks/performanceTracker.js +537 -0
- package/dist/esm/helpers/index.d.ts +15 -0
- package/dist/esm/helpers/index.js +107 -0
- package/dist/esm/i18n/locales/en.json +225 -2
- package/dist/esm/styles/AppColors.d.ts +110 -0
- package/dist/esm/styles/AppColors.js +114 -0
- package/package.json +1 -1
|
@@ -332,7 +332,7 @@ const reduxDetailStyles = StyleSheet.create({
|
|
|
332
332
|
paddingVertical: 2,
|
|
333
333
|
borderRadius: 4,
|
|
334
334
|
borderWidth: 1,
|
|
335
|
-
borderColor:
|
|
335
|
+
borderColor: AppColors.emeraldBorder,
|
|
336
336
|
},
|
|
337
337
|
persistedChipText: {
|
|
338
338
|
fontFamily: AppFonts.interBold,
|
|
@@ -503,7 +503,7 @@ const reduxDetailStyles = StyleSheet.create({
|
|
|
503
503
|
alignItems: 'center',
|
|
504
504
|
justifyContent: 'center',
|
|
505
505
|
gap: 6,
|
|
506
|
-
backgroundColor:
|
|
506
|
+
backgroundColor: AppColors.errorCardBg,
|
|
507
507
|
borderWidth: 1,
|
|
508
508
|
borderColor: '#FEE2E2',
|
|
509
509
|
borderRadius: 8,
|
|
@@ -371,18 +371,18 @@ const reduxTabStyles = StyleSheet.create({
|
|
|
371
371
|
flexDirection: 'row',
|
|
372
372
|
alignItems: 'center',
|
|
373
373
|
gap: 4,
|
|
374
|
-
backgroundColor:
|
|
374
|
+
backgroundColor: AppColors.emeraldBg,
|
|
375
375
|
paddingHorizontal: 6,
|
|
376
376
|
paddingVertical: 3,
|
|
377
377
|
borderRadius: 5,
|
|
378
378
|
borderWidth: 1,
|
|
379
|
-
borderColor:
|
|
379
|
+
borderColor: AppColors.emeraldBorder,
|
|
380
380
|
},
|
|
381
381
|
liveDot: {
|
|
382
382
|
width: 6,
|
|
383
383
|
height: 6,
|
|
384
384
|
borderRadius: 3,
|
|
385
|
-
backgroundColor:
|
|
385
|
+
backgroundColor: AppColors.emerald500,
|
|
386
386
|
},
|
|
387
387
|
livePillText: {
|
|
388
388
|
fontFamily: AppFonts.interBold,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "1.1.
|
|
1
|
+
export declare const LIB_VERSION = "1.1.22";
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
export type FileTypeCategory = 'image' | 'typescript' | 'javascript' | 'font' | 'json';
|
|
2
|
+
export interface HostBundleFileItem {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
path: string;
|
|
6
|
+
ext: string;
|
|
7
|
+
category: FileTypeCategory;
|
|
8
|
+
sizeKb: number;
|
|
9
|
+
meta: string;
|
|
10
|
+
color: string;
|
|
11
|
+
status?: 'optimal' | 'warning' | 'info';
|
|
12
|
+
advice?: string;
|
|
13
|
+
isConsumed?: boolean;
|
|
14
|
+
previewUri?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface HostBundlePackageItem {
|
|
17
|
+
id: string;
|
|
18
|
+
name: string;
|
|
19
|
+
version: string;
|
|
20
|
+
latestVersion?: string;
|
|
21
|
+
sizeKb: number;
|
|
22
|
+
percentage: number;
|
|
23
|
+
type: 'direct' | 'peer' | 'transitive';
|
|
24
|
+
isDirectDefined?: boolean;
|
|
25
|
+
parentPackageName?: string;
|
|
26
|
+
subpackages?: HostBundlePackageItem[];
|
|
27
|
+
category: 'core' | 'navigation' | 'network' | 'ui' | 'utils';
|
|
28
|
+
color: string;
|
|
29
|
+
description: string;
|
|
30
|
+
npmUrl?: string;
|
|
31
|
+
isDeprecated?: boolean;
|
|
32
|
+
deprecationReason?: string;
|
|
33
|
+
lastActive?: string;
|
|
34
|
+
}
|
|
35
|
+
export interface HostBinaryComponentItem {
|
|
36
|
+
id: string;
|
|
37
|
+
name: string;
|
|
38
|
+
category: 'js' | 'native' | 'frameworks' | 'assets' | 'meta';
|
|
39
|
+
sizeMb: number;
|
|
40
|
+
pct: number;
|
|
41
|
+
color: string;
|
|
42
|
+
description: string;
|
|
43
|
+
advice: string;
|
|
44
|
+
}
|
|
45
|
+
export interface HostBundleAnalysisResult {
|
|
46
|
+
isLive: boolean;
|
|
47
|
+
scriptURL: string;
|
|
48
|
+
totalDevBytes: number;
|
|
49
|
+
totalDevMb: number;
|
|
50
|
+
totalDevKb: number;
|
|
51
|
+
isHermes: boolean;
|
|
52
|
+
moduleCount: number;
|
|
53
|
+
packageCount: number;
|
|
54
|
+
filesCount: number;
|
|
55
|
+
splitUp: {
|
|
56
|
+
appSource: {
|
|
57
|
+
kb: number;
|
|
58
|
+
mb: number;
|
|
59
|
+
pct: number;
|
|
60
|
+
};
|
|
61
|
+
nodeModules: {
|
|
62
|
+
kb: number;
|
|
63
|
+
mb: number;
|
|
64
|
+
pct: number;
|
|
65
|
+
};
|
|
66
|
+
assetsMedia: {
|
|
67
|
+
kb: number;
|
|
68
|
+
mb: number;
|
|
69
|
+
pct: number;
|
|
70
|
+
};
|
|
71
|
+
metroDevOverhead: {
|
|
72
|
+
kb: number;
|
|
73
|
+
mb: number;
|
|
74
|
+
pct: number;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
files: HostBundleFileItem[];
|
|
78
|
+
packages: HostBundlePackageItem[];
|
|
79
|
+
production: {
|
|
80
|
+
ios: {
|
|
81
|
+
totalInstallMb: number;
|
|
82
|
+
totalDownloadMb: number;
|
|
83
|
+
compressionRatioPct: number;
|
|
84
|
+
components: HostBinaryComponentItem[];
|
|
85
|
+
};
|
|
86
|
+
androidAab: {
|
|
87
|
+
totalInstallMb: number;
|
|
88
|
+
totalDownloadMb: number;
|
|
89
|
+
compressionRatioPct: number;
|
|
90
|
+
components: HostBinaryComponentItem[];
|
|
91
|
+
};
|
|
92
|
+
androidApk: {
|
|
93
|
+
totalInstallMb: number;
|
|
94
|
+
totalDownloadMb: number;
|
|
95
|
+
compressionRatioPct: number;
|
|
96
|
+
components: HostBinaryComponentItem[];
|
|
97
|
+
};
|
|
98
|
+
android: {
|
|
99
|
+
totalInstallMb: number;
|
|
100
|
+
totalDownloadMb: number;
|
|
101
|
+
compressionRatioPct: number;
|
|
102
|
+
components: HostBinaryComponentItem[];
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
export declare const getHostScriptURL: () => string;
|
|
107
|
+
/**
|
|
108
|
+
* Parses raw Metro bundle source code to discover real modules and packages in the host app.
|
|
109
|
+
*/
|
|
110
|
+
export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string) => HostBundleAnalysisResult;
|
|
111
|
+
/**
|
|
112
|
+
* Automatically fetch and analyze the real running bundle for the host app.
|
|
113
|
+
*/
|
|
114
|
+
export declare const analyzeHostAppBundle: () => Promise<HostBundleAnalysisResult>;
|
|
115
|
+
export declare const getCachedBundleAnalysis: () => HostBundleAnalysisResult | null;
|