@rozenite/network-activity-plugin 1.0.0-alpha.7 → 1.0.0-alpha.9

package/dist/src/ui/state/store.d.ts

@@ -0,0 +1,24 @@
+import { NetworkActivityDevToolsClient, NetworkActivityEventMap, RequestId } from '../../shared/client';
+import { NetworkEntry, WebSocketMessage } from './model';
+export interface NetworkActivityState {
+    isRecording: boolean;
+    selectedRequestId: RequestId | null;
+    networkEntries: Map<RequestId, NetworkEntry>;
+    websocketMessages: Map<RequestId, WebSocketMessage[]>;
+    _unsubscribeFunctions?: Array<{
+        remove: () => void;
+    }>;
+    _client?: NetworkActivityDevToolsClient;
+    actions: {
+        setRecording: (isRecording: boolean) => void;
+        setSelectedRequest: (requestId: RequestId | null) => void;
+        clearRequests: () => void;
+    };
+    handleEvent: <K extends keyof NetworkActivityEventMap>(eventType: K, data: NetworkActivityEventMap[K]) => void;
+    client: {
+        setupClient: (client: NetworkActivityDevToolsClient) => void;
+        cleanupClient: () => void;
+    };
+}
+export declare const createNetworkActivityStore: () => import('zustand').StoreApi<NetworkActivityState>;
+export declare const store: import('zustand').StoreApi<NetworkActivityState>;

package/dist/src/ui/tabs/CookiesTab.d.ts

@@ -1,8 +1,5 @@
-import { NetworkEntry } from '../types';
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
 export type CookiesTabProps = {
-    selectedRequest: {
-        id: string;
-    };
-    networkEntries: Map<string, NetworkEntry>;
+    selectedRequest: HttpNetworkEntry | SSENetworkEntry;
 };
-export declare const CookiesTab: ({ selectedRequest, networkEntries, }: CookiesTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CookiesTab: ({ selectedRequest }: CookiesTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/HeadersTab.d.ts

@@ -1,17 +1,5 @@
-import { NetworkEntry } from '../types';
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
 export type HeadersTabProps = {
-    selectedRequest: {
-        id: string;
-        domain: string;
-        path: string;
-        method: string;
-        status: number;
-        requestBody?: {
-            type: string;
-            data: string;
-        };
-    };
-    networkEntries: Map<string, NetworkEntry>;
-    getStatusColor: (status: number) => string;
+    selectedRequest: HttpNetworkEntry | SSENetworkEntry;
 };
-export declare const HeadersTab: ({ selectedRequest, networkEntries, getStatusColor, }: HeadersTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeadersTab: ({ selectedRequest }: HeadersTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/MessagesTab.d.ts

@@ -0,0 +1,5 @@
+import { WebSocketNetworkEntry } from '../state/model';
+export type MessagesTabProps = {
+    selectedRequest: WebSocketNetworkEntry;
+};
+export declare const MessagesTab: ({ selectedRequest }: MessagesTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/RequestTab.d.ts

@@ -1,10 +1,5 @@
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
 export type RequestTabProps = {
-    selectedRequest: {
-        method: string;
-        requestBody?: {
-            type: string;
-            data: string;
-        };
-    };
+    selectedRequest: HttpNetworkEntry | SSENetworkEntry;
 };
 export declare const RequestTab: ({ selectedRequest }: RequestTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/ResponseTab.d.ts

@@ -1,12 +1,6 @@
+import { HttpNetworkEntry } from '../state/model';
 export type ResponseTabProps = {
-    selectedRequest: {
-        id: string;
-        type: string;
-        responseBody?: {
-            type: string;
-            data: string | null;
-        };
-    };
+    selectedRequest: HttpNetworkEntry;
     onRequestResponseBody: (requestId: string) => void;
 };
 export declare const ResponseTab: ({ selectedRequest, onRequestResponseBody, }: ResponseTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/SSEMessagesTab.d.ts

@@ -0,0 +1,5 @@
+import { SSENetworkEntry } from '../state/model';
+export type SSEMessagesTabProps = {
+    selectedRequest: SSENetworkEntry;
+};
+export declare const SSEMessagesTab: ({ selectedRequest }: SSEMessagesTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/tabs/TimingTab.d.ts

@@ -1,7 +1,5 @@
-import { NetworkRequest } from '../components/RequestList';
-import { NetworkEntry } from '../types';
+import { HttpNetworkEntry } from '../state/model';
 export type TimingTabProps = {
-    selectedRequest: NetworkRequest | null;
-    networkEntries: Map<string, NetworkEntry>;
+    selectedRequest: HttpNetworkEntry;
 };
-export declare const TimingTab: ({ selectedRequest, networkEntries, }: TimingTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimingTab: ({ selectedRequest }: TimingTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/types.d.ts

@@ -1,10 +1,13 @@
-import { RequestId, Request, Response, Initiator, ResourceType } from '../shared/client';
+import { RequestId, Request, Response, Initiator, ResourceType, HttpHeaders } from '../shared/client';
 export type NetworkEntry = {
     requestId: RequestId;
     url: string;
     method: string;
-    headers: Record<string, string>;
-    postData?: string;
+    headers: HttpHeaders;
+    body?: {
+        type: string;
+        data: string;
+    };
     status: 'pending' | 'loading' | 'finished' | 'failed';
     startTime: number;
     endTime?: number;

package/dist/src/ui/utils/assert.d.ts

@@ -0,0 +1 @@
+export declare function assert(condition: boolean, message: string): asserts condition;

package/dist/src/ui/utils/copyToClipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(text: string): Promise<void>;

package/dist/src/ui/utils/getHttpHeaderValue.d.ts

@@ -0,0 +1,2 @@
+import { HttpHeaders } from '../../shared/client';
+export declare function getHttpHeaderValue(headers: HttpHeaders, name: string): string | undefined;

package/dist/src/ui/utils/getId.d.ts

@@ -0,0 +1 @@
+export declare const getId: (namespace: string) => string;

package/dist/src/ui/utils/getStatusColor.d.ts

@@ -0,0 +1 @@
+export declare const getStatusColor: (status: number | string) => string;