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

package/dist/src/ui/components/Button.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/src/ui/components/Input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/src/ui/components/JsonTree.d.ts

@@ -0,0 +1,5 @@
+export type JsonTreeProps = {
+    data: unknown;
+    shouldExpandNodeInitially?: () => boolean;
+};
+export declare const JsonTree: ({ data, shouldExpandNodeInitially, }: JsonTreeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/components/JsonTreeCopyableItem.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+type JsonTreeCopyableItemProps = PropsWithChildren<{
+    getCopyableValue: () => string;
+    className?: string;
+}>;
+export declare const JsonTreeCopyableItem: ({ children, getCopyableValue, className }: JsonTreeCopyableItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/components/RequestList.d.ts

@@ -0,0 +1,25 @@
+import { ProcessedRequest } from '../state/model';
+import { RequestId } from '../../shared/client';
+type NetworkRequest = {
+    id: RequestId;
+    name: string;
+    status: string | number;
+    method: string;
+    domain: string;
+    path: string;
+    size: string;
+    time: string;
+    type: string;
+    startTime: string;
+};
+declare const formatSize: (bytes: number) => string;
+declare const formatDuration: (duration: number) => string;
+declare const formatStartTime: (startTime: number) => string;
+declare const extractDomainAndPath: (url: string) => {
+    domain: string;
+    path: string;
+};
+declare const generateName: (url: string) => string;
+declare const processNetworkRequests: (processedRequests: ProcessedRequest[]) => NetworkRequest[];
+export declare const RequestList: () => import("react/jsx-runtime").JSX.Element;
+export { formatSize, formatDuration, formatStartTime, extractDomainAndPath, generateName, processNetworkRequests, };

package/dist/src/ui/components/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const ScrollArea: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
+export { ScrollArea, ScrollBar };

package/dist/src/ui/components/Separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Separator: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
+export { Separator };

package/dist/src/ui/components/SidePanel.d.ts

@@ -0,0 +1 @@
+export declare const SidePanel: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ui/components/Toolbar.d.ts

@@ -0,0 +1 @@
+export declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+export declare function useCopyToClipboard(): {
+    isCopied: boolean;
+    copy: (value: string) => Promise<void>;
+};

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

@@ -0,0 +1,5 @@
+import { NetworkActivityState } from './store';
+import { ProcessedRequest } from './model';
+export declare const getProcessedRequests: (obj: NetworkActivityState) => ProcessedRequest[];
+export declare const getSelectedRequest: (obj: NetworkActivityState) => import('./model').NetworkEntry | null;
+export declare const getRequestSummary: (requestId: string) => ((state: NetworkActivityState) => ProcessedRequest | null);

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

@@ -0,0 +1,17 @@
+import { NetworkActivityState } from './store';
+export declare const useNetworkActivityStore: <T>(selector: (state: NetworkActivityState) => T) => T;
+export declare const useProcessedRequests: () => import('./model').ProcessedRequest[];
+export declare const useSelectedRequest: () => import('./model').NetworkEntry | null;
+export declare const useHasSelectedRequest: () => boolean;
+export declare const useSelectedRequestId: () => string | null;
+export declare const useIsRecording: () => boolean;
+export declare const useNetworkActivityActions: () => {
+    setRecording: (isRecording: boolean) => void;
+    setSelectedRequest: (requestId: import('../../shared/client').RequestId | null) => void;
+    clearRequests: () => void;
+};
+export declare const useNetworkActivityClientManagement: () => {
+    setupClient: (client: import('../../shared/client').NetworkActivityDevToolsClient) => void;
+    cleanupClient: () => void;
+};
+export declare const useWebSocketMessages: (requestId: string) => import('./model').WebSocketMessage[];

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

@@ -0,0 +1,98 @@
+import { Initiator, ResourceType } from '../../shared/client';
+export type RequestId = string;
+export type Timestamp = number;
+export type SocketId = number;
+export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';
+export type NetworkEntryType = 'http' | 'websocket' | 'sse';
+export type HttpData = {
+    type: string;
+    data: string;
+};
+export type HttpRequest = {
+    url: string;
+    method: HttpMethod;
+    headers: Record<string, string>;
+    body?: HttpData;
+};
+export type HttpResponse = {
+    url: string;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    contentType: string;
+    size: number;
+    responseTime: Timestamp;
+    body?: HttpData;
+};
+export type HttpStatus = 'pending' | 'loading' | 'finished' | 'failed';
+export type HttpNetworkEntry = {
+    id: RequestId;
+    type: 'http';
+    timestamp: Timestamp;
+    duration?: number;
+    request: HttpRequest;
+    response?: HttpResponse;
+    status: HttpStatus;
+    error?: string;
+    canceled?: boolean;
+    ttfb?: number;
+    size?: number;
+    initiator?: Initiator;
+    resourceType?: ResourceType;
+};
+export type SSEMessage = {
+    id: string;
+    data: string;
+    timestamp: Timestamp;
+};
+export type SSEStatus = 'connecting' | 'open' | 'closed' | 'error';
+export type SSENetworkEntry = {
+    id: RequestId;
+    type: 'sse';
+    timestamp: Timestamp;
+    duration?: number;
+    request: HttpRequest;
+    response?: HttpResponse;
+    status: SSEStatus;
+    messages: SSEMessage[];
+    error?: string;
+    initiator?: Initiator;
+    resourceType?: ResourceType;
+};
+export type WebSocketConnection = {
+    url: string;
+    socketId: SocketId;
+    protocols?: string[];
+    options?: string[];
+};
+export type WebSocketMessage = {
+    id: string;
+    direction: 'sent' | 'received';
+    data: string;
+    messageType: 'text' | 'binary';
+    timestamp: Timestamp;
+};
+export type WebSocketStatus = 'connecting' | 'open' | 'closing' | 'closed' | 'error';
+export type WebSocketNetworkEntry = {
+    id: RequestId;
+    type: 'websocket';
+    timestamp: Timestamp;
+    duration?: number;
+    connection: WebSocketConnection;
+    status: WebSocketStatus;
+    error?: string;
+    closeCode?: number;
+    closeReason?: string;
+};
+export type NetworkEntry = HttpNetworkEntry | WebSocketNetworkEntry | SSENetworkEntry;
+export type ProcessedRequest = {
+    id: RequestId;
+    type: NetworkEntryType;
+    name: string;
+    status: HttpStatus | WebSocketStatus | SSEStatus;
+    timestamp: Timestamp;
+    duration?: number;
+    size?: number;
+    method: HttpMethod | 'WS' | 'SSE';
+    httpStatus?: number;
+};

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

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

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

@@ -0,0 +1,5 @@
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
+export type HeadersTabProps = {
+    selectedRequest: HttpNetworkEntry | SSENetworkEntry;
+};
+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

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

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

@@ -0,0 +1,6 @@
+import { HttpNetworkEntry } from '../state/model';
+export type ResponseTabProps = {
+    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

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

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

@@ -0,0 +1,26 @@
+import { RequestId, Request, Response, Initiator, ResourceType, HttpHeaders } from '../shared/client';
+export type NetworkEntry = {
+    requestId: RequestId;
+    url: string;
+    method: string;
+    headers: HttpHeaders;
+    body?: {
+        type: string;
+        data: string;
+    };
+    status: 'pending' | 'loading' | 'finished' | 'failed';
+    startTime: number;
+    endTime?: number;
+    duration?: number;
+    ttfb?: number;
+    type?: ResourceType;
+    initiator?: Initiator;
+    request?: Request;
+    response?: Response;
+    responseBody?: {
+        body: string | null;
+    };
+    error?: string;
+    canceled?: boolean;
+    size?: 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/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

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;

package/dist/src/ui/views/InspectorView.d.ts

@@ -0,0 +1,5 @@
+import { NetworkActivityDevToolsClient } from '../../shared/client';
+export type InspectorViewProps = {
+    client: NetworkActivityDevToolsClient;
+};
+export declare const InspectorView: ({ client }: InspectorViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ui/views/LoadingView.d.ts

@@ -0,0 +1 @@
+export declare const LoadingView: () => import("react/jsx-runtime").JSX.Element;