react-native-inapp-inspector 1.1.15 → 1.1.17

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 (106) hide show
  1. package/README.md +150 -130
  2. package/dist/commonjs/components/AnimatedEntrance.js +3 -0
  3. package/dist/commonjs/components/AppHeaderLogo.d.ts +8 -0
  4. package/dist/commonjs/components/AppHeaderLogo.js +85 -0
  5. package/dist/commonjs/components/CopyButton.d.ts +1 -1
  6. package/dist/commonjs/components/CopyButton.js +4 -4
  7. package/dist/commonjs/components/EndOfListFooter.js +2 -3
  8. package/dist/commonjs/components/Inspector/AnalyticsTab.d.ts +1 -1
  9. package/dist/commonjs/components/Inspector/AnalyticsTab.js +7 -8
  10. package/dist/commonjs/components/Inspector/BundleTab.d.ts +41 -0
  11. package/dist/commonjs/components/Inspector/BundleTab.js +2309 -0
  12. package/dist/commonjs/components/Inspector/ConsoleTab.d.ts +1 -1
  13. package/dist/commonjs/components/Inspector/ConsoleTab.js +9 -9
  14. package/dist/commonjs/components/Inspector/InspectorHeader.d.ts +1 -1
  15. package/dist/commonjs/components/Inspector/InspectorHeader.js +187 -54
  16. package/dist/commonjs/components/Inspector/LogDetail.d.ts +1 -1
  17. package/dist/commonjs/components/Inspector/LogDetail.js +2 -2
  18. package/dist/commonjs/components/Inspector/MainScreen.js +86 -7
  19. package/dist/commonjs/components/Inspector/NetworkDetail.d.ts +1 -1
  20. package/dist/commonjs/components/Inspector/NetworkDetail.js +2 -2
  21. package/dist/commonjs/components/Inspector/NetworkTab.d.ts +1 -1
  22. package/dist/commonjs/components/Inspector/NetworkTab.js +10 -9
  23. package/dist/commonjs/components/Inspector/ReduxDetail.d.ts +3 -0
  24. package/dist/commonjs/components/Inspector/ReduxDetail.js +576 -0
  25. package/dist/commonjs/components/Inspector/ReduxTab.d.ts +1 -1
  26. package/dist/commonjs/components/Inspector/ReduxTab.js +435 -51
  27. package/dist/commonjs/components/Inspector/SettingsPanel.js +8 -2
  28. package/dist/commonjs/components/Inspector/TabBar.d.ts +1 -1
  29. package/dist/commonjs/components/Inspector/TabBar.js +11 -8
  30. package/dist/commonjs/components/JsonViewer.d.ts +2 -2
  31. package/dist/commonjs/components/JsonViewer.js +93 -32
  32. package/dist/commonjs/components/LogCard.js +3 -4
  33. package/dist/commonjs/components/NetworkIcons.d.ts +8 -0
  34. package/dist/commonjs/components/NetworkIcons.js +54 -1
  35. package/dist/commonjs/components/ReduxTreeView.d.ts +2 -2
  36. package/dist/commonjs/components/ReduxTreeView.js +2 -3
  37. package/dist/commonjs/components/SegmentedTabs.d.ts +1 -1
  38. package/dist/commonjs/components/SegmentedTabs.js +2 -2
  39. package/dist/commonjs/constants/version.d.ts +1 -1
  40. package/dist/commonjs/constants/version.js +1 -1
  41. package/dist/commonjs/customHooks/consoleLogger.js +37 -9
  42. package/dist/commonjs/customHooks/reduxLogger.js +4 -2
  43. package/dist/commonjs/helpers/index.js +6 -2
  44. package/dist/commonjs/index.js +15 -1
  45. package/dist/commonjs/styles/AppColors.js +163 -163
  46. package/dist/commonjs/styles/index.d.ts +14 -0
  47. package/dist/commonjs/styles/index.js +14 -0
  48. package/dist/commonjs/types/enums.d.ts +2 -2
  49. package/dist/commonjs/types/interfaces.d.ts +11 -0
  50. package/dist/esm/components/AnimatedEntrance.js +4 -1
  51. package/dist/esm/components/AppHeaderLogo.d.ts +8 -0
  52. package/dist/esm/components/AppHeaderLogo.js +45 -0
  53. package/dist/esm/components/CopyButton.d.ts +1 -1
  54. package/dist/esm/components/CopyButton.js +5 -5
  55. package/dist/esm/components/EndOfListFooter.js +2 -2
  56. package/dist/esm/components/Inspector/AnalyticsTab.d.ts +1 -1
  57. package/dist/esm/components/Inspector/AnalyticsTab.js +7 -8
  58. package/dist/esm/components/Inspector/BundleTab.d.ts +41 -0
  59. package/dist/esm/components/Inspector/BundleTab.js +2271 -0
  60. package/dist/esm/components/Inspector/ConsoleTab.d.ts +1 -1
  61. package/dist/esm/components/Inspector/ConsoleTab.js +9 -9
  62. package/dist/esm/components/Inspector/InspectorHeader.d.ts +1 -1
  63. package/dist/esm/components/Inspector/InspectorHeader.js +153 -53
  64. package/dist/esm/components/Inspector/LogDetail.d.ts +1 -1
  65. package/dist/esm/components/Inspector/LogDetail.js +2 -2
  66. package/dist/esm/components/Inspector/MainScreen.js +53 -7
  67. package/dist/esm/components/Inspector/NetworkDetail.d.ts +1 -1
  68. package/dist/esm/components/Inspector/NetworkDetail.js +2 -2
  69. package/dist/esm/components/Inspector/NetworkTab.d.ts +1 -1
  70. package/dist/esm/components/Inspector/NetworkTab.js +10 -9
  71. package/dist/esm/components/Inspector/ReduxDetail.d.ts +3 -0
  72. package/dist/esm/components/Inspector/ReduxDetail.js +538 -0
  73. package/dist/esm/components/Inspector/ReduxTab.d.ts +1 -1
  74. package/dist/esm/components/Inspector/ReduxTab.js +404 -53
  75. package/dist/esm/components/Inspector/SettingsPanel.js +9 -3
  76. package/dist/esm/components/Inspector/TabBar.d.ts +1 -1
  77. package/dist/esm/components/Inspector/TabBar.js +12 -9
  78. package/dist/esm/components/JsonViewer.d.ts +2 -2
  79. package/dist/esm/components/JsonViewer.js +94 -33
  80. package/dist/esm/components/LogCard.js +3 -4
  81. package/dist/esm/components/NetworkIcons.d.ts +8 -0
  82. package/dist/esm/components/NetworkIcons.js +47 -1
  83. package/dist/esm/components/ReduxTreeView.d.ts +2 -2
  84. package/dist/esm/components/ReduxTreeView.js +2 -2
  85. package/dist/esm/components/SegmentedTabs.d.ts +1 -1
  86. package/dist/esm/components/SegmentedTabs.js +2 -2
  87. package/dist/esm/constants/version.d.ts +1 -1
  88. package/dist/esm/constants/version.js +1 -1
  89. package/dist/esm/customHooks/consoleLogger.js +37 -9
  90. package/dist/esm/customHooks/reduxLogger.js +4 -2
  91. package/dist/esm/helpers/index.js +6 -2
  92. package/dist/esm/index.js +15 -1
  93. package/dist/esm/styles/AppColors.js +163 -163
  94. package/dist/esm/styles/index.d.ts +14 -0
  95. package/dist/esm/styles/index.js +14 -0
  96. package/dist/esm/types/enums.d.ts +2 -2
  97. package/dist/esm/types/interfaces.d.ts +11 -0
  98. package/example/App.tsx +62 -2
  99. package/example/README.md +33 -77
  100. package/example/assets/app_icon.png +0 -0
  101. package/example/ios/Podfile.lock +3 -3
  102. package/example/ios/example/Images.xcassets/AppIcon.appiconset/Contents.json +18 -9
  103. package/example/ios/example/Images.xcassets/AppIcon.appiconset/app_icon_1024.png +0 -0
  104. package/example/package-lock.json +824 -10
  105. package/example/package.json +6 -2
  106. package/package.json +4 -2
package/example/README.md CHANGED
@@ -1,97 +1,53 @@
1
- This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
1
+ # React Native In-App Inspector Example App 🚀
2
2
 
3
- # Getting Started
3
+ This directory contains a complete, interactive sample application demonstrating all the capabilities of **`react-native-inapp-inspector`**.
4
4
 
5
- > **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
5
+ ---
6
6
 
7
- ## Step 1: Start Metro
7
+ ## 📱 Features Demonstrated
8
8
 
9
- First, you will need to run **Metro**, the JavaScript build tool for React Native.
9
+ - 🌐 **Network Interception**: Test Axios (`GET`, `POST`, `PUT`, `PATCH`, `DELETE`) and `fetch` requests with response inspector, headers, and cURL generation.
10
+ - 🪵 **Console Logger & Call Stacks**: Test log levels (`log`, `warn`, `error`), multi-argument object logging, error exception stack traces, and Metro source map symbolication.
11
+ - ⏸️ **Live Stream Pause / Resume**: Test pausing and resuming real-time traffic across API and console streams.
12
+ - 🔄 **Redux State Inspection**: Test Redux state tree, live action dispatches, and diff tracking.
13
+ - 📊 **Analytics Tracking**: Test custom analytics events and e-commerce purchase payloads.
14
+ - 🛡️ **Error Boundary**: Test simulated JavaScript and native error catches.
10
15
 
11
- To start the Metro dev server, run the following command from the root of your React Native project:
16
+ ---
12
17
 
13
- ```sh
14
- # Using npm
15
- npm start
18
+ ## 🏃 Quick Start
16
19
 
17
- # OR using Yarn
18
- yarn start
19
- ```
20
-
21
- ## Step 2: Build and run your app
22
-
23
- With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
24
-
25
- ### Android
20
+ ### 1. Install Dependencies
26
21
 
27
- ```sh
28
- # Using npm
29
- npm run android
30
-
31
- # OR using Yarn
32
- yarn android
22
+ ```bash
23
+ cd example
24
+ npm install
33
25
  ```
34
26
 
35
- ### iOS
36
-
37
- For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
27
+ ### 2. iOS Setup
38
28
 
39
- The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
40
-
41
- ```sh
29
+ ```bash
30
+ cd ios
42
31
  bundle install
43
- ```
44
-
45
- Then, and every time you update your native dependencies, run:
46
-
47
- ```sh
48
32
  bundle exec pod install
49
- ```
50
-
51
- For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
52
-
53
- ```sh
54
- # Using npm
33
+ cd ..
55
34
  npm run ios
56
-
57
- # OR using Yarn
58
- yarn ios
59
35
  ```
60
36
 
61
- If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
62
-
63
- This is one way to run your app — you can also build it directly from Android Studio or Xcode.
64
-
65
- ## Step 3: Modify your app
66
-
67
- Now that you have successfully run the app, let's make changes!
68
-
69
- Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
70
-
71
- When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
72
-
73
- - **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS).
74
- - **iOS**: Press <kbd>R</kbd> in iOS Simulator.
37
+ ### 3. Android Setup
75
38
 
76
- ## Congratulations! :tada:
77
-
78
- You've successfully run and modified your React Native App. :partying_face:
79
-
80
- ### Now what?
81
-
82
- - If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
83
- - If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
84
-
85
- # Troubleshooting
86
-
87
- If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
39
+ ```bash
40
+ npm run android
41
+ ```
88
42
 
89
- # Learn More
43
+ ---
90
44
 
91
- To learn more about React Native, take a look at the following resources:
45
+ ## 🧪 Interactive Test Controls
92
46
 
93
- - [React Native Website](https://reactnative.dev) - learn more about React Native.
94
- - [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
95
- - [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
96
- - [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
97
- - [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
47
+ The example screen provides one-tap triggers for:
48
+ - **Network Requests**: `Fetch User`, `Failing Request`, `Axios GET`, `Axios POST`, `Axios PUT`, `Axios PATCH`, `Axios DELETE`.
49
+ - **Console Events**: `Trigger Log / Warn / Error`, `Multi-Arg Log`, `Error Stack Log`.
50
+ - **Analytics Events**: `Log Custom Event`, `Log Purchase`.
51
+ - **Redux Actions**: `Toggle Sidebar`, `Toggle Theme`.
52
+ - **Simulate Batch (Flood)**: `Fire Sample All` triggers a simultaneous barrage of requests, logs, analytics events, and state dispatches.
53
+ - **Error Boundary**: `Crash JS Component` triggers a safe Error Boundary catch.
Binary file
@@ -1473,7 +1473,7 @@ PODS:
1473
1473
  - ReactCommon/turbomodule/core
1474
1474
  - ReactNativeDependencies
1475
1475
  - Yoga
1476
- - react-native-webview (13.16.1):
1476
+ - react-native-webview (14.0.1):
1477
1477
  - hermes-engine
1478
1478
  - RCTRequired
1479
1479
  - RCTTypeSafety
@@ -2259,7 +2259,7 @@ SPEC CHECKSUMS:
2259
2259
  React-microtasksnativemodule: ab33a818d339f5a1da308893c11b487be66121a8
2260
2260
  React-mutationobservernativemodule: a42d1626651ccd7d0dc02a56e69d4ec77c248893
2261
2261
  react-native-safe-area-context: fb5c8ee9f6dd62ef710611b3d370c501f42a4ac0
2262
- react-native-webview: 2da09bdea1aeb6c46e27dd94632e21059cade6c1
2262
+ react-native-webview: fa32202d241bd953cb7aa323f266a43ff86dfac9
2263
2263
  React-NativeModulesApple: deba264b03bd79c6bd61014fa30e40321b5e443a
2264
2264
  React-networking: 35e6070b084f435429f85c5db40b4d5b38652fe9
2265
2265
  React-oscompat: 64a0c7ef5441855dc6e2a6afe8ba8f92aa05075e
@@ -2300,4 +2300,4 @@ SPEC CHECKSUMS:
2300
2300
 
2301
2301
  PODFILE CHECKSUM: 3aa3b5f5253be927d355cf1499f60c53140eb9a3
2302
2302
 
2303
- COCOAPODS: 1.16.2
2303
+ COCOAPODS: 1.17.0
@@ -3,47 +3,56 @@
3
3
  {
4
4
  "idiom" : "iphone",
5
5
  "scale" : "2x",
6
- "size" : "20x20"
6
+ "size" : "20x20",
7
+ "filename" : "app_icon_1024.png"
7
8
  },
8
9
  {
9
10
  "idiom" : "iphone",
10
11
  "scale" : "3x",
11
- "size" : "20x20"
12
+ "size" : "20x20",
13
+ "filename" : "app_icon_1024.png"
12
14
  },
13
15
  {
14
16
  "idiom" : "iphone",
15
17
  "scale" : "2x",
16
- "size" : "29x29"
18
+ "size" : "29x29",
19
+ "filename" : "app_icon_1024.png"
17
20
  },
18
21
  {
19
22
  "idiom" : "iphone",
20
23
  "scale" : "3x",
21
- "size" : "29x29"
24
+ "size" : "29x29",
25
+ "filename" : "app_icon_1024.png"
22
26
  },
23
27
  {
24
28
  "idiom" : "iphone",
25
29
  "scale" : "2x",
26
- "size" : "40x40"
30
+ "size" : "40x40",
31
+ "filename" : "app_icon_1024.png"
27
32
  },
28
33
  {
29
34
  "idiom" : "iphone",
30
35
  "scale" : "3x",
31
- "size" : "40x40"
36
+ "size" : "40x40",
37
+ "filename" : "app_icon_1024.png"
32
38
  },
33
39
  {
34
40
  "idiom" : "iphone",
35
41
  "scale" : "2x",
36
- "size" : "60x60"
42
+ "size" : "60x60",
43
+ "filename" : "app_icon_1024.png"
37
44
  },
38
45
  {
39
46
  "idiom" : "iphone",
40
47
  "scale" : "3x",
41
- "size" : "60x60"
48
+ "size" : "60x60",
49
+ "filename" : "app_icon_1024.png"
42
50
  },
43
51
  {
44
52
  "idiom" : "ios-marketing",
45
53
  "scale" : "1x",
46
- "size" : "1024x1024"
54
+ "size" : "1024x1024",
55
+ "filename" : "app_icon_1024.png"
47
56
  }
48
57
  ],
49
58
  "info" : {