@kush_hemant/react-api-monitor 1.0.20 → 1.0.22

package/dist/index.js

@@ -1,16 +1,16 @@
 // src/core/sender.js
-var LOG_ENDPOINT = "";
+var LOG_ENDPOINT2 = "";
 function configureSender(url) {
-  LOG_ENDPOINT = url;
+  LOG_ENDPOINT2 = url;
 }
-function sendLog(data) {
+function sendLog2(data) {
   var _a;
-  if (!LOG_ENDPOINT) return;
+  if (!LOG_ENDPOINT2) return;
   ((_a = navigator.sendBeacon) == null ? void 0 : _a.call(
     navigator,
-    LOG_ENDPOINT,
+    LOG_ENDPOINT2,
     JSON.stringify(data)
-  )) || fetch(LOG_ENDPOINT, {
+  )) || fetch(LOG_ENDPOINT2, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(data),
@@ -19,60 +19,22 @@ function sendLog(data) {
   });
 }
 
-// src/utils/metadata.js
-function getMetadata() {
-  return {
-    pageUrl: window.location.href,
-    userAgent: navigator.userAgent,
-    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-    // Useful extras
-    language: navigator.language,
-    platform: navigator.platform,
-    screen: `${screen.width}x${screen.height}`
-  };
-}
-
 // src/network/fetchMonitor.js
-var alreadyPatched = false;
 function monitorFetch() {
-  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";
+  const patchedFetch = async (input, init = {}) => {
+    const url = typeof input === "string" ? input : (input == null ? void 0 : input.url) || "";
     if (LOG_ENDPOINT && url.startsWith(LOG_ENDPOINT)) {
       return originalFetch(input, init);
     }
     const start = Date.now();
-    const requestHeaders = {};
-    try {
-      request.headers.forEach((v, k) => {
-        requestHeaders[k] = v;
-      });
-    } catch {
-    }
-    let requestBody = null;
+    const method = init.method || "GET";
     try {
-      requestBody = await request.clone().text();
-    } catch {
-    }
-    try {
-      const response = await originalFetch(
-        request
-      );
-      const responseHeaders = {};
-      try {
-        response.headers.forEach((v, k) => {
-          responseHeaders[k] = v;
-        });
-      } catch {
-      }
+      const response = await originalFetch(input, init);
+      const clone = response.clone();
       let responseBody = null;
       try {
-        responseBody = await response.clone().text();
+        responseBody = await clone.text();
       } catch {
       }
       sendLog({
@@ -81,9 +43,6 @@ function monitorFetch() {
         url,
         method,
         statusCode: response.status,
-        requestHeaders,
-        requestBody,
-        responseHeaders,
         responseBody,
         duration: Date.now() - start,
         ...getMetadata()
@@ -95,8 +54,7 @@ function monitorFetch() {
         transport: "fetch",
         url,
         method,
-        error: (err == null ? void 0 : err.message) || "Fetch failed",
-        duration: Date.now() - start,
+        error: err.message,
         ...getMetadata()
       });
       throw err;
@@ -108,6 +66,18 @@ function monitorFetch() {
   }
 }
 
+// src/utils/metadata.js
+function getMetadata2() {
+  return {
+    pageUrl: location.href,
+    userAgent: navigator.userAgent,
+    language: navigator.language,
+    platform: navigator.platform,
+    screen: `${screen.width}x${screen.height}`,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+
 // src/network/xhrMonitor.js
 function monitorXHR() {
   const originalOpen = XMLHttpRequest.prototype.open;
@@ -125,11 +95,11 @@ function monitorXHR() {
   };
   XMLHttpRequest.prototype.send = function(body) {
     const start = Date.now();
-    if (this._url && LOG_ENDPOINT && this._url.includes(LOG_ENDPOINT)) {
+    if (this._url && LOG_ENDPOINT2 && this._url.includes(LOG_ENDPOINT2)) {
       return originalSend.call(this, body);
     }
     this.addEventListener("loadend", () => {
-      sendLog({
+      sendLog2({
         type: "api_call",
         transport: "xhr",
         url: this._url,
@@ -140,7 +110,7 @@ function monitorXHR() {
         responseHeaders: this.getAllResponseHeaders(),
         responseBody: this.responseText,
         duration: Date.now() - start,
-        ...getMetadata()
+        ...getMetadata2()
       });
     });
     return originalSend.call(this, body);
@@ -150,40 +120,65 @@ 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") {
-          sendLog({
-            type: "api_call",
-            transport: "resource",
-            url: entry.name,
-            duration: Math.round(entry.duration),
-            statusCode: 0,
-            ...getMetadata()
-          });
-        }
+  const observer = new PerformanceObserver((list) => {
+    list.getEntries().forEach((entry) => {
+      if (entry.initiatorType === "fetch" || entry.initiatorType === "xmlhttprequest" || entry.initiatorType === "beacon") {
+        return;
+      }
+      if (LOG_ENDPOINT2 && entry.name.includes(LOG_ENDPOINT2)) {
+        return;
+      }
+      sendLog2({
+        type: "resource",
+        transport: "resource",
+        url: entry.name,
+        method: "GET",
+        duration: Math.round(entry.duration),
+        statusCode: 0,
+        ...getMetadata2()
       });
-    }
-  );
-  observer.observe({
-    entryTypes: ["resource"]
+    });
   });
+  observer.observe({ entryTypes: ["resource"] });
+}
+
+// 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) => {
+      var _a;
+      sendLog2({
+        type: "api_call",
+        transport: "axios",
+        url: response.config.url,
+        method: (_a = response.config.method) == null ? void 0 : _a.toUpperCase(),
+        statusCode: response.status,
+        duration: Date.now() - response.config.__startTime,
+        ...getMetadata2()
+      });
+      return response;
+    },
+    (error) => Promise.reject(error)
+  );
 }
 
 // src/network/auto.js
 function startNetworkMonitoring() {
   monitorFetch();
   monitorXHR();
+  monitorAxios();
   monitorResources();
 }
 
 // src/index.js
 function initMonitoring(options) {
   configureSender(options.endpoint);
-  startNetworkMonitoring({
-    axios: options.axios
-  });
+  startNetworkMonitoring();
 }
 export {
   initMonitoring

package/package.json

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