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

package/dist/react-native.cjs

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 exports.useNetworkActivityDevTools = void 0;
-if (process.env.NODE_ENV !== "production") {
+const isWeb = typeof window !== "undefined" && window.navigator.product !== "ReactNative";
+const isDev = process.env.NODE_ENV !== "production";
+const isServer = typeof window === "undefined";
+if (isDev && !isWeb && !isServer) {
   exports.useNetworkActivityDevTools = require("./useNetworkActivityDevTools.cjs").useNetworkActivityDevTools;
 } else {
   exports.useNetworkActivityDevTools = () => null;

package/dist/react-native.js

@@ -1,5 +1,8 @@
 let useNetworkActivityDevTools;
-if (process.env.NODE_ENV !== "production") {
+const isWeb = typeof window !== "undefined" && window.navigator.product !== "ReactNative";
+const isDev = process.env.NODE_ENV !== "production";
+const isServer = typeof window === "undefined";
+if (isDev && !isWeb && !isServer) {
   useNetworkActivityDevTools = require("./useNetworkActivityDevTools.js").useNetworkActivityDevTools;
 } else {
   useNetworkActivityDevTools = () => null;

package/dist/rozenite.json

@@ -1 +1 @@
-{"name":"@rozenite/network-activity-plugin","version":"1.0.0-alpha.8","description":"Network Activity for Rozenite.","panels":[{"name":"Network Activity","source":"/App.html"}]}
+{"name":"@rozenite/network-activity-plugin","version":"1.0.0","description":"Network Activity for Rozenite.","panels":[{"name":"Network Activity","source":"/App.html"}]}

package/dist/src/react-native/config.d.ts

@@ -0,0 +1,20 @@
+export type InspectorType = 'http' | 'websocket' | 'sse';
+export type NetworkActivityDevToolsConfig = {
+    /**
+     * Specifies which network inspectors are enabled.
+     * Set to `false` to disable monitoring for a specific type of network traffic.
+     * @default { http: true, websocket: true, sse: true }
+     */
+    inspectors?: {
+        [key in InspectorType]?: boolean;
+    };
+    clientUISettings?: {
+        /**
+         * If true, display the entire relative URL as the request name in the UI instead of only the last path segment.
+         * @default false
+         */
+        showUrlAsName?: boolean;
+    };
+};
+export declare const DEFAULT_CONFIG: NetworkActivityDevToolsConfig;
+export declare const validateConfig: (config: NetworkActivityDevToolsConfig) => void;

package/dist/src/react-native/http/overrides-registry.d.ts

@@ -0,0 +1,6 @@
+import { RequestOverride } from '../../shared/client';
+export type OverridesRegistry = {
+    setOverrides: (newOverrides: [string, RequestOverride][]) => void;
+    getOverrideForUrl: (url: string) => RequestOverride | undefined;
+};
+export declare const getOverridesRegistry: () => OverridesRegistry;

package/dist/src/react-native/http/xhr-interceptor.d.ts

@@ -1,8 +1,10 @@
+import { XHRPostData } from '../../shared/client';
 type XHRInterceptorOpenCallback = (method: string, url: string, request: XMLHttpRequest) => void;
-type XHRInterceptorSendCallback = (data: string, request: XMLHttpRequest) => void;
+type XHRInterceptorSendCallback = (data: XHRPostData, request: XMLHttpRequest) => void;
 type XHRInterceptorRequestHeaderCallback = (header: string, value: string, request: XMLHttpRequest) => void;
 type XHRInterceptorHeaderReceivedCallback = (responseContentType: string | undefined, responseSize: number | undefined, allHeaders: string, request: XMLHttpRequest) => void;
 type XHRInterceptorResponseCallback = (status: number, timeout: number, response: string, responseURL: string, responseType: string, request: XMLHttpRequest) => void;
+type XHRInterceptorOverrideCallback = (request: XMLHttpRequest) => void;
 /**
  * A network interceptor which monkey-patches XMLHttpRequest methods
  * to gather all network requests/responses, in order to show their
@@ -31,6 +33,10 @@ export declare const XHRInterceptor: {
      * Invoked before XMLHttpRequest.setRequestHeader(...) is called.
      */
     setRequestHeaderCallback(callback: XHRInterceptorRequestHeaderCallback): void;
+    /**
+     * Invoked before XMLHttpRequest.send(...) is called.
+     */
+    setOverrideCallback(callback: XHRInterceptorOverrideCallback): void;
     isInterceptorEnabled(): boolean;
     enableInterception(): void;
     disableInterception(): void;

package/dist/src/react-native/sse/sse-interceptor.d.ts

@@ -1,6 +1,6 @@
-import { default as EventSource, MessageEvent, ErrorEvent, OpenEvent, CloseEvent, TimeoutEvent, ExceptionEvent } from 'react-native-sse';
+import { default as EventSource, MessageEvent, ErrorEvent, OpenEvent, CloseEvent, TimeoutEvent, ExceptionEvent, CustomEvent } from 'react-native-sse';
 export type SSEInterceptorConnectCallback = (url: string, request: EventSource) => void;
-export type SSEInterceptorMessageCallback = (event: MessageEvent, request: EventSource) => void;
+export type SSEInterceptorMessageCallback = (event: MessageEvent | CustomEvent<string>, request: EventSource) => void;
 export type SSEInterceptorErrorCallback = (error: ErrorEvent | TimeoutEvent | ExceptionEvent, request: EventSource) => void;
 export type SSEInterceptorOpenEventCallback = (event: OpenEvent, request: EventSource) => void;
 export type SSEInterceptorCloseCallback = (event: CloseEvent, request: EventSource) => void;

package/dist/src/react-native/useNetworkActivityDevTools.d.ts

@@ -1,2 +1,3 @@
 import { NetworkActivityEventMap } from '../shared/client';
-export declare const useNetworkActivityDevTools: () => import('@rozenite/plugin-bridge').RozeniteDevToolsClient<NetworkActivityEventMap> | null;
+import { NetworkActivityDevToolsConfig } from './config';
+export declare const useNetworkActivityDevTools: (config?: NetworkActivityDevToolsConfig) => import('@rozenite/plugin-bridge').RozeniteDevToolsClient<NetworkActivityEventMap> | null;

package/dist/src/react-native/utils/getBlobName.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Utility function to get the name of a blob. Handles both the direct name property and the data object.
+ *
+ * ```
+ * // node_modules/react-native/Libraries/Blob/Blob.js
+ *
+ * export type BlobData = {
+ *   blobId: string,
+ *   offset: number,
+ *   size: number,
+ *   name?: string,
+ *   type?: string,
+ *   lastModified?: number,
+ *   __collector?: ?BlobCollector,
+ *   ...
+ * };
+ *
+ * get data(): BlobData {
+ *   if (!this._data) {
+ *     throw new Error('Blob has been closed and is no longer available');
+ *   }
+ *
+ *   return this._data;
+ * }
+ *
+ * get size(): number {
+ *   return this.data.size;
+ * }
+ *
+ * get type(): string {
+ *   return this.data.type || '';
+ * }
+ * ```
+ */
+export declare function getBlobName(blob: any): string | undefined;

package/dist/src/react-native/utils/getFormDataEntries.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Extracts form data parts from a FormData object.
+ * Handles both the standard FormData API and the React Native FormData format.
+ *
+ * ```
+ * // node_modules/react-native/Libraries/Network/FormData.js
+ *
+ * class FormData {
+ *   _parts: Array<FormDataNameValuePair>;
+ *
+ *   constructor() {
+ *     this._parts = [];
+ *   }
+ *
+ * ...
+ * ```
+ */
+export declare function getFormDataEntries(formData: any): [string, unknown][];

package/dist/src/shared/client.d.ts

@@ -1,15 +1,45 @@
 import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
 import { WebSocketEventMap } from './websocket-events';
 import { SSEEventMap } from './sse-events';
-export type HttpHeaders = Record<string, string>;
+export type HttpHeaders = Record<string, string | string[]>;
+export type XHRHeaders = NonNullable<XMLHttpRequest['responseHeaders']>;
 export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';
 export type RequestId = string;
 export type Timestamp = number;
+export type XHRPostData = string | Blob | FormData | ArrayBuffer | ArrayBufferView | unknown | null | undefined;
+export type RequestTextPostData = {
+    type: 'text';
+    value: string;
+};
+export type RequestBinaryPostData = {
+    type: 'binary';
+    value: {
+        size: number;
+        type?: string;
+        name?: string;
+    };
+};
+export type RequestFormDataPostData = {
+    type: 'form-data';
+    value: Record<string, RequestTextPostData | RequestBinaryPostData>;
+};
+export type RequestPostData = RequestTextPostData | RequestFormDataPostData | RequestBinaryPostData | null | undefined;
+export type Cookie = {
+    name: string;
+    value: string;
+    domain?: string;
+    path?: string;
+    expires?: string;
+    maxAge?: string;
+    secure?: boolean;
+    httpOnly?: boolean;
+    sameSite?: string;
+};
 export type Request = {
     url: string;
     method: HttpMethod;
     headers: HttpHeaders;
-    postData?: string;
+    postData?: RequestPostData;
 };
 export type Response = {
     url: string;
@@ -17,7 +47,7 @@ export type Response = {
     statusText: string;
     headers: HttpHeaders;
     contentType: string;
-    size: number;
+    size: number | null;
     responseTime: Timestamp;
 };
 export type Initiator = {
@@ -27,9 +57,20 @@ export type Initiator = {
     columnNumber?: number;
 };
 export type ResourceType = 'XHR' | 'Fetch' | 'Other';
+export type RequestOverride = {
+    status?: number;
+    body?: string;
+};
+export type NetworkActivityClientUISettings = {
+    showUrlAsName?: boolean;
+};
 export type NetworkActivityEventMap = {
     'network-enable': unknown;
     'network-disable': unknown;
+    'get-client-ui-settings': unknown;
+    'client-ui-settings': {
+        settings?: NetworkActivityClientUISettings;
+    };
     'request-sent': {
         requestId: RequestId;
         request: Request;
@@ -47,7 +88,7 @@ export type NetworkActivityEventMap = {
         requestId: RequestId;
         timestamp: Timestamp;
         duration: number;
-        size: number;
+        size: number | null;
         ttfb: number;
     };
     'request-failed': {
@@ -57,6 +98,13 @@ export type NetworkActivityEventMap = {
         error: string;
         canceled: boolean;
     };
+    'request-progress': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        loaded: number;
+        total: number;
+        lengthComputable: boolean;
+    };
     'get-response-body': {
         requestId: RequestId;
     };
@@ -64,5 +112,8 @@ export type NetworkActivityEventMap = {
         requestId: RequestId;
         body: string | null;
     };
+    'set-overrides': {
+        overrides: [string, RequestOverride][];
+    };
 } & WebSocketEventMap & SSEEventMap;
 export type NetworkActivityDevToolsClient = RozeniteDevToolsClient<NetworkActivityEventMap>;

package/dist/src/shared/sse-events.d.ts

@@ -11,7 +11,10 @@ export type SSEMessageEvent = {
     type: 'sse-message';
     requestId: SSERequestId;
     timestamp: number;
-    data: string;
+    payload: {
+        type: string;
+        data: string;
+    };
 };
 export type SSEErrorEvent = {
     type: 'sse-error';

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

@@ -1,8 +1,8 @@
 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;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "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;

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

@@ -0,0 +1,3 @@
+import { HTMLProps } from 'react';
+export type CodeBlockProps = HTMLProps<HTMLPreElement>;
+export declare const CodeBlock: ({ children, className, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type CodeEditorProps = {
+    data: string | undefined;
+    onInput?: (event: React.FormEvent<HTMLPreElement>) => void;
+};
+export declare const CodeEditor: import('react').ForwardRefExoticComponent<CodeEditorProps & import('react').RefAttributes<HTMLPreElement>>;

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

@@ -0,0 +1,7 @@
+import { Cookie } from '../../shared/client';
+type CookieCardProps = {
+    cookie: Cookie;
+    keyClassName?: string;
+};
+export declare const CookieCard: ({ cookie, keyClassName }: CookieCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

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

@@ -0,0 +1,10 @@
+export type FilterState = {
+    text: string;
+    types: Set<'http' | 'websocket' | 'sse'>;
+};
+type FilterBarProps = {
+    filter: FilterState;
+    onFilterChange: (filter: FilterState) => void;
+};
+export declare const FilterBar: ({ filter, onFilterChange }: FilterBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type KeyValueItem = {
+    key: string;
+    value: React.ReactNode;
+    keyClassName?: string;
+    valueClassName?: string;
+};
+export type KeyValueGridProps = {
+    items?: KeyValueItem[];
+    emptyMessage?: string;
+    className?: string;
+};
+export declare const KeyValueGrid: ({ items, emptyMessage, className, }: KeyValueGridProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import { HttpNetworkEntry } from '../state/model';
+import { RequestOverride } from '../../shared/client';
+export type OverrideResponseProps = {
+    selectedRequest: HttpNetworkEntry;
+    initialOverride: RequestOverride | undefined;
+    onClear: () => void;
+};
+export declare const OverrideResponse: ({ selectedRequest, initialOverride, onClear, }: OverrideResponseProps) => import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -0,0 +1,6 @@
+import { HttpRequestData } from '../state/model';
+type RequestBodyProps = {
+    data: HttpRequestData['data'];
+};
+export declare const RequestBody: ({ data }: RequestBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -1,5 +1,6 @@
 import { ProcessedRequest } from '../state/model';
-import { RequestId } from '../../shared/client';
+import { RequestId, RequestOverride } from '../../shared/client';
+import { FilterState } from './FilterBar';
 type NetworkRequest = {
     id: RequestId;
     name: string;
@@ -11,6 +12,7 @@ type NetworkRequest = {
     time: string;
     type: string;
     startTime: string;
+    hasOverride: boolean;
 };
 declare const formatSize: (bytes: number) => string;
 declare const formatDuration: (duration: number) => string;
@@ -19,7 +21,10 @@ 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;
+declare const generateName: (url: string, showEntirePathName?: boolean) => string;
+declare const processNetworkRequests: (processedRequests: ProcessedRequest[], overrides: Map<string, RequestOverride>, showEntirePathAsName?: boolean) => NetworkRequest[];
+export type RequestListProps = {
+    filter: FilterState;
+};
+export declare const RequestList: ({ filter }: RequestListProps) => import("react/jsx-runtime").JSX.Element;
 export { formatSize, formatDuration, formatStartTime, extractDomainAndPath, generateName, processNetworkRequests, };

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
-declare const ScrollArea: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type SectionProps = {
+    title: string;
+    children: React.ReactNode;
+    collapsible?: boolean;
+    action?: React.ReactNode;
+};
+export declare const Section: ({ title, children, collapsible, action, }: SectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare const Separator: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -9,9 +9,13 @@ export declare const useNetworkActivityActions: () => {
     setRecording: (isRecording: boolean) => void;
     setSelectedRequest: (requestId: import('../../shared/client').RequestId | null) => void;
     clearRequests: () => void;
+    addOverride: (requestUrl: string, override: import('../../shared/client').RequestOverride) => void;
+    clearOverride: (requestUrl: string) => void;
 };
 export declare const useNetworkActivityClientManagement: () => {
     setupClient: (client: import('../../shared/client').NetworkActivityDevToolsClient) => void;
     cleanupClient: () => void;
 };
 export declare const useWebSocketMessages: (requestId: string) => import('./model').WebSocketMessage[];
+export declare const useOverrides: () => Map<string, import('../../shared/client').RequestOverride>;
+export declare const useClientUISettings: () => import('../../shared/client').NetworkActivityClientUISettings | null;

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

@@ -1,28 +1,32 @@
-import { Initiator, ResourceType } from '../../shared/client';
+import { Initiator, ResourceType, HttpHeaders, RequestPostData } 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 = {
+export type HttpRequestData = {
+    type: string;
+    data: NonNullable<RequestPostData>;
+};
+export type HttpResponseData = {
     type: string;
     data: string;
 };
 export type HttpRequest = {
     url: string;
     method: HttpMethod;
-    headers: Record<string, string>;
-    body?: HttpData;
+    headers: HttpHeaders;
+    body?: HttpRequestData;
 };
 export type HttpResponse = {
     url: string;
     status: number;
     statusText: string;
-    headers: Record<string, string>;
+    headers: HttpHeaders;
     contentType: string;
     size: number;
     responseTime: Timestamp;
-    body?: HttpData;
+    body?: HttpResponseData;
 };
 export type HttpStatus = 'pending' | 'loading' | 'finished' | 'failed';
 export type HttpNetworkEntry = {
@@ -39,9 +43,15 @@ export type HttpNetworkEntry = {
     size?: number;
     initiator?: Initiator;
     resourceType?: ResourceType;
+    progress?: {
+        loaded: number;
+        total: number;
+        lengthComputable: boolean;
+    };
 };
 export type SSEMessage = {
     id: string;
+    type: string;
     data: string;
     timestamp: Timestamp;
 };
@@ -92,7 +102,12 @@ export type ProcessedRequest = {
     status: HttpStatus | WebSocketStatus | SSEStatus;
     timestamp: Timestamp;
     duration?: number;
-    size?: number;
+    size: number | null;
     method: HttpMethod | 'WS' | 'SSE';
     httpStatus?: number;
+    progress?: {
+        loaded: number;
+        total: number;
+        lengthComputable: boolean;
+    };
 };

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

@@ -1,10 +1,12 @@
-import { NetworkActivityDevToolsClient, NetworkActivityEventMap, RequestId } from '../../shared/client';
+import { NetworkActivityDevToolsClient, NetworkActivityEventMap, RequestOverride, RequestId, NetworkActivityClientUISettings } from '../../shared/client';
 import { NetworkEntry, WebSocketMessage } from './model';
 export interface NetworkActivityState {
     isRecording: boolean;
     selectedRequestId: RequestId | null;
     networkEntries: Map<RequestId, NetworkEntry>;
     websocketMessages: Map<RequestId, WebSocketMessage[]>;
+    overrides: Map<string, RequestOverride>;
+    clientUISettings: NetworkActivityClientUISettings | null;
     _unsubscribeFunctions?: Array<{
         remove: () => void;
     }>;
@@ -13,6 +15,8 @@ export interface NetworkActivityState {
         setRecording: (isRecording: boolean) => void;
         setSelectedRequest: (requestId: RequestId | null) => void;
         clearRequests: () => void;
+        addOverride: (requestUrl: string, override: RequestOverride) => void;
+        clearOverride: (requestUrl: string) => void;
     };
     handleEvent: <K extends keyof NetworkActivityEventMap>(eventType: K, data: NetworkActivityEventMap[K]) => void;
     client: {
@@ -20,5 +24,25 @@ export interface NetworkActivityState {
         cleanupClient: () => void;
     };
 }
-export declare const createNetworkActivityStore: () => import('zustand').StoreApi<NetworkActivityState>;
-export declare const store: import('zustand').StoreApi<NetworkActivityState>;
+export declare const createNetworkActivityStore: () => Omit<import('zustand').StoreApi<NetworkActivityState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: NetworkActivityState) => void) => () => void;
+        onFinishHydration: (fn: (state: NetworkActivityState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>;
+    };
+};
+export declare const store: Omit<import('zustand').StoreApi<NetworkActivityState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: NetworkActivityState) => void) => () => void;
+        onFinishHydration: (fn: (state: NetworkActivityState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { NetworkEntry } from '../state/model';
+export declare const checkRequestBodyBinary: (request: NetworkEntry) => boolean;

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

@@ -0,0 +1 @@
+export declare function escapeShellArg(arg: string): string;

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

@@ -0,0 +1,2 @@
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
+export declare function generateCurlCommand(request: HttpNetworkEntry | SSENetworkEntry): string;

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

@@ -0,0 +1,2 @@
+import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
+export declare const generateFetchCall: (request: HttpNetworkEntry | SSENetworkEntry) => string;

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

@@ -0,0 +1,4 @@
+export declare const generateMultipartBody: (formData: Record<string, unknown>) => {
+    body: string;
+    contentType: string;
+};

package/dist/src/utils/applyReactNativeRequestHeadersLogic.d.ts

@@ -0,0 +1,7 @@
+import { HttpHeaders, RequestPostData } from '../shared/client';
+/**
+ * Partially emulates React Native's behavior for setting HTTP headers.
+ *
+ * @see https://github.com/facebook/react-native/blob/de5093c88771977b58f7bec3f3ffa64a9595334e/packages/react-native/Libraries/Network/RCTNetworking.mm#L345-L349
+ */
+export declare function applyReactNativeRequestHeadersLogic(headers: HttpHeaders, postData?: RequestPostData): HttpHeaders;