@kush_hemant/react-api-monitor 1.0.18 → 1.0.20

package/dist/index.js

@@ -33,60 +33,35 @@ function getMetadata() {
 }
 
 // src/network/fetchMonitor.js
-var isPatched = false;
+var alreadyPatched = false;
 function monitorFetch() {
-  if (isPatched) return;
-  isPatched = true;
-  const originalFetch = window.fetch;
-  window.fetch = async function(...args) {
-    const input = args[0];
-    const init = args[1] || {};
-    const url = typeof input === "string" ? input : (input == null ? void 0 : input.url) || "";
-    const method = init.method || input instanceof Request && input.method || "GET";
-    if (LOG_ENDPOINT && url.includes(LOG_ENDPOINT)) {
-      return originalFetch.apply(this, args);
+  if (alreadyPatched) return;
+  alreadyPatched = true;
+  const originalFetch = globalThis.fetch || window.fetch;
+  if (!originalFetch) return;
+  const patchedFetch = async function(input, init = {}) {
+    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();
-    let requestHeaders = {};
+    const requestHeaders = {};
     try {
-      const headers = init.headers || input instanceof Request && input.headers;
-      if (headers instanceof Headers) {
-        headers.forEach((v, k) => {
-          requestHeaders[k] = v;
-        });
-      } else if (headers) {
-        requestHeaders = { ...headers };
-      }
+      request.headers.forEach((v, k) => {
+        requestHeaders[k] = v;
+      });
     } catch {
     }
     let requestBody = null;
     try {
-      if (init.body) {
-        requestBody = typeof init.body === "string" ? init.body : JSON.stringify(init.body);
-      }
+      requestBody = await request.clone().text();
     } catch {
     }
-    const signal = init.signal || input instanceof Request && input.signal;
-    if (signal) {
-      signal.addEventListener(
-        "abort",
-        () => {
-          sendLog({
-            type: "api_abort",
-            transport: "fetch",
-            url,
-            method,
-            duration: Date.now() - start,
-            ...getMetadata()
-          });
-        },
-        { once: true }
-      );
-    }
     try {
-      const response = await originalFetch.apply(
-        this,
-        args
+      const response = await originalFetch(
+        request
       );
       const responseHeaders = {};
       try {
@@ -127,6 +102,10 @@ function monitorFetch() {
       throw err;
     }
   };
+  globalThis.fetch = patchedFetch;
+  if (typeof window !== "undefined") {
+    window.fetch = patchedFetch;
+  }
 }
 
 // src/network/xhrMonitor.js
@@ -168,86 +147,43 @@ function monitorXHR() {
   };
 }
 
-// src/network/monitorAxios.js
-function monitorAxios() {
-  if (!window.axios) return;
-  window.axios.interceptors.request.use(
-    (config) => {
-      config.__startTime = Date.now();
-      return config;
-    }
-  );
-  window.axios.interceptors.response.use(
-    (response) => {
-      const url = response.config.url || "";
-      if (LOG_ENDPOINT && url.startsWith(LOG_ENDPOINT)) {
-        return response;
-      }
-      sendLog({
-        type: "api_call",
-        transport: "axios",
-        url,
-        method: response.config.method,
-        statusCode: response.status,
-        requestHeaders: response.config.headers,
-        requestBody: response.config.data,
-        responseHeaders: response.headers,
-        responseBody: response.data,
-        duration: Date.now() - response.config.__startTime,
-        ...getMetadata()
-      });
-      return response;
-    },
-    (error) => {
-      const config = error.config || {};
-      sendLog({
-        type: "api_error",
-        transport: "axios",
-        url: config.url,
-        method: config.method,
-        error: error.message,
-        duration: Date.now() - (config.__startTime || 0),
-        ...getMetadata()
-      });
-      return Promise.reject(error);
-    }
-  );
-}
-
 // src/network/resourceMonitor.js
 function monitorResources() {
-  setInterval(() => {
-    const entries = performance.getEntriesByType("resource");
-    for (const e of entries) {
-      if (e.initiatorType === "fetch" || e.initiatorType === "xmlhttprequest") {
-        if (LOG_ENDPOINT && e.name.includes(LOG_ENDPOINT)) continue;
-        sendLog({
-          type: "api_call",
-          transport: "resource",
-          url: e.name,
-          duration: e.duration,
-          statusCode: 0,
-          // not available
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      }
+  if (!window.PerformanceObserver) return;
+  const observer = new PerformanceObserver(
+    (list) => {
+      list.getEntries().forEach((entry) => {
+        if (entry.initiatorType === "fetch" || entry.initiatorType === "xmlhttprequest") {
+          sendLog({
+            type: "api_call",
+            transport: "resource",
+            url: entry.name,
+            duration: Math.round(entry.duration),
+            statusCode: 0,
+            ...getMetadata()
+          });
+        }
+      });
     }
-    performance.clearResourceTimings();
-  }, 3e3);
+  );
+  observer.observe({
+    entryTypes: ["resource"]
+  });
 }
 
 // src/network/auto.js
 function startNetworkMonitoring() {
   monitorFetch();
   monitorXHR();
-  monitorAxios();
   monitorResources();
 }
 
 // src/index.js
 function initMonitoring(options) {
   configureSender(options.endpoint);
-  startNetworkMonitoring();
+  startNetworkMonitoring({
+    axios: options.axios
+  });
 }
 export {
   initMonitoring

package/package.json

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