@rozenite/network-activity-plugin 1.1.0 → 1.3.0

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 (59) hide show
  1. package/.turbo/turbo-build.log +16 -0
  2. package/.turbo/turbo-lint.log +5 -0
  3. package/.turbo/turbo-typecheck.log +5 -0
  4. package/CHANGELOG.md +10 -0
  5. package/README.md +9 -0
  6. package/dist/App.html +1 -1
  7. package/dist/assets/{App-Kyi7zHUX.js → App-CGt4qucR.js} +12139 -6795
  8. package/dist/boot-recording.cjs +1087 -0
  9. package/dist/boot-recording.js +1086 -0
  10. package/dist/react-native.cjs +3 -0
  11. package/dist/react-native.d.ts +3 -0
  12. package/dist/react-native.js +5 -1
  13. package/dist/rozenite.json +1 -1
  14. package/dist/src/react-native/boot-recording.d.ts +41 -0
  15. package/dist/src/react-native/config.d.ts +7 -4
  16. package/dist/src/react-native/events-listener.d.ts +44 -0
  17. package/dist/src/react-native/http/http-inspector.d.ts +10 -0
  18. package/dist/src/react-native/http/http-utils.d.ts +15 -0
  19. package/dist/src/react-native/inspector.d.ts +7 -0
  20. package/dist/src/react-native/network-inspector.d.ts +16 -0
  21. package/dist/src/react-native/sse/sse-inspector.d.ts +4 -7
  22. package/dist/src/react-native/useHttpInspector.d.ts +3 -0
  23. package/dist/src/react-native/useSSEInspector.d.ts +3 -0
  24. package/dist/src/react-native/useWebSocketInspector.d.ts +3 -0
  25. package/dist/src/react-native/websocket/websocket-inspector.d.ts +4 -7
  26. package/dist/src/react-native/websocket/websocket-interceptor.d.ts +0 -1
  27. package/dist/src/shared/client.d.ts +3 -105
  28. package/dist/src/shared/http-events.d.ts +106 -0
  29. package/dist/src/shared/sse-events.d.ts +1 -1
  30. package/dist/src/ui/state/hooks.d.ts +3 -3
  31. package/dist/useNetworkActivityDevTools.cjs +116 -1017
  32. package/dist/useNetworkActivityDevTools.js +115 -1014
  33. package/package.json +16 -11
  34. package/react-native.ts +9 -0
  35. package/src/react-native/boot-recording.ts +90 -0
  36. package/src/react-native/config.ts +9 -4
  37. package/src/react-native/events-listener.ts +102 -0
  38. package/src/react-native/http/http-inspector.ts +174 -0
  39. package/src/react-native/http/http-utils.ts +216 -0
  40. package/src/react-native/inspector.ts +10 -0
  41. package/src/react-native/network-inspector.ts +78 -0
  42. package/src/react-native/sse/sse-inspector.ts +12 -10
  43. package/src/react-native/useHttpInspector.ts +59 -0
  44. package/src/react-native/useNetworkActivityDevTools.ts +60 -115
  45. package/src/react-native/useSSEInspector.ts +35 -0
  46. package/src/react-native/useWebSocketInspector.ts +35 -0
  47. package/src/react-native/websocket/websocket-inspector.ts +18 -10
  48. package/src/shared/client.ts +4 -140
  49. package/src/shared/http-events.ts +140 -0
  50. package/src/shared/sse-events.ts +1 -1
  51. package/src/ui/components/RequestList.tsx +9 -5
  52. package/src/ui/hooks/useCopyToClipboard.ts +9 -3
  53. package/src/ui/state/derived.ts +7 -3
  54. package/src/ui/state/store.ts +4 -3
  55. package/dist/src/react-native/http/network-inspector.d.ts +0 -8
  56. package/project.json +0 -12
  57. package/src/react-native/http/network-inspector.ts +0 -408
  58. package/tsconfig.tsbuildinfo +0 -1
  59. /package/src/react-native/websocket/{websocket-interceptor.d.ts → websocket-interceptor-types.d.ts} +0 -0
@@ -0,0 +1,16 @@
1
+
2
+ 
3
+ > @rozenite/network-activity-plugin@1.3.0 build /Users/szymon.chmal/Projects/rn-devtools/packages/network-activity-plugin
4
+ > rozenite build
5
+
6
+ ┌ Rozenite
7
+ [?25l│
8
+
9
+ ◒ Cleaning output directory◐ Cleaning output directory◓ Cleaning output directory◑ Cleaning output directory◒ Cleaning output directory◐ Cleaning output directory◓ Cleaning output directory◑ Cleaning output directory◒ Cleaning output directory.◐ Cleaning output directory.◓ Cleaning output directory.◑ Cleaning output directory.◒ Cleaning output directory.◐ Cleaning output directory.◇ Output directory cleaned
10
+ [?25h[?25l│
11
+ ◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels...◐ Building panels...◓ Building panels...◑ Building panels...◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels◐ Building panels◓ Building panels◑ Building panels◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels.◐ Building panels.◓ Building panels.◑ Building panels.◒ Building panels..◐ Building panels..◓ Building panels..◑ Building panels..◒ Building panels..◐ Building panels..◇ Panels built
12
+ [?25h[?25l│
13
+ ◒ Building React Native entry point◐ Building React Native entry point◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point◐ Building React Native entry point◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point.◐ Building React Native entry point.◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point.◐ Building React Native entry point.◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point..◐ Building React Native entry point..◓ Building React Native entry point..◑ Building React Native entry point..◒ Building React Native entry point..◐ Building React Native entry point..◓ Building React Native entry point..◑ Building React Native entry point..◒ Building React Native entry point...◐ Building React Native entry point...◓ Building React Native entry point...◑ Building React Native entry point...◒ Building React Native entry point...◐ Building React Native entry point...◓ Building React Native entry point...◑ Building React Native entry point...◒ Building React Native entry point...◐ Building React Native entry point◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point◐ Building React Native entry point◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point◐ Building React Native entry point.◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point.◐ Building React Native entry point.◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point.◐ Building React Native entry point..◓ Building React Native entry point..◑ Building React Native entry point..◒ Building React Native entry point..◐ Building React Native entry point..◓ Building React Native entry point..◑ Building React Native entry point..◒ Building React Native entry point..◐ Building React Native entry point...◓ Building React Native entry point...◑ Building React Native entry point...◒ Building React Native entry point...◐ Building React Native entry point...◓ Building React Native entry point...◑ Building React Native entry point...◒ Building React Native entry point...◐ Building React Native entry point...◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point◐ Building React Native entry point◓ Building React Native entry point◑ Building React Native entry point◒ Building React Native entry point◐ Building React Native entry point◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point.◐ Building React Native entry point.◓ Building React Native entry point.◑ Building React Native entry point.◒ Building React Native entry point.◐ Building React Native entry point.◓ Building React Native entry point..◑ Building React Native entry point..◒ Building React Native entry point..◐ Building React Native entry point..◓ Building React Native entry point..◑ Building React Native entry point..◇ React Native entry point built
14
+ [?25h│
15
+ └ Plugin built successfully
16
+
@@ -0,0 +1,5 @@
1
+
2
+ 
3
+ > @rozenite/network-activity-plugin@1.2.0 lint /Users/szymon.chmal/Projects/rn-devtools/packages/network-activity-plugin
4
+ > eslint .
5
+
@@ -0,0 +1,5 @@
1
+
2
+ 
3
+ > @rozenite/network-activity-plugin@1.2.0 typecheck /Users/szymon.chmal/Projects/rn-devtools/packages/network-activity-plugin
4
+ > tsc -p tsconfig.json --noEmit
5
+
package/CHANGELOG.md ADDED
@@ -0,0 +1,10 @@
1
+ # @rozenite/network-activity-plugin
2
+
3
+ ## 1.3.0
4
+
5
+ ### Patch Changes
6
+
7
+ - [#172](https://github.com/callstackincubator/rozenite/pull/172) Thanks [@crockalet](https://github.com/crockalet)! - Converted FormData entries iterator to an array before reduce to avoid 'reduce is not a function' and keep request body parsing stable.
8
+
9
+ - Updated dependencies []:
10
+ - @rozenite/plugin-bridge@1.3.0
package/README.md CHANGED
@@ -50,6 +50,15 @@ function App() {
50
50
  }
51
51
  ```
52
52
 
53
+ Optional: To capture network requests before your React Native app initialization, add this to your entrypoint:
54
+
55
+ ```ts
56
+ // index.js
57
+ import { withOnBootNetworkActivityRecording } from '@rozenite/network-activity-plugin';
58
+
59
+ withOnBootNetworkActivityRecording();
60
+ ```
61
+
53
62
  ### 3. Access DevTools
54
63
 
55
64
  Start your development server and open React Native DevTools. You'll find the "Network Activity" panel in the DevTools interface.
package/dist/App.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <script>
23
23
  var __ROZENITE_PANEL__ = true;
24
24
  </script>
25
- <script type="module" crossorigin src="./assets/App-Kyi7zHUX.js"></script>
25
+ <script type="module" crossorigin src="./assets/App-CGt4qucR.js"></script>
26
26
  <link rel="stylesheet" crossorigin href="./assets/App-BrSkOkws.css">
27
27
  </head>
28
28
  <body>