@kush_hemant/react-api-monitor 1.0.32 → 1.0.34

package/dist/index.js

@@ -1,19 +1,20 @@
 // src/core/sender.js
 var LOG_ENDPOINT = "";
-function configureSender(url) {
-  LOG_ENDPOINT = url;
+var API_KEY = "";
+function configureSender({ endpoint, apiKey }) {
+  LOG_ENDPOINT = endpoint;
+  API_KEY = apiKey;
 }
 function sendLog(data) {
-  var _a;
   if (!LOG_ENDPOINT) return;
-  ((_a = navigator.sendBeacon) == null ? void 0 : _a.call(
-    navigator,
-    LOG_ENDPOINT,
-    JSON.stringify(data)
-  )) || fetch(LOG_ENDPOINT, {
+  const payload = JSON.stringify(data);
+  fetch(LOG_ENDPOINT, {
     method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(data),
+    headers: {
+      "Content-Type": "application/json",
+      "x-api-key": API_KEY
+    },
+    body: payload,
     keepalive: true
   }).catch(() => {
   });
@@ -34,13 +35,13 @@ function getMetadata() {
 // src/network/fetchMonitor.js
 function monitorFetch() {
   const originalFetch = window.fetch;
-  window.fetch = async function(input, init = {}) {
+  window.fetch = async function(...args) {
     const start = Date.now();
-    const request = input instanceof Request ? input : new Request(input, init);
+    const request = args[0] instanceof Request ? args[0] : new Request(args[0], args[1]);
     const url = request.url;
     const method = request.method || "GET";
     if (LOG_ENDPOINT && url.startsWith(LOG_ENDPOINT)) {
-      return originalFetch.apply(this, arguments);
+      return originalFetch.apply(this, args);
     }
     let requestBody = null;
     try {
@@ -48,48 +49,30 @@ function monitorFetch() {
     } catch {
     }
     const requestHeaders = {};
-    request.headers.forEach((v, k) => {
-      requestHeaders[k] = v;
-    });
+    request.headers.forEach((v, k) => requestHeaders[k] = v);
+    const response = await originalFetch.apply(this, args);
+    const responseClone = response.clone();
+    let responseBody = null;
     try {
-      const response = await originalFetch.apply(this, arguments);
-      let responseBody = null;
-      try {
-        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()
-      });
-      return response;
-    } catch (err) {
-      sendLog({
-        type: "api_error",
-        transport: "fetch",
-        url,
-        method,
-        requestHeaders,
-        requestBody,
-        error: err.message,
-        duration: Date.now() - start,
-        ...getMetadata()
-      });
-      throw err;
+      responseBody = await responseClone.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()
+    });
+    return response;
   };
 }
 
@@ -186,7 +169,10 @@ function startNetworkMonitoring() {
 
 // src/index.js
 function initMonitoring(options) {
-  configureSender(options.endpoint);
+  configureSender({
+    endpoint: options.endpoint,
+    apiKey: options.apiKey
+  });
   startNetworkMonitoring();
 }
 export {

package/package.json

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