@rozenite/network-activity-plugin 1.0.0-alpha.1 → 1.0.0-alpha.10-canary.1754907116174

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 (157) hide show
  1. package/README.md +3 -5
  2. package/dist/{panel.html → App.html} +3 -3
  3. package/dist/assets/App-BE5UWKca.js +30218 -0
  4. package/dist/assets/App-zkbklFIE.css +1443 -0
  5. package/dist/event-source.cjs +22 -0
  6. package/dist/event-source.js +23 -0
  7. package/dist/react-native.cjs +8 -1
  8. package/dist/react-native.d.ts +1 -5
  9. package/dist/react-native.js +6 -171
  10. package/dist/rozenite.config.d.ts +7 -0
  11. package/dist/rozenite.json +1 -1
  12. package/dist/src/react-native/http/network-inspector.d.ts +8 -0
  13. package/dist/src/react-native/http/network-requests-registry.d.ts +6 -0
  14. package/dist/src/react-native/http/xhr-interceptor.d.ts +39 -0
  15. package/dist/src/react-native/sse/event-source.d.ts +2 -0
  16. package/dist/src/react-native/sse/sse-inspector.d.ts +9 -0
  17. package/dist/src/react-native/sse/sse-interceptor.d.ts +36 -0
  18. package/dist/src/react-native/sse/types.d.ts +6 -0
  19. package/dist/src/react-native/useNetworkActivityDevTools.d.ts +2 -0
  20. package/dist/src/react-native/utils/getBlobName.d.ts +35 -0
  21. package/dist/src/react-native/utils/getFormDataEntries.d.ts +18 -0
  22. package/dist/src/react-native/utils.d.ts +6 -0
  23. package/dist/src/react-native/websocket/websocket-inspector.d.ts +9 -0
  24. package/dist/src/react-native/websocket/websocket-interceptor.d.ts +74 -0
  25. package/dist/src/shared/client.d.ts +83 -0
  26. package/dist/src/shared/sse-events.d.ts +38 -0
  27. package/dist/src/shared/websocket-events.d.ts +60 -0
  28. package/dist/src/ui/App.d.ts +1 -0
  29. package/dist/src/ui/components/Badge.d.ts +9 -0
  30. package/dist/src/ui/components/Button.d.ts +11 -0
  31. package/dist/src/ui/components/CopyAsCurlButton.d.ts +5 -0
  32. package/dist/src/ui/components/DropdownMenu.d.ts +27 -0
  33. package/dist/src/ui/components/FilterBar.d.ts +10 -0
  34. package/dist/src/ui/components/Input.d.ts +3 -0
  35. package/dist/src/ui/components/JsonTree.d.ts +5 -0
  36. package/dist/src/ui/components/JsonTreeCopyableItem.d.ts +7 -0
  37. package/dist/src/ui/components/RequestList.d.ts +29 -0
  38. package/dist/src/ui/components/ScrollArea.d.ts +5 -0
  39. package/dist/src/ui/components/Separator.d.ts +4 -0
  40. package/dist/src/ui/components/SidePanel.d.ts +1 -0
  41. package/dist/src/ui/components/Tabs.d.ts +7 -0
  42. package/dist/src/ui/components/Toolbar.d.ts +1 -0
  43. package/dist/src/ui/hooks/useCopyToClipboard.d.ts +4 -0
  44. package/dist/src/ui/state/derived.d.ts +5 -0
  45. package/dist/src/ui/state/hooks.d.ts +17 -0
  46. package/dist/src/ui/state/model.d.ts +103 -0
  47. package/dist/src/ui/state/store.d.ts +24 -0
  48. package/dist/src/ui/tabs/CookiesTab.d.ts +5 -0
  49. package/dist/src/ui/tabs/HeadersTab.d.ts +5 -0
  50. package/dist/src/ui/tabs/MessagesTab.d.ts +5 -0
  51. package/dist/src/ui/tabs/RequestTab.d.ts +5 -0
  52. package/dist/src/ui/tabs/ResponseTab.d.ts +6 -0
  53. package/dist/src/ui/tabs/SSEMessagesTab.d.ts +5 -0
  54. package/dist/src/ui/tabs/TimingTab.d.ts +5 -0
  55. package/dist/src/ui/types.d.ts +26 -0
  56. package/dist/src/ui/utils/assert.d.ts +1 -0
  57. package/dist/src/ui/utils/cn.d.ts +2 -0
  58. package/dist/src/ui/utils/copyToClipboard.d.ts +1 -0
  59. package/dist/src/ui/utils/escapeShellArg.d.ts +1 -0
  60. package/dist/src/ui/utils/generateCurlCommand.d.ts +7 -0
  61. package/dist/src/ui/utils/getId.d.ts +1 -0
  62. package/dist/src/ui/utils/getStatusColor.d.ts +1 -0
  63. package/dist/src/ui/views/InspectorView.d.ts +5 -0
  64. package/dist/src/ui/views/LoadingView.d.ts +1 -0
  65. package/dist/src/utils/applyReactNativeRequestHeadersLogic.d.ts +8 -0
  66. package/dist/src/utils/getContentTypeMimeType.d.ts +2 -0
  67. package/dist/src/utils/getHttpHeaderValue.d.ts +2 -0
  68. package/dist/src/utils/inferContentTypeFromPostData.d.ts +2 -0
  69. package/dist/src/utils/safeStringify.d.ts +1 -0
  70. package/dist/useNetworkActivityDevTools.cjs +836 -0
  71. package/dist/useNetworkActivityDevTools.js +834 -0
  72. package/package.json +34 -10
  73. package/postcss.config.js +6 -0
  74. package/project.json +12 -0
  75. package/react-native.ts +2 -1
  76. package/rozenite.config.ts +2 -2
  77. package/src/css-modules.d.ts +1 -1
  78. package/src/react-native/http/network-inspector.ts +275 -0
  79. package/src/react-native/http/network-requests-registry.ts +52 -0
  80. package/src/react-native/http/xhr-interceptor.ts +213 -0
  81. package/src/react-native/http/xml-request.d.ts +34 -0
  82. package/src/react-native/sse/event-source.ts +25 -0
  83. package/src/react-native/sse/sse-inspector.ts +120 -0
  84. package/src/react-native/sse/sse-interceptor.ts +180 -0
  85. package/src/react-native/sse/types.ts +9 -0
  86. package/src/react-native/useNetworkActivityDevTools.ts +73 -210
  87. package/src/react-native/utils/getBlobName.ts +45 -0
  88. package/src/react-native/utils/getFormDataEntries.ts +32 -0
  89. package/src/react-native/utils.ts +43 -0
  90. package/src/react-native/websocket/websocket-inspector.ts +180 -0
  91. package/src/react-native/websocket/websocket-interceptor.d.ts +4 -0
  92. package/src/react-native/websocket/websocket-interceptor.ts +166 -0
  93. package/src/shared/client.ts +106 -0
  94. package/src/shared/sse-events.ts +47 -0
  95. package/src/shared/websocket-events.ts +79 -0
  96. package/src/ui/App.tsx +19 -0
  97. package/src/ui/components/Badge.tsx +36 -0
  98. package/src/ui/components/Button.tsx +57 -0
  99. package/src/ui/components/CopyAsCurlButton.tsx +45 -0
  100. package/src/ui/components/DropdownMenu.tsx +206 -0
  101. package/src/ui/components/FilterBar.tsx +117 -0
  102. package/src/ui/components/Input.tsx +22 -0
  103. package/src/ui/components/JsonTree.tsx +50 -0
  104. package/src/ui/components/JsonTreeCopyableItem.tsx +33 -0
  105. package/src/ui/components/RequestList.tsx +326 -0
  106. package/src/ui/components/ScrollArea.tsx +48 -0
  107. package/src/ui/components/Separator.tsx +31 -0
  108. package/src/ui/components/SidePanel.tsx +323 -0
  109. package/src/ui/components/Tabs.tsx +55 -0
  110. package/src/ui/components/Toolbar.tsx +45 -0
  111. package/src/ui/globals.css +90 -0
  112. package/src/ui/hooks/useCopyToClipboard.ts +28 -0
  113. package/src/ui/state/derived.ts +112 -0
  114. package/src/ui/state/hooks.ts +44 -0
  115. package/src/ui/state/model.ts +135 -0
  116. package/src/ui/state/store.ts +564 -0
  117. package/src/ui/tabs/CookiesTab.tsx +279 -0
  118. package/src/ui/tabs/HeadersTab.tsx +117 -0
  119. package/src/ui/tabs/MessagesTab.tsx +276 -0
  120. package/src/ui/tabs/RequestTab.tsx +82 -0
  121. package/src/ui/tabs/ResponseTab.tsx +136 -0
  122. package/src/ui/tabs/SSEMessagesTab.tsx +224 -0
  123. package/src/ui/tabs/TimingTab.tsx +60 -0
  124. package/src/ui/types.ts +34 -0
  125. package/src/ui/utils/assert.ts +5 -0
  126. package/src/ui/utils/cn.ts +6 -0
  127. package/src/ui/utils/copyToClipboard.ts +3 -0
  128. package/src/ui/utils/escapeShellArg.ts +12 -0
  129. package/src/ui/utils/generateCurlCommand.ts +86 -0
  130. package/src/ui/utils/getId.ts +10 -0
  131. package/src/ui/utils/getStatusColor.ts +15 -0
  132. package/src/ui/views/InspectorView.tsx +59 -0
  133. package/src/ui/views/LoadingView.tsx +19 -0
  134. package/src/utils/applyReactNativeRequestHeadersLogic.ts +31 -0
  135. package/src/utils/getContentTypeMimeType.ts +12 -0
  136. package/src/utils/getHttpHeaderValue.ts +14 -0
  137. package/src/utils/inferContentTypeFromPostData.ts +9 -0
  138. package/src/utils/safeStringify.ts +7 -0
  139. package/tailwind.config.ts +96 -0
  140. package/tsconfig.json +13 -6
  141. package/tsconfig.tsbuildinfo +1 -0
  142. package/vite.config.ts +13 -1
  143. package/dist/assets/panel-C5YgUUj5.js +0 -54
  144. package/dist/assets/panel-NCVczPb1.css +0 -1
  145. package/src/types/network.ts +0 -153
  146. package/src/ui/components.module.css +0 -158
  147. package/src/ui/components.tsx +0 -219
  148. package/src/ui/network-details.module.css +0 -57
  149. package/src/ui/network-details.tsx +0 -134
  150. package/src/ui/network-list.module.css +0 -122
  151. package/src/ui/network-list.tsx +0 -145
  152. package/src/ui/network-toolbar.module.css +0 -9
  153. package/src/ui/network-toolbar.tsx +0 -40
  154. package/src/ui/panel.module.css +0 -61
  155. package/src/ui/panel.tsx +0 -201
  156. package/src/ui/tanstack-query.tsx +0 -197
  157. package/src/ui/utils.ts +0 -89
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- ![rozenite-baner](https://github.com/user-attachments/assets/6d21839f-e624-4d8b-85a2-5f7ef1600b28)
1
+ ![rozenite-banner](https://www.rozenite.dev/rozenite-banner.jpg)
2
2
 
3
3
  ### A Rozenite plugin that provides comprehensive network activity monitoring for React Native applications.
4
4
 
@@ -44,9 +44,7 @@ function App() {
44
44
  // Enable Network Activity DevTools in development
45
45
  useNetworkActivityDevTools();
46
46
 
47
- return (
48
- <YourApp />
49
- );
47
+ return <YourApp />;
50
48
  }
51
49
  ```
52
50
 
@@ -70,4 +68,4 @@ Like the project? ⚛️ [Join the team](https://callstack.com/careers/?utm_camp
70
68
  [prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge
71
69
  [prs-welcome]: https://github.com/callstackincubator/rozenite/blob/main/CONTRIBUTING.md
72
70
  [chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=for-the-badge
73
- [chat]: https://discord.gg/Q4yr2rTWYF
71
+ [chat]: https://discord.gg/xgGt7KAjxv
package/dist/{panel.html → App.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>panel Panel</title>
6
+ <title>App Panel</title>
7
7
  <style>
8
8
  html,
9
9
  body {
@@ -22,8 +22,8 @@
22
22
  <script>
23
23
  var __ROZENITE_PANEL__ = true;
24
24
  </script>
25
- <script type="module" crossorigin src="./assets/panel-C5YgUUj5.js"></script>
26
- <link rel="stylesheet" crossorigin href="./assets/panel-NCVczPb1.css">
25
+ <script type="module" crossorigin src="./assets/App-BE5UWKca.js"></script>
26
+ <link rel="stylesheet" crossorigin href="./assets/App-zkbklFIE.css">
27
27
  </head>
28
28
  <body>
29
29
  <div id="root"></div>