@rozenite/network-activity-plugin 1.0.0-alpha.1 → 1.0.0-alpha.4

package/dist/assets/panel-DXGMsavf.css

@@ -0,0 +1,555 @@
+._container_1lh1s_1 {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+._mainContent_1lh1s_8 {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+  min-height: 0;
+}
+
+._networkListContainer_1lh1s_15 {
+  width: 60%;
+  border-right: 1px solid #e0e0e0;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+._listContent_1lh1s_23 {
+  flex: 1;
+}
+
+._detailsContainer_1lh1s_27 {
+  width: 40%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+._headerStatus_1lh1s_34 {
+  width: 60px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._headerMethod_1lh1s_40 {
+  width: 80px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._headerName_1lh1s_46 {
+  flex: 1;
+  min-width: 0;
+}
+
+._headerType_1lh1s_51 {
+  width: 100px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._headerTime_1lh1s_57 {
+  width: 80px;
+  text-align: right;
+  flex-shrink: 0;
+}
+
+._headerSize_1lh1s_63 {
+  width: 80px;
+  text-align: right;
+  flex-shrink: 0;
+} /* Button Component */
+._button_7nfhi_2 {
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+._button_7nfhi_2:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+._buttonSmall_7nfhi_15 {
+  font-size: 12px;
+  padding: 4px 8px;
+}
+
+._buttonMedium_7nfhi_20 {
+  font-size: 14px;
+  padding: 8px 16px;
+}
+
+._buttonLarge_7nfhi_25 {
+  font-size: 16px;
+  padding: 12px 24px;
+}
+
+._buttonPrimary_7nfhi_30 {
+  background-color: #007AFF;
+  color: white;
+}
+
+._buttonSecondary_7nfhi_35 {
+  background-color: #6c757d;
+  color: white;
+}
+
+._buttonDanger_7nfhi_40 {
+  background-color: #dc3545;
+  color: white;
+}
+
+._buttonSuccess_7nfhi_45 {
+  background-color: #28a745;
+  color: white;
+}
+
+/* Card Component */
+._card_7nfhi_51 {
+  background-color: #ffffff;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* Badge Component */
+._badge_7nfhi_60 {
+  background-color: #007AFF;
+  color: white;
+  padding: 2px 6px;
+  border-radius: 12px;
+  font-size: 11px;
+  font-weight: 500;
+  display: inline-block;
+}
+
+/* Toolbar Component */
+._toolbar_7nfhi_71 {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #f8f9fa;
+}
+
+/* Panel Header Component */
+._panelHeader_7nfhi_80 {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #f8f9fa;
+  font-size: 12px;
+  font-weight: bold;
+  color: #333;
+}
+
+/* Empty State Component */
+._emptyState_7nfhi_92 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  color: #666;
+  font-size: 14px;
+  text-align: center;
+}
+
+/* Loading Spinner Component */
+._loadingSpinner_7nfhi_103 {
+  border: 2px solid #e0e0e0;
+  border-top: 2px solid #007AFF;
+  border-radius: 50%;
+  animation: _spin_7nfhi_1 1s linear infinite;
+}
+
+/* Tooltip Component */
+._tooltipReference_7nfhi_111 {
+  display: inline-block;
+}
+
+._tooltipFloating_7nfhi_115 {
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-size: 12px;
+  white-space: nowrap;
+  z-index: 1000;
+  max-width: 300px;
+  word-break: break-all;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 1.4;
+}
+
+._tooltipDefault_7nfhi_130 {
+  background-color: #333;
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+._tooltipInfo_7nfhi_136 {
+  background-color: #0066cc;
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+._tooltipWarning_7nfhi_142 {
+  background-color: #ff8c00;
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+._tooltipError_7nfhi_148 {
+  background-color: #dc3545;
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+/* Spinner Animation */
+@keyframes _spin_7nfhi_1 {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+} ._recordingButton_1dfw3_1 {
+  margin-right: 8px;
+}
+
+._requestCount_1dfw3_5 {
+  margin-left: auto;
+  font-size: 12px;
+  color: #666;
+} ._container_uo6fb_1 {
+  height: 100%;
+  overflow: auto;
+}
+
+._virtualContainer_uo6fb_6 {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+._virtualItem_uo6fb_12 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 60px;
+}
+
+._listItem_uo6fb_20 {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: white;
+  cursor: pointer;
+  font-size: 12px;
+  font-family: monospace;
+  height: 60px;
+  box-sizing: border-box;
+  min-width: 0;
+}
+
+._listItemSelected_uo6fb_34 {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #f5f5f5;
+  cursor: pointer;
+  font-size: 12px;
+  font-family: monospace;
+  height: 60px;
+  box-sizing: border-box;
+  min-width: 0;
+}
+
+._statusColumn_uo6fb_48 {
+  width: 60px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._methodColumn_uo6fb_54 {
+  width: 80px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._urlColumn_uo6fb_60 {
+  flex: 1;
+  overflow: hidden;
+  min-width: 0;
+}
+
+._typeColumn_uo6fb_66 {
+  width: 100px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+._domainText_uo6fb_72 {
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._pathText_uo6fb_81 {
+  color: #666;
+  font-size: 11px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._fullUrlText_uo6fb_89 {
+  color: #999;
+  font-size: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 1px;
+}
+
+._durationColumn_uo6fb_98 {
+  width: 80px;
+  text-align: right;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+
+._sizeColumn_uo6fb_105 {
+  width: 80px;
+  text-align: right;
+  flex-shrink: 0;
+}
+
+._columnText_uo6fb_111 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+._emptyContainer_uo6fb_118 {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+._emptyText_uo6fb_125 {
+  color: #666;
+  font-size: 14px;
+} ._container_1111k_1 {
+  padding: 16px;
+  height: 100%;
+  overflow: auto;
+}
+
+._card_1111k_7 {
+  margin-bottom: 20px;
+}
+
+._cardTitle_1111k_11 {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+}
+
+._cardTitleError_1111k_16 {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+  color: #f44336;
+}
+
+._infoText_1111k_22 {
+  font-size: 12px;
+  font-family: monospace;
+}
+
+._infoRow_1111k_27 {
+  margin-bottom: 4px;
+  word-break: break-all;
+}
+
+._infoRowUrl_1111k_32 {
+  margin-bottom: 4px;
+  word-break: break-all;
+}
+
+._infoRowSub_1111k_37 {
+  margin-bottom: 2px;
+  margin-left: 16px;
+  word-break: break-all;
+  font-size: 11px;
+  color: #666;
+}
+
+._urlText_1111k_45 {
+  cursor: help;
+  border-bottom: 1px dotted #666;
+}
+
+._headersContainer_1111k_50 {
+  font-size: 12px;
+  font-family: monospace;
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+._headerRow_1111k_58 {
+  margin-bottom: 2px;
+  word-break: break-all;
+}
+
+._headerValue_1111k_63 {
+  word-break: break-all;
+}
+
+._postDataContainer_1111k_67 {
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+  max-height: 200px;
+  overflow: auto;
+}
+
+._postDataText_1111k_75 {
+  margin: 0;
+  font-size: 12px;
+  font-family: monospace;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+._responseBodyContainer_1111k_83 {
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+  max-height: 300px;
+  overflow: auto;
+}
+
+._responseBodyText_1111k_91 {
+  margin: 0;
+  font-size: 12px;
+  font-family: monospace;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+._loadResponseBodyButton_1111k_99 {
+  background-color: #007acc;
+  color: white;
+  border: none;
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+._loadResponseBodyButton_1111k_99:hover:not(:disabled) {
+  background-color: #005a9e;
+}
+
+._loadResponseBodyButton_1111k_99:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+
+._symbolicateButton_1111k_118 {
+  background-color: #28a745;
+  color: white;
+  border: none;
+  padding: 4px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 11px;
+  margin-top: 4px;
+}
+
+._symbolicateButton_1111k_118:hover:not(:disabled) {
+  background-color: #218838;
+}
+
+._symbolicateButton_1111k_118:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+
+._symbolicatedContainer_1111k_138 {
+  font-size: 12px;
+  font-family: monospace;
+}
+
+._codeFrameContainer_1111k_143 {
+  margin-bottom: 16px;
+}
+
+._codeFrameTitle_1111k_147 {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+._codeFrameContent_1111k_153 {
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+  margin: 0;
+  font-size: 11px;
+  white-space: pre-wrap;
+  word-break: break-all;
+  max-height: 200px;
+  overflow: auto;
+}
+
+._stackContainer_1111k_165 {
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+._stackTitle_1111k_171 {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+._stackFrame_1111k_177 {
+  margin-bottom: 8px;
+  padding: 4px 0;
+  border-bottom: 1px solid #ddd;
+}
+
+._stackFrame_1111k_177:last-child {
+  border-bottom: none;
+  margin-bottom: 0;
+}
+
+._stackFrameHeader_1111k_188 {
+  margin-bottom: 2px;
+  color: #333;
+}
+
+._stackFrameLocation_1111k_193 {
+  font-size: 11px;
+  color: #666;
+  word-break: break-all;
+} 

package/dist/panel.html

@@ -22,8 +22,8 @@
     <script>
       var __ROZENITE_PANEL__ = true;
     </script>
-    <script type="module" crossorigin src="./assets/panel-C5YgUUj5.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/panel-NCVczPb1.css">
+    <script type="module" crossorigin src="./assets/panel-C0o5JcM0.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/panel-DXGMsavf.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/react-native.cjs

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),k=require("@rozenite/plugin-bridge");let g=0;function S(){return(++g).toString()}function i(t){if(t instanceof Headers){const e={};return t.forEach((r,o)=>{e[o]=r}),e}else if(Array.isArray(t)){const e={};return t.forEach(([r,o])=>{e[r]=o}),e}return t}function E(t,e){let r,o,n,s;return typeof t=="string"?(r=t,o=(e==null?void 0:e.method)||"GET",n=i((e==null?void 0:e.headers)||{}),s=(e==null?void 0:e.body)||void 0):t instanceof Request?(r=t.url,o=t.method,n=i(t.headers),s=t.body||void 0):(r=t.toString(),o=(e==null?void 0:e.method)||"GET",n=i((e==null?void 0:e.headers)||{}),s=(e==null?void 0:e.body)||void 0),{url:r,method:o,headers:n,body:s}}const T=()=>{const t=k.useRozeniteDevToolsClient({pluginId:"@rozenite/network-activity-plugin"});return v.useEffect(()=>{if(!t)return;const e=window.fetch.bind(window),r=(o,n)=>{t.send(o,n)};return window.fetch=async function(o,n){const s=S(),c=E(o,n),d=Date.now()/1e3,w=d;r("Network.requestWillBeSent",{requestId:s,loaderId:s,documentURL:"",request:{url:c.url,method:c.method,headers:c.headers,postData:c.body,hasPostData:!!c.body},timestamp:d,wallTime:w,initiator:{type:"script",stack:{callFrames:[{functionName:"fetch",scriptId:"1",url:"",lineNumber:1,columnNumber:1}]}},redirectHasExtraInfo:!1,redirectResponse:null,referrerPolicy:"no-referrer",type:"Fetch",frameId:"1",hasUserGesture:!1}),r("Network.requestWillBeSentExtraInfo",{requestId:s,blockedCookies:[],headers:c.headers,connectTiming:{requestTime:d},clientSecurityState:{initiatorIsSecureContext:!1,initiatorIPAddressSpace:"Public",privateNetworkRequestPolicy:"Allow"},siteHasCookieInOtherPartition:!1});let a;try{a=await e(o,n);const l={};a.headers.forEach((y,m)=>{l[m]=y});const p=a.headers.get("content-type")||"",h=a.headers.get("content-length"),u=h?parseInt(h,10):0;let f=u;try{f=(await a.clone().arrayBuffer()).byteLength}catch{f=u}return r("Network.responseReceived",{requestId:s,loaderId:s,timestamp:Date.now()/1e3,type:"Fetch",response:{url:c.url,status:a.status,statusText:a.statusText,headers:l,mimeType:p,requestHeaders:c.headers,requestHeadersText:void 0,connectionReused:!1,connectionId:0,remoteIPAddress:void 0,remotePort:void 0,protocol:void 0,securityState:"unknown",encodedDataLength:u,timing:{requestTime:d,proxyStart:-1,proxyEnd:-1,dnsStart:-1,dnsEnd:-1,connectStart:-1,connectEnd:-1,sslStart:-1,sslEnd:-1,workerStart:-1,workerReadyStart:-1,workerReadyEnd:-1,sendStart:d,sendEnd:d,pushStart:-1,pushEnd:-1,receiveHeadersEnd:Date.now()/1e3},responseTime:Date.now()/1e3,fromDiskCache:!1,fromServiceWorker:!1,fromPrefetchCache:!1,encodedBodySize:u,decodedBodySize:f,headersText:void 0,serviceWorkerResponseSource:void 0,responseSource:"network",statusCode:a.status},hasExtraInfo:!1}),r("Network.loadingFinished",{requestId:s,timestamp:Date.now()/1e3,encodedDataLength:u,shouldReportCorbBlocking:!1}),a}catch(l){throw r("Network.loadingFailed",{requestId:s,timestamp:Date.now()/1e3,type:"Fetch",errorText:l instanceof Error?l.message:"Unknown error",canceled:!1,blockedReason:void 0}),l}},()=>{window.fetch=e}},[t]),t};exports.useNetworkActivityDevTools=void 0;process.env.NODE_ENV!=="production"?exports.useNetworkActivityDevTools=T:exports.useNetworkActivityDevTools=()=>null;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.useNetworkActivityDevTools = void 0;
+if (process.env.NODE_ENV !== "production") {
+  exports.useNetworkActivityDevTools = require("./useNetworkActivityDevTools.js").useNetworkActivityDevTools;
+} else {
+  exports.useNetworkActivityDevTools = () => null;
+}

package/dist/react-native.d.ts

@@ -1,5 +1,90 @@
-import { useNetworkActivityDevTools as useNetworkActivityDevTools_2 } from './src/react-native/useNetworkActivityDevTools';
+import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
+
+declare type NetworkActivityEventMap = {
+    'network-enable': unknown;
+    'network-disable': unknown;
+    'Network.requestWillBeSent': {
+        requestId: NetworkRequestId;
+        loaderId: NetworkLoaderId;
+        documentURL: string;
+        request: NetworkRequest;
+        timestamp: NetworkMonotonicTime;
+        wallTime: NetworkTimeSinceEpoch;
+        initiator: NetworkInitiator;
+        type?: NetworkResourceType;
+    };
+    'Network.responseReceived': {
+        requestId: NetworkRequestId;
+        loaderId: NetworkLoaderId;
+        timestamp: NetworkMonotonicTime;
+        type: NetworkResourceType;
+        response: NetworkResponse;
+    };
+    'Network.dataReceived': {
+        requestId: NetworkRequestId;
+        timestamp: NetworkMonotonicTime;
+        dataLength: number;
+        encodedDataLength: number;
+    };
+    'Network.loadingFinished': {
+        requestId: NetworkRequestId;
+        timestamp: NetworkMonotonicTime;
+        encodedDataLength: number;
+    };
+    'Network.loadingFailed': {
+        requestId: NetworkRequestId;
+        timestamp: NetworkMonotonicTime;
+        type: NetworkResourceType;
+        errorText: string;
+        canceled?: boolean;
+    };
+    'Network.getResponseBody': {
+        requestId: NetworkRequestId;
+    };
+    'Network.responseBodyReceived': {
+        requestId: NetworkRequestId;
+        body: string;
+        base64Encoded: boolean;
+    };
+};
+
+declare type NetworkInitiator = {
+    type: string;
+    url?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+};
+
+declare type NetworkLoaderId = string;
+
+declare type NetworkMonotonicTime = number;
+
+declare type NetworkRequest = {
+    url: string;
+    method: string;
+    headers: Record<string, string>;
+    postData?: string;
+    hasPostData?: boolean;
+};
+
+declare type NetworkRequestId = string;
+
+declare type NetworkResourceType = 'Document' | 'Stylesheet' | 'Image' | 'Media' | 'Font' | 'Script' | 'XHR' | 'Fetch' | 'EventSource' | 'WebSocket' | 'Manifest' | 'Other' | 'Ping' | 'CSPViolationReport' | 'Preflight' | 'Subresource';
+
+declare type NetworkResponse = {
+    url: string;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    mimeType: string;
+    encodedDataLength: number;
+    responseTime: NetworkTimeSinceEpoch;
+};
+
+declare type NetworkTimeSinceEpoch = number;
 
 export declare let useNetworkActivityDevTools: useNetworkActivityDevTools_2;
 
+declare const useNetworkActivityDevTools_2: () => RozeniteDevToolsClient<NetworkActivityEventMap> | null;
+
 export { }