@watchforge/browser 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watchforge/browser",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
   "description": "WatchForge JavaScript SDK for browser JavaScript, Next.js, React, Node.js, and Express.js",

package/src/contexts.js

@@ -7,7 +7,7 @@ const isNode =
   typeof process !== "undefined" && process.versions && process.versions.node;
 
 export const SDK_NAME = "@watchforge/browser";
-export const SDK_VERSION = "0.1.1";
+export const SDK_VERSION = "0.1.10";
 
 export function getSdkMetadata() {
   return {

package/src/replay.js

@@ -3,6 +3,8 @@ import { sendReplay } from "./transport.js";
 const isBrowser = typeof window !== "undefined";
 const MAX_BUFFER_MS = 60 * 1000;
 const MAX_EVENTS = 500;
+const RRWEB_FULL_SNAPSHOT = 2;
+const RRWEB_META = 4;
 
 let options = {
   replaysSessionSampleRate: 0,
@@ -37,9 +39,43 @@ function shouldSample(rate) {
 
 function trimBuffer(now = Date.now()) {
   events = events.filter((event) => now - event.timestamp <= MAX_BUFFER_MS);
-  if (events.length > MAX_EVENTS) {
-    events = events.slice(-MAX_EVENTS);
+  if (events.length <= MAX_EVENTS) return;
+
+  const tail = events.slice(-MAX_EVENTS);
+  if (tail.some((event) => event.type === RRWEB_FULL_SNAPSHOT)) {
+    events = tail;
+    return;
+  }
+
+  const fullSnapshotIndex = findLastEventIndex(events, RRWEB_FULL_SNAPSHOT);
+  if (fullSnapshotIndex === -1) {
+    events = tail;
+    return;
+  }
+
+  const metaIndex = findLastEventIndex(
+    events.slice(0, fullSnapshotIndex),
+    RRWEB_META
+  );
+  const anchorEvents = [
+    ...(metaIndex >= 0 ? [events[metaIndex]] : []),
+    events[fullSnapshotIndex],
+  ];
+  const remainingSlots = Math.max(MAX_EVENTS - anchorEvents.length, 0);
+  const recentEvents = events
+    .slice(fullSnapshotIndex + 1)
+    .slice(-remainingSlots);
+
+  events = [...anchorEvents, ...recentEvents].sort(
+    (a, b) => (a.timestamp || 0) - (b.timestamp || 0)
+  );
+}
+
+function findLastEventIndex(list, type) {
+  for (let i = list.length - 1; i >= 0; i--) {
+    if (list[i]?.type === type) return i;
   }
+  return -1;
 }
 
 export async function initReplay(config = {}) {
@@ -115,7 +151,7 @@ export function flushReplayForEvent(dsn, eventId) {
     events,
     sdk: {
       name: "@watchforge/browser",
-      version: "0.1.3",
+      version: "0.1.10",
     },
   };