@cedarai/session-replay-sdk 0.4.0 → 0.6.0

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 interface SDKConfig {
     serverUrl: string;
     cedarSessionId: string;
+    environment: string;
+    developer?: string;
     batchIntervalMs?: number;
     batchMaxSize?: number;
     console?: ConsoleConfig;
@@ -23,6 +25,8 @@ interface RecorderConfig {
 interface InitConfig {
     serverUrl: string;
     cedarSessionId: string;
+    environment: string;
+    developer?: string;
     batchIntervalMs?: number;
     batchMaxSize?: number;
     console?: SDKConfig['console'];

package/dist/index.js

@@ -165,7 +165,11 @@ var Transport = class {
       viewportWidth: typeof window !== "undefined" ? window.innerWidth : 0,
       viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0,
       url: typeof window !== "undefined" ? window.location.href : "",
-      events
+      events,
+      metadata: {
+        environment: this.config.environment,
+        ...this.config.developer ? { developer: this.config.developer } : {}
+      }
     };
   }
   estimateQueueSize() {
@@ -299,10 +303,36 @@ var ErrorCapture = class {
 // src/network.ts
 var nextId = 0;
 var RESPONSE_BODY_MAX_SIZE = 100 * 1024;
+function extractHeaders(headers) {
+  if (!headers) return void 0;
+  const result = {};
+  if (headers instanceof Headers) {
+    headers.forEach((v, k) => {
+      result[k] = v;
+    });
+  } else if (Array.isArray(headers)) {
+    for (const [k, v] of headers) {
+      result[k] = v;
+    }
+  } else {
+    Object.assign(result, headers);
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function headersToRecord(headers) {
+  const result = {};
+  headers.forEach((v, k) => {
+    result[k] = v;
+  });
+  return Object.keys(result).length > 0 ? result : void 0;
+}
 var NetworkCapture = class {
   onEvent;
   serverUrl;
   originalFetch = null;
+  originalXHROpen = null;
+  originalXHRSend = null;
+  originalXHRSetHeader = null;
   started = false;
   constructor(onEvent2, serverUrl) {
     this.onEvent = onEvent2;
@@ -311,6 +341,31 @@ var NetworkCapture = class {
   start() {
     if (this.started) return;
     this.started = true;
+    this.interceptFetch();
+    this.interceptXHR();
+  }
+  stop() {
+    if (!this.started) return;
+    this.started = false;
+    if (this.originalFetch) {
+      globalThis.fetch = this.originalFetch;
+      this.originalFetch = null;
+    }
+    if (this.originalXHROpen) {
+      XMLHttpRequest.prototype.open = this.originalXHROpen;
+      this.originalXHROpen = null;
+    }
+    if (this.originalXHRSend) {
+      XMLHttpRequest.prototype.send = this.originalXHRSend;
+      this.originalXHRSend = null;
+    }
+    if (this.originalXHRSetHeader) {
+      XMLHttpRequest.prototype.setRequestHeader = this.originalXHRSetHeader;
+      this.originalXHRSetHeader = null;
+    }
+  }
+  // ── Fetch interception ────────────────────────────────────────
+  interceptFetch() {
     this.originalFetch = globalThis.fetch;
     globalThis.fetch = async (input, init) => {
       const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
@@ -319,6 +374,7 @@ var NetworkCapture = class {
       }
       const method = init?.method?.toUpperCase() ?? "GET";
       const requestBody = init?.body ? String(init.body) : void 0;
+      const requestHeaders = extractHeaders(init?.headers);
       const startTime = performance.now();
       const id = String(++nextId);
       let graphqlOperationName;
@@ -354,8 +410,10 @@ var NetworkCapture = class {
             method,
             url,
             graphqlOperationName,
+            requestHeaders,
             requestBody,
             status: response.status,
+            responseHeaders: headersToRecord(response.headers),
             responseBody,
             startTime,
             endTime,
@@ -373,6 +431,7 @@ var NetworkCapture = class {
             method,
             url,
             graphqlOperationName,
+            requestHeaders,
             requestBody,
             startTime,
             endTime,
@@ -384,13 +443,72 @@ var NetworkCapture = class {
       }
     };
   }
-  stop() {
-    if (!this.started) return;
-    this.started = false;
-    if (this.originalFetch) {
-      globalThis.fetch = this.originalFetch;
-      this.originalFetch = null;
-    }
+  // ── XMLHttpRequest interception ───────────────────────────────
+  interceptXHR() {
+    const self = this;
+    const xhrData = /* @__PURE__ */ new WeakMap();
+    this.originalXHROpen = XMLHttpRequest.prototype.open;
+    this.originalXHRSend = XMLHttpRequest.prototype.send;
+    this.originalXHRSetHeader = XMLHttpRequest.prototype.setRequestHeader;
+    XMLHttpRequest.prototype.open = function(method, url, ...rest) {
+      const urlStr = typeof url === "string" ? url : url.href;
+      xhrData.set(this, { method: method.toUpperCase(), url: urlStr, headers: {}, startTime: 0 });
+      return self.originalXHROpen.apply(this, [method, url, ...rest]);
+    };
+    XMLHttpRequest.prototype.setRequestHeader = function(name, value) {
+      const data = xhrData.get(this);
+      if (data) data.headers[name] = value;
+      return self.originalXHRSetHeader.apply(this, [name, value]);
+    };
+    XMLHttpRequest.prototype.send = function(body) {
+      const data = xhrData.get(this);
+      if (data && data.url.startsWith(self.serverUrl)) {
+        return self.originalXHRSend.apply(this, [body]);
+      }
+      if (data) {
+        data.startTime = performance.now();
+      }
+      const requestBody = body != null ? String(body) : void 0;
+      this.addEventListener("loadend", function() {
+        if (!data) return;
+        const endTime = performance.now();
+        const rawHeaders = this.getAllResponseHeaders();
+        const responseHeaders = {};
+        if (rawHeaders) {
+          rawHeaders.trim().split(/[\r\n]+/).forEach((line) => {
+            const idx = line.indexOf(": ");
+            if (idx > 0) responseHeaders[line.substring(0, idx)] = line.substring(idx + 2);
+          });
+        }
+        let responseBody;
+        if (this.responseType === "" || this.responseType === "text") {
+          try {
+            const text = this.responseText;
+            if (text.length <= RESPONSE_BODY_MAX_SIZE) responseBody = text;
+          } catch {
+          }
+        }
+        self.onEvent({
+          type: "network",
+          timestamp: Date.now(),
+          data: {
+            id: String(++nextId),
+            method: data.method,
+            url: data.url,
+            requestHeaders: Object.keys(data.headers).length > 0 ? data.headers : void 0,
+            requestBody,
+            status: this.status,
+            responseHeaders: Object.keys(responseHeaders).length > 0 ? responseHeaders : void 0,
+            responseBody,
+            startTime: data.startTime,
+            endTime,
+            duration: endTime - data.startTime,
+            error: this.status === 0 ? "Network error" : void 0
+          }
+        });
+      });
+      return self.originalXHRSend.apply(this, [body]);
+    };
   }
 };
 
@@ -552,6 +670,8 @@ var CedarReplay = {
       {
         serverUrl: config.serverUrl,
         cedarSessionId: config.cedarSessionId,
+        environment: config.environment,
+        developer: config.developer,
         batchIntervalMs: config.batchIntervalMs,
         batchMaxSize: config.batchMaxSize
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarai/session-replay-sdk",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",