@rozenite/network-activity-plugin 1.2.0 → 1.4.0

package/dist/boot-recording.cjs

@@ -26,8 +26,7 @@ const getNetworkRequestsRegistry = () => {
     });
   };
   const getEntry = (id) => {
-    var _a;
-    return ((_a = registry.get(id)) == null ? void 0 : _a.request) ?? null;
+    return registry.get(id)?.request ?? null;
   };
   const clear = () => {
     registry.clear();
@@ -228,10 +227,10 @@ const getContentType = (request) => {
   }
 };
 function getBlobName(blob) {
-  if (typeof (blob == null ? void 0 : blob.name) === "string") {
+  if (typeof blob?.name === "string") {
     return blob.name;
   }
-  if ((blob == null ? void 0 : blob.data) && typeof blob.data.name === "string") {
+  if (blob?.data && typeof blob.data.name === "string") {
     return blob.data.name;
   }
   return void 0;
@@ -268,19 +267,16 @@ const getTextPostData = (body) => ({
 });
 const getFormDataPostData = (body) => ({
   type: "form-data",
-  value: getFormDataEntries(body).reduce(
-    (acc, [key, value]) => {
-      if (isBlob(value)) {
-        acc[key] = getBinaryPostData(value);
-      } else if (isArrayBuffer(value)) {
-        acc[key] = getArrayBufferPostData(value);
-      } else {
-        acc[key] = getTextPostData(value);
-      }
-      return acc;
-    },
-    {}
-  )
+  value: Array.from(getFormDataEntries(body)).reduce((acc, [key, value]) => {
+    if (isBlob(value)) {
+      acc[key] = getBinaryPostData(value);
+    } else if (isArrayBuffer(value)) {
+      acc[key] = getArrayBufferPostData(value);
+    } else {
+      acc[key] = getTextPostData(value);
+    }
+    return acc;
+  }, {})
 });
 const getRequestBody = (body) => {
   if (isNullOrUndefined(body)) {
@@ -827,8 +823,7 @@ const isSSEEvent = (type) => {
 const getSSEInspector = () => {
   const eventEmitter = nanoevents.createNanoEvents();
   const getRequestId = (eventSource2) => {
-    var _a;
-    const requestId = (_a = eventSource2._xhr) == null ? void 0 : _a._rozeniteRequestId;
+    const requestId = eventSource2._xhr?._rozeniteRequestId;
     if (!requestId) {
       return null;
     }
@@ -1055,13 +1050,13 @@ const createNetworkInspectorsConfiguration = (options) => {
   if (inspectorsConfig) {
     return inspectorsConfig;
   }
-  bootRecordingEnabled = (options == null ? void 0 : options.enableBootRecording) ?? true;
-  const maxQueueSize = (options == null ? void 0 : options.maxQueueSize) ?? 200;
+  bootRecordingEnabled = options?.enableBootRecording ?? true;
+  const maxQueueSize = options?.maxQueueSize ?? 200;
   const inspectors = {
     http: true,
     websocket: true,
     sse: true,
-    ...options == null ? void 0 : options.inspectors
+    ...options?.inspectors
   };
   validateConfig({ inspectors });
   const eventsListener = createEventsListener();

package/dist/boot-recording.js

@@ -1,6 +1,9 @@
-import { createNanoEvents } from "nanoevents";
-import { g as getEventSource } from "./event-source.js";
-import { Platform } from "react-native";
+import { c, w } from "./boot-recording.js";
+export {
+  c as createNetworkInspectorsConfiguration,
+  w as withOnBootNetworkActivityRecording
+};
+;
 import WebSocketInterceptor from "react-native/Libraries/WebSocket/WebSocketInterceptor";
 const REQUEST_TTL = 1e3 * 60 * 5;
 const getNetworkRequestsRegistry = () => {
@@ -23,8 +26,7 @@ const getNetworkRequestsRegistry = () => {
     });
   };
   const getEntry = (id) => {
-    var _a;
-    return ((_a = registry.get(id)) == null ? void 0 : _a.request) ?? null;
+    return registry.get(id)?.request ?? null;
   };
   const clear = () => {
     registry.clear();
@@ -225,10 +227,10 @@ const getContentType = (request) => {
   }
 };
 function getBlobName(blob) {
-  if (typeof (blob == null ? void 0 : blob.name) === "string") {
+  if (typeof blob?.name === "string") {
     return blob.name;
   }
-  if ((blob == null ? void 0 : blob.data) && typeof blob.data.name === "string") {
+  if (blob?.data && typeof blob.data.name === "string") {
     return blob.data.name;
   }
   return void 0;
@@ -265,19 +267,16 @@ const getTextPostData = (body) => ({
 });
 const getFormDataPostData = (body) => ({
   type: "form-data",
-  value: getFormDataEntries(body).reduce(
-    (acc, [key, value]) => {
-      if (isBlob(value)) {
-        acc[key] = getBinaryPostData(value);
-      } else if (isArrayBuffer(value)) {
-        acc[key] = getArrayBufferPostData(value);
-      } else {
-        acc[key] = getTextPostData(value);
-      }
-      return acc;
-    },
-    {}
-  )
+  value: Array.from(getFormDataEntries(body)).reduce((acc, [key, value]) => {
+    if (isBlob(value)) {
+      acc[key] = getBinaryPostData(value);
+    } else if (isArrayBuffer(value)) {
+      acc[key] = getArrayBufferPostData(value);
+    } else {
+      acc[key] = getTextPostData(value);
+    }
+    return acc;
+  }, {})
 });
 const getRequestBody = (body) => {
   if (isNullOrUndefined(body)) {
@@ -824,8 +823,7 @@ const isSSEEvent = (type) => {
 const getSSEInspector = () => {
   const eventEmitter = createNanoEvents();
   const getRequestId = (eventSource) => {
-    var _a;
-    const requestId = (_a = eventSource._xhr) == null ? void 0 : _a._rozeniteRequestId;
+    const requestId = eventSource._xhr?._rozeniteRequestId;
     if (!requestId) {
       return null;
     }
@@ -1052,13 +1050,13 @@ const createNetworkInspectorsConfiguration = (options) => {
   if (inspectorsConfig) {
     return inspectorsConfig;
   }
-  bootRecordingEnabled = (options == null ? void 0 : options.enableBootRecording) ?? true;
-  const maxQueueSize = (options == null ? void 0 : options.maxQueueSize) ?? 200;
+  bootRecordingEnabled = options?.enableBootRecording ?? true;
+  const maxQueueSize = options?.maxQueueSize ?? 200;
   const inspectors = {
     http: true,
     websocket: true,
     sse: true,
-    ...options == null ? void 0 : options.inspectors
+    ...options?.inspectors
   };
   validateConfig({ inspectors });
   const eventsListener = createEventsListener();

package/dist/rozenite.json

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

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

@@ -1,4 +1,3 @@
-import { default as WebSocketInterceptor } from 'react-native/Libraries/WebSocket/WebSocketInterceptor';
 export interface WebSocketInterceptor {
     /**
      * Invoked when RCTWebSocketModule.close(...) is called.

package/dist/useNetworkActivityDevTools.cjs

@@ -87,15 +87,14 @@ const useSSEInspector = (client, sseInspector, isEnabled, isRecordingEnabled) =>
 };
 const inspectorsConfig = bootRecording.createNetworkInspectorsConfiguration();
 const useNetworkActivityDevTools = (config = bootRecording.DEFAULT_CONFIG) => {
-  var _a, _b, _c, _d;
   const isRecordingEnabledRef = react.useRef(false);
   const client = pluginBridge.useRozeniteDevToolsClient({
     pluginId: "@rozenite/network-activity-plugin"
   });
-  const isHttpInspectorEnabled = ((_a = config.inspectors) == null ? void 0 : _a.http) ?? true;
-  const isWebSocketInspectorEnabled = ((_b = config.inspectors) == null ? void 0 : _b.websocket) ?? true;
-  const isSSEInspectorEnabled = ((_c = config.inspectors) == null ? void 0 : _c.sse) ?? true;
-  const showUrlAsName = (_d = config.clientUISettings) == null ? void 0 : _d.showUrlAsName;
+  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) {
@@ -108,10 +107,9 @@ const useNetworkActivityDevTools = (config = bootRecording.DEFAULT_CONFIG) => {
       return;
     }
     const sendClientUISettings = () => {
-      var _a2;
       client.send("client-ui-settings", {
         settings: {
-          showUrlAsName: showUrlAsName ?? ((_a2 = bootRecording.DEFAULT_CONFIG.clientUISettings) == null ? void 0 : _a2.showUrlAsName)
+          showUrlAsName: showUrlAsName ?? bootRecording.DEFAULT_CONFIG.clientUISettings?.showUrlAsName
         }
       });
     };

package/dist/useNetworkActivityDevTools.js

@@ -85,15 +85,14 @@ const useSSEInspector = (client, sseInspector, isEnabled, isRecordingEnabled) =>
 };
 const inspectorsConfig = createNetworkInspectorsConfiguration();
 const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
-  var _a, _b, _c, _d;
   const isRecordingEnabledRef = useRef(false);
   const client = useRozeniteDevToolsClient({
     pluginId: "@rozenite/network-activity-plugin"
   });
-  const isHttpInspectorEnabled = ((_a = config.inspectors) == null ? void 0 : _a.http) ?? true;
-  const isWebSocketInspectorEnabled = ((_b = config.inspectors) == null ? void 0 : _b.websocket) ?? true;
-  const isSSEInspectorEnabled = ((_c = config.inspectors) == null ? void 0 : _c.sse) ?? true;
-  const showUrlAsName = (_d = config.clientUISettings) == null ? void 0 : _d.showUrlAsName;
+  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;
   useEffect(() => {
     if (!client) {
@@ -106,10 +105,9 @@ const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
       return;
     }
     const sendClientUISettings = () => {
-      var _a2;
       client.send("client-ui-settings", {
         settings: {
-          showUrlAsName: showUrlAsName ?? ((_a2 = DEFAULT_CONFIG.clientUISettings) == null ? void 0 : _a2.showUrlAsName)
+          showUrlAsName: showUrlAsName ?? DEFAULT_CONFIG.clientUISettings?.showUrlAsName
         }
       });
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozenite/network-activity-plugin",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Network Activity for Rozenite.",
   "type": "module",
   "main": "./dist/react-native.cjs",
@@ -8,36 +8,39 @@
   "types": "./dist/react-native.d.ts",
   "dependencies": {
     "nanoevents": "^9.1.0",
-    "@rozenite/plugin-bridge": "1.2.0"
+    "@rozenite/plugin-bridge": "1.4.0"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.26.0",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-scroll-area": "^1.2.9",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.0.0",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.1.7",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.263.1",
     "postcss": "^8.5.6",
     "proxy-memoize": "^3.0.1",
-    "react": "*",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-json-tree": "^0.20.0",
+    "react-native": "0.83.1",
     "react-native-sse": "^1.2.1",
+    "react-native-web": "^0.21.2",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.0",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
     "zustand": "^5.0.6",
-    "@types/react": "~18.3.23",
-    "@types/react-dom": "~18.3.1",
-    "rozenite": "1.2.0",
-    "@rozenite/vite-plugin": "1.2.0"
+    "rozenite": "1.4.0",
+    "@rozenite/vite-plugin": "1.4.0"
   },
   "peerDependencies": {
     "react-native-sse": "*"
@@ -50,6 +53,8 @@
   "license": "MIT",
   "scripts": {
     "build": "rozenite build",
-    "dev": "rozenite dev"
+    "dev": "rozenite dev",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "eslint ."
   }
 }

package/react-native.ts

@@ -17,5 +17,6 @@ if (isDev && !isWeb && !isServer) {
     require('./src/react-native/boot-recording').withOnBootNetworkActivityRecording;
 } else {
   useNetworkActivityDevTools = () => null;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   withOnBootNetworkActivityRecording = (options: any) => null;
 }

package/src/react-native/http/http-utils.ts

@@ -47,20 +47,19 @@ const getTextPostData = (body: unknown): RequestTextPostData => ({
 
 const getFormDataPostData = (body: FormData): RequestFormDataPostData => ({
   type: 'form-data',
-  value: getFormDataEntries(body).reduce<RequestFormDataPostData['value']>(
-    (acc, [key, value]) => {
-      if (isBlob(value)) {
-        acc[key] = getBinaryPostData(value);
-      } else if (isArrayBuffer(value)) {
-        acc[key] = getArrayBufferPostData(value);
-      } else {
-        acc[key] = getTextPostData(value);
-      }
+  value: Array.from(getFormDataEntries(body)).reduce<
+    RequestFormDataPostData['value']
+  >((acc, [key, value]) => {
+    if (isBlob(value)) {
+      acc[key] = getBinaryPostData(value);
+    } else if (isArrayBuffer(value)) {
+      acc[key] = getArrayBufferPostData(value);
+    } else {
+      acc[key] = getTextPostData(value);
+    }
 
-      return acc;
-    },
-    {},
-  ),
+    return acc;
+  }, {}),
 });
 
 export const getRequestBody = (body: XHRPostData): RequestPostData => {

package/src/ui/hooks/useCopyToClipboard.ts

@@ -5,10 +5,14 @@ import { copyToClipboard } from '../utils/copyToClipboard';
 export function useCopyToClipboard() {
   const [isCopied, setIsCopied] = useState(false);
 
-  const timeoutRef = useRef<NodeJS.Timeout>();
+  const timeoutRef = useRef<NodeJS.Timeout>(null);
 
   useEffect(() => {
-    return () => clearTimeout(timeoutRef.current);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    }
   }, []);
 
   const copy = useCallback(async (value: string) => {
@@ -17,7 +21,9 @@ export function useCopyToClipboard() {
 
       setIsCopied(true);
 
-      clearTimeout(timeoutRef.current);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
       timeoutRef.current = setTimeout(() => setIsCopied(false), 1000);
     } catch (error) {
       console.error('Failed to copy:', error);

package/project.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "name": "@rozenite/network-activity-plugin",
-  "targets": {
-    "build": {
-      "cache": true,
-      "dependsOn": ["^build"],
-      "inputs": ["{projectRoot}/src/**/*"],
-      "outputs": ["{projectRoot}/dist"]
-    }
-  }
-}

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./src/css-modules.d.ts","./src/react-native/network-inspector.ts","./src/react-native/network-requests-registry.ts","./src/react-native/usenetworkactivitydevtools.ts","./src/react-native/xhr-interceptor.ts","./src/react-native/xml-request.d.ts","./src/types/client.ts","./src/types/network.ts","./src/ui/components.tsx","./src/ui/network-details.tsx","./src/ui/network-list.tsx","./src/ui/network-toolbar.tsx","./src/ui/panel.tsx","./src/ui/tanstack-query.tsx","./src/ui/utils.ts","./react-native.ts","./rozenite.config.ts"],"errors":true,"version":"5.8.3"}