@newtalaria/browser 0.1.8 → 0.1.9

package/README.md

@@ -114,6 +114,17 @@ When an **error/fatal** event attempts an on-error clip (`replaysSessionSampleRa
 
 Failed captures do **not** set `replayId` (avoids linking a blank player). Details are also under `extra.replayCapture`.
 
+When the paint base cannot ship, `extra.replayCapture` also includes size diagnostics where available:
+
+| Field | Meaning |
+| --- | --- |
+| `fullSnapshotEstimatedBytes` | JSON size estimate of the FullSnapshot |
+| `fullSnapshotCompressedBytes` | Gzip size of the FullSnapshot alone (when measured) |
+| `metaEstimatedBytes` | JSON size estimate of the Meta event |
+| `maxUncompressedSegmentBytes` / `maxCompressedSegmentBytes` | Current pack caps |
+
+Use these to see how far over budget a CMS/admin snapshot was when a clip was aborted.
+
 ## Serverpod URL pattern
 
 Talaria uses **Serverpod RPC**, not REST resource URLs:

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -161,6 +161,10 @@ var SegmentBuffer = class {
   hasFullSnapshot() {
     return this.events.some((e) => e.type === RRWEB_FULL_SNAPSHOT);
   }
+  /** First FullSnapshot still queued (does not remove it). */
+  peekFullSnapshot() {
+    return this.events.find((e) => e.type === RRWEB_FULL_SNAPSHOT);
+  }
   /**
    * Drop leading events until Meta+FullSnapshot (or FullSnapshot alone).
    * Returns false if no FullSnapshot is present (replay would paint blank).
@@ -390,6 +394,28 @@ function mergeReplayCaptureExtra(extra, outcome) {
   };
 }
 
+// src/replay/paint_base_size.ts
+function paintBaseSizeDetails(events, opts) {
+  const meta = events.find((e) => e.type === RRWEB_META);
+  const full = events.find((e) => e.type === RRWEB_FULL_SNAPSHOT);
+  const details = {
+    segmentEventTypes: events.map((e) => e.type),
+    maxUncompressedSegmentBytes: SEGMENT_SIZE_BYTES,
+    targetCompressedSegmentBytes: TARGET_COMPRESSED_SEGMENT_BYTES,
+    maxCompressedSegmentBytes: MAX_COMPRESSED_SEGMENT_BYTES
+  };
+  if (meta) {
+    details.metaEstimatedBytes = estimateJsonBytes(meta);
+  }
+  if (full) {
+    details.fullSnapshotEstimatedBytes = estimateJsonBytes(full);
+  }
+  if (opts?.fullSnapshotCompressedBytes !== void 0) {
+    details.fullSnapshotCompressedBytes = opts.fullSnapshotCompressedBytes;
+  }
+  return details;
+}
+
 // ../../node_modules/rrweb/dist/rrweb.js
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -13975,7 +14001,11 @@ var TalariaClient = class {
     if (!this.options || !this.transport || !this.replayId) return;
     if (!this.startedOnServer || this.finishedOnServer) return;
     if (!this.prepareBufferForNewReplay()) {
-      await this.abortUnusableClip("no_full_snapshot");
+      const leftover = this.buffer.peekFullSnapshot();
+      await this.abortUnusableClip(
+        "no_full_snapshot",
+        paintBaseSizeDetails(leftover ? [leftover] : [])
+      );
       return;
     }
     while (this.buffer.length > 0) {
@@ -14023,9 +14053,21 @@ var TalariaClient = class {
       }
       const { events, gzip } = fitted;
       if (this.segmentIndex === 0 && !events.some((e) => e.type === RRWEB_FULL_SNAPSHOT)) {
-        await this.abortUnusableClip("no_full_snapshot", {
-          segmentEventTypes: events.map((e) => e.type)
-        });
+        const leftoverFs = this.buffer.peekFullSnapshot();
+        let compressedBytes;
+        if (leftoverFs) {
+          try {
+            compressedBytes = (await compressReplayEvents([leftoverFs])).length;
+          } catch {
+          }
+        }
+        await this.abortUnusableClip(
+          "no_full_snapshot",
+          paintBaseSizeDetails(
+            leftoverFs ? [...events, leftoverFs] : events,
+            { fullSnapshotCompressedBytes: compressedBytes }
+          )
+        );
         return;
       }
       if (this.isErrorClipMode() && this.uploadedCompressedBytes + gzip.length > MAX_ERROR_CLIP_COMPRESSED_BYTES && this.segmentIndex > 0) {
@@ -14077,9 +14119,14 @@ var TalariaClient = class {
               { type: droppedType }
             );
             if (this.segmentIndex === 0 && droppedType === RRWEB_FULL_SNAPSHOT) {
-              await this.abortUnusableClip("oversized_full_snapshot", {
-                source: "server_reject"
-              });
+              await this.abortUnusableClip(
+                "oversized_full_snapshot",
+                {
+                  source: "server_reject",
+                  ...paintBaseSizeDetails(events),
+                  rejectedCompressedBytes: gzip.length
+                }
+              );
               return;
             }
             continue;
@@ -14128,11 +14175,21 @@ var TalariaClient = class {
         { type: dropped?.type }
       );
       if (this.segmentIndex === 0 && dropped?.type === RRWEB_FULL_SNAPSHOT) {
+        let compressedBytes;
+        try {
+          compressedBytes = (await compressReplayEvents([dropped])).length;
+        } catch {
+        }
         return {
           events: [],
           gzip: new Uint8Array(),
           abortReason: "oversized_full_snapshot",
-          abortDetails: { source: "fit_compressed_prefix" }
+          abortDetails: {
+            source: "fit_compressed_prefix",
+            ...paintBaseSizeDetails(chunk, {
+              fullSnapshotCompressedBytes: compressedBytes
+            })
+          }
         };
       }
       if (chunk.length > 1) {
@@ -14141,11 +14198,24 @@ var TalariaClient = class {
       return this.takeFittedSegment();
     }
     if (this.segmentIndex === 0 && chunk.some((e) => e.type === RRWEB_FULL_SNAPSHOT) && !fitted.events.some((e) => e.type === RRWEB_FULL_SNAPSHOT)) {
+      const full = chunk.find((e) => e.type === RRWEB_FULL_SNAPSHOT);
+      let compressedBytes;
+      if (full) {
+        try {
+          compressedBytes = (await compressReplayEvents([full])).length;
+        } catch {
+        }
+      }
       return {
         events: [],
         gzip: new Uint8Array(),
         abortReason: "oversized_full_snapshot",
-        abortDetails: { source: "fit_dropped_full_snapshot" }
+        abortDetails: {
+          source: "fit_dropped_full_snapshot",
+          ...paintBaseSizeDetails(chunk, {
+            fullSnapshotCompressedBytes: compressedBytes
+          })
+        }
       };
     }
     if (fitted.remainder.length > 0) {