@rozenite/network-activity-plugin 1.0.0-alpha.11 → 1.0.0-alpha.12

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 (48) hide show
  1. package/README.md +2 -0
  2. package/dist/App.html +2 -2
  3. package/dist/assets/{App-Ct73Yrm6.css → App-DCuHdq4D.css} +17 -0
  4. package/dist/assets/{App-BKBLGSeM.js → App-JuOeT_VQ.js} +2693 -2642
  5. package/dist/rozenite.json +1 -1
  6. package/dist/src/react-native/config.d.ts +13 -0
  7. package/dist/src/react-native/useNetworkActivityDevTools.d.ts +2 -1
  8. package/dist/src/shared/client.d.ts +15 -3
  9. package/dist/src/ui/components/Button.d.ts +1 -1
  10. package/dist/src/ui/components/CodeBlock.d.ts +3 -0
  11. package/dist/src/ui/components/CookieCard.d.ts +7 -0
  12. package/dist/src/ui/components/JsonTreeCopyableItem.d.ts +1 -1
  13. package/dist/src/ui/components/Section.d.ts +2 -1
  14. package/dist/src/ui/state/model.d.ts +4 -4
  15. package/dist/src/utils/applyReactNativeResponseHeadersLogic.d.ts +10 -0
  16. package/dist/src/utils/cookieParser.d.ts +6 -0
  17. package/dist/src/utils/getHttpHeader.d.ts +5 -0
  18. package/dist/src/utils/getStringSizeInBytes.d.ts +1 -0
  19. package/dist/src/utils/isNumber.d.ts +1 -0
  20. package/dist/useNetworkActivityDevTools.cjs +115 -19
  21. package/dist/useNetworkActivityDevTools.js +116 -20
  22. package/package.json +4 -4
  23. package/src/react-native/config.ts +33 -0
  24. package/src/react-native/http/network-inspector.ts +36 -10
  25. package/src/react-native/sse/sse-inspector.ts +1 -0
  26. package/src/react-native/useNetworkActivityDevTools.ts +63 -8
  27. package/src/shared/client.ts +17 -3
  28. package/src/ui/components/CodeBlock.tsx +19 -0
  29. package/src/ui/components/CookieCard.tsx +64 -0
  30. package/src/ui/components/JsonTree.tsx +10 -3
  31. package/src/ui/components/JsonTreeCopyableItem.tsx +14 -10
  32. package/src/ui/components/RequestList.tsx +15 -5
  33. package/src/ui/components/Section.tsx +31 -4
  34. package/src/ui/state/model.ts +4 -4
  35. package/src/ui/tabs/CookiesTab.tsx +64 -263
  36. package/src/ui/tabs/HeadersTab.tsx +26 -20
  37. package/src/ui/tabs/RequestTab.tsx +62 -47
  38. package/src/ui/tabs/ResponseTab.tsx +54 -69
  39. package/src/utils/applyReactNativeRequestHeadersLogic.ts +2 -2
  40. package/src/utils/applyReactNativeResponseHeadersLogic.ts +29 -0
  41. package/src/utils/cookieParser.ts +126 -0
  42. package/src/utils/getContentTypeMimeType.ts +10 -5
  43. package/src/utils/getHttpHeader.ts +17 -0
  44. package/src/utils/getStringSizeInBytes.ts +3 -0
  45. package/src/utils/isNumber.ts +3 -0
  46. package/src/utils/safeStringify.ts +1 -1
  47. package/dist/src/utils/getHttpHeaderValue.d.ts +0 -2
  48. package/src/utils/getHttpHeaderValue.ts +0 -14
package/README.md CHANGED
@@ -6,6 +6,8 @@
6
6
 
7
7
  The Rozenite Network Activity Plugin provides real-time network request monitoring, detailed request/response inspection within your React Native DevTools environment. It offers comprehensive network debugging capabilities similar to browser DevTools Network panel.
8
8
 
9
+ ![Network Activity Plugin](https://rozenite.dev/network-activity-plugin.png)
10
+
9
11
  ## Features
10
12
 
11
13
  - **Real-time Network Monitoring**: Track all HTTP/HTTPS requests in real-time
package/dist/App.html CHANGED
@@ -22,8 +22,8 @@
22
22
  <script>
23
23
  var __ROZENITE_PANEL__ = true;
24
24
  </script>
25
- <script type="module" crossorigin src="./assets/App-BKBLGSeM.js"></script>
26
- <link rel="stylesheet" crossorigin href="./assets/App-Ct73Yrm6.css">
25
+ <script type="module" crossorigin src="./assets/App-JuOeT_VQ.js"></script>
26
+ <link rel="stylesheet" crossorigin href="./assets/App-DCuHdq4D.css">
27
27
  </head>
28
28
  <body>
29
29
  <div id="root"></div>
package/dist/assets/{App-Ct73Yrm6.css → App-DCuHdq4D.css} RENAMED
@@ -600,6 +600,12 @@ video {
600
600
  .mr-1 {
601
601
  margin-right: 0.25rem;
602
602
  }
603
+ .mr-2 {
604
+ margin-right: 0.5rem;
605
+ }
606
+ .mt-1 {
607
+ margin-top: 0.25rem;
608
+ }
603
609
  .mt-2 {
604
610
  margin-top: 0.5rem;
605
611
  }
@@ -730,6 +736,10 @@ video {
730
736
  --tw-translate-y: 0.1875rem;
731
737
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
732
738
  }
739
+ .rotate-90 {
740
+ --tw-rotate: 90deg;
741
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
742
+ }
733
743
  @keyframes spin {
734
744
 
735
745
  to {
@@ -838,6 +848,9 @@ video {
838
848
  .whitespace-pre-wrap {
839
849
  white-space: pre-wrap;
840
850
  }
851
+ .break-all {
852
+ word-break: break-all;
853
+ }
841
854
  .rounded {
842
855
  border-radius: 0.25rem;
843
856
  }
@@ -1312,6 +1325,10 @@ video {
1312
1325
  --tw-text-opacity: 1;
1313
1326
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1314
1327
  }
1328
+ .hover\:text-white:hover {
1329
+ --tw-text-opacity: 1;
1330
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1331
+ }
1315
1332
  .hover\:underline:hover {
1316
1333
  text-decoration-line: underline;
1317
1334
  }