@cedarai/session-replay-sdk 0.2.0 → 0.3.0

package/dist/index.js

@@ -422,6 +422,91 @@ var RecorderCapture = class {
   }
 };
 
+// src/performance.ts
+import { onLCP, onCLS, onINP } from "web-vitals";
+var MEMORY_INTERVAL_MS = 3e4;
+var PerformanceCapture = class {
+  onEvent;
+  started = false;
+  longTaskObserver = null;
+  memoryTimer = null;
+  constructor(onEvent2) {
+    this.onEvent = onEvent2;
+  }
+  start() {
+    if (this.started) return;
+    this.started = true;
+    this.startWebVitals();
+    this.startLongTaskObserver();
+    this.startMemorySnapshots();
+  }
+  stop() {
+    if (!this.started) return;
+    this.started = false;
+    this.longTaskObserver?.disconnect();
+    this.longTaskObserver = null;
+    if (this.memoryTimer) {
+      clearInterval(this.memoryTimer);
+      this.memoryTimer = null;
+    }
+  }
+  emit(data) {
+    if (!this.started) return;
+    this.onEvent({
+      type: "performance",
+      timestamp: Date.now(),
+      data
+    });
+  }
+  startWebVitals() {
+    const handler = (metric) => {
+      this.emit({
+        metric: "web-vital",
+        name: metric.name,
+        value: metric.value,
+        rating: metric.rating
+      });
+    };
+    onLCP(handler);
+    onCLS(handler, { reportAllChanges: true });
+    onINP(handler, { reportAllChanges: true });
+  }
+  startLongTaskObserver() {
+    if (typeof globalThis.PerformanceObserver === "undefined") return;
+    try {
+      this.longTaskObserver = new globalThis.PerformanceObserver((list) => {
+        for (const entry of list.getEntries()) {
+          const attribution = entry.attribution?.[0]?.containerSrc;
+          this.emit({
+            metric: "long-task",
+            duration: entry.duration,
+            attribution
+          });
+        }
+      });
+      this.longTaskObserver.observe({ entryTypes: ["longtask"] });
+    } catch {
+    }
+  }
+  startMemorySnapshots() {
+    const memory = performance.memory;
+    if (!memory) return;
+    this.emitMemory(memory);
+    this.memoryTimer = setInterval(() => {
+      const mem = performance.memory;
+      if (mem) this.emitMemory(mem);
+    }, MEMORY_INTERVAL_MS);
+  }
+  emitMemory(memory) {
+    this.emit({
+      metric: "memory",
+      usedJSHeapSize: memory.usedJSHeapSize,
+      totalJSHeapSize: memory.totalJSHeapSize,
+      jsHeapSizeLimit: memory.jsHeapSizeLimit
+    });
+  }
+};
+
 // src/index.ts
 var config = null;
 var transport = null;
@@ -429,6 +514,7 @@ var consoleCapture = null;
 var errorCapture = null;
 var networkCapture = null;
 var recorderCapture = null;
+var performanceCapture = null;
 var unloadHandler = null;
 function onEvent(event) {
   transport?.enqueue(event);
@@ -458,6 +544,8 @@ var CedarReplay = {
     networkCapture.start();
     recorderCapture = new RecorderCapture(onEvent, config.recorder);
     recorderCapture.start();
+    performanceCapture = new PerformanceCapture(onEvent);
+    performanceCapture.start();
     unloadHandler = () => transport?.flushOnUnload();
     window.addEventListener("beforeunload", unloadHandler);
   },
@@ -466,6 +554,8 @@ var CedarReplay = {
       window.removeEventListener("beforeunload", unloadHandler);
       unloadHandler = null;
     }
+    performanceCapture?.stop();
+    performanceCapture = null;
     recorderCapture?.stop();
     recorderCapture = null;
     networkCapture?.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarai/session-replay-sdk",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,8 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "rrweb": "^2.0.0-alpha.4"
+    "rrweb": "^2.0.0-alpha.4",
+    "web-vitals": "^4.2.4"
   },
   "devDependencies": {
     "@vitest/browser": "^4.0.18",