@kush_hemant/react-api-monitor 1.0.2 → 1.0.3

package/dist/index.js

@@ -0,0 +1,125 @@
+// src/core/sender.js
+var endpoint = "";
+function configureSender(url) {
+  endpoint = url;
+}
+function sendLog(data) {
+  var _a;
+  if (!endpoint) return;
+  ((_a = navigator.sendBeacon) == null ? void 0 : _a.call(
+    navigator,
+    endpoint,
+    JSON.stringify(data)
+  )) || fetch(endpoint, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(data),
+    keepalive: true
+  }).catch(() => {
+  });
+}
+
+// src/utils/metadata.js
+function getMetadata() {
+  return {
+    pageUrl: window.location.href,
+    userAgent: navigator.userAgent,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+
+// src/network/fetchMonitor.js
+function monitorFetch() {
+  const originalFetch = window.fetch;
+  window.fetch = async (input, init = {}) => {
+    const start = Date.now();
+    let requestBody = init.body || null;
+    let method = init.method || "GET";
+    try {
+      const response = await originalFetch(input, init);
+      const clone = response.clone();
+      let responseBody = null;
+      try {
+        responseBody = await clone.text();
+      } catch {
+      }
+      sendLog({
+        type: "api_call",
+        transport: "fetch",
+        url: typeof input === "string" ? input : input.url,
+        method,
+        statusCode: response.status,
+        requestHeaders: init.headers,
+        requestBody,
+        responseHeaders: Object.fromEntries(
+          response.headers.entries()
+        ),
+        responseBody,
+        duration: Date.now() - start,
+        ...getMetadata()
+      });
+      return response;
+    } catch (err) {
+      sendLog({
+        type: "api_error",
+        transport: "fetch",
+        url: input,
+        method,
+        error: err.message,
+        ...getMetadata()
+      });
+      throw err;
+    }
+  };
+}
+
+// src/network/xhrMonitor.js
+function monitorXHR() {
+  const originalOpen = XMLHttpRequest.prototype.open;
+  const originalSend = XMLHttpRequest.prototype.send;
+  const originalSetHeader = XMLHttpRequest.prototype.setRequestHeader;
+  XMLHttpRequest.prototype.open = function(method, url, ...rest) {
+    this._method = method;
+    this._url = url;
+    this._headers = {};
+    return originalOpen.call(this, method, url, ...rest);
+  };
+  XMLHttpRequest.prototype.setRequestHeader = function(key, value) {
+    this._headers[key] = value;
+    return originalSetHeader.call(this, key, value);
+  };
+  XMLHttpRequest.prototype.send = function(body) {
+    const start = Date.now();
+    this.addEventListener("loadend", () => {
+      sendLog({
+        type: "api_call",
+        transport: "xhr",
+        url: this._url,
+        method: this._method,
+        statusCode: this.status,
+        requestHeaders: this._headers,
+        requestBody: body,
+        responseHeaders: this.getAllResponseHeaders(),
+        responseBody: this.responseText,
+        duration: Date.now() - start,
+        ...getMetadata()
+      });
+    });
+    return originalSend.call(this, body);
+  };
+}
+
+// src/network/auto.js
+function startNetworkMonitoring() {
+  monitorFetch();
+  monitorXHR();
+}
+
+// src/core/init.js
+function initMonitoring(options) {
+  configureSender(options.endpoint);
+  startNetworkMonitoring();
+}
+export {
+  initMonitoring
+};

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@kush_hemant/react-api-monitor",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Automatic API monitoring SDK for React apps",
-  "main": "src/index.js",
+  "main": "dist/index.js",
   "type": "module",
+  "files": [
+    "dist"
+  ],
   "keywords": [
     "react",
     "monitoring",
@@ -12,5 +15,12 @@
     "observability"
   ],
   "author": "Hemant Kushwah",
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsup src/index.js --format esm --dts false"
+  }
 }

package/src/core/init.js

@@ -1,7 +0,0 @@
-import { configureSender } from "./sender.js";
-import { startNetworkMonitoring } from "../network/auto.js";
-
-export function initMonitoring(options) {
-  configureSender(options.endpoint);
-  startNetworkMonitoring();
-}

package/src/core/sender.js

@@ -1,20 +0,0 @@
-let endpoint = "";
-
-export function configureSender(url) {
-  endpoint = url;
-}
-
-export function sendLog(data) {
-  if (!endpoint) return;
-
-  navigator.sendBeacon?.(
-    endpoint,
-    JSON.stringify(data)
-  ) ||
-    fetch(endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(data),
-      keepalive: true,
-    }).catch(() => {});
-}

package/src/index.js

@@ -1 +0,0 @@
-export { initMonitoring } from "./core/init.js";

package/src/network/auto.js

@@ -1,7 +0,0 @@
-import { monitorFetch } from "./fetchMonitor.js";
-import { monitorXHR } from "./xhrMonitor.js";
-
-export function startNetworkMonitoring() {
-  monitorFetch();
-  monitorXHR();
-}

package/src/network/fetchMonitor.js

@@ -1,54 +0,0 @@
-import { sendLog } from "../core/sender.js";
-import { getMetadata } from "../utils/metadata.js";
-
-export function monitorFetch() {
-  const originalFetch = window.fetch;
-
-  window.fetch = async (input, init = {}) => {
-    const start = Date.now();
-
-    let requestBody = init.body || null;
-    let method = init.method || "GET";
-
-    try {
-      const response = await originalFetch(input, init);
-
-      // Clone response to read body safely
-      const clone = response.clone();
-      let responseBody = null;
-
-      try {
-        responseBody = await clone.text();
-      } catch {}
-
-      sendLog({
-        type: "api_call",
-        transport: "fetch",
-        url: typeof input === "string" ? input : input.url,
-        method,
-        statusCode: response.status,
-        requestHeaders: init.headers,
-        requestBody,
-        responseHeaders: Object.fromEntries(
-          response.headers.entries()
-        ),
-        responseBody,
-        duration: Date.now() - start,
-        ...getMetadata(),
-      });
-
-      return response;
-    } catch (err) {
-      sendLog({
-        type: "api_error",
-        transport: "fetch",
-        url: input,
-        method,
-        error: err.message,
-        ...getMetadata(),
-      });
-
-      throw err;
-    }
-  };
-}

package/src/network/xhrMonitor.js

@@ -1,50 +0,0 @@
-import { sendLog } from "../core/sender.js";
-import { getMetadata } from "../utils/metadata.js";
-
-export function monitorXHR() {
-  const originalOpen = XMLHttpRequest.prototype.open;
-  const originalSend = XMLHttpRequest.prototype.send;
-  const originalSetHeader =
-    XMLHttpRequest.prototype.setRequestHeader;
-
-  XMLHttpRequest.prototype.open = function (
-    method,
-    url,
-    ...rest
-  ) {
-    this._method = method;
-    this._url = url;
-    this._headers = {};
-    return originalOpen.call(this, method, url, ...rest);
-  };
-
-  XMLHttpRequest.prototype.setRequestHeader = function (
-    key,
-    value
-  ) {
-    this._headers[key] = value;
-    return originalSetHeader.call(this, key, value);
-  };
-
-  XMLHttpRequest.prototype.send = function (body) {
-    const start = Date.now();
-
-    this.addEventListener("loadend", () => {
-      sendLog({
-        type: "api_call",
-        transport: "xhr",
-        url: this._url,
-        method: this._method,
-        statusCode: this.status,
-        requestHeaders: this._headers,
-        requestBody: body,
-        responseHeaders: this.getAllResponseHeaders(),
-        responseBody: this.responseText,
-        duration: Date.now() - start,
-        ...getMetadata(),
-      });
-    });
-
-    return originalSend.call(this, body);
-  };
-}

package/src/utils/metadata.js

@@ -1,7 +0,0 @@
-export function getMetadata() {
-  return {
-    pageUrl: window.location.href,
-    userAgent: navigator.userAgent,
-    timestamp: new Date().toISOString(),
-  };
-}