@maple-dev/browser 0.4.0 → 0.9.0

package/dist/{replay-session-B_ACRogX.mjs → replay-session-gSlAYwqV.mjs}

@@ -1,13 +1,5 @@
-import { _ as gzip, f as startEventSink, h as nextChunkSeq, m as markActivity, n as getObservedTraceIds, o as startSessionLifecycle, r as publishSessionSink, s as activeTraceId, v as postSessionBlob, y as postSessionMeta } from "./sink-DHTfvFgl.mjs";
+import { C as warnDropped, E as activeTraceId, M as scrubUrl, O as withStartedTraceId, T as safeEmit, b as postSessionBlob, m as nextChunkSeq, n as getObservedTraceIds, o as startSessionLifecycle, p as markActivity, r as publishSessionSink, u as startEventSink, w as BLOCK_SELECTOR, x as postSessionMeta, y as gzip } from "./sink-DHPiMgU0.mjs";
 import { record } from "rrweb";
-//#region ../browser-session/src/replay/capture/shared.ts
-/** Emit best-effort: capture must never throw into the host app's call site. */
-function safeEmit(emit, ev) {
-	try {
-		emit(ev);
-	} catch {}
-}
-//#endregion
 //#region ../browser-session/src/replay/capture/console.ts
 const LEVELS = [
 	"log",
@@ -17,6 +9,8 @@ const LEVELS = [
 	"debug"
 ];
 const MAX_MESSAGE = 2e3;
+/** No array logged into a 2,000-character message needs more elements than this. */
+const MAX_ARRAY_ELEMENTS = 100;
 /**
 * Capture `console.*` calls as session events. Wraps each method, emits a
 * distilled record, then forwards to the original so the host app's console
@@ -48,90 +42,28 @@ function formatArgs(args) {
 		if (typeof a === "string") return a;
 		if (a instanceof Error) return `${a.name}: ${a.message}`;
 		try {
-			return JSON.stringify(a);
+			return boundedStringify(a, MAX_MESSAGE) ?? String(a);
 		} catch {
 			return String(a);
 		}
 	}).join(" ");
 	return text.length > MAX_MESSAGE ? `${text.slice(0, MAX_MESSAGE)}…` : text;
 }
-//#endregion
-//#region ../browser-session/src/replay/capture/errors.ts
-const MAX_STACK = 4e3;
-/** Capture uncaught errors + unhandled promise rejections as session events. */
-function installErrorCapture(emit) {
-	const onError = (event) => {
-		safeEmit(emit, {
-			type: "error",
-			level: "error",
-			message: event.message || String(event.error ?? "Error"),
-			errorStack: truncate(event.error?.stack),
-			traceId: activeTraceId()
-		});
-	};
-	const onRejection = (event) => {
-		const reason = event.reason;
-		safeEmit(emit, {
-			type: "error",
-			level: "error",
-			message: typeof reason === "string" ? reason : reason?.message ?? "Unhandled promise rejection",
-			errorStack: truncate(typeof reason === "object" ? reason?.stack : void 0),
-			traceId: activeTraceId()
-		});
-	};
-	window.addEventListener("error", onError);
-	window.addEventListener("unhandledrejection", onRejection);
-	return () => {
-		window.removeEventListener("error", onError);
-		window.removeEventListener("unhandledrejection", onRejection);
-	};
-}
-function truncate(stack) {
-	if (!stack) return void 0;
-	return stack.length > MAX_STACK ? `${stack.slice(0, MAX_STACK)}…` : stack;
-}
-//#endregion
-//#region ../browser-session/src/replay/capture/interactions.ts
-const MAX_TEXT = 120;
 /**
-* Capture clicks and input events as session events. Listens in the capture
-* phase so it sees interactions even when the host app calls
-* `stopPropagation()`. Input *values* are never recorded; only the target
-* element. Click target text is omitted when `maskAllText` is set.
+* `JSON.stringify` that stops descending once roughly `budget` characters have
+* been produced. The message is cut to `MAX_MESSAGE` anyway, and serializing a
+* whole store object on every `console.log` first was a main-thread cost paid
+* on the host app's hot path. A replacer returning `undefined` skips a value
+* without visiting its children, so the walk is bounded by the budget.
 */
-function installInteractionCapture(emit, maskAllText) {
-	const onClick = (event) => {
-		const target = event.target;
-		if (!(target instanceof Element)) return;
-		safeEmit(emit, {
-			type: "click",
-			targetSelector: selectorOf(target),
-			targetText: maskAllText ? void 0 : textOf(target)
-		});
-	};
-	const onInput = (event) => {
-		const target = event.target;
-		if (!(target instanceof Element)) return;
-		safeEmit(emit, {
-			type: "input",
-			targetSelector: selectorOf(target)
-		});
-	};
-	document.addEventListener("click", onClick, true);
-	document.addEventListener("input", onInput, true);
-	return () => {
-		document.removeEventListener("click", onClick, true);
-		document.removeEventListener("input", onInput, true);
-	};
-}
-/** A short, human-readable selector: tag + #id + .first-class. */
-function selectorOf(el) {
-	return `${el.tagName.toLowerCase()}${el.id ? `#${el.id}` : ""}${typeof el.className === "string" && el.className.trim() ? `.${el.className.trim().split(/\s+/)[0]}` : ""}`;
-}
-function textOf(el) {
-	const text = (el.textContent ?? "").trim().replace(/\s+/g, " ");
-	if (!text) return void 0;
-	return text.length > MAX_TEXT ? `${text.slice(0, MAX_TEXT)}…` : text;
+function boundedStringify(value, budget) {
+	let used = 0;
+	return JSON.stringify(value, (key, nested) => {
+		if (used > budget) return void 0;
+		used += key.length + (typeof nested === "string" ? nested.length : 4);
+		if (Array.isArray(nested) && nested.length > MAX_ARRAY_ELEMENTS) return nested.slice(0, MAX_ARRAY_ELEMENTS);
+		return nested;
+	});
 }
 //#endregion
 //#region ../browser-session/src/replay/capture/network.ts
@@ -145,10 +77,13 @@ function installNetworkCapture(emit, ignoreUrl) {
 	if (origFetch) window.fetch = async (input, init) => {
 		const url = requestUrl(input);
 		const method = requestMethod(input, init);
-		const traceId = activeTraceId();
+		const ambientTraceId = activeTraceId();
 		const start = performance.now();
+		let traceId = ambientTraceId;
 		try {
-			const res = await origFetch(input, init);
+			const call = withStartedTraceId(() => origFetch(input, init));
+			traceId = call.traceId ?? ambientTraceId;
+			const res = await call.result;
 			record(url, method, res.status, start, traceId);
 			return res;
 		} catch (error) {
@@ -167,7 +102,7 @@ function installNetworkCapture(emit, ignoreUrl) {
 				durationMs: Math.round(performance.now() - start)
 			},
 			traceId,
-			...error ? { attrs: { error } } : {}
+			...error ? { attrs: { error } } : void 0
 		});
 	};
 	const XHR = typeof window !== "undefined" ? window.XMLHttpRequest : void 0;
@@ -186,11 +121,13 @@ function installNetworkCapture(emit, ignoreUrl) {
 		XHR.prototype.send = function(...args) {
 			const meta = this;
 			const start = performance.now();
-			const traceId = activeTraceId();
+			let traceId = activeTraceId();
 			this.addEventListener("loadend", () => {
 				record(meta.__mapleUrl ?? "", meta.__mapleMethod ?? "GET", this.status, start, traceId);
 			});
-			return origSend.apply(this, args);
+			const call = withStartedTraceId(() => origSend.apply(this, args));
+			traceId = call.traceId ?? traceId;
+			return call.result;
 		};
 	}
 	return () => {
@@ -210,22 +147,18 @@ function requestMethod(input, init) {
 //#endregion
 //#region ../browser-session/src/replay/events.ts
 /**
-* Install the capture modules that turn browser activity (console, network,
-* errors, interactions) into distilled session events.
+* Install the capture modules that turn console output and network requests
+* into distilled session events.
 *
-* Navigation is deliberately absent: the sink observes it, because page views
-* have to be counted even when replay is unsampled, and a second history patch
-* here would double-count every SPA transition.
+* Navigation, errors and interactions are deliberately absent: the sink
+* installs those itself (see `startBaselineCapture`), because page views, error
+* counts and click counts have to be counted even when replay is unsampled —
+* and a second listener here would double-count every one of them.
 */
 function startEventCapture(config, sessionId) {
 	const sink = startEventSink(config, sessionId);
 	const emit = sink.emit;
-	const uninstall = [
-		installInteractionCapture(emit, config.maskAllText),
-		installConsoleCapture(emit),
-		installNetworkCapture(emit, sink.ignoreUrl),
-		installErrorCapture(emit)
-	];
+	const uninstall = [installConsoleCapture(emit), installNetworkCapture(emit, sink.ignoreUrl)];
 	return {
 		stop: () => {
 			for (const off of uninstall) off();
@@ -236,6 +169,7 @@ function startEventCapture(config, sessionId) {
 //#endregion
 //#region ../browser-session/src/replay/record.ts
 const FULL_SNAPSHOT = 2;
+const META = 4;
 const INCREMENTAL = 3;
 const SOURCE_MOUSE_INTERACTION = 2;
 const MOUSE_CLICK = 2;
@@ -243,6 +177,9 @@ const FLUSH_INTERVAL_MS = 5e3;
 const FLUSH_BYTES = 102400;
 const CHECKOUT_EVERY_MS = 3e5;
 const MAX_BUFFER_BYTES = 4194304;
+function warnExhausted(sessionId) {
+	console.warn(`[maple] session replay ${sessionId} reached its maximum recorded size; recording stopped for this session (metadata and events continue)`);
+}
 let lastDropWarnAt = 0;
 function warnBufferDropped(bytes) {
 	const now = Date.now();
@@ -258,6 +195,8 @@ function startRecording(config, sessionId) {
 	let lastTimestamp = 0;
 	let droppedChunk = false;
 	let clickCount = 0;
+	let stopped = false;
+	let exhausted = false;
 	const resetBuffer = () => {
 		parts = [];
 		bufferBytes = 0;
@@ -266,27 +205,39 @@ function startRecording(config, sessionId) {
 		lastTimestamp = 0;
 	};
 	const flush = async (keepalive = false) => {
-		if (parts.length === 0) return;
+		if (stopped || exhausted || parts.length === 0) return;
 		const body = `[${parts.join(",")}]`;
 		const isCheckpoint = bufferHasCheckpoint;
 		const eventCount = parts.length;
 		const durationMs = Math.max(0, lastTimestamp - firstTimestamp);
 		const seq = nextChunkSeq();
 		resetBuffer();
-		const gzipped = await gzip(new TextEncoder().encode(body));
-		await postSessionBlob(config, {
+		let gzipped;
+		try {
+			gzipped = await gzip(new TextEncoder().encode(body));
+		} catch (error) {
+			warnDropped("chunk compression", error);
+			return;
+		}
+		if (await postSessionBlob(config, {
 			sessionId,
 			chunkSeq: seq,
 			isCheckpoint,
 			eventCount,
 			durationMs
-		}, gzipped, keepalive);
+		}, gzipped, keepalive) === "exhausted" && !exhausted) {
+			exhausted = true;
+			warnExhausted(sessionId);
+			haltCapture();
+		}
 	};
+	let haltCapture = () => {};
 	const stop = record({
 		emit: (event, isCheckpoint) => {
 			const active = markActivity();
 			if (active && active.id !== sessionId) return;
 			const e = event;
+			if (e.type === META && e.data && typeof e.data.href === "string") e.data.href = scrubUrl(e.data.href);
 			const isFullSnapshot = isCheckpoint === true || e.type === FULL_SNAPSHOT;
 			if (e.type === INCREMENTAL && e.data?.source === SOURCE_MOUSE_INTERACTION && e.data.type === MOUSE_CLICK) clickCount++;
 			let json;
@@ -311,25 +262,42 @@ function startRecording(config, sessionId) {
 			if (bufferBytes >= FLUSH_BYTES) flush();
 		},
 		maskAllInputs: config.maskAllInputs,
-		...config.maskAllText ? { maskTextSelector: "*" } : {},
+		blockSelector: BLOCK_SELECTOR,
+		...config.maskAllText ? { maskTextSelector: "*" } : void 0,
 		checkoutEveryNms: CHECKOUT_EVERY_MS
 	});
+	let idleHandle;
 	const scheduleFlush = () => {
-		if (typeof requestIdleCallback === "function") requestIdleCallback(() => void flush(), { timeout: 2e3 });
+		if (typeof requestIdleCallback === "function") idleHandle = requestIdleCallback(() => {
+			idleHandle = void 0;
+			flush();
+		}, { timeout: 2e3 });
 		else flush();
 	};
 	const flushTimer = setInterval(scheduleFlush, FLUSH_INTERVAL_MS);
+	let halted = false;
+	haltCapture = () => {
+		if (halted) return;
+		halted = true;
+		clearInterval(flushTimer);
+		if (idleHandle !== void 0 && typeof cancelIdleCallback === "function") {
+			cancelIdleCallback(idleHandle);
+			idleHandle = void 0;
+		}
+		resetBuffer();
+		stop?.();
+	};
 	return {
 		stop: () => {
-			clearInterval(flushTimer);
-			stop?.();
+			stopped = true;
+			haltCapture();
 		},
 		flush,
 		getClickCount: () => clickCount
 	};
 }
 //#endregion
-//#region ../browser-session/src/replay-session.ts
+//#region ../browser-session/src/session/replay-session.ts
 /**
 * Start recording the current browser session. Publishes the session sink,
 * posts an `active` metadata row, and installs visibility handlers:
@@ -345,8 +313,10 @@ function startReplaySession(options) {
 	const engineConfig = {
 		endpoint: options.endpoint.replace(/\/$/, ""),
 		ingestKey: options.ingestKey,
+		sdk: options.sdk,
 		maskAllInputs: options.maskAllInputs,
-		maskAllText: options.maskAllText
+		maskAllText: options.maskAllText,
+		getIdentity: options.getIdentity
 	};
 	let recorder;
 	let events;