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

package/dist/react-native.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 exports.useNetworkActivityDevTools = void 0;
 if (process.env.NODE_ENV !== "production") {
-  exports.useNetworkActivityDevTools = require("./useNetworkActivityDevTools.js").useNetworkActivityDevTools;
+  exports.useNetworkActivityDevTools = require("./useNetworkActivityDevTools.cjs").useNetworkActivityDevTools;
 } else {
   exports.useNetworkActivityDevTools = () => null;
 }

package/dist/react-native.d.ts

@@ -1,90 +1 @@
-import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
-
-declare type NetworkActivityEventMap = {
-    'network-enable': unknown;
-    'network-disable': unknown;
-    '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;
-    };
-};
-
-declare type NetworkInitiator = {
-    type: string;
-    url?: string;
-    lineNumber?: number;
-    columnNumber?: number;
-};
-
-declare type NetworkLoaderId = string;
-
-declare type NetworkMonotonicTime = number;
-
-declare type NetworkRequest = {
-    url: string;
-    method: string;
-    headers: Record<string, string>;
-    postData?: string;
-    hasPostData?: boolean;
-};
-
-declare type NetworkRequestId = string;
-
-declare type NetworkResourceType = 'Document' | 'Stylesheet' | 'Image' | 'Media' | 'Font' | 'Script' | 'XHR' | 'Fetch' | 'EventSource' | 'WebSocket' | 'Manifest' | 'Other' | 'Ping' | 'CSPViolationReport' | 'Preflight' | 'Subresource';
-
-declare type NetworkResponse = {
-    url: string;
-    status: number;
-    statusText: string;
-    headers: Record<string, string>;
-    mimeType: string;
-    encodedDataLength: number;
-    responseTime: NetworkTimeSinceEpoch;
-};
-
-declare type NetworkTimeSinceEpoch = number;
-
-export declare let useNetworkActivityDevTools: useNetworkActivityDevTools_2;
-
-declare const useNetworkActivityDevTools_2: () => RozeniteDevToolsClient<NetworkActivityEventMap> | null;
-
-export { }
+export declare let useNetworkActivityDevTools: typeof import('./src/react-native/useNetworkActivityDevTools').useNetworkActivityDevTools;

package/dist/rozenite.config.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    panels: {
+        name: string;
+        source: string;
+    }[];
+};
+export default _default;

package/dist/rozenite.json

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

package/dist/src/react-native/network-inspector.d.ts

@@ -0,0 +1,8 @@
+import { NetworkActivityDevToolsClient } from '../shared/client';
+export type NetworkInspector = {
+    enable: () => void;
+    disable: () => void;
+    isEnabled: () => boolean;
+    dispose: () => void;
+};
+export declare const getNetworkInspector: (pluginClient: NetworkActivityDevToolsClient) => NetworkInspector;

package/dist/src/react-native/network-requests-registry.d.ts

@@ -0,0 +1,6 @@
+export type NetworkRequestRegistry = {
+    addEntry: (id: string, request: XMLHttpRequest) => void;
+    getEntry: (id: string) => XMLHttpRequest | null;
+    clear: () => void;
+};
+export declare const getNetworkRequestsRegistry: () => NetworkRequestRegistry;

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

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

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

@@ -0,0 +1,38 @@
+type XHRInterceptorOpenCallback = (method: string, url: string, request: XMLHttpRequest) => void;
+type XHRInterceptorSendCallback = (data: string, 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;
+/**
+ * A network interceptor which monkey-patches XMLHttpRequest methods
+ * to gather all network requests/responses, in order to show their
+ * information in the React Native inspector development tool.
+ * This supports interception with XMLHttpRequest API, including Fetch API
+ * and any other third party libraries that depend on XMLHttpRequest.
+ */
+export declare const XHRInterceptor: {
+    /**
+     * Invoked before XMLHttpRequest.open(...) is called.
+     */
+    setOpenCallback(callback: XHRInterceptorOpenCallback): void;
+    /**
+     * Invoked before XMLHttpRequest.send(...) is called.
+     */
+    setSendCallback(callback: XHRInterceptorSendCallback): void;
+    /**
+     * Invoked after xhr's readyState becomes xhr.HEADERS_RECEIVED.
+     */
+    setHeaderReceivedCallback(callback: XHRInterceptorHeaderReceivedCallback): void;
+    /**
+     * Invoked after xhr's readyState becomes xhr.DONE.
+     */
+    setResponseCallback(callback: XHRInterceptorResponseCallback): void;
+    /**
+     * Invoked before XMLHttpRequest.setRequestHeader(...) is called.
+     */
+    setRequestHeaderCallback(callback: XHRInterceptorRequestHeaderCallback): void;
+    isInterceptorEnabled(): boolean;
+    enableInterception(): void;
+    disableInterception(): void;
+};
+export {};

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

@@ -0,0 +1,64 @@
+import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
+export type RequestId = string;
+export type Timestamp = number;
+export type Request = {
+    url: string;
+    method: string;
+    headers: Record<string, string>;
+    postData?: string;
+};
+export type Response = {
+    url: string;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    contentType: string;
+    size: number;
+    responseTime: Timestamp;
+};
+export type Initiator = {
+    type: string;
+    url?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+};
+export type ResourceType = 'XHR' | 'Fetch' | 'Other';
+export type NetworkActivityEventMap = {
+    'network-enable': unknown;
+    'network-disable': unknown;
+    'request-sent': {
+        requestId: RequestId;
+        request: Request;
+        timestamp: Timestamp;
+        initiator: Initiator;
+        type: ResourceType;
+    };
+    'response-received': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        type: ResourceType;
+        response: Response;
+    };
+    'request-completed': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        duration: number;
+        size: number;
+        ttfb: number;
+    };
+    'request-failed': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        type: ResourceType;
+        error: string;
+        canceled: boolean;
+    };
+    'get-response-body': {
+        requestId: RequestId;
+    };
+    'response-body': {
+        requestId: RequestId;
+        body: string | null;
+    };
+};
+export type NetworkActivityDevToolsClient = RozeniteDevToolsClient<NetworkActivityEventMap>;

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

@@ -0,0 +1 @@
+export default function NetworkActivityPanel(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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" | "secondary" | "destructive" | "outline" | "link" | "ghost" | 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/RequestList.d.ts

@@ -0,0 +1,45 @@
+import { NetworkEntry } from '../types';
+import { RequestId } from '../../shared/client';
+import * as React from 'react';
+type NetworkRequest = {
+    id: string;
+    name: string;
+    status: number;
+    method: string;
+    domain: string;
+    path: string;
+    size: string;
+    time: string;
+    type: string;
+    initiator: string;
+    startTime: string;
+    requestBody?: {
+        type: string;
+        data: string;
+    };
+    responseBody?: {
+        type: string;
+        data: string | null;
+    };
+};
+type RequestListProps = {
+    networkEntries: Map<RequestId, NetworkEntry>;
+    selectedRequestId: RequestId | null;
+    onRequestSelect: (requestId: RequestId) => void;
+};
+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 formatInitiator: (initiator: any) => string;
+declare const mapResourceType: (type: string) => string;
+declare const getTypeColor: (type: string) => string;
+declare const getStatusColor: (status: number) => "text-gray-400" | "text-green-400" | "text-yellow-400" | "text-red-400";
+declare const processNetworkEntries: (networkEntries: Map<RequestId, NetworkEntry>) => NetworkRequest[];
+export declare const RequestList: React.FC<RequestListProps>;
+export { formatSize, formatDuration, formatStartTime, extractDomainAndPath, generateName, formatInitiator, mapResourceType, getTypeColor, getStatusColor, processNetworkEntries, };
+export type { NetworkRequest };

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/tabs/CookiesTab.d.ts

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

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

@@ -0,0 +1,17 @@
+import { NetworkEntry } from '../types';
+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;
+};
+export declare const HeadersTab: ({ selectedRequest, networkEntries, getStatusColor, }: HeadersTabProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export type RequestTabProps = {
+    selectedRequest: {
+        method: string;
+        requestBody?: {
+            type: string;
+            data: string;
+        };
+    };
+};
+export declare const RequestTab: ({ selectedRequest }: RequestTabProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { RequestId, Request, Response, Initiator, ResourceType } from '../shared/client';
+export type NetworkEntry = {
+    requestId: RequestId;
+    url: string;
+    method: string;
+    headers: Record<string, string>;
+    postData?: 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.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): 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;