react-native-inapp-inspector 1.1.2 → 1.1.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 (37) hide show
  1. package/README.md +30 -0
  2. package/dist/commonjs/components/ConsoleLogCard.js +18 -0
  3. package/dist/commonjs/components/LogCard.js +19 -2
  4. package/dist/commonjs/components/NetworkIcons.d.ts +9 -2
  5. package/dist/commonjs/components/NetworkIcons.js +59 -3
  6. package/dist/commonjs/constants/version.d.ts +1 -1
  7. package/dist/commonjs/constants/version.js +1 -1
  8. package/dist/commonjs/customHooks/reduxLogger.d.ts +21 -7
  9. package/dist/commonjs/customHooks/reduxLogger.js +147 -48
  10. package/dist/commonjs/customHooks/webViewLogger.js +13 -8
  11. package/dist/commonjs/helpers/settingsStore.d.ts +28 -0
  12. package/dist/commonjs/helpers/settingsStore.js +92 -0
  13. package/dist/commonjs/index.d.ts +1 -1
  14. package/dist/commonjs/index.js +893 -185
  15. package/dist/commonjs/styles/index.d.ts +17 -1
  16. package/dist/commonjs/styles/index.js +25 -3
  17. package/dist/commonjs/types/index.d.ts +4 -0
  18. package/dist/esm/components/ConsoleLogCard.js +18 -0
  19. package/dist/esm/components/LogCard.js +19 -2
  20. package/dist/esm/components/NetworkIcons.d.ts +9 -2
  21. package/dist/esm/components/NetworkIcons.js +51 -2
  22. package/dist/esm/constants/version.d.ts +1 -1
  23. package/dist/esm/constants/version.js +1 -1
  24. package/dist/esm/customHooks/reduxLogger.d.ts +21 -7
  25. package/dist/esm/customHooks/reduxLogger.js +145 -47
  26. package/dist/esm/customHooks/webViewLogger.js +13 -8
  27. package/dist/esm/helpers/settingsStore.d.ts +28 -0
  28. package/dist/esm/helpers/settingsStore.js +84 -0
  29. package/dist/esm/index.d.ts +1 -1
  30. package/dist/esm/index.js +892 -187
  31. package/dist/esm/styles/index.d.ts +17 -1
  32. package/dist/esm/styles/index.js +25 -3
  33. package/dist/esm/types/index.d.ts +4 -0
  34. package/example/ios/example.xcodeproj/project.pbxproj +0 -8
  35. package/example/package-lock.json +75 -33
  36. package/example/package.json +1 -1
  37. package/package.json +1 -1
@@ -177,7 +177,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
177
177
  };
178
178
  scrollTopBtn: {
179
179
  position: string;
180
- top: number;
180
+ bottom: number;
181
181
  right: number;
182
182
  width: number;
183
183
  height: number;
@@ -236,6 +236,22 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
236
236
  borderRadius: number;
237
237
  backgroundColor: string;
238
238
  };
239
+ fabShineClip: {
240
+ position: string;
241
+ width: number;
242
+ height: number;
243
+ borderRadius: number;
244
+ overflow: string;
245
+ };
246
+ fabShineStreak: {
247
+ position: string;
248
+ top: number;
249
+ width: number;
250
+ height: number;
251
+ transform: {
252
+ rotate: string;
253
+ }[];
254
+ };
239
255
  fab: {
240
256
  width: number;
241
257
  height: number;
@@ -152,10 +152,11 @@ export const getRawStyles = (colors) => ({
152
152
  borderColor: 'rgba(255, 255, 255, 0.08)',
153
153
  },
154
154
  listContent: { paddingBottom: 12 },
155
+ // #2 — scroll-to-top button, always shown at the bottom right.
155
156
  scrollTopBtn: {
156
157
  position: 'absolute',
157
- top: 12,
158
- right: 16,
158
+ bottom: 25,
159
+ right: 15,
159
160
  width: 38,
160
161
  height: 38,
161
162
  borderRadius: 19,
@@ -201,6 +202,22 @@ export const getRawStyles = (colors) => ({
201
202
  borderRadius: 30,
202
203
  backgroundColor: `${colors.purple}25`,
203
204
  },
205
+ // #4 — circular clipping mask for the FAB shine sweep.
206
+ fabShineClip: {
207
+ position: 'absolute',
208
+ width: 62,
209
+ height: 62,
210
+ borderRadius: 31,
211
+ overflow: 'hidden',
212
+ },
213
+ // #4 — diagonal light streak that sweeps across the launcher.
214
+ fabShineStreak: {
215
+ position: 'absolute',
216
+ top: -20,
217
+ width: 26,
218
+ height: 102,
219
+ transform: [{ rotate: '25deg' }],
220
+ },
204
221
  fab: {
205
222
  width: 56,
206
223
  height: 56,
@@ -1101,7 +1118,12 @@ export const getRawStyles = (colors) => ({
1101
1118
  color: colors.grayTextWeak,
1102
1119
  fontSize: 11,
1103
1120
  },
1104
- diffBlock: { paddingTop: 12, paddingHorizontal: 12, paddingBottom: 16, gap: 4 },
1121
+ diffBlock: {
1122
+ paddingTop: 12,
1123
+ paddingHorizontal: 12,
1124
+ paddingBottom: 16,
1125
+ gap: 4,
1126
+ },
1105
1127
  diffAdded: {
1106
1128
  color: colors.greenColor,
1107
1129
  fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',
@@ -7,6 +7,8 @@ export interface ConsoleLog {
7
7
  timestamp: number;
8
8
  caller?: string;
9
9
  sourceMethod?: 'log' | 'info' | 'warn' | 'error';
10
+ /** #9 — number of consecutive identical logs collapsed into this entry. */
11
+ duplicateCount?: number;
10
12
  }
11
13
  export interface AnalyticsEvent {
12
14
  id: number;
@@ -36,6 +38,8 @@ export interface NetworkLog {
36
38
  response?: unknown;
37
39
  requestHeaders?: Record<string, string>;
38
40
  responseHeaders?: Record<string, string>;
41
+ /** #9 — number of consecutive identical requests collapsed into this entry. */
42
+ duplicateCount?: number;
39
43
  }
40
44
  export interface RouteInfo {
41
45
  path: string;
@@ -191,14 +191,10 @@
191
191
  inputFileListPaths = (
192
192
  "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-input-files.xcfilelist",
193
193
  );
194
- inputPaths = (
195
- );
196
194
  name = "[CP] Embed Pods Frameworks";
197
195
  outputFileListPaths = (
198
196
  "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-output-files.xcfilelist",
199
197
  );
200
- outputPaths = (
201
- );
202
198
  runOnlyForDeploymentPostprocessing = 0;
203
199
  shellPath = /bin/sh;
204
200
  shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks.sh\"\n";
@@ -234,14 +230,10 @@
234
230
  inputFileListPaths = (
235
231
  "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-input-files.xcfilelist",
236
232
  );
237
- inputPaths = (
238
- );
239
233
  name = "[CP] Copy Pods Resources";
240
234
  outputFileListPaths = (
241
235
  "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-output-files.xcfilelist",
242
236
  );
243
- outputPaths = (
244
- );
245
237
  runOnlyForDeploymentPostprocessing = 0;
246
238
  shellPath = /bin/sh;
247
239
  shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources.sh\"\n";
@@ -38,7 +38,7 @@
38
38
  "eslint": "^8.19.0",
39
39
  "jest": "^29.6.3",
40
40
  "prettier": "2.8.8",
41
- "react-native-inapp-inspector": "file:..",
41
+ "react-native-inapp-inspector": "^1.1.3",
42
42
  "react-test-renderer": "19.2.3",
43
43
  "typescript": "^5.8.3"
44
44
  },
@@ -46,34 +46,6 @@
46
46
  "node": ">= 18.0.0"
47
47
  }
48
48
  },
49
- "..": {
50
- "version": "1.0.12",
51
- "dev": true,
52
- "license": "MIT",
53
- "dependencies": {
54
- "@react-navigation/native": "^6.1.9",
55
- "react-native-linear-gradient": "^2.8.3",
56
- "react-native-svg": "^15.14.0"
57
- },
58
- "devDependencies": {
59
- "@react-navigation/native": "^6.1.9",
60
- "@types/react": "^19.1.0",
61
- "@types/react-native": "^0.72.0",
62
- "react": "19.1.0",
63
- "react-native": "0.81.4",
64
- "react-native-linear-gradient": "^2.8.3",
65
- "react-native-svg": "^15.14.0",
66
- "typescript": "^5.8.3"
67
- },
68
- "funding": {
69
- "type": "github",
70
- "url": "https://github.com/sponsors/vengatmacuser"
71
- },
72
- "peerDependencies": {
73
- "react": ">=18.0.0",
74
- "react-native": ">=0.60.0"
75
- }
76
- },
77
49
  "node_modules/@babel/code-frame": {
78
50
  "version": "7.29.7",
79
51
  "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
@@ -6932,7 +6904,6 @@
6932
6904
  "version": "2.3.3",
6933
6905
  "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
6934
6906
  "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
6935
- "dev": true,
6936
6907
  "hasInstallScript": true,
6937
6908
  "license": "MIT",
6938
6909
  "optional": true,
@@ -10668,8 +10639,79 @@
10668
10639
  }
10669
10640
  },
10670
10641
  "node_modules/react-native-inapp-inspector": {
10671
- "resolved": "..",
10672
- "link": true
10642
+ "version": "1.1.3",
10643
+ "resolved": "https://registry.npmjs.org/react-native-inapp-inspector/-/react-native-inapp-inspector-1.1.3.tgz",
10644
+ "integrity": "sha512-lO7SxdsyClNNtfgvmVuhR1TXsruY0KGXEgjpyBFlSsmfP0HVWHkHFgOfgZGHzelBNqpALcg/OrlfGE/mPLSAWg==",
10645
+ "dev": true,
10646
+ "license": "MIT",
10647
+ "dependencies": {
10648
+ "@react-navigation/native": "^6.1.9",
10649
+ "react-native-linear-gradient": "^2.8.3",
10650
+ "react-native-svg": "^15.14.0"
10651
+ },
10652
+ "funding": {
10653
+ "type": "github",
10654
+ "url": "https://github.com/sponsors/vengatmacuser"
10655
+ },
10656
+ "peerDependencies": {
10657
+ "react": ">=18.0.0",
10658
+ "react-native": ">=0.60.0"
10659
+ }
10660
+ },
10661
+ "node_modules/react-native-inapp-inspector/node_modules/@react-navigation/core": {
10662
+ "version": "6.4.17",
10663
+ "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.17.tgz",
10664
+ "integrity": "sha512-Nd76EpomzChWAosGqWOYE3ItayhDzIEzzZsT7PfGcRFDgW5miHV2t4MZcq9YIK4tzxZjVVpYbIynOOQQd1e0Cg==",
10665
+ "deprecated": "This version is no longer supported",
10666
+ "dev": true,
10667
+ "license": "MIT",
10668
+ "dependencies": {
10669
+ "@react-navigation/routers": "^6.1.9",
10670
+ "escape-string-regexp": "^4.0.0",
10671
+ "nanoid": "^3.1.23",
10672
+ "query-string": "^7.1.3",
10673
+ "react-is": "^16.13.0",
10674
+ "use-latest-callback": "^0.2.1"
10675
+ },
10676
+ "peerDependencies": {
10677
+ "react": "*"
10678
+ }
10679
+ },
10680
+ "node_modules/react-native-inapp-inspector/node_modules/@react-navigation/native": {
10681
+ "version": "6.1.18",
10682
+ "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.18.tgz",
10683
+ "integrity": "sha512-mIT9MiL/vMm4eirLcmw2h6h/Nm5FICtnYSdohq4vTLA2FF/6PNhByM7s8ffqoVfE5L0uAa6Xda1B7oddolUiGg==",
10684
+ "deprecated": "This version is no longer supported",
10685
+ "dev": true,
10686
+ "license": "MIT",
10687
+ "dependencies": {
10688
+ "@react-navigation/core": "^6.4.17",
10689
+ "escape-string-regexp": "^4.0.0",
10690
+ "fast-deep-equal": "^3.1.3",
10691
+ "nanoid": "^3.1.23"
10692
+ },
10693
+ "peerDependencies": {
10694
+ "react": "*",
10695
+ "react-native": "*"
10696
+ }
10697
+ },
10698
+ "node_modules/react-native-inapp-inspector/node_modules/@react-navigation/routers": {
10699
+ "version": "6.1.9",
10700
+ "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-6.1.9.tgz",
10701
+ "integrity": "sha512-lTM8gSFHSfkJvQkxacGM6VJtBt61ip2XO54aNfswD+KMw6eeZ4oehl7m0me3CR9hnDE4+60iAZR8sAhvCiI3NA==",
10702
+ "deprecated": "This version is no longer supported",
10703
+ "dev": true,
10704
+ "license": "MIT",
10705
+ "dependencies": {
10706
+ "nanoid": "^3.1.23"
10707
+ }
10708
+ },
10709
+ "node_modules/react-native-inapp-inspector/node_modules/react-is": {
10710
+ "version": "16.13.1",
10711
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
10712
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
10713
+ "dev": true,
10714
+ "license": "MIT"
10673
10715
  },
10674
10716
  "node_modules/react-native-linear-gradient": {
10675
10717
  "version": "2.8.3",
@@ -12193,7 +12235,7 @@
12193
12235
  "version": "5.9.3",
12194
12236
  "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
12195
12237
  "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
12196
- "dev": true,
12238
+ "devOptional": true,
12197
12239
  "license": "Apache-2.0",
12198
12240
  "bin": {
12199
12241
  "tsc": "bin/tsc",
@@ -40,7 +40,7 @@
40
40
  "eslint": "^8.19.0",
41
41
  "jest": "^29.6.3",
42
42
  "prettier": "2.8.8",
43
- "react-native-inapp-inspector": "file:..",
43
+ "react-native-inapp-inspector": "^1.1.3",
44
44
  "react-test-renderer": "19.2.3",
45
45
  "typescript": "^5.8.3"
46
46
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-inapp-inspector",
3
- "version": "1.1.2",
3
+ "version": "1.1.4",
4
4
  "description": "A self-contained network, console, analytics, and webview inspector for React Native applications.",
5
5
  "repository": {
6
6
  "type": "git",