@faststats/web 0.10.2 → 0.10.3

package/dist/chunks/{identifiers-I5UnTXGR.js → identifiers-BgGtAQdp.js}

@@ -1,4 +1,4 @@
-import { c as removeStorageItem, l as setStorageItem, n as createId, s as getStorageItem } from "./send-data-Dplz7m4c.js";
+import { c as removeStorageItem, l as setStorageItem, n as createId, s as getStorageItem } from "./send-data-DAVUdfNm.js";
 //#region src/utils/identifiers.ts
 const ANONYMOUS_ID_KEY = "faststats_anon_id_";
 function getAnonymousId(siteKey, cookieless = false) {

package/dist/chunks/{send-data-Dplz7m4c.js → send-data-DAVUdfNm.js}

@@ -150,7 +150,7 @@ function onSessionRotated(siteKey, cookieless, listener) {
 //#endregion
 //#region src/utils/send-data.ts
 async function sendData(options) {
-	const { url, data, contentType = "application/json", headers = {}, debug = false, debugPrefix = "[Analytics]", useBeacon = true, keepalive = true, signal } = options;
+	const { url, data, contentType = "application/json", headers = {}, debug = false, debugPrefix = "[Analytics]", useBeacon = true, keepalive = true, signal, settleRejected } = options;
 	if (signal?.aborted) return false;
 	if (useBeacon && typeof globalThis.navigator?.sendBeacon === "function") try {
 		const beaconBody = data instanceof Blob || typeof Blob === "undefined" ? data : new Blob([data], { type: contentType });
@@ -160,7 +160,7 @@ async function sendData(options) {
 		}
 	} catch {}
 	try {
-		const response = await fetch(url, {
+		const { ok, status } = await fetch(url, {
 			method: "POST",
 			body: data,
 			headers: {
@@ -171,14 +171,10 @@ async function sendData(options) {
 			credentials: "omit",
 			signal
 		});
-		const success = response.ok;
-		if (debug) {
-			const message = success ? `${debugPrefix} Sent via fetch` : `${debugPrefix} Failed: ${response.status}`;
-			console[success ? "log" : "warn"](message);
-		}
-		return success;
+		if (debug) console.log(debugPrefix, ok ? "Sent via fetch" : status);
+		return ok || !!settleRejected && status < 500 && status !== 429;
 	} catch {
-		if (debug) console.warn(`${debugPrefix} Failed to send`);
+		if (debug) console.log(debugPrefix, "Failed to send");
 		return false;
 	}
 }

package/dist/error.js

@@ -1,9 +1,9 @@
 import { i as resolveBaseUrl, n as URLS, r as getPageContext, t as ANALYTICS_BASE } from "./chunks/api-urls-DWk43fu6.js";
-import { r as getSessionContext, t as sendData } from "./chunks/send-data-Dplz7m4c.js";
-import { t as getAnonymousId } from "./chunks/identifiers-I5UnTXGR.js";
+import { r as getSessionContext, t as sendData } from "./chunks/send-data-DAVUdfNm.js";
+import { t as getAnonymousId } from "./chunks/identifiers-BgGtAQdp.js";
 //#region src/error.ts
 const SDK_NAME = "@faststats/web";
-const SDK_VERSION = "0.10.2";
+const SDK_VERSION = "0.10.3";
 function errorTracking(options = {}) {
 	return {
 		name: "error-tracking",

package/dist/index.js

@@ -1,6 +1,6 @@
 import { i as resolveBaseUrl, n as URLS, r as getPageContext, t as ANALYTICS_BASE } from "./chunks/api-urls-DWk43fu6.js";
-import { a as resetSession, n as createId, o as touchActivity, r as getSessionContext, t as sendData } from "./chunks/send-data-Dplz7m4c.js";
-import { n as resetAnonymousId, t as getAnonymousId } from "./chunks/identifiers-I5UnTXGR.js";
+import { a as resetSession, n as createId, o as touchActivity, r as getSessionContext, t as sendData } from "./chunks/send-data-DAVUdfNm.js";
+import { n as resetAnonymousId, t as getAnonymousId } from "./chunks/identifiers-BgGtAQdp.js";
 //#region src/extensions.ts
 var ExtensionHost = class {
 	runtime;

package/dist/replay.d.ts

@@ -89,6 +89,7 @@ export default class ReplayTracker {
   private lastCookielessMode;
   private needsFinalization;
   private initialFlushPending;
+  private resumed;
   private overflowed;
   private replayEventSequence;
   private readonly mutationThrottler;

package/dist/replay.js

@@ -1,6 +1,6 @@
 import { a as sanitizeUrl, i as resolveBaseUrl, n as URLS, t as ANALYTICS_BASE } from "./chunks/api-urls-DWk43fu6.js";
-import { c as removeStorageItem, i as onSessionRotated, l as setStorageItem, n as createId, o as touchActivity, r as getSessionContext, s as getStorageItem, t as sendData } from "./chunks/send-data-Dplz7m4c.js";
-import { t as getAnonymousId } from "./chunks/identifiers-I5UnTXGR.js";
+import { c as removeStorageItem, i as onSessionRotated, l as setStorageItem, n as createId, o as touchActivity, r as getSessionContext, s as getStorageItem, t as sendData } from "./chunks/send-data-DAVUdfNm.js";
+import { t as getAnonymousId } from "./chunks/identifiers-BgGtAQdp.js";
 import { record } from "@rrweb/record";
 import { getRecordConsolePlugin } from "@rrweb/rrweb-plugin-console-record";
 import { getRecordNetworkPlugin } from "@rrweb/rrweb-plugin-network-record";
@@ -63,8 +63,14 @@ function readCounter(value) {
 		if (parsed && typeof parsed.sessionId === "string" && typeof parsed.windowId === "string" && typeof parsed.next === "number" && Number.isSafeInteger(parsed.next) && parsed.next >= 0 && (parsed.version === 0 || parsed.version === 1)) return parsed;
 	} catch {}
 }
+const sequenceKey = (siteKey) => `faststats_replay_sequence_v1_${siteKey}`;
+/** Whether this recording already sent batches, e.g. from an earlier page load. */
+function hasReplaySequence(siteKey, context, cookieless) {
+	const raw = cookieless ? null : getStorageItem("sessionStorage", sequenceKey(siteKey));
+	return [counters.get(siteKey), raw === null ? void 0 : readCounter(raw)].some((counter) => sameRecording(counter, context) && counter.next > 0);
+}
 function nextReplaySequence(siteKey, context, cookieless) {
-	const key = `faststats_replay_sequence_v1_${siteKey}`;
+	const key = sequenceKey(siteKey);
 	const cached = counters.get(siteKey);
 	const raw = cookieless ? null : getStorageItem("sessionStorage", key);
 	const stored = raw === null ? void 0 : readCounter(raw);
@@ -170,6 +176,7 @@ var ReplayTracker = class {
 	lastCookielessMode;
 	needsFinalization = false;
 	initialFlushPending = true;
+	resumed = false;
 	overflowed = false;
 	replayEventSequence = 0;
 	mutationThrottler;
@@ -218,8 +225,7 @@ var ReplayTracker = class {
 		this.clearFlushTimers();
 		const context = getSessionContext(this.options.siteKey, this.lastCookielessMode);
 		this.activeSessionId = context.sessionId;
-		this.startTime = Date.now();
-		this.chunkStartedAt = Date.now();
+		this.resetSessionTiming(context);
 		this.beginReplayStream();
 	}
 	start() {
@@ -233,8 +239,7 @@ var ReplayTracker = class {
 		this.viewUrl = sanitizeUrl(window.location.href, this.options.trackHash ?? false);
 		const context = getSessionContext(this.options.siteKey, this.lastCookielessMode);
 		this.activeSessionId = context.sessionId;
-		this.startTime = Date.now();
-		this.chunkStartedAt = Date.now();
+		this.resetSessionTiming(context);
 		this.subscribeToSessionRotation();
 		this.beginRecording();
 		this.intervalId = setInterval(() => this.requestFlush("interval"), this.flushInterval);
@@ -377,10 +382,7 @@ var ReplayTracker = class {
 	}
 	applySessionRotation(prev, next) {
 		if (this.activeSessionId === next.sessionId) return;
-		if (this.hasReachedMinLength()) this.enqueueEventsIfReady(prev, {
-			isFinal: true,
-			flushReason: "sessionRotate"
-		});
+		if (this.hasReachedMinLength()) this.enqueueEventsIfReady(prev, "sessionRotate");
 		else {
 			this.events.length = 0;
 			this.queuedEventsSizeBytes = 0;
@@ -411,9 +413,10 @@ var ReplayTracker = class {
 			}
 		}
 	}
-	resetSessionTiming(_next) {
+	resetSessionTiming(next) {
 		if (this.minLengthFlushTask) clearTimeout(this.minLengthFlushTask);
 		this.minLengthFlushTask = null;
+		this.resumed = hasReplaySequence(this.options.siteKey, next, this.lastCookielessMode);
 		this.startTime = Date.now();
 		this.chunkStartedAt = Date.now();
 		this.initialFlushPending = true;
@@ -467,7 +470,7 @@ var ReplayTracker = class {
 		this.flush(true, true, reason);
 	}
 	hasReachedMinLength() {
-		return this.minReplayLengthMs <= 0 || Date.now() - this.startTime >= this.minReplayLengthMs;
+		return this.resumed || this.minReplayLengthMs <= 0 || Date.now() - this.startTime >= this.minReplayLengthMs;
 	}
 	requestFlush = (reason = "manual") => {
 		if (this.flushTask || this.events.length === 0) return;
@@ -495,17 +498,20 @@ var ReplayTracker = class {
 			this.requestFlush("minLength");
 		}, Math.min(remainingMs, MAX_TIMEOUT_MS));
 	}
-	enqueueEventsIfReady(context, options = {}) {
-		const { isFinal = false, flushReason = "manual", maxBatchSizeBytes = this.maxBatchSizeBytes } = options;
+	enqueueEventsIfReady(context, flushReason = "manual", maxBatchSizeBytes = this.maxBatchSizeBytes) {
 		if (this.events.length === 0) return;
-		if (!isFinal && !this.hasReachedMinLength()) {
+		if (!this.hasReachedMinLength()) {
 			this.scheduleMinLengthFlush();
 			return;
 		}
-		const batches = this.takeEventBatches(maxBatchSizeBytes);
-		for (const [index, events] of batches.entries()) {
-			const batch = this.createBatch(events, context, isFinal && index === batches.length - 1, flushReason);
-			if (!batch || !this.enqueueBatch(batch)) break;
+		for (const events of this.takeEventBatches(maxBatchSizeBytes)) {
+			if (this.pending.length >= this.maxPendingBatches) {
+				this.stopCapture("Replay queue limit reached");
+				break;
+			}
+			const batch = this.createBatch(events, context, false, flushReason);
+			if (!batch) break;
+			this.enqueueBatch(batch);
 		}
 		this.queuedEventsSizeBytes = 0;
 	}
@@ -578,45 +584,27 @@ var ReplayTracker = class {
 		this.stopRecording = void 0;
 	}
 	enqueueBatch(batch) {
-		const size = this.batchSizeBytes(batch);
-		if (size > this.maxQueueSizeBytes || this.pending.length >= this.maxPendingBatches || this.pendingSizeBytes + size > this.maxQueueSizeBytes) {
-			this.stopCapture(`Replay queue limit reached at batch ${batch.sequence}`);
-			return false;
-		}
 		this.needsFinalization = !batch.isFinal;
 		this.pending.push(batch);
-		this.pendingSizeBytes += size;
-		return true;
+		this.pendingSizeBytes += this.batchSizeBytes(batch);
 	}
 	async flush(lowLatency, isFinal = false, flushReason = "manual") {
 		if (this.events.length === 0 && !isFinal) {
-			await this.sendPending(lowLatency, false);
+			await this.sendPending(lowLatency);
 			return;
 		}
 		const rotation = touchActivity(this.options.siteKey, this.lastCookielessMode);
 		if (rotation) this.applySessionRotation(rotation.prev, rotation.next);
 		const context = getSessionContext(this.options.siteKey, this.lastCookielessMode);
-		this.enqueueEventsIfReady(context, {
-			isFinal,
-			flushReason,
-			maxBatchSizeBytes: lowLatency ? this.maxLowLatencyBatchSizeBytes : this.maxBatchSizeBytes
-		});
-		if (isFinal) this.finalizeSession(context, flushReason);
-		if (this.pending.length === 0) return;
-		await this.sendPending(lowLatency, lowLatency && isFinal);
-	}
-	async sendPending(lowLatency, bypassRetryDelay) {
-		if (this.retryTask) {
-			if (!bypassRetryDelay) return;
-			clearTimeout(this.retryTask);
-			this.retryTask = null;
-		}
+		this.enqueueEventsIfReady(context, flushReason, lowLatency ? this.maxLowLatencyBatchSizeBytes : this.maxBatchSizeBytes);
+		if (!isFinal) return this.sendPending(lowLatency);
+		this.finalizeSession(context, flushReason);
+		for (const batch of [...this.pending].reverse()) this.sendBatch(batch, true).then((sent) => sent && this.removePending(batch));
+	}
+	async sendPending(lowLatency) {
+		if (this.retryTask) return;
 		if (this.sending) {
-			const queued = this.queuedFlush;
-			this.queuedFlush = {
-				lowLatency: (queued?.lowLatency ?? false) || lowLatency,
-				bypassRetryDelay: (queued?.bypassRetryDelay ?? false) || bypassRetryDelay
-			};
+			this.queuedFlush = !!this.queuedFlush || lowLatency;
 			return;
 		}
 		this.sending = true;
@@ -630,14 +618,14 @@ var ReplayTracker = class {
 				}
 				this.retryAttempt = 0;
 				this.removePending(batch);
-				if (this.queuedFlush?.lowLatency) break;
+				if (this.queuedFlush) break;
 			}
 		} finally {
 			this.sending = false;
-			if (this.queuedFlush) {
-				const queued = this.queuedFlush;
+			if (this.queuedFlush !== null) {
+				const lowLatency = this.queuedFlush;
 				this.queuedFlush = null;
-				this.sendPending(queued.lowLatency, queued.bypassRetryDelay);
+				this.sendPending(lowLatency);
 			}
 		}
 	}
@@ -649,7 +637,7 @@ var ReplayTracker = class {
 		this.retryTask = setTimeout(() => {
 			this.retryTask = null;
 			if (this.retryAttempt === RETRY_MAX_ATTEMPTS) this.retryAttempt = 0;
-			this.sendPending(false, false);
+			this.sendPending(false);
 		}, delay);
 	}
 	retryDelay(attempt) {
@@ -664,7 +652,8 @@ var ReplayTracker = class {
 			debug: this.options.debug,
 			debugPrefix: "[Replay]",
 			useBeacon: lowLatencySafe,
-			keepalive: lowLatencySafe
+			keepalive: lowLatencySafe,
+			settleRejected: true
 		};
 		if (!lowLatency && (this.options.compress ?? true) && this.compressionSupported) try {
 			const stream = new Blob([json]).stream().pipeThrough(new CompressionStream("gzip"));

package/dist/web-vitals.js

@@ -1,5 +1,5 @@
 import { a as sanitizeUrl, i as resolveBaseUrl, n as URLS, t as ANALYTICS_BASE } from "./chunks/api-urls-DWk43fu6.js";
-import { r as getSessionContext, t as sendData } from "./chunks/send-data-Dplz7m4c.js";
+import { r as getSessionContext, t as sendData } from "./chunks/send-data-DAVUdfNm.js";
 import { onCLS, onFCP, onINP, onLCP, onTTFB } from "web-vitals/attribution";
 //#region src/utils/web-vitals-collector.ts
 const collectors = /* @__PURE__ */ new WeakMap();

package/package.json

@@ -42,7 +42,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "0.10.2",
+	"version": "0.10.3",
 	"scripts": {
 		"build": "tsdown && bun run check-size",
 		"dev": "bun run build",