@rozenite/network-activity-plugin 1.7.0 → 1.8.1

package/dist/react-native/chunks/useNetworkActivityDevTools.require.js

@@ -1,7 +1,8 @@
 import { useEffect, useRef } from "react";
 import { useRozeniteDevToolsClient } from "@rozenite/plugin-bridge";
-import { s as safeStringify, g as getResponseBody, a as getOverridesRegistry, c as createNetworkInspectorsConfiguration, D as DEFAULT_CONFIG, v as validateConfig, i as isHttpEvent, b as isWebSocketEvent, d as isSSEEvent } from "./boot-recording.js";
+import { s as safeStringify, g as getOverridesRegistry, c as createNetworkInspectorsConfiguration, D as DEFAULT_CONFIG, v as validateConfig, i as isHttpEvent, a as isWebSocketEvent, b as isSSEEvent } from "./boot-recording.js";
 import { useRozenitePluginAgentTool } from "@rozenite/agent-bridge";
+import { defineAgentToolContract } from "@rozenite/agent-shared";
 const DEFAULT_PAGE_LIMIT = 20;
 const MAX_PAGE_LIMIT = 100;
 const HTTP_BUFFER_CAPACITY = 500;
@@ -621,121 +622,132 @@ const getNetworkActivityAgentState = /* @__PURE__ */ (() => {
     return instance;
   };
 })();
-const startRecordingTool = {
-  name: "startRecording",
-  description: "Start recording network activity in the fallback network activity plugin.",
-  inputSchema: {
-    type: "object",
-    properties: {}
-  }
-};
-const stopRecordingTool = {
-  name: "stopRecording",
-  description: "Stop recording network activity without clearing the captured plugin buffer.",
-  inputSchema: {
-    type: "object",
-    properties: {}
-  }
-};
-const getRecordingStatusTool = {
-  name: "getRecordingStatus",
-  description: "Return network activity plugin recording state and buffer metadata.",
-  inputSchema: {
-    type: "object",
-    properties: {}
-  }
-};
-const listRequestsTool = {
-  name: "listRequests",
-  description: "List captured HTTP request summaries with cursor pagination from the fallback plugin.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      limit: {
-        type: "number",
-        description: "Maximum number of requests to return. Defaults to 20."
-      },
-      cursor: {
-        type: "string",
-        description: "Opaque pagination cursor from a previous listRequests call."
-      }
+const NETWORK_ACTIVITY_AGENT_PLUGIN_ID = "@rozenite/network-activity-plugin";
+const networkActivityToolDefinitions = {
+  startRecording: defineAgentToolContract({
+    name: "startRecording",
+    description: "Start recording network activity in the fallback network activity plugin.",
+    inputSchema: {
+      type: "object",
+      properties: {}
     }
-  }
-};
-const getRequestDetailsTool = {
-  name: "getRequestDetails",
-  description: "Return detailed metadata for a captured HTTP request without fetching response body.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      requestId: {
-        type: "string",
-        description: "Captured plugin request ID to inspect."
-      }
-    },
-    required: ["requestId"]
-  }
-};
-const getRequestBodyTool = {
-  name: "getRequestBody",
-  description: "Return the captured request body for a plugin-recorded HTTP request when available.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      requestId: {
-        type: "string",
-        description: "Captured plugin request ID to inspect."
-      }
-    },
-    required: ["requestId"]
-  }
-};
-const getResponseBodyTool = {
-  name: "getResponseBody",
-  description: "Return the captured response body for a plugin-recorded HTTP request when available.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      requestId: {
-        type: "string",
-        description: "Captured plugin request ID to inspect."
+  }),
+  stopRecording: defineAgentToolContract({
+    name: "stopRecording",
+    description: "Stop recording network activity without clearing the captured plugin buffer.",
+    inputSchema: {
+      type: "object",
+      properties: {}
+    }
+  }),
+  getRecordingStatus: defineAgentToolContract({
+    name: "getRecordingStatus",
+    description: "Return network activity plugin recording state and buffer metadata.",
+    inputSchema: {
+      type: "object",
+      properties: {}
+    }
+  }),
+  listRequests: defineAgentToolContract({
+    name: "listRequests",
+    description: "List captured HTTP request summaries with cursor pagination from the fallback plugin.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        limit: {
+          type: "number",
+          description: "Maximum number of requests to return. Defaults to 20."
+        },
+        cursor: {
+          type: "string",
+          description: "Opaque pagination cursor from a previous listRequests call."
+        }
       }
-    },
-    required: ["requestId"]
-  }
-};
-const listRealtimeConnectionsTool = {
-  name: "listRealtimeConnections",
-  description: "List captured WebSocket and SSE connections with cursor pagination.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      limit: {
-        type: "number",
-        description: "Maximum number of realtime connections to return. Defaults to 20."
+    }
+  }),
+  getRequestDetails: defineAgentToolContract({
+    name: "getRequestDetails",
+    description: "Return detailed metadata for a captured HTTP request without fetching response body.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        requestId: {
+          type: "string",
+          description: "Captured plugin request ID to inspect."
+        }
       },
-      cursor: {
-        type: "string",
-        description: "Opaque pagination cursor from a previous listRealtimeConnections call."
-      }
+      required: ["requestId"]
     }
-  }
-};
-const getRealtimeConnectionDetailsTool = {
-  name: "getRealtimeConnectionDetails",
-  description: "Return details for a captured WebSocket or SSE connection, including recent messages.",
-  inputSchema: {
-    type: "object",
-    properties: {
-      requestId: {
-        type: "string",
-        description: "Captured realtime request ID to inspect."
+  }),
+  getRequestBody: defineAgentToolContract({
+    name: "getRequestBody",
+    description: "Return the captured request body for a plugin-recorded HTTP request when available.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        requestId: {
+          type: "string",
+          description: "Captured plugin request ID to inspect."
+        }
+      },
+      required: ["requestId"]
+    }
+  }),
+  getResponseBody: defineAgentToolContract({
+    name: "getResponseBody",
+    description: "Return the captured response body for a plugin-recorded HTTP request when available.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        requestId: {
+          type: "string",
+          description: "Captured plugin request ID to inspect."
+        }
+      },
+      required: ["requestId"]
+    }
+  }),
+  listRealtimeConnections: defineAgentToolContract({
+    name: "listRealtimeConnections",
+    description: "List captured WebSocket and SSE connections with cursor pagination.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        limit: {
+          type: "number",
+          description: "Maximum number of realtime connections to return. Defaults to 20."
+        },
+        cursor: {
+          type: "string",
+          description: "Opaque pagination cursor from a previous listRealtimeConnections call."
+        }
       }
-    },
-    required: ["requestId"]
-  }
+    }
+  }),
+  getRealtimeConnectionDetails: defineAgentToolContract({
+    name: "getRealtimeConnectionDetails",
+    description: "Return details for a captured WebSocket or SSE connection, including recent messages.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        requestId: {
+          type: "string",
+          description: "Captured realtime request ID to inspect."
+        }
+      },
+      required: ["requestId"]
+    }
+  })
 };
-const pluginId = "@rozenite/network-activity-plugin";
+const startRecordingTool = networkActivityToolDefinitions.startRecording;
+const stopRecordingTool = networkActivityToolDefinitions.stopRecording;
+const getRecordingStatusTool = networkActivityToolDefinitions.getRecordingStatus;
+const listRequestsTool = networkActivityToolDefinitions.listRequests;
+const getRequestDetailsTool = networkActivityToolDefinitions.getRequestDetails;
+const getRequestBodyTool = networkActivityToolDefinitions.getRequestBody;
+const getResponseBodyTool = networkActivityToolDefinitions.getResponseBody;
+const listRealtimeConnectionsTool = networkActivityToolDefinitions.listRealtimeConnections;
+const getRealtimeConnectionDetailsTool = networkActivityToolDefinitions.getRealtimeConnectionDetails;
 const useNetworkActivityAgentTools = ({
   client,
   networkInspector,
@@ -764,6 +776,22 @@ const useNetworkActivityAgentTools = ({
         "request-failed",
         (event) => state.onRequestFailed(event)
       ),
+      networkInspector.nitro.on(
+        "request-sent",
+        (event) => state.onRequestSent(event)
+      ),
+      networkInspector.nitro.on(
+        "response-received",
+        (event) => state.onResponseReceived(event)
+      ),
+      networkInspector.nitro.on(
+        "request-completed",
+        (event) => state.onRequestCompleted(event)
+      ),
+      networkInspector.nitro.on(
+        "request-failed",
+        (event) => state.onRequestFailed(event)
+      ),
       networkInspector.websocket.on(
         "websocket-connect",
         (event) => state.onWebSocketConnect(event)
@@ -792,8 +820,35 @@ const useNetworkActivityAgentTools = ({
         "websocket-connection-status-changed",
         (event) => state.onWebSocketConnectionStatusChanged(event)
       ),
+      networkInspector.nitro.on(
+        "websocket-connect",
+        (event) => state.onWebSocketConnect(event)
+      ),
+      networkInspector.nitro.on(
+        "websocket-open",
+        (event) => state.onWebSocketOpen(event)
+      ),
+      networkInspector.nitro.on(
+        "websocket-close",
+        (event) => state.onWebSocketClose(event)
+      ),
+      networkInspector.nitro.on(
+        "websocket-message-sent",
+        (event) => state.onWebSocketMessageSent(event)
+      ),
+      networkInspector.nitro.on(
+        "websocket-message-received",
+        (event) => state.onWebSocketMessageReceived(event)
+      ),
+      networkInspector.nitro.on(
+        "websocket-error",
+        (event) => state.onWebSocketError(event)
+      ),
       networkInspector.sse.on("sse-open", (event) => state.onSSEOpen(event)),
-      networkInspector.sse.on("sse-message", (event) => state.onSSEMessage(event)),
+      networkInspector.sse.on(
+        "sse-message",
+        (event) => state.onSSEMessage(event)
+      ),
       networkInspector.sse.on("sse-error", (event) => state.onSSEError(event)),
       networkInspector.sse.on("sse-close", (event) => state.onSSEClose(event))
     ];
@@ -820,7 +875,7 @@ const useNetworkActivityAgentTools = ({
     };
   }, [client, enabledInspectors, state]);
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: startRecordingTool,
     handler: () => {
       networkInspector.http.getNetworkRequestsRegistry().clear();
@@ -833,7 +888,7 @@ const useNetworkActivityAgentTools = ({
     }
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: stopRecordingTool,
     handler: () => {
       const result = state.stopRecording();
@@ -845,27 +900,27 @@ const useNetworkActivityAgentTools = ({
     }
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: getRecordingStatusTool,
     handler: () => state.getStatus()
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: listRequestsTool,
     handler: (input = {}) => state.listRequests(input)
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: getRequestDetailsTool,
     handler: ({ requestId }) => state.getRequestDetails(requestId)
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: getRequestBodyTool,
     handler: ({ requestId }) => state.getRequestBody(requestId)
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: getResponseBodyTool,
     handler: async ({ requestId }) => {
       const record = state.getHttpRecord(requestId);
@@ -886,15 +941,7 @@ const useNetworkActivityAgentTools = ({
           reason: "Response body is unavailable until the request finishes loading."
         };
       }
-      const request = networkInspector.http.getNetworkRequestsRegistry().getEntry(requestId);
-      if (!request) {
-        return {
-          requestId,
-          available: false,
-          reason: "Response body is unavailable because the request object is no longer in the plugin registry."
-        };
-      }
-      const body = await getResponseBody(request);
+      const body = await networkInspector.getResponseBody(requestId);
       if (body === null) {
         return {
           requestId,
@@ -913,39 +960,34 @@ const useNetworkActivityAgentTools = ({
     }
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: listRealtimeConnectionsTool,
     handler: (input = {}) => state.listRealtimeConnections(input)
   });
   useRozenitePluginAgentTool({
-    pluginId,
+    pluginId: NETWORK_ACTIVITY_AGENT_PLUGIN_ID,
     tool: getRealtimeConnectionDetailsTool,
     handler: ({ requestId }) => state.getRealtimeConnectionDetails(requestId)
   });
 };
 const overridesRegistry = getOverridesRegistry();
-const useHttpInspector = (client, httpInspector, isEnabled, isRecordingEnabled) => {
+const useHttpInspector = (client, networkInspector, isEnabled, isRecordingEnabled) => {
   useEffect(() => {
     if (!client || !isEnabled) {
       return;
     }
-    const networkRequestsRegistry = httpInspector.getNetworkRequestsRegistry();
     const subscriptions = [
       client.onMessage("network-enable", () => {
-        httpInspector.enable();
+        networkInspector.http.enable();
       }),
       client.onMessage("network-disable", () => {
-        httpInspector.disable();
+        networkInspector.http.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 getResponseBody(request);
+        const body = await networkInspector.getResponseBody(requestId);
         client.send("response-body", {
           requestId,
           body
@@ -953,13 +995,13 @@ const useHttpInspector = (client, httpInspector, isEnabled, isRecordingEnabled)
       })
     ];
     if (isRecordingEnabled) {
-      httpInspector.enable();
+      networkInspector.http.enable();
     }
     return () => {
       subscriptions.forEach((subscription) => subscription.remove());
-      httpInspector.dispose();
+      networkInspector.http.dispose();
     };
-  }, [client, httpInspector, isEnabled, isRecordingEnabled]);
+  }, [client, networkInspector, isEnabled, isRecordingEnabled]);
 };
 const useWebSocketInspector = (client, websocketInspector, isEnabled, isRecordingEnabled) => {
   useEffect(() => {
@@ -1045,6 +1087,11 @@ const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
     const subscriptions = [
       client.onMessage("network-enable", () => {
         isRecordingEnabledRef.current = true;
+        networkInspector.enable({
+          http: isHttpInspectorEnabled,
+          websocket: isWebSocketInspectorEnabled,
+          sse: isSSEInspectorEnabled
+        });
         eventsListener.connect(client.send, (message) => {
           const type = message.type;
           if (isHttpEvent(type)) {
@@ -1061,11 +1108,15 @@ const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
       }),
       client.onMessage("network-disable", () => {
         isRecordingEnabledRef.current = false;
+        networkInspector.disable();
       }),
       client.onMessage("get-client-ui-settings", () => {
         sendClientUISettings();
       })
     ];
+    client.send("recording-state", {
+      isRecording: isRecordingEnabledRef.current
+    });
     sendClientUISettings();
     return () => {
       subscriptions.forEach((subscription) => subscription.remove());
@@ -1079,7 +1130,7 @@ const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
   ]);
   useHttpInspector(
     client,
-    networkInspector.http,
+    networkInspector,
     isHttpInspectorEnabled,
     isRecordingEnabledRef.current
   );

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

@@ -25,12 +25,14 @@ declare type HttpEventMap = {
         timestamp: Timestamp;
         initiator: Initiator;
         type: ResourceType;
+        source?: NetworkEventSource;
     };
     'response-received': {
         requestId: RequestId;
         timestamp: Timestamp;
         type: ResourceType;
         response: Response_2;
+        source?: NetworkEventSource;
     };
     'request-completed': {
         requestId: RequestId;
@@ -38,6 +40,7 @@ declare type HttpEventMap = {
         duration: number;
         size: number | null;
         ttfb: number;
+        source?: NetworkEventSource;
     };
     'request-failed': {
         requestId: RequestId;
@@ -45,6 +48,7 @@ declare type HttpEventMap = {
         type: ResourceType;
         error: string;
         canceled: boolean;
+        source?: NetworkEventSource;
     };
     'request-progress': {
         requestId: RequestId;
@@ -52,6 +56,7 @@ declare type HttpEventMap = {
         loaded: number;
         total: number;
         lengthComputable: boolean;
+        source?: NetworkEventSource;
     };
     'get-response-body': {
         requestId: RequestId;
@@ -99,12 +104,17 @@ export declare type NetworkActivityDevToolsConfig = NetworkInspectorConfig & {
 declare type NetworkActivityEventMap = {
     'network-enable': unknown;
     'network-disable': unknown;
+    'recording-state': {
+        isRecording: boolean;
+    };
     'get-client-ui-settings': unknown;
     'client-ui-settings': {
         settings?: NetworkActivityClientUISettings;
     };
 } & HttpEventMap & WebSocketEventMap_2 & SSEEventMap;
 
+declare type NetworkEventSource = 'builtin' | 'nitro';
+
 declare type NetworkInspectorConfig = {
     /**
      * Specifies which network inspectors are enabled.
@@ -213,19 +223,21 @@ declare const useNetworkActivityDevTools_2: (config?: NetworkActivityDevToolsCon
 declare type WebSocketCloseEvent = {
     type: 'websocket-close';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     code: number;
     reason?: string;
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketConnectEvent = {
     type: 'websocket-connect';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     protocols: string[] | null;
     options: string[];
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketConnectionStatus = 'connecting' | 'open' | 'closing' | 'closed';
@@ -233,17 +245,19 @@ declare type WebSocketConnectionStatus = 'connecting' | 'open' | 'closing' | 'cl
 declare type WebSocketConnectionStatusChangedEvent = {
     type: 'websocket-connection-status-changed';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     status: WebSocketConnectionStatus;
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketErrorEvent = {
     type: 'websocket-error';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     error: string;
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketEvent = WebSocketConnectEvent | WebSocketOpenEvent | WebSocketCloseEvent | WebSocketMessageSentEvent | WebSocketMessageReceivedEvent | WebSocketErrorEvent | WebSocketConnectionStatusChangedEvent;
@@ -257,19 +271,21 @@ declare type WebSocketEventMap_2 = {
 declare type WebSocketMessageReceivedEvent = {
     type: 'websocket-message-received';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     data: string;
     messageType: WebSocketMessageType;
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketMessageSentEvent = {
     type: 'websocket-message-sent';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
     data: string;
     messageType: WebSocketMessageType;
+    source?: NetworkEventSource;
 };
 
 declare type WebSocketMessageType = 'text' | 'binary';
@@ -277,8 +293,9 @@ declare type WebSocketMessageType = 'text' | 'binary';
 declare type WebSocketOpenEvent = {
     type: 'websocket-open';
     url: string;
-    socketId: number;
+    socketId: string;
     timestamp: number;
+    source?: NetworkEventSource;
 };
 
 export declare let withOnBootNetworkActivityRecording: withOnBootNetworkActivityRecording_2;

package/dist/rozenite.json

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