@kush_hemant/react-api-monitor 1.0.28 → 1.0.30

package/dist/index.js

@@ -32,29 +32,50 @@ function getMetadata() {
 }
 
 // src/network/fetchMonitor.js
+var alreadyPatched = false;
 function monitorFetch() {
+  if (alreadyPatched) return;
+  alreadyPatched = true;
   const originalFetch = globalThis.fetch || window.fetch;
   const patchedFetch = async (input, init = {}) => {
-    const url = typeof input === "string" ? input : (input == null ? void 0 : input.url) || "";
+    const request = input instanceof Request ? input : new Request(input, init);
+    const url = request.url;
+    const method = request.method || "GET";
     if (LOG_ENDPOINT && url.startsWith(LOG_ENDPOINT)) {
       return originalFetch(input, init);
     }
     const start = Date.now();
-    const method = init.method || "GET";
+    let requestBody = null;
     try {
-      const response = await originalFetch(input, init);
-      const clone = response.clone();
+      requestBody = await request.clone().text();
+    } catch {
+    }
+    const requestHeaders = {};
+    request.headers.forEach((v, k) => {
+      requestHeaders[k] = v;
+    });
+    try {
+      const response = await originalFetch(
+        request
+      );
       let responseBody = null;
       try {
-        responseBody = await clone.text();
+        responseBody = await response.clone().text();
       } catch {
       }
+      const responseHeaders = {};
+      response.headers.forEach((v, k) => {
+        responseHeaders[k] = v;
+      });
       sendLog({
         type: "api_call",
         transport: "fetch",
         url,
         method,
         statusCode: response.status,
+        requestHeaders,
+        requestBody,
+        responseHeaders,
         responseBody,
         duration: Date.now() - start,
         ...getMetadata()
@@ -67,6 +88,7 @@ function monitorFetch() {
         url,
         method,
         error: err.message,
+        duration: Date.now() - start,
         ...getMetadata()
       });
       throw err;
@@ -117,6 +139,31 @@ function monitorXHR() {
   };
 }
 
+// src/network/resourceMonitor.js
+function monitorResources() {
+  if (!window.PerformanceObserver) return;
+  const observer = new PerformanceObserver((list) => {
+    list.getEntries().forEach((entry) => {
+      if (entry.initiatorType === "fetch" || entry.initiatorType === "xmlhttprequest" || entry.initiatorType === "beacon") {
+        return;
+      }
+      if (LOG_ENDPOINT && entry.name.includes(LOG_ENDPOINT)) {
+        return;
+      }
+      sendLog({
+        type: "resource",
+        transport: "resource",
+        url: entry.name,
+        method: "GET",
+        duration: Math.round(entry.duration),
+        statusCode: 0,
+        ...getMetadata()
+      });
+    });
+  });
+  observer.observe({ entryTypes: ["resource"] });
+}
+
 // src/network/monitorAxios.js
 function monitorAxios() {
   if (!window.axios) return;
@@ -167,6 +214,7 @@ function startNetworkMonitoring() {
   monitorXHR();
   monitorAxios();
   monitorBeacon();
+  monitorResources();
 }
 
 // src/index.js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kush_hemant/react-api-monitor",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "Automatic API monitoring SDK for React apps",
   "type": "module",
   "main": "./dist/index.js",