@rozenite/network-activity-plugin 1.5.1 → 1.7.0-rc.0

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

@@ -1,7 +0,0 @@
-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/components/Toolbar.d.ts

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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/http-events').RequestId | null) => void;
-    clearRequests: () => void;
-    addOverride: (requestUrl: string, override: import('../../shared/http-events').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/http-events').RequestOverride>;
-export declare const useClientUISettings: () => import('../../shared/client').NetworkActivityClientUISettings | null;

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

@@ -1,113 +0,0 @@
-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 HttpRequestData = {
-    type: string;
-    data: NonNullable<RequestPostData>;
-};
-export type HttpResponseData = {
-    type: string;
-    data: string;
-};
-export type HttpRequest = {
-    url: string;
-    method: HttpMethod;
-    headers: HttpHeaders;
-    body?: HttpRequestData;
-};
-export type HttpResponse = {
-    url: string;
-    status: number;
-    statusText: string;
-    headers: HttpHeaders;
-    contentType: string;
-    size: number;
-    responseTime: Timestamp;
-    body?: HttpResponseData;
-};
-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;
-    progress?: {
-        loaded: number;
-        total: number;
-        lengthComputable: boolean;
-    };
-};
-export type SSEMessage = {
-    id: string;
-    type: 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 | null;
-    method: HttpMethod | 'WS' | 'SSE';
-    httpStatus?: number;
-    progress?: {
-        loaded: number;
-        total: number;
-        lengthComputable: boolean;
-    };
-};

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

@@ -1,48 +0,0 @@
-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;
-    }>;
-    _client?: NetworkActivityDevToolsClient;
-    actions: {
-        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: {
-        setupClient: (client: NetworkActivityDevToolsClient) => void;
-        cleanupClient: () => void;
-    };
-}
-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/tabs/CookiesTab.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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,5 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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,5 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,7 +0,0 @@
-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;

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

@@ -1,9 +0,0 @@
-import { HttpHeaders, XHRHeaders } from '../shared/client';
-/**
- * Applies React Native specific logic to response headers.
- * React Native concatenates multiple header values into single strings,
- * this function parses them back into arrays where appropriate.
- *
- * @see https://github.com/facebook/react-native/blob/588f0c5ce6c283f116228456da2170d2adc3cbf4/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java#L637
- */
-export declare const applyReactNativeResponseHeadersLogic: (headers: XHRHeaders) => HttpHeaders;

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

@@ -1,6 +0,0 @@
-import { Cookie, HttpHeaders } from '../shared/client';
-export declare const parseSetCookieHeader: (setCookieStr: string) => Cookie;
-export declare const splitSetCookieHeaderByComma: (header: string) => string[];
-export declare const parseCookieHeader: (cookieString: string) => Cookie[];
-export declare const parseRequestCookiesFromHeaders: (headers: HttpHeaders) => Cookie[];
-export declare const parseResponseCookiesFromHeaders: (headers: HttpHeaders) => Cookie[];

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

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

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

@@ -1,5 +0,0 @@
-import { HttpHeaders, XHRHeaders } from '../shared/client';
-export declare function getHttpHeader<T extends HttpHeaders | XHRHeaders>(headers: T, name: string): {
-    value: T[Extract<keyof T, string>];
-    originalKey: Extract<keyof T, string>;
-} | undefined;

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

@@ -1,11 +0,0 @@
-/**
- * Combines multiple HTTP header values according to RFC 7230 Section 3.2.2
- *
- * Per RFC 7230 Section 3.2.2: "A recipient MAY combine multiple header fields
- * with the same field name into one 'field-name: field-value' pair, without
- * changing the semantics of the message, by appending each subsequent field
- * value to the combined field value in order, separated by a comma."
- *
- * @see https://tools.ietf.org/html/rfc7230#section-3.2.2
- */
-export declare function getHttpHeaderValueAsString(value: string | string[]): string;

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

@@ -1 +0,0 @@
-export declare const getStringSizeInBytes: (value: string) => number;

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

@@ -1,2 +0,0 @@
-import { RequestPostData } from '../shared/client';
-export declare function inferContentTypeFromPostData(postData: RequestPostData): "multipart/form-data" | undefined;

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

@@ -1 +0,0 @@
-export declare function safeStringify(data: unknown): string;

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

@@ -1,9 +0,0 @@
-export declare const isBlob: (value: unknown) => value is Blob;
-export declare const isArrayBuffer: (value: unknown) => value is ArrayBuffer | ArrayBufferView;
-export declare const isFormData: (value: unknown) => value is FormData;
-export declare const isNullOrUndefined: (value: unknown) => value is null | undefined;
-export declare const isString: (value: unknown) => value is string;
-export declare const isNumber: (value: unknown) => value is number;
-export declare const isBoolean: (value: unknown) => value is boolean;
-export declare const isObject: (value: unknown) => value is object;
-export declare const isArray: (value: unknown) => value is unknown[];

package/dist/useNetworkActivityDevTools.cjs

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const pluginBridge = require("@rozenite/plugin-bridge");
-const bootRecording = require("./boot-recording.cjs");
-const overridesRegistry = bootRecording.getOverridesRegistry();
-const useHttpInspector = (client, httpInspector, isEnabled, isRecordingEnabled) => {
-  react.useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const networkRequestsRegistry = httpInspector.getNetworkRequestsRegistry();
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        httpInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        httpInspector.disable();
-      }),
-      client.onMessage("set-overrides", (data) => {
-        overridesRegistry.setOverrides(data.overrides);
-      }),
-      client.onMessage("get-response-body", async ({ requestId }) => {
-        const request = networkRequestsRegistry.getEntry(requestId);
-        if (!request) {
-          return;
-        }
-        const body = await bootRecording.getResponseBody(request);
-        client.send("response-body", {
-          requestId,
-          body
-        });
-      })
-    ];
-    if (isRecordingEnabled) {
-      httpInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      httpInspector.dispose();
-    };
-  }, [client, httpInspector, isEnabled, isRecordingEnabled]);
-};
-const useWebSocketInspector = (client, websocketInspector, isEnabled, isRecordingEnabled) => {
-  react.useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        websocketInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        websocketInspector.disable();
-      })
-    ];
-    if (isRecordingEnabled) {
-      websocketInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      websocketInspector.dispose();
-    };
-  }, [client, websocketInspector, isEnabled, isRecordingEnabled]);
-};
-const useSSEInspector = (client, sseInspector, isEnabled, isRecordingEnabled) => {
-  react.useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        sseInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        sseInspector.disable();
-      })
-    ];
-    if (isRecordingEnabled) {
-      sseInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      sseInspector.dispose();
-    };
-  }, [client, sseInspector, isEnabled, isRecordingEnabled]);
-};
-const inspectorsConfig = bootRecording.createNetworkInspectorsConfiguration();
-const useNetworkActivityDevTools = (config = bootRecording.DEFAULT_CONFIG) => {
-  const isRecordingEnabledRef = react.useRef(false);
-  const client = pluginBridge.useRozeniteDevToolsClient({
-    pluginId: "@rozenite/network-activity-plugin"
-  });
-  const isHttpInspectorEnabled = config.inspectors?.http ?? true;
-  const isWebSocketInspectorEnabled = config.inspectors?.websocket ?? true;
-  const isSSEInspectorEnabled = config.inspectors?.sse ?? true;
-  const showUrlAsName = config.clientUISettings?.showUrlAsName;
-  const { eventsListener, networkInspector } = inspectorsConfig;
-  react.useEffect(() => {
-    if (!client) {
-      return;
-    }
-    bootRecording.validateConfig(config);
-  }, [config]);
-  react.useEffect(() => {
-    if (!client) {
-      return;
-    }
-    const sendClientUISettings = () => {
-      client.send("client-ui-settings", {
-        settings: {
-          showUrlAsName: showUrlAsName ?? bootRecording.DEFAULT_CONFIG.clientUISettings?.showUrlAsName
-        }
-      });
-    };
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        isRecordingEnabledRef.current = true;
-        eventsListener.connect(client.send, (message) => {
-          const type = message.type;
-          if (bootRecording.isHttpEvent(type)) {
-            return isHttpInspectorEnabled;
-          }
-          if (bootRecording.isWebSocketEvent(type)) {
-            return isWebSocketInspectorEnabled;
-          }
-          if (bootRecording.isSSEEvent(type)) {
-            return isSSEInspectorEnabled;
-          }
-          return true;
-        });
-      }),
-      client.onMessage("network-disable", () => {
-        isRecordingEnabledRef.current = false;
-      }),
-      client.onMessage("get-client-ui-settings", () => {
-        sendClientUISettings();
-      })
-    ];
-    sendClientUISettings();
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-    };
-  }, [
-    client,
-    showUrlAsName,
-    isHttpInspectorEnabled,
-    isWebSocketInspectorEnabled,
-    isSSEInspectorEnabled
-  ]);
-  useHttpInspector(
-    client,
-    networkInspector.http,
-    isHttpInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  useWebSocketInspector(
-    client,
-    networkInspector.websocket,
-    isWebSocketInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  useSSEInspector(
-    client,
-    networkInspector.sse,
-    isSSEInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  return client;
-};
-exports.useNetworkActivityDevTools = useNetworkActivityDevTools;