@rozenite/network-activity-plugin 1.0.0-alpha.5 → 1.0.0-alpha.6

package/dist/assets/panel-DXGMsavf.css

@@ -1,555 +0,0 @@
-._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/src/types/client.ts

@@ -1,111 +0,0 @@
-import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
-import { NetworkEntry } from './network';
-
-// CDP Network types based on Chrome DevTools Protocol - limited to XMLHttpRequest capturable properties
-export type NetworkRequestId = string;
-export type NetworkLoaderId = string;
-export type NetworkTimeSinceEpoch = number;
-export type NetworkMonotonicTime = number;
-
-export type NetworkRequest = {
-  url: string;
-  method: string;
-  headers: Record<string, string>;
-  postData?: string;
-  hasPostData?: boolean;
-};
-
-export type NetworkResponse = {
-  url: string;
-  status: number;
-  statusText: string;
-  headers: Record<string, string>;
-  mimeType: string;
-  encodedDataLength: number;
-  responseTime: NetworkTimeSinceEpoch;
-};
-
-export type NetworkInitiator = {
-  type: string;
-  url?: string;
-  lineNumber?: number;
-  columnNumber?: number;
-};
-
-export type NetworkResourceType =
-  | 'Document'
-  | 'Stylesheet'
-  | 'Image'
-  | 'Media'
-  | 'Font'
-  | 'Script'
-  | 'XHR'
-  | 'Fetch'
-  | 'EventSource'
-  | 'WebSocket'
-  | 'Manifest'
-  | 'Other'
-  | 'Ping'
-  | 'CSPViolationReport'
-  | 'Preflight'
-  | 'Subresource';
-
-export type NetworkActivityEventMap = {
-  // Control events
-  'network-enable': unknown;
-  'network-disable': unknown;
-
-  // CDP Network events - limited to XMLHttpRequest capturable properties
-  '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;
-  };
-};
-
-export type NetworkActivityDevToolsClient =
-  RozeniteDevToolsClient<NetworkActivityEventMap>;

package/src/types/network.ts

@@ -1,32 +0,0 @@
-// Network types for the simplified event structure - limited to XMLHttpRequest capturable properties
-import {
-  NetworkRequestId,
-  NetworkLoaderId,
-  NetworkResourceType,
-  NetworkRequest,
-  NetworkResponse,
-  NetworkInitiator,
-} from './client';
-
-export type NetworkEntry = {
-  requestId: NetworkRequestId;
-  loaderId?: NetworkLoaderId;
-  documentURL?: string;
-  url: string;
-  method: string;
-  headers: Record<string, string>;
-  postData?: string;
-  hasPostData?: boolean;
-  status: 'pending' | 'loading' | 'finished' | 'failed';
-  startTime: number;
-  endTime?: number;
-  duration?: number;
-  type?: NetworkResourceType;
-  initiator?: NetworkInitiator;
-  request?: NetworkRequest;
-  response?: NetworkResponse;
-  errorText?: string;
-  canceled?: boolean;
-  encodedDataLength?: number;
-  dataLength?: number;
-};