@rozenite/network-activity-plugin 1.6.0 → 1.7.0-rc.1

package/dist/react-native/chunks/boot-recording.require.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bootRecording = require("./boot-recording.cjs");
+exports.createNetworkInspectorsConfiguration = bootRecording.createNetworkInspectorsConfiguration;
+exports.withOnBootNetworkActivityRecording = bootRecording.withOnBootNetworkActivityRecording;

package/dist/{react-native.cjs → react-native/index.cjs}

@@ -6,8 +6,8 @@ const isWeb = typeof window !== "undefined" && window.navigator.product !== "Rea
 const isDev = process.env.NODE_ENV !== "production";
 const isServer = typeof window === "undefined";
 if (isDev && !isWeb && !isServer) {
-  exports.useNetworkActivityDevTools = require("./useNetworkActivityDevTools.cjs").useNetworkActivityDevTools;
-  exports.withOnBootNetworkActivityRecording = require("./boot-recording.cjs").withOnBootNetworkActivityRecording;
+  exports.useNetworkActivityDevTools = require("./chunks/useNetworkActivityDevTools.require.cjs").useNetworkActivityDevTools;
+  exports.withOnBootNetworkActivityRecording = require("./chunks/boot-recording.require.cjs").withOnBootNetworkActivityRecording;
 } else {
   exports.useNetworkActivityDevTools = () => null;
   exports.withOnBootNetworkActivityRecording = (options) => null;

package/dist/react-native/index.d.ts

@@ -0,0 +1,305 @@
+import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
+
+export declare type BootRecordingOptions = NetworkInspectorConfig & EventsListenerOptions & {
+    /**
+     * Enable queuing of events during boot before DevTools connects.
+     * When true, network activity is captured and queued until DevTools is ready.
+     * When false, nothing is queued and inspectors are not even set up.
+     * @default true
+     */
+    enableBootRecording?: boolean;
+};
+
+declare type EventsListenerOptions = {
+    /**
+     * Maximum number of messages to queue before DevTools connects.
+     * @default 200
+     */
+    maxQueueSize?: number;
+};
+
+declare type HttpEventMap = {
+    'request-sent': {
+        requestId: RequestId;
+        request: Request_2;
+        timestamp: Timestamp;
+        initiator: Initiator;
+        type: ResourceType;
+    };
+    'response-received': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        type: ResourceType;
+        response: Response_2;
+    };
+    'request-completed': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        duration: number;
+        size: number | null;
+        ttfb: number;
+    };
+    'request-failed': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        type: ResourceType;
+        error: string;
+        canceled: boolean;
+    };
+    'request-progress': {
+        requestId: RequestId;
+        timestamp: Timestamp;
+        loaded: number;
+        total: number;
+        lengthComputable: boolean;
+    };
+    'get-response-body': {
+        requestId: RequestId;
+    };
+    'response-body': {
+        requestId: RequestId;
+        body: string | null;
+    };
+    'set-overrides': {
+        overrides: [string, RequestOverride][];
+    };
+};
+
+declare type HttpHeaders = Record<string, string | string[]>;
+
+declare type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';
+
+declare type Initiator = {
+    type: string;
+    url?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+};
+
+declare type InspectorsConfig = {
+    [key in InspectorType]?: boolean;
+};
+
+declare type InspectorType = 'http' | 'websocket' | 'sse';
+
+declare type NetworkActivityClientUISettings = {
+    showUrlAsName?: boolean;
+};
+
+export declare type NetworkActivityDevToolsConfig = NetworkInspectorConfig & {
+    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;
+    };
+};
+
+declare type NetworkActivityEventMap = {
+    'network-enable': unknown;
+    'network-disable': unknown;
+    'get-client-ui-settings': unknown;
+    'client-ui-settings': {
+        settings?: NetworkActivityClientUISettings;
+    };
+} & HttpEventMap & WebSocketEventMap_2 & SSEEventMap;
+
+declare type NetworkInspectorConfig = {
+    /**
+     * 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?: InspectorsConfig;
+};
+
+declare type Request_2 = {
+    url: string;
+    method: HttpMethod;
+    headers: HttpHeaders;
+    postData?: RequestPostData;
+};
+
+declare type RequestBinaryPostData = {
+    type: 'binary';
+    value: {
+        size: number;
+        type?: string;
+        name?: string;
+    };
+};
+
+declare type RequestFormDataPostData = {
+    type: 'form-data';
+    value: Record<string, RequestTextPostData | RequestBinaryPostData>;
+};
+
+declare type RequestId = string;
+
+declare type RequestOverride = {
+    status?: number;
+    body?: string;
+};
+
+declare type RequestPostData = RequestTextPostData | RequestFormDataPostData | RequestBinaryPostData | null | undefined;
+
+declare type RequestTextPostData = {
+    type: 'text';
+    value: string;
+};
+
+declare type ResourceType = 'XHR' | 'Fetch' | 'Other';
+
+declare type Response_2 = {
+    url: string;
+    status: number;
+    statusText: string;
+    headers: HttpHeaders;
+    contentType: string;
+    size: number | null;
+    responseTime: Timestamp;
+};
+
+declare type SSECloseEvent = {
+    type: 'sse-close';
+    requestId: SSERequestId;
+    timestamp: number;
+};
+
+declare type SSEErrorEvent = {
+    type: 'sse-error';
+    requestId: SSERequestId;
+    timestamp: number;
+    error: {
+        type: 'error' | 'timeout' | 'exception';
+        message: string;
+    };
+};
+
+declare type SSEEvent = SSEOpenEvent | SSEMessageEvent | SSEErrorEvent | SSECloseEvent;
+
+declare type SSEEventMap = {
+    [K in SSEEvent['type']]: Extract<SSEEvent, {
+        type: K;
+    }>;
+};
+
+declare type SSEMessageEvent = {
+    type: 'sse-message';
+    requestId: SSERequestId;
+    timestamp: number;
+    payload: {
+        type: string;
+        data: string;
+    };
+};
+
+declare type SSEOpenEvent = {
+    type: 'sse-open';
+    requestId: SSERequestId;
+    timestamp: number;
+    response: Response_2;
+};
+
+declare type SSERequestId = string;
+
+declare type Timestamp = number;
+
+export declare let useNetworkActivityDevTools: useNetworkActivityDevTools_2;
+
+declare const useNetworkActivityDevTools_2: (config?: NetworkActivityDevToolsConfig) => RozeniteDevToolsClient<NetworkActivityEventMap> | null;
+
+declare type WebSocketCloseEvent = {
+    type: 'websocket-close';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    code: number;
+    reason?: string;
+};
+
+declare type WebSocketConnectEvent = {
+    type: 'websocket-connect';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    protocols: string[] | null;
+    options: string[];
+};
+
+declare type WebSocketConnectionStatus = 'connecting' | 'open' | 'closing' | 'closed';
+
+declare type WebSocketConnectionStatusChangedEvent = {
+    type: 'websocket-connection-status-changed';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    status: WebSocketConnectionStatus;
+};
+
+declare type WebSocketErrorEvent = {
+    type: 'websocket-error';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    error: string;
+};
+
+declare type WebSocketEvent = WebSocketConnectEvent | WebSocketOpenEvent | WebSocketCloseEvent | WebSocketMessageSentEvent | WebSocketMessageReceivedEvent | WebSocketErrorEvent | WebSocketConnectionStatusChangedEvent;
+
+declare type WebSocketEventMap_2 = {
+    [K in WebSocketEvent['type']]: Extract<WebSocketEvent, {
+        type: K;
+    }>;
+};
+
+declare type WebSocketMessageReceivedEvent = {
+    type: 'websocket-message-received';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    data: string;
+    messageType: WebSocketMessageType;
+};
+
+declare type WebSocketMessageSentEvent = {
+    type: 'websocket-message-sent';
+    url: string;
+    socketId: number;
+    timestamp: number;
+    data: string;
+    messageType: WebSocketMessageType;
+};
+
+declare type WebSocketMessageType = 'text' | 'binary';
+
+declare type WebSocketOpenEvent = {
+    type: 'websocket-open';
+    url: string;
+    socketId: number;
+    timestamp: number;
+};
+
+export declare let withOnBootNetworkActivityRecording: withOnBootNetworkActivityRecording_2;
+
+/**
+ * Enable network activity recording during app boot, before DevTools connects.
+ * Call this at the root of your app to capture early network requests.
+ *
+ * @example
+ * ```tsx
+ * import { withOnBootNetworkActivityRecording } from '@rozenite/network-activity-plugin';
+ *
+ * // At app entry point, before any network requests
+ * withOnBootNetworkActivityRecording();
+ *
+ * function App() {
+ *   useNetworkActivityDevTools();
+ *   // ...
+ * }
+ * ```
+ */
+declare const withOnBootNetworkActivityRecording_2: (options?: BootRecordingOptions) => void;
+
+export { }

package/dist/{react-native.js → react-native/index.js}

@@ -4,8 +4,8 @@ const isWeb = typeof window !== "undefined" && window.navigator.product !== "Rea
 const isDev = process.env.NODE_ENV !== "production";
 const isServer = typeof window === "undefined";
 if (isDev && !isWeb && !isServer) {
-  useNetworkActivityDevTools = require("./useNetworkActivityDevTools.js").useNetworkActivityDevTools;
-  withOnBootNetworkActivityRecording = require("./boot-recording.js").withOnBootNetworkActivityRecording;
+  useNetworkActivityDevTools = require("./chunks/useNetworkActivityDevTools.require.js").useNetworkActivityDevTools;
+  withOnBootNetworkActivityRecording = require("./chunks/boot-recording.require.js").withOnBootNetworkActivityRecording;
 } else {
   useNetworkActivityDevTools = () => null;
   withOnBootNetworkActivityRecording = (options) => null;

package/dist/rozenite.json

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

package/package.json

@@ -1,15 +1,23 @@
 {
   "name": "@rozenite/network-activity-plugin",
-  "version": "1.6.0",
+  "version": "1.7.0-rc.1",
   "description": "Network Activity for Rozenite.",
   "type": "module",
-  "main": "./dist/react-native.cjs",
-  "module": "./dist/react-native.js",
-  "types": "./dist/react-native.d.ts",
+  "main": "./dist/react-native/index.cjs",
+  "module": "./dist/react-native/index.js",
+  "types": "./dist/react-native/index.d.ts",
+  "homepage": "https://github.com/callstackincubator/rozenite#readme",
+  "bugs": {
+    "url": "https://github.com/callstackincubator/rozenite/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/callstackincubator/rozenite.git"
+  },
   "dependencies": {
     "nanoevents": "^9.1.0",
-    "@rozenite/agent-bridge": "1.6.0",
-    "@rozenite/plugin-bridge": "1.6.0"
+    "@rozenite/agent-bridge": "1.7.0-rc.1",
+    "@rozenite/plugin-bridge": "1.7.0-rc.1"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.26.0",
@@ -40,8 +48,8 @@
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
     "zustand": "^5.0.6",
-    "@rozenite/vite-plugin": "1.6.0",
-    "rozenite": "1.6.0"
+    "@rozenite/vite-plugin": "1.7.0-rc.1",
+    "rozenite": "1.7.0-rc.1"
   },
   "peerDependencies": {
     "react-native-sse": "*"
@@ -52,6 +60,17 @@
     }
   },
   "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/react-native/index.d.ts",
+      "import": "./dist/react-native/index.js",
+      "require": "./dist/react-native/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "rozenite build",
     "dev": "rozenite dev",

package/dist/react-native.d.ts

@@ -1,4 +0,0 @@
-export declare let useNetworkActivityDevTools: typeof import('./src/react-native/useNetworkActivityDevTools').useNetworkActivityDevTools;
-export declare let withOnBootNetworkActivityRecording: typeof import('./src/react-native/boot-recording').withOnBootNetworkActivityRecording;
-export type { NetworkActivityDevToolsConfig } from './src/react-native/config';
-export type { BootRecordingOptions } from './src/react-native/boot-recording';

package/dist/rozenite.config.d.ts

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

package/dist/src/react-native/agent/__tests__/network-activity-agent-state.test.d.ts

@@ -1 +0,0 @@
-export {};