@kubesense/kubesense-browser-rum 1.8.0 → 2.0.0-beta.1

package/esm/domain/profiling/quotaCheck.mjs

@@ -0,0 +1,66 @@
+import { clearTimeout, fetch, setTimeout } from "@kubesense/kubesense-browser-core";
+import { buildEndpointUrl } from "@kubesense/kubesense-js-core/transport";
+//#region src/domain/profiling/quotaCheck.ts
+function parseQuotaResult(body, httpStatusFallback) {
+	const attrs = body?.data?.attributes;
+	if (!attrs || typeof attrs.admitted !== "boolean" || typeof attrs.reason !== "string") return httpStatusFallback;
+	const reason = attrs.reason === "backend_client_not_initialized" ? "backend_unavailable" : attrs.reason;
+	return {
+		decision: attrs.admitted ? "quota_ok" : "quota_ko",
+		reason
+	};
+}
+function buildQuotaUrl(configuration, sessionId) {
+	return buildEndpointUrl({
+		proxy: configuration.proxy,
+		kubesenseRumEndpoint: configuration.kubesenseRumEndpoint,
+		path: "/rum/api/v1/profiling/quota",
+		parameters: `session_id=${sessionId}`,
+		subdomain: "quota"
+	});
+}
+function checkProfilingQuota(configuration, sessionId, timeoutMs = 5e3) {
+	const url = buildQuotaUrl(configuration, sessionId);
+	const controller = new AbortController();
+	let timeoutId;
+	const fetchPromise = fetch(url, {
+		credentials: "omit",
+		signal: controller.signal,
+		headers: new Headers({ "DD-CLIENT-TOKEN": configuration.clientToken })
+	}).then((response) => {
+		const statusFallback = response.status === 429 ? {
+			decision: "quota_ko",
+			reason: "quota_exceeded"
+		} : {
+			decision: "quota_ok",
+			reason: "api-error"
+		};
+		return response.json().then((body) => {
+			clearTimeout(timeoutId);
+			return parseQuotaResult(body, statusFallback);
+		}, () => {
+			clearTimeout(timeoutId);
+			return statusFallback;
+		});
+	}).catch(() => {
+		clearTimeout(timeoutId);
+		return {
+			decision: "quota_ok",
+			reason: "api-error"
+		};
+	});
+	const timeoutPromise = new Promise((resolve) => {
+		timeoutId = setTimeout(() => {
+			controller.abort();
+			resolve({
+				decision: "quota_ok",
+				reason: "timeout"
+			});
+		}, timeoutMs);
+	});
+	return Promise.race([fetchPromise, timeoutPromise]);
+}
+//#endregion
+export { checkProfilingQuota };
+
+//# sourceMappingURL=quotaCheck.mjs.map

package/esm/domain/profiling/quotaCheck.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"quotaCheck.mjs","names":[],"sources":["../../../src/domain/profiling/quotaCheck.ts"],"sourcesContent":["import { fetch, setTimeout, clearTimeout } from '@kubesense/kubesense-browser-core'\nimport { buildEndpointUrl } from '@kubesense/kubesense-js-core/transport'\nimport type { RumConfiguration } from '@kubesense/kubesense-browser-rum-core'\n\n// Reason strings surfaced on RUM events. Backend reasons backend_unavailable and\n// backend_client_not_initialized are both normalised to backend_unavailable.\nexport type BackendQuotaReason = 'quota_ok' | 'quota_exceeded' | 'org_disabled' | 'backend_unavailable' | 'undefined'\n\n// SDK-only reasons used when the backend is not reachable.\nexport type FrontendQuotaReason = 'timeout' | 'api-error'\n\nexport type QuotaReason = BackendQuotaReason | FrontendQuotaReason\n\nexport interface QuotaResult {\n  decision: 'quota_ok' | 'quota_ko'\n  reason: QuotaReason\n}\n\nfunction parseQuotaResult(body: unknown, httpStatusFallback: QuotaResult): QuotaResult {\n  const attrs = (body as any)?.data?.attributes\n  if (!attrs || typeof attrs.admitted !== 'boolean' || typeof attrs.reason !== 'string') {\n    return httpStatusFallback\n  }\n  const reason: BackendQuotaReason =\n    attrs.reason === 'backend_client_not_initialized' ? 'backend_unavailable' : (attrs.reason as BackendQuotaReason)\n  return {\n    decision: attrs.admitted ? 'quota_ok' : 'quota_ko',\n    reason,\n  }\n}\n\nfunction buildQuotaUrl(configuration: RumConfiguration, sessionId: string): string {\n  return buildEndpointUrl({\n    proxy: configuration.proxy,\n    kubesenseRumEndpoint: configuration.kubesenseRumEndpoint,\n    path: '/rum/api/v1/profiling/quota',\n    parameters: `session_id=${sessionId}`,\n    subdomain: 'quota',\n  })\n}\n\nexport function checkProfilingQuota(\n  configuration: RumConfiguration,\n  sessionId: string,\n  timeoutMs = 5000\n): Promise<QuotaResult> {\n  const url = buildQuotaUrl(configuration, sessionId)\n  const controller = new AbortController()\n\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  const fetchPromise = fetch(url, {\n    credentials: 'omit',\n    signal: controller.signal,\n    headers: new Headers({\n      'DD-CLIENT-TOKEN': configuration.clientToken,\n    }),\n  })\n    .then((response) => {\n      const statusFallback: QuotaResult =\n        response.status === 429\n          ? { decision: 'quota_ko', reason: 'quota_exceeded' }\n          : { decision: 'quota_ok', reason: 'api-error' }\n      return response.json().then(\n        (body): QuotaResult => {\n          clearTimeout(timeoutId)\n          return parseQuotaResult(body, statusFallback)\n        },\n        (): QuotaResult => {\n          // Body unparseable — fall back to HTTP status\n          clearTimeout(timeoutId)\n          return statusFallback\n        }\n      )\n    })\n    .catch((): QuotaResult => {\n      clearTimeout(timeoutId)\n      return { decision: 'quota_ok', reason: 'api-error' }\n    })\n\n  const timeoutPromise = new Promise<QuotaResult>((resolve) => {\n    timeoutId = setTimeout(() => {\n      controller.abort()\n      resolve({ decision: 'quota_ok', reason: 'timeout' })\n    }, timeoutMs)\n  })\n\n  return Promise.race([fetchPromise, timeoutPromise])\n}\n"],"mappings":";;;AAkBA,SAAS,iBAAiB,MAAe,oBAA8C;CACrF,MAAM,QAAS,MAAc,MAAM;CACnC,IAAI,CAAC,SAAS,OAAO,MAAM,aAAa,aAAa,OAAO,MAAM,WAAW,UAC3E,OAAO;CAET,MAAM,SACJ,MAAM,WAAW,mCAAmC,wBAAyB,MAAM;CACrF,OAAO;EACL,UAAU,MAAM,WAAW,aAAa;EACxC;CACF;AACF;AAEA,SAAS,cAAc,eAAiC,WAA2B;CACjF,OAAO,iBAAiB;EACtB,OAAO,cAAc;EACrB,sBAAsB,cAAc;EACpC,MAAM;EACN,YAAY,cAAc;EAC1B,WAAW;CACb,CAAC;AACH;AAEA,SAAgB,oBACd,eACA,WACA,YAAY,KACU;CACtB,MAAM,MAAM,cAAc,eAAe,SAAS;CAClD,MAAM,aAAa,IAAI,gBAAgB;CAEvC,IAAI;CAEJ,MAAM,eAAe,MAAM,KAAK;EAC9B,aAAa;EACb,QAAQ,WAAW;EACnB,SAAS,IAAI,QAAQ,EACnB,mBAAmB,cAAc,YACnC,CAAC;CACH,CAAC,CAAC,CACC,MAAM,aAAa;EAClB,MAAM,iBACJ,SAAS,WAAW,MAChB;GAAE,UAAU;GAAY,QAAQ;EAAiB,IACjD;GAAE,UAAU;GAAY,QAAQ;EAAY;EAClD,OAAO,SAAS,KAAK,CAAC,CAAC,MACpB,SAAsB;GACrB,aAAa,SAAS;GACtB,OAAO,iBAAiB,MAAM,cAAc;EAC9C,SACmB;GAEjB,aAAa,SAAS;GACtB,OAAO;EACT,CACF;CACF,CAAC,CAAC,CACD,YAAyB;EACxB,aAAa,SAAS;EACtB,OAAO;GAAE,UAAU;GAAY,QAAQ;EAAY;CACrD,CAAC;CAEH,MAAM,iBAAiB,IAAI,SAAsB,YAAY;EAC3D,YAAY,iBAAiB;GAC3B,WAAW,MAAM;GACjB,QAAQ;IAAE,UAAU;IAAY,QAAQ;GAAU,CAAC;EACrD,GAAG,SAAS;CACd,CAAC;CAED,OAAO,QAAQ,KAAK,CAAC,cAAc,cAAc,CAAC;AACpD"}

package/esm/domain/profiling/transport/buildProfileEvent.mjs

@@ -0,0 +1,90 @@
+import { buildTags } from "@kubesense/kubesense-browser-core";
+import { clockDrift } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/profiling/transport/buildProfileEvent.ts
+/**
+* Builds a BrowserProfileEvent from a trace.
+*/
+function buildProfileEvent(profilerTrace, configuration, sessionId) {
+	const tags = buildTags(configuration);
+	const profileAttributes = buildProfileEventAttributes(profilerTrace, configuration.applicationId, sessionId);
+	const profileEventTags = buildProfileEventTags(tags);
+	return {
+		...profileAttributes,
+		attachments: ["wall-time.json"],
+		start: new Date(profilerTrace.startClocks.timeStamp).toISOString(),
+		end: new Date(profilerTrace.endClocks.timeStamp).toISOString(),
+		family: "chrome",
+		runtime: "chrome",
+		format: "json",
+		version: 4,
+		tags_profiler: profileEventTags.join(","),
+		_kubesense: { clock_drift: clockDrift() }
+	};
+}
+/**
+* Builds attributes for the Profile Event.
+*
+* @param profilerTrace - Profiler trace
+* @param applicationId - application id.
+* @param sessionId - session id.
+* @returns Additional attributes.
+*/
+function buildProfileEventAttributes(profilerTrace, applicationId, sessionId) {
+	const { ids, names } = extractViewIdsAndNames(profilerTrace.views);
+	const longTaskIds = profilerTrace.longTasks.map((longTask) => longTask.id).filter((id) => id !== void 0);
+	const actionIds = profilerTrace.actions?.map((longTask) => longTask.id).filter((id) => id !== void 0) ?? [];
+	const { ids: vitalIds, labels: vitalLabels } = extractVitalIdsAndLabels(profilerTrace.vitals);
+	const attributes = { application: { id: applicationId } };
+	if (sessionId) attributes.session = { id: sessionId };
+	if (ids.length) attributes.view = {
+		id: ids,
+		name: names
+	};
+	if (longTaskIds.length) attributes.long_task = { id: longTaskIds };
+	if (actionIds.length) attributes.action = {
+		id: actionIds,
+		label: []
+	};
+	if (vitalIds.length) attributes.vital = {
+		id: vitalIds,
+		label: vitalLabels
+	};
+	return attributes;
+}
+function extractViewIdsAndNames(views) {
+	const result = {
+		ids: [],
+		names: []
+	};
+	for (const view of views) {
+		result.ids.push(view.viewId);
+		if (view.viewName) result.names.push(view.viewName);
+	}
+	result.names = Array.from(new Set(result.names));
+	return result;
+}
+function extractVitalIdsAndLabels(vitals) {
+	const result = {
+		ids: [],
+		labels: []
+	};
+	if (!vitals) return result;
+	for (const vital of vitals) {
+		result.ids.push(vital.id);
+		result.labels.push(vital.label);
+	}
+	result.labels = Array.from(new Set(result.labels));
+	return result;
+}
+function buildProfileEventTags(tags) {
+	return tags.concat([
+		"language:javascript",
+		"runtime:chrome",
+		"family:chrome",
+		"host:browser"
+	]);
+}
+//#endregion
+export { buildProfileEvent, buildProfileEventAttributes };
+
+//# sourceMappingURL=buildProfileEvent.mjs.map

package/esm/domain/profiling/transport/buildProfileEvent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildProfileEvent.mjs","names":[],"sources":["../../../../src/domain/profiling/transport/buildProfileEvent.ts"],"sourcesContent":["import { clockDrift } from '@kubesense/kubesense-js-core/time'\nimport { buildTags } from '@kubesense/kubesense-browser-core'\nimport type { RumConfiguration } from '@kubesense/kubesense-browser-rum-core'\nimport type { BrowserProfileEvent, BrowserProfilerTrace, RumProfilerVitalEntry, RumViewEntry } from '../../../types'\n\nexport interface ProfileEventAttributes {\n  application: {\n    id: string\n  }\n  session?: {\n    id: string\n  }\n  view?: {\n    id: string[]\n    name: string[]\n  }\n  long_task?: {\n    id: string[]\n  }\n  action?: {\n    id: string[]\n    label: string[]\n  }\n  vital?: {\n    id: string[]\n    label: string[]\n  }\n}\n\n/**\n * Builds a BrowserProfileEvent from a trace.\n */\nexport function buildProfileEvent(\n  profilerTrace: BrowserProfilerTrace,\n  configuration: RumConfiguration,\n  sessionId: string | undefined\n): BrowserProfileEvent {\n  const tags = buildTags(configuration) // TODO: get that from the tagContext hook\n  const profileAttributes = buildProfileEventAttributes(profilerTrace, configuration.applicationId, sessionId)\n  const profileEventTags = buildProfileEventTags(tags)\n\n  return {\n    ...profileAttributes,\n    attachments: ['wall-time.json'],\n    start: new Date(profilerTrace.startClocks.timeStamp).toISOString(),\n    end: new Date(profilerTrace.endClocks.timeStamp).toISOString(),\n    family: 'chrome',\n    runtime: 'chrome',\n    format: 'json',\n    version: 4, // Ingestion event version (not the version application tag)\n    tags_profiler: profileEventTags.join(','),\n    _kubesense: {\n      clock_drift: clockDrift(),\n    },\n  }\n}\n\n/**\n * Builds attributes for the Profile Event.\n *\n * @param profilerTrace - Profiler trace\n * @param applicationId - application id.\n * @param sessionId - session id.\n * @returns Additional attributes.\n */\nexport function buildProfileEventAttributes(\n  profilerTrace: BrowserProfilerTrace,\n  applicationId: string,\n  sessionId: string | undefined\n): ProfileEventAttributes {\n  // Extract view ids and names from the profiler trace and add them as attributes of the profile event.\n  // This will be used to filter the profiles by @view.id and/or @view.name.\n  const { ids, names } = extractViewIdsAndNames(profilerTrace.views)\n\n  const longTaskIds: string[] = profilerTrace.longTasks.map((longTask) => longTask.id).filter((id) => id !== undefined)\n\n  const actionIds: string[] =\n    profilerTrace.actions?.map((longTask) => longTask.id).filter((id) => id !== undefined) ?? []\n\n  const { ids: vitalIds, labels: vitalLabels } = extractVitalIdsAndLabels(profilerTrace.vitals)\n\n  const attributes: ProfileEventAttributes = { application: { id: applicationId } }\n\n  if (sessionId) {\n    attributes.session = { id: sessionId }\n  }\n  if (ids.length) {\n    attributes.view = { id: ids, name: names }\n  }\n  if (longTaskIds.length) {\n    attributes.long_task = { id: longTaskIds }\n  }\n  if (actionIds.length) {\n    attributes.action = { id: actionIds, label: [] }\n  }\n  if (vitalIds.length) {\n    attributes.vital = { id: vitalIds, label: vitalLabels }\n  }\n  return attributes\n}\n\nfunction extractViewIdsAndNames(views: RumViewEntry[]): { ids: string[]; names: string[] } {\n  const result: { ids: string[]; names: string[] } = { ids: [], names: [] }\n  for (const view of views) {\n    result.ids.push(view.viewId)\n\n    if (view.viewName) {\n      result.names.push(view.viewName)\n    }\n  }\n\n  // Remove duplicates\n  result.names = Array.from(new Set(result.names))\n\n  return result\n}\n\nfunction extractVitalIdsAndLabels(vitals?: RumProfilerVitalEntry[]): {\n  ids: string[]\n  labels: string[]\n} {\n  const result: { ids: string[]; labels: string[] } = { ids: [], labels: [] }\n\n  if (!vitals) {\n    return result\n  }\n\n  for (const vital of vitals) {\n    result.ids.push(vital.id)\n    result.labels.push(vital.label)\n  }\n\n  // Remove duplicates\n  result.labels = Array.from(new Set(result.labels))\n\n  return result\n}\n\nfunction buildProfileEventTags(tags: string[]): string[] {\n  // Tags already contains the common tags for all events. (service, env, version, etc.)\n  // Here we are adding some specific-to-profiling tags.\n  return tags.concat(['language:javascript', 'runtime:chrome', 'family:chrome', 'host:browser'])\n}\n"],"mappings":";;;;;;AAgCA,SAAgB,kBACd,eACA,eACA,WACqB;CACrB,MAAM,OAAO,UAAU,aAAa;CACpC,MAAM,oBAAoB,4BAA4B,eAAe,cAAc,eAAe,SAAS;CAC3G,MAAM,mBAAmB,sBAAsB,IAAI;CAEnD,OAAO;EACL,GAAG;EACH,aAAa,CAAC,gBAAgB;EAC9B,OAAO,IAAI,KAAK,cAAc,YAAY,SAAS,CAAC,CAAC,YAAY;EACjE,KAAK,IAAI,KAAK,cAAc,UAAU,SAAS,CAAC,CAAC,YAAY;EAC7D,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,SAAS;EACT,eAAe,iBAAiB,KAAK,GAAG;EACxC,YAAY,EACV,aAAa,WAAW,EAC1B;CACF;AACF;;;;;;;;;AAUA,SAAgB,4BACd,eACA,eACA,WACwB;CAGxB,MAAM,EAAE,KAAK,UAAU,uBAAuB,cAAc,KAAK;CAEjE,MAAM,cAAwB,cAAc,UAAU,KAAK,aAAa,SAAS,EAAE,CAAC,CAAC,QAAQ,OAAO,OAAO,KAAA,CAAS;CAEpH,MAAM,YACJ,cAAc,SAAS,KAAK,aAAa,SAAS,EAAE,CAAC,CAAC,QAAQ,OAAO,OAAO,KAAA,CAAS,KAAK,CAAC;CAE7F,MAAM,EAAE,KAAK,UAAU,QAAQ,gBAAgB,yBAAyB,cAAc,MAAM;CAE5F,MAAM,aAAqC,EAAE,aAAa,EAAE,IAAI,cAAc,EAAE;CAEhF,IAAI,WACF,WAAW,UAAU,EAAE,IAAI,UAAU;CAEvC,IAAI,IAAI,QACN,WAAW,OAAO;EAAE,IAAI;EAAK,MAAM;CAAM;CAE3C,IAAI,YAAY,QACd,WAAW,YAAY,EAAE,IAAI,YAAY;CAE3C,IAAI,UAAU,QACZ,WAAW,SAAS;EAAE,IAAI;EAAW,OAAO,CAAC;CAAE;CAEjD,IAAI,SAAS,QACX,WAAW,QAAQ;EAAE,IAAI;EAAU,OAAO;CAAY;CAExD,OAAO;AACT;AAEA,SAAS,uBAAuB,OAA2D;CACzF,MAAM,SAA6C;EAAE,KAAK,CAAC;EAAG,OAAO,CAAC;CAAE;CACxE,KAAK,MAAM,QAAQ,OAAO;EACxB,OAAO,IAAI,KAAK,KAAK,MAAM;EAE3B,IAAI,KAAK,UACP,OAAO,MAAM,KAAK,KAAK,QAAQ;CAEnC;CAGA,OAAO,QAAQ,MAAM,KAAK,IAAI,IAAI,OAAO,KAAK,CAAC;CAE/C,OAAO;AACT;AAEA,SAAS,yBAAyB,QAGhC;CACA,MAAM,SAA8C;EAAE,KAAK,CAAC;EAAG,QAAQ,CAAC;CAAE;CAE1E,IAAI,CAAC,QACH,OAAO;CAGT,KAAK,MAAM,SAAS,QAAQ;EAC1B,OAAO,IAAI,KAAK,MAAM,EAAE;EACxB,OAAO,OAAO,KAAK,MAAM,KAAK;CAChC;CAGA,OAAO,SAAS,MAAM,KAAK,IAAI,IAAI,OAAO,MAAM,CAAC;CAEjD,OAAO;AACT;AAEA,SAAS,sBAAsB,MAA0B;CAGvD,OAAO,KAAK,OAAO;EAAC;EAAuB;EAAkB;EAAiB;CAAc,CAAC;AAC/F"}

package/esm/domain/profiling/transport/formDataEmitter.mjs

@@ -0,0 +1,17 @@
+import { createFormDataTransport } from "@kubesense/kubesense-browser-rum-core";
+import { DeflateEncoderStreamId } from "@kubesense/kubesense-browser-core";
+//#region src/domain/profiling/transport/formDataEmitter.ts
+function createFormDataEmitter(configuration, lifeCycle, createEncoder) {
+	const transport = createFormDataTransport(configuration, lifeCycle, createEncoder, DeflateEncoderStreamId.PROFILING);
+	return ({ profile, trace }) => {
+		const formPayload = {
+			event: profile,
+			"wall-time.json": trace
+		};
+		transport.send(formPayload);
+	};
+}
+//#endregion
+export { createFormDataEmitter };
+
+//# sourceMappingURL=formDataEmitter.mjs.map

package/esm/domain/profiling/transport/formDataEmitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formDataEmitter.mjs","names":[],"sources":["../../../../src/domain/profiling/transport/formDataEmitter.ts"],"sourcesContent":["import type { Encoder } from '@kubesense/kubesense-browser-core'\nimport { DeflateEncoderStreamId } from '@kubesense/kubesense-browser-core'\nimport type { LifeCycle, RumConfiguration, TransportPayload } from '@kubesense/kubesense-browser-rum-core'\nimport { createFormDataTransport } from '@kubesense/kubesense-browser-rum-core'\nimport type { ProfilingPayload } from '../types'\n\nexport function createFormDataEmitter(\n  configuration: RumConfiguration,\n  lifeCycle: LifeCycle,\n  createEncoder: (streamId: DeflateEncoderStreamId) => Encoder\n): (payload: ProfilingPayload) => void {\n  const transport = createFormDataTransport(configuration, lifeCycle, createEncoder, DeflateEncoderStreamId.PROFILING)\n  return ({ profile, trace }: ProfilingPayload) => {\n    const formPayload = { event: profile, 'wall-time.json': trace }\n    void transport.send(formPayload as unknown as TransportPayload)\n  }\n}\n"],"mappings":";;;AAMA,SAAgB,sBACd,eACA,WACA,eACqC;CACrC,MAAM,YAAY,wBAAwB,eAAe,WAAW,eAAe,uBAAuB,SAAS;CACnH,QAAQ,EAAE,SAAS,YAA8B;EAC/C,MAAM,cAAc;GAAE,OAAO;GAAS,kBAAkB;EAAM;EAC9D,UAAe,KAAK,WAA0C;CAChE;AACF"}

package/esm/domain/profiling/transport/profilingBridge.mjs

@@ -0,0 +1,12 @@
+import { getEventBridge } from "@kubesense/kubesense-browser-core";
+//#region src/domain/profiling/transport/profilingBridge.ts
+function createBridgeEmitter() {
+	const bridge = getEventBridge();
+	return (payload) => {
+		bridge.send("profile", payload);
+	};
+}
+//#endregion
+export { createBridgeEmitter };
+
+//# sourceMappingURL=profilingBridge.mjs.map

package/esm/domain/profiling/transport/profilingBridge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profilingBridge.mjs","names":[],"sources":["../../../../src/domain/profiling/transport/profilingBridge.ts"],"sourcesContent":["import { getEventBridge } from '@kubesense/kubesense-browser-core'\nimport type { ProfilingPayload } from '../types'\n\nexport function createBridgeEmitter(): (payload: ProfilingPayload) => void {\n  const bridge = getEventBridge<'profile', ProfilingPayload>()!\n  return (payload: ProfilingPayload) => {\n    bridge.send('profile', payload)\n  }\n}\n"],"mappings":";;AAGA,SAAgB,sBAA2D;CACzE,MAAM,SAAS,eAA4C;CAC3D,QAAQ,YAA8B;EACpC,OAAO,KAAK,WAAW,OAAO;CAChC;AACF"}

package/esm/domain/profiling/utils/getCustomOrDefaultViewName.mjs

@@ -0,0 +1,7 @@
+import { getDefaultViewName } from "./getDefaultViewName.mjs";
+//#region src/domain/profiling/utils/getCustomOrDefaultViewName.ts
+const getCustomOrDefaultViewName = (customViewName, viewPathUrl) => customViewName || getDefaultViewName(viewPathUrl);
+//#endregion
+export { getCustomOrDefaultViewName };
+
+//# sourceMappingURL=getCustomOrDefaultViewName.mjs.map

package/esm/domain/profiling/utils/getCustomOrDefaultViewName.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomOrDefaultViewName.mjs","names":[],"sources":["../../../../src/domain/profiling/utils/getCustomOrDefaultViewName.ts"],"sourcesContent":["import { getDefaultViewName } from './getDefaultViewName'\n\nexport const getCustomOrDefaultViewName = (customViewName: string | undefined, viewPathUrl: string): string =>\n  customViewName || getDefaultViewName(viewPathUrl)\n"],"mappings":";;AAEA,MAAa,8BAA8B,gBAAoC,gBAC7E,kBAAkB,mBAAmB,WAAW"}

package/esm/domain/profiling/utils/getDefaultViewName.mjs

@@ -0,0 +1,10 @@
+//#region src/domain/profiling/utils/getDefaultViewName.ts
+const PATH_MIXED_ALPHANUMERICS = /\/(?![vV]\d{1,2}\/)([^/\d?]*\d+[^/?]*)/g;
+function getDefaultViewName(viewPathUrl) {
+	if (!viewPathUrl) return "/";
+	return viewPathUrl.replace(PATH_MIXED_ALPHANUMERICS, "/?");
+}
+//#endregion
+export { getDefaultViewName };
+
+//# sourceMappingURL=getDefaultViewName.mjs.map

package/esm/domain/profiling/utils/getDefaultViewName.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultViewName.mjs","names":[],"sources":["../../../../src/domain/profiling/utils/getDefaultViewName.ts"],"sourcesContent":["// This is the regex used to extract the path from the url (from SimpleUrlGroupingProcessor.java)\n// It's a bit different from the one in the java code because we removed the lookbehind unsupported by Safari.\nconst PATH_MIXED_ALPHANUMERICS = /\\/(?![vV]\\d{1,2}\\/)([^/\\d?]*\\d+[^/?]*)/g\n\nexport function getDefaultViewName(viewPathUrl: string): string {\n  if (!viewPathUrl) {\n    return '/'\n  }\n\n  // Replace all the mixed alphanumerics with a ?\n  return viewPathUrl.replace(PATH_MIXED_ALPHANUMERICS, '/?')\n}\n"],"mappings":";AAEA,MAAM,2BAA2B;AAEjC,SAAgB,mBAAmB,aAA6B;CAC9D,IAAI,CAAC,aACH,OAAO;CAIT,OAAO,YAAY,QAAQ,0BAA0B,IAAI;AAC3D"}

package/esm/domain/profiling/vitalHistory.mjs

@@ -0,0 +1,55 @@
+import { LifeCycleEventType, VitalType } from "@kubesense/kubesense-browser-rum-core";
+import { SESSION_TIME_OUT_DELAY, createValueHistory } from "@kubesense/kubesense-browser-core";
+import { addDuration, elapsed } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/profiling/vitalHistory.ts
+const VITAL_ID_HISTORY_TIME_OUT_DELAY = SESSION_TIME_OUT_DELAY;
+function createVitalHistory(lifeCycle) {
+	const history = createValueHistory({ expireDelay: VITAL_ID_HISTORY_TIME_OUT_DELAY });
+	lifeCycle.subscribe(LifeCycleEventType.DURATION_VITAL_STARTED, (vitalStart) => {
+		history.add({
+			id: vitalStart.id,
+			type: VitalType.DURATION,
+			startClocks: vitalStart.startClocks,
+			duration: void 0,
+			label: vitalStart.name
+		}, vitalStart.startClocks.relative);
+	});
+	lifeCycle.subscribe(LifeCycleEventType.RAW_RUM_EVENT_COLLECTED, ({ rawRumEvent, startClocks, duration }) => {
+		if (rawRumEvent.type !== "vital") return;
+		if (rawRumEvent.vital.type === VitalType.OPERATION_STEP) {
+			if (rawRumEvent.vital.step_type === "start") history.add({
+				id: rawRumEvent.vital.id,
+				type: rawRumEvent.vital.type,
+				operationKey: rawRumEvent.vital.operation_key,
+				startClocks,
+				label: rawRumEvent.vital.name
+			}, startClocks.relative);
+			else if (rawRumEvent.vital.step_type === "end") {
+				const historyEntry = history.findAllEntries().find((entry) => entry.value.type === VitalType.OPERATION_STEP && entry.value.label === rawRumEvent.vital.name && entry.value.operationKey === rawRumEvent.vital.operation_key);
+				if (!historyEntry) return;
+				historyEntry.value.duration = elapsed(historyEntry.value.startClocks.relative, startClocks.relative);
+				historyEntry.close(startClocks.relative);
+			}
+			return;
+		}
+		const historyEntry = history.getEntries(startClocks.relative).find((entry) => entry.value.id === rawRumEvent.vital.id);
+		if (historyEntry) {
+			historyEntry.value.duration = duration;
+			historyEntry.close(addDuration(startClocks.relative, duration));
+			return;
+		}
+		history.add({
+			id: rawRumEvent.vital.id,
+			type: rawRumEvent.vital.type,
+			operationKey: rawRumEvent.vital.operation_key,
+			startClocks,
+			duration,
+			label: rawRumEvent.vital.name
+		}, startClocks.relative).close(addDuration(startClocks.relative, duration));
+	});
+	return history;
+}
+//#endregion
+export { VITAL_ID_HISTORY_TIME_OUT_DELAY, createVitalHistory };
+
+//# sourceMappingURL=vitalHistory.mjs.map

package/esm/domain/profiling/vitalHistory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitalHistory.mjs","names":[],"sources":["../../../src/domain/profiling/vitalHistory.ts"],"sourcesContent":["import type { ClocksState, Duration } from '@kubesense/kubesense-js-core/time'\nimport { elapsed, addDuration } from '@kubesense/kubesense-js-core/time'\nimport { createValueHistory, SESSION_TIME_OUT_DELAY } from '@kubesense/kubesense-browser-core'\nimport type { LifeCycle } from '@kubesense/kubesense-browser-rum-core'\nimport { LifeCycleEventType, VitalType } from '@kubesense/kubesense-browser-rum-core'\n\nexport const VITAL_ID_HISTORY_TIME_OUT_DELAY = SESSION_TIME_OUT_DELAY\n\nexport interface VitalContext {\n  id: string\n  type: VitalType\n  label: string\n  operationKey?: string\n  duration?: Duration\n  startClocks: ClocksState\n}\n\nexport function createVitalHistory(lifeCycle: LifeCycle) {\n  const history = createValueHistory<VitalContext>({\n    expireDelay: VITAL_ID_HISTORY_TIME_OUT_DELAY,\n  })\n\n  lifeCycle.subscribe(LifeCycleEventType.DURATION_VITAL_STARTED, (vitalStart) => {\n    history.add(\n      {\n        id: vitalStart.id,\n        type: VitalType.DURATION,\n        startClocks: vitalStart.startClocks,\n        duration: undefined,\n        label: vitalStart.name,\n      },\n      vitalStart.startClocks.relative\n    )\n  })\n\n  lifeCycle.subscribe(LifeCycleEventType.RAW_RUM_EVENT_COLLECTED, ({ rawRumEvent, startClocks, duration }) => {\n    if (rawRumEvent.type !== 'vital') {\n      return\n    }\n\n    // For operation step vitals, we only tag profiles with the start step's id.\n    // This means that if we receive an end step vital, we need to look for the\n    // corresponding start one and update its duration. If we receive a start step vital\n    // however, we just store it and wait for the end step.\n    if (rawRumEvent.vital.type === VitalType.OPERATION_STEP) {\n      if (rawRumEvent.vital.step_type === 'start') {\n        history.add(\n          {\n            id: rawRumEvent.vital.id,\n            type: rawRumEvent.vital.type,\n            operationKey: rawRumEvent.vital.operation_key,\n            startClocks,\n            label: rawRumEvent.vital.name,\n          },\n          startClocks.relative\n        )\n      } else if (rawRumEvent.vital.step_type === 'end') {\n        const historyEntry = history\n          .findAllEntries()\n          .find(\n            (entry) =>\n              entry.value.type === VitalType.OPERATION_STEP &&\n              entry.value.label === rawRumEvent.vital.name &&\n              entry.value.operationKey === rawRumEvent.vital.operation_key\n          )\n\n        if (!historyEntry) {\n          return\n        }\n\n        historyEntry.value.duration = elapsed(historyEntry.value.startClocks.relative, startClocks.relative)\n        historyEntry.close(startClocks.relative)\n      }\n\n      return\n    }\n\n    // All the other vital types are handled normally (i.e. stored in the\n    // history and tagged on the profiles)\n    const historyEntry = history\n      .getEntries(startClocks.relative)\n      .find((entry) => entry.value.id === rawRumEvent.vital.id)\n\n    if (historyEntry) {\n      historyEntry.value.duration = duration!\n      historyEntry.close(addDuration(startClocks.relative, duration!))\n      return\n    }\n\n    history\n      .add(\n        {\n          id: rawRumEvent.vital.id,\n          type: rawRumEvent.vital.type,\n          operationKey: rawRumEvent.vital.operation_key,\n          startClocks,\n          duration,\n          label: rawRumEvent.vital.name,\n        },\n        startClocks.relative\n      )\n      .close(addDuration(startClocks.relative, duration!))\n  })\n\n  return history\n}\n"],"mappings":";;;;AAMA,MAAa,kCAAkC;AAW/C,SAAgB,mBAAmB,WAAsB;CACvD,MAAM,UAAU,mBAAiC,EAC/C,aAAa,gCACf,CAAC;CAED,UAAU,UAAU,mBAAmB,yBAAyB,eAAe;EAC7E,QAAQ,IACN;GACE,IAAI,WAAW;GACf,MAAM,UAAU;GAChB,aAAa,WAAW;GACxB,UAAU,KAAA;GACV,OAAO,WAAW;EACpB,GACA,WAAW,YAAY,QACzB;CACF,CAAC;CAED,UAAU,UAAU,mBAAmB,0BAA0B,EAAE,aAAa,aAAa,eAAe;EAC1G,IAAI,YAAY,SAAS,SACvB;EAOF,IAAI,YAAY,MAAM,SAAS,UAAU,gBAAgB;GACvD,IAAI,YAAY,MAAM,cAAc,SAClC,QAAQ,IACN;IACE,IAAI,YAAY,MAAM;IACtB,MAAM,YAAY,MAAM;IACxB,cAAc,YAAY,MAAM;IAChC;IACA,OAAO,YAAY,MAAM;GAC3B,GACA,YAAY,QACd;QACK,IAAI,YAAY,MAAM,cAAc,OAAO;IAChD,MAAM,eAAe,QAClB,eAAe,CAAC,CAChB,MACE,UACC,MAAM,MAAM,SAAS,UAAU,kBAC/B,MAAM,MAAM,UAAU,YAAY,MAAM,QACxC,MAAM,MAAM,iBAAiB,YAAY,MAAM,aACnD;IAEF,IAAI,CAAC,cACH;IAGF,aAAa,MAAM,WAAW,QAAQ,aAAa,MAAM,YAAY,UAAU,YAAY,QAAQ;IACnG,aAAa,MAAM,YAAY,QAAQ;GACzC;GAEA;EACF;EAIA,MAAM,eAAe,QAClB,WAAW,YAAY,QAAQ,CAAC,CAChC,MAAM,UAAU,MAAM,MAAM,OAAO,YAAY,MAAM,EAAE;EAE1D,IAAI,cAAc;GAChB,aAAa,MAAM,WAAW;GAC9B,aAAa,MAAM,YAAY,YAAY,UAAU,QAAS,CAAC;GAC/D;EACF;EAEA,QACG,IACC;GACE,IAAI,YAAY,MAAM;GACtB,MAAM,YAAY,MAAM;GACxB,cAAc,YAAY,MAAM;GAChC;GACA;GACA,OAAO,YAAY,MAAM;EAC3B,GACA,YAAY,QACd,CAAC,CACA,MAAM,YAAY,YAAY,UAAU,QAAS,CAAC;CACvD,CAAC;CAED,OAAO;AACT"}

package/esm/domain/record/assembly.mjs

@@ -0,0 +1,17 @@
+import { RecordType } from "../../types/sessionReplayConstants.mjs";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/assembly.ts
+function assembleIncrementalSnapshot(source, data, timestamp = timeStampNow()) {
+	return {
+		data: {
+			source,
+			...data
+		},
+		type: RecordType.IncrementalSnapshot,
+		timestamp
+	};
+}
+//#endregion
+export { assembleIncrementalSnapshot };
+
+//# sourceMappingURL=assembly.mjs.map

package/esm/domain/record/assembly.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"assembly.mjs","names":[],"sources":["../../../src/domain/record/assembly.ts"],"sourcesContent":["import { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport type { BrowserIncrementalData, BrowserIncrementalSnapshotRecord } from '../../types'\nimport { RecordType } from '../../types'\n\nexport function assembleIncrementalSnapshot<Data extends BrowserIncrementalData>(\n  source: Data['source'],\n  data: Omit<Data, 'source'>,\n  timestamp: TimeStamp = timeStampNow()\n): BrowserIncrementalSnapshotRecord {\n  return {\n    data: {\n      source,\n      ...data,\n    } as Data,\n    type: RecordType.IncrementalSnapshot,\n    timestamp,\n  }\n}\n"],"mappings":";;;AAKA,SAAgB,4BACd,QACA,MACA,YAAuB,aAAa,GACF;CAClC,OAAO;EACL,MAAM;GACJ;GACA,GAAG;EACL;EACA,MAAM,WAAW;EACjB;CACF;AACF"}

package/esm/domain/record/canvas/canvasHash.mjs

@@ -0,0 +1,33 @@
+import { createDownscaledCanvas } from "./canvasSnapshot.mjs";
+import { mockable } from "@kubesense/kubesense-browser-core";
+import { globalObject } from "@kubesense/kubesense-js-core/util";
+//#region src/domain/record/canvas/canvasHash.ts
+function computeImageHash(snapshot, maxHashDimension) {
+	const { height: sourceHeight, width: sourceWidth } = snapshot.source;
+	const thumbnail = Math.max(sourceWidth, sourceHeight) <= maxHashDimension ? snapshot.source : createDownscaledCanvas(snapshot.source, sourceWidth, sourceHeight, maxHashDimension);
+	if (!thumbnail) return Promise.resolve(void 0);
+	const context = thumbnail.getContext("2d");
+	if (!context) return Promise.resolve(void 0);
+	const data = context.getImageData(0, 0, thumbnail.width, thumbnail.height).data;
+	const subtleCrypto = mockable(globalObject.crypto?.subtle);
+	if (!subtleCrypto) return Promise.resolve(createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, fnv1aHash(data)));
+	return subtleCrypto.digest("SHA-256", data).then((buffer) => createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, arrayBufferToHex(buffer)), () => createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, fnv1aHash(data)));
+}
+function arrayBufferToHex(buffer) {
+	return Array.from(new Uint8Array(buffer), (byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+function createChangeHash(width, height, pixelHash) {
+	return `${width}x${height}-${pixelHash}`;
+}
+function fnv1aHash(data) {
+	let hash = 2166136261;
+	for (let index = 0; index < data.length; index += 1) {
+		hash ^= data[index];
+		hash = Math.imul(hash, 16777619);
+	}
+	return (hash >>> 0).toString(16).padStart(8, "0");
+}
+//#endregion
+export { computeImageHash };
+
+//# sourceMappingURL=canvasHash.mjs.map

package/esm/domain/record/canvas/canvasHash.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasHash.mjs","names":[],"sources":["../../../../src/domain/record/canvas/canvasHash.ts"],"sourcesContent":["import { mockable } from '@kubesense/kubesense-browser-core'\nimport { globalObject } from '@kubesense/kubesense-js-core/util'\nimport type { CanvasSnapshot } from './canvasSnapshot'\nimport { createDownscaledCanvas } from './canvasSnapshot'\n\nexport function computeImageHash(snapshot: CanvasSnapshot, maxHashDimension: number): Promise<string | undefined> {\n  const { height: sourceHeight, width: sourceWidth } = snapshot.source\n  // The snapshot is already frozen, so if it already fits, hash it directly instead of downscaling it again.\n  const thumbnail =\n    Math.max(sourceWidth, sourceHeight) <= maxHashDimension\n      ? snapshot.source\n      : createDownscaledCanvas(snapshot.source, sourceWidth, sourceHeight, maxHashDimension)\n  if (!thumbnail) {\n    return Promise.resolve(undefined)\n  }\n\n  const context = thumbnail.getContext('2d')\n  if (!context) {\n    return Promise.resolve(undefined)\n  }\n\n  const data = context.getImageData(0, 0, thumbnail.width, thumbnail.height).data\n  // crypto.subtle is only exposed in secure contexts, so it is missing on plain HTTP pages.\n  const subtleCrypto = mockable(globalObject.crypto?.subtle)\n  if (!subtleCrypto) {\n    return Promise.resolve(createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, fnv1aHash(data)))\n  }\n\n  return subtleCrypto.digest('SHA-256', data).then(\n    (buffer) => createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, arrayBufferToHex(buffer)),\n    () => createChangeHash(snapshot.canvasWidth, snapshot.canvasHeight, fnv1aHash(data))\n  )\n}\n\nfunction arrayBufferToHex(buffer: ArrayBuffer): string {\n  return Array.from(new Uint8Array(buffer), (byte) => byte.toString(16).padStart(2, '0')).join('')\n}\n\nfunction createChangeHash(width: number, height: number, pixelHash: string): string {\n  return `${width}x${height}-${pixelHash}`\n}\n\n/* eslint-disable no-bitwise */\nfunction fnv1aHash(data: ArrayLike<number>): string {\n  let hash = 0x811c9dc5\n\n  for (let index = 0; index < data.length; index += 1) {\n    hash ^= data[index]\n    hash = Math.imul(hash, 0x01000193)\n  }\n\n  return (hash >>> 0).toString(16).padStart(8, '0')\n}\n/* eslint-enable no-bitwise */\n"],"mappings":";;;;AAKA,SAAgB,iBAAiB,UAA0B,kBAAuD;CAChH,MAAM,EAAE,QAAQ,cAAc,OAAO,gBAAgB,SAAS;CAE9D,MAAM,YACJ,KAAK,IAAI,aAAa,YAAY,KAAK,mBACnC,SAAS,SACT,uBAAuB,SAAS,QAAQ,aAAa,cAAc,gBAAgB;CACzF,IAAI,CAAC,WACH,OAAO,QAAQ,QAAQ,KAAA,CAAS;CAGlC,MAAM,UAAU,UAAU,WAAW,IAAI;CACzC,IAAI,CAAC,SACH,OAAO,QAAQ,QAAQ,KAAA,CAAS;CAGlC,MAAM,OAAO,QAAQ,aAAa,GAAG,GAAG,UAAU,OAAO,UAAU,MAAM,CAAC,CAAC;CAE3E,MAAM,eAAe,SAAS,aAAa,QAAQ,MAAM;CACzD,IAAI,CAAC,cACH,OAAO,QAAQ,QAAQ,iBAAiB,SAAS,aAAa,SAAS,cAAc,UAAU,IAAI,CAAC,CAAC;CAGvG,OAAO,aAAa,OAAO,WAAW,IAAI,CAAC,CAAC,MACzC,WAAW,iBAAiB,SAAS,aAAa,SAAS,cAAc,iBAAiB,MAAM,CAAC,SAC5F,iBAAiB,SAAS,aAAa,SAAS,cAAc,UAAU,IAAI,CAAC,CACrF;AACF;AAEA,SAAS,iBAAiB,QAA6B;CACrD,OAAO,MAAM,KAAK,IAAI,WAAW,MAAM,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;AACjG;AAEA,SAAS,iBAAiB,OAAe,QAAgB,WAA2B;CAClF,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG;AAC/B;AAGA,SAAS,UAAU,MAAiC;CAClD,IAAI,OAAO;CAEX,KAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS,GAAG;EACnD,QAAQ,KAAK;EACb,OAAO,KAAK,KAAK,MAAM,QAAU;CACnC;CAEA,QAAQ,SAAS,EAAA,CAAG,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAClD"}

package/esm/domain/record/canvas/canvasManager.mjs

@@ -0,0 +1,99 @@
+//#region src/domain/record/canvas/canvasManager.ts
+function createCanvasManager() {
+	const dirtyCanvases = /* @__PURE__ */ new Set();
+	const taintedCanvases = /* @__PURE__ */ new WeakSet();
+	let canvasContentMutations = [];
+	let canvasTrackingStates = /* @__PURE__ */ new WeakMap();
+	function getTrackingState(canvas) {
+		let trackingState = canvasTrackingStates.get(canvas);
+		if (!trackingState) {
+			trackingState = { capturePending: false };
+			canvasTrackingStates.set(canvas, trackingState);
+		}
+		return trackingState;
+	}
+	function startCaptureAttempt(canvas) {
+		const trackingState = getTrackingState(canvas);
+		trackingState.capturePending = true;
+		const isCurrent = () => canvasTrackingStates.get(canvas) === trackingState;
+		return {
+			lastChangeHash: trackingState.lastChangeHash,
+			isCurrent,
+			setLastChangeHash: (changeHash) => {
+				if (isCurrent()) trackingState.lastChangeHash = changeHash;
+			}
+		};
+	}
+	function markDirty(canvas) {
+		if (!canvas.isConnected || taintedCanvases.has(canvas)) return;
+		dirtyCanvases.add(canvas);
+	}
+	function markClean(canvas) {
+		dirtyCanvases.delete(canvas);
+	}
+	function markTainted(canvas) {
+		taintedCanvases.add(canvas);
+		dirtyCanvases.delete(canvas);
+	}
+	return {
+		markCanvas: (canvas, status) => {
+			switch (status) {
+				case 1:
+					markDirty(canvas);
+					return;
+				case 0:
+					markClean(canvas);
+					return;
+				case 2:
+					markTainted(canvas);
+					return;
+				default: return;
+			}
+		},
+		forgetCanvas: (canvas) => {
+			dirtyCanvases.delete(canvas);
+			canvasTrackingStates.delete(canvas);
+		},
+		resetCanvasBitmap: (canvas) => {
+			canvasTrackingStates.delete(canvas);
+			markDirty(canvas);
+		},
+		takeCapturableCanvases: () => {
+			const capturableCanvases = [];
+			dirtyCanvases.forEach((canvas) => {
+				if (!canvas.isConnected) dirtyCanvases.delete(canvas);
+				else if (!taintedCanvases.has(canvas) && !getTrackingState(canvas).capturePending) {
+					dirtyCanvases.delete(canvas);
+					capturableCanvases.push(canvas);
+				}
+			});
+			return capturableCanvases;
+		},
+		startCaptureAttempt,
+		discardCaptureAttempt: (canvas, captureAttempt) => {
+			if (captureAttempt.isCurrent()) getTrackingState(canvas).capturePending = false;
+		},
+		retryCanvas: (canvas) => {
+			canvasTrackingStates.delete(canvas);
+			markDirty(canvas);
+		},
+		addCanvasContentMutation: (mutation) => {
+			canvasContentMutations.push(mutation);
+		},
+		takeCanvasContentMutations: () => {
+			const mutations = canvasContentMutations;
+			canvasContentMutations = [];
+			for (const mutation of mutations) if (mutation.captureAttempt.isCurrent()) getTrackingState(mutation.canvas).capturePending = false;
+			return mutations;
+		},
+		reset: () => {
+			dirtyCanvases.clear();
+			canvasContentMutations = [];
+			canvasTrackingStates = /* @__PURE__ */ new WeakMap();
+		}
+	};
+}
+//#endregion
+export { createCanvasManager };
+
+//# sourceMappingURL=canvasManager.mjs.map

package/esm/domain/record/canvas/canvasManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasManager.mjs","names":[],"sources":["../../../../src/domain/record/canvas/canvasManager.ts"],"sourcesContent":["export const enum CanvasStatus {\n  /** The canvas is clean, meaning it has not been marked as dirty or tainted */\n  Clean,\n  /** The canvas is dirty, meaning it has been marked as dirty by a draw operation */\n  Dirty,\n  /** The canvas is tainted, meaning it has been marked as tainted by a SecurityError */\n  Tainted,\n}\n\nexport interface CanvasCaptureAttempt {\n  /** changeHash emitted the last time this canvas was captured, taken when the attempt started */\n  readonly lastChangeHash: string | undefined\n  /** false if the canvas was forgotten/reset, or if another attempt took its place */\n  isCurrent: () => boolean\n  /** stores the changeHash */\n  setLastChangeHash: (changeHash: string) => void\n}\n\nexport interface CanvasContentMutation {\n  canvas: HTMLCanvasElement\n  captureAttempt: CanvasCaptureAttempt\n  hash: string\n  image: Blob\n}\n\nexport interface CanvasManager {\n  /** Single entry point for the canvas status */\n  markCanvas: (canvas: HTMLCanvasElement, status: CanvasStatus) => void\n  /** The node left the DOM: forget its tracking state, but not its taint */\n  forgetCanvas: (canvas: HTMLCanvasElement) => void\n  /** width/height were assigned: the bitmap was cleared, so drop the last hash and mark dirty */\n  resetCanvasBitmap: (canvas: HTMLCanvasElement) => void\n  /** Takes dirty, connected, non-tainted canvases and clears their dirty state */\n  takeCapturableCanvases: () => HTMLCanvasElement[]\n  /** Starts a capture attempt for a canvas */\n  startCaptureAttempt: (canvas: HTMLCanvasElement) => CanvasCaptureAttempt\n  discardCaptureAttempt: (canvas: HTMLCanvasElement, captureAttempt: CanvasCaptureAttempt) => void\n  /** Discards the last capture hash and retries a rejected capture */\n  retryCanvas: (canvas: HTMLCanvasElement) => void\n  addCanvasContentMutation: (mutation: CanvasContentMutation) => void\n  takeCanvasContentMutations: () => CanvasContentMutation[]\n  /** New record stream: discards the per-stream tracking states (not the taint) */\n  reset: () => void\n}\n\ninterface CanvasTrackingState {\n  capturePending: boolean\n  lastChangeHash?: string\n}\n\nexport function createCanvasManager(): CanvasManager {\n  const dirtyCanvases = new Set<HTMLCanvasElement>()\n  const taintedCanvases = new WeakSet<HTMLCanvasElement>()\n  let canvasContentMutations: CanvasContentMutation[] = []\n  let canvasTrackingStates = new WeakMap<HTMLCanvasElement, CanvasTrackingState>()\n\n  function getTrackingState(canvas: HTMLCanvasElement): CanvasTrackingState {\n    let trackingState = canvasTrackingStates.get(canvas)\n    if (!trackingState) {\n      trackingState = { capturePending: false }\n      canvasTrackingStates.set(canvas, trackingState)\n    }\n    return trackingState\n  }\n\n  function startCaptureAttempt(canvas: HTMLCanvasElement): CanvasCaptureAttempt {\n    const trackingState = getTrackingState(canvas)\n    trackingState.capturePending = true\n    const isCurrent = () => canvasTrackingStates.get(canvas) === trackingState\n\n    return {\n      lastChangeHash: trackingState.lastChangeHash,\n      isCurrent,\n      setLastChangeHash: (changeHash) => {\n        if (isCurrent()) {\n          trackingState.lastChangeHash = changeHash\n        }\n      },\n    }\n  }\n\n  function markDirty(canvas: HTMLCanvasElement) {\n    if (!canvas.isConnected || taintedCanvases.has(canvas)) {\n      return\n    }\n    dirtyCanvases.add(canvas)\n  }\n\n  function markClean(canvas: HTMLCanvasElement) {\n    dirtyCanvases.delete(canvas)\n  }\n\n  function markTainted(canvas: HTMLCanvasElement) {\n    taintedCanvases.add(canvas)\n    dirtyCanvases.delete(canvas)\n  }\n\n  return {\n    markCanvas: (canvas, status) => {\n      switch (status) {\n        case CanvasStatus.Dirty:\n          markDirty(canvas)\n          return\n        case CanvasStatus.Clean:\n          markClean(canvas)\n          return\n        case CanvasStatus.Tainted:\n          markTainted(canvas)\n          return\n        default:\n          status satisfies never\n          return\n      }\n    },\n\n    forgetCanvas: (canvas) => {\n      dirtyCanvases.delete(canvas)\n      canvasTrackingStates.delete(canvas)\n    },\n\n    resetCanvasBitmap: (canvas) => {\n      canvasTrackingStates.delete(canvas)\n      markDirty(canvas)\n    },\n\n    takeCapturableCanvases: () => {\n      const capturableCanvases: HTMLCanvasElement[] = []\n\n      dirtyCanvases.forEach((canvas) => {\n        if (!canvas.isConnected) {\n          dirtyCanvases.delete(canvas)\n        } else if (!taintedCanvases.has(canvas) && !getTrackingState(canvas).capturePending) {\n          dirtyCanvases.delete(canvas)\n          capturableCanvases.push(canvas)\n        }\n      })\n\n      return capturableCanvases\n    },\n\n    startCaptureAttempt,\n\n    discardCaptureAttempt: (canvas, captureAttempt) => {\n      if (captureAttempt.isCurrent()) {\n        getTrackingState(canvas).capturePending = false\n      }\n    },\n\n    retryCanvas: (canvas) => {\n      canvasTrackingStates.delete(canvas)\n      markDirty(canvas)\n    },\n\n    addCanvasContentMutation: (mutation) => {\n      canvasContentMutations.push(mutation)\n    },\n\n    takeCanvasContentMutations: () => {\n      const mutations = canvasContentMutations\n      canvasContentMutations = []\n      for (const mutation of mutations) {\n        if (mutation.captureAttempt.isCurrent()) {\n          getTrackingState(mutation.canvas).capturePending = false\n        }\n      }\n      return mutations\n    },\n\n    reset: () => {\n      dirtyCanvases.clear()\n      canvasContentMutations = []\n      canvasTrackingStates = new WeakMap()\n    },\n  }\n}\n"],"mappings":";AAkDA,SAAgB,sBAAqC;CACnD,MAAM,gCAAgB,IAAI,IAAuB;CACjD,MAAM,kCAAkB,IAAI,QAA2B;CACvD,IAAI,yBAAkD,CAAC;CACvD,IAAI,uCAAuB,IAAI,QAAgD;CAE/E,SAAS,iBAAiB,QAAgD;EACxE,IAAI,gBAAgB,qBAAqB,IAAI,MAAM;EACnD,IAAI,CAAC,eAAe;GAClB,gBAAgB,EAAE,gBAAgB,MAAM;GACxC,qBAAqB,IAAI,QAAQ,aAAa;EAChD;EACA,OAAO;CACT;CAEA,SAAS,oBAAoB,QAAiD;EAC5E,MAAM,gBAAgB,iBAAiB,MAAM;EAC7C,cAAc,iBAAiB;EAC/B,MAAM,kBAAkB,qBAAqB,IAAI,MAAM,MAAM;EAE7D,OAAO;GACL,gBAAgB,cAAc;GAC9B;GACA,oBAAoB,eAAe;IACjC,IAAI,UAAU,GACZ,cAAc,iBAAiB;GAEnC;EACF;CACF;CAEA,SAAS,UAAU,QAA2B;EAC5C,IAAI,CAAC,OAAO,eAAe,gBAAgB,IAAI,MAAM,GACnD;EAEF,cAAc,IAAI,MAAM;CAC1B;CAEA,SAAS,UAAU,QAA2B;EAC5C,cAAc,OAAO,MAAM;CAC7B;CAEA,SAAS,YAAY,QAA2B;EAC9C,gBAAgB,IAAI,MAAM;EAC1B,cAAc,OAAO,MAAM;CAC7B;CAEA,OAAO;EACL,aAAa,QAAQ,WAAW;GAC9B,QAAQ,QAAR;IACE,KAAA;KACE,UAAU,MAAM;KAChB;IACF,KAAA;KACE,UAAU,MAAM;KAChB;IACF,KAAA;KACE,YAAY,MAAM;KAClB;IACF,SAEE;GACJ;EACF;EAEA,eAAe,WAAW;GACxB,cAAc,OAAO,MAAM;GAC3B,qBAAqB,OAAO,MAAM;EACpC;EAEA,oBAAoB,WAAW;GAC7B,qBAAqB,OAAO,MAAM;GAClC,UAAU,MAAM;EAClB;EAEA,8BAA8B;GAC5B,MAAM,qBAA0C,CAAC;GAEjD,cAAc,SAAS,WAAW;IAChC,IAAI,CAAC,OAAO,aACV,cAAc,OAAO,MAAM;SACtB,IAAI,CAAC,gBAAgB,IAAI,MAAM,KAAK,CAAC,iBAAiB,MAAM,CAAC,CAAC,gBAAgB;KACnF,cAAc,OAAO,MAAM;KAC3B,mBAAmB,KAAK,MAAM;IAChC;GACF,CAAC;GAED,OAAO;EACT;EAEA;EAEA,wBAAwB,QAAQ,mBAAmB;GACjD,IAAI,eAAe,UAAU,GAC3B,iBAAiB,MAAM,CAAC,CAAC,iBAAiB;EAE9C;EAEA,cAAc,WAAW;GACvB,qBAAqB,OAAO,MAAM;GAClC,UAAU,MAAM;EAClB;EAEA,2BAA2B,aAAa;GACtC,uBAAuB,KAAK,QAAQ;EACtC;EAEA,kCAAkC;GAChC,MAAM,YAAY;GAClB,yBAAyB,CAAC;GAC1B,KAAK,MAAM,YAAY,WACrB,IAAI,SAAS,eAAe,UAAU,GACpC,iBAAiB,SAAS,MAAM,CAAC,CAAC,iBAAiB;GAGvD,OAAO;EACT;EAEA,aAAa;GACX,cAAc,MAAM;GACpB,yBAAyB,CAAC;GAC1B,uCAAuB,IAAI,QAAQ;EACrC;CACF;AACF"}

package/esm/domain/record/canvas/canvasSnapshot.mjs

@@ -0,0 +1,38 @@
+//#region src/domain/record/canvas/canvasSnapshot.ts
+function createCanvasSnapshot(canvas, maxImageDimension) {
+	const canvasWidth = canvas.width;
+	const canvasHeight = canvas.height;
+	const source = createDownscaledCanvas(canvas, canvasWidth, canvasHeight, maxImageDimension);
+	if (!source) return;
+	return {
+		canvasHeight,
+		canvasWidth,
+		source
+	};
+}
+function createDownscaledCanvas(image, width, height, maxDimension) {
+	const scale = Math.min(1, maxDimension / Math.max(width, height));
+	const scaledWidth = Math.max(1, Math.round(width * scale));
+	const scaledHeight = Math.max(1, Math.round(height * scale));
+	const canvas = document.createElement("canvas");
+	canvas.width = scaledWidth;
+	canvas.height = scaledHeight;
+	const context = canvas.getContext("2d");
+	if (!context) return;
+	context.imageSmoothingQuality = "low";
+	context.drawImage(image, 0, 0, scaledWidth, scaledHeight);
+	return canvas;
+}
+function captureCanvasImage(snapshot, encodeQuality) {
+	return new Promise((resolve) => {
+		try {
+			snapshot.source.toBlob((blob) => resolve(blob ?? void 0), "image/webp", encodeQuality);
+		} catch {
+			resolve(void 0);
+		}
+	});
+}
+//#endregion
+export { captureCanvasImage, createCanvasSnapshot, createDownscaledCanvas };
+
+//# sourceMappingURL=canvasSnapshot.mjs.map

package/esm/domain/record/canvas/canvasSnapshot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasSnapshot.mjs","names":[],"sources":["../../../../src/domain/record/canvas/canvasSnapshot.ts"],"sourcesContent":["export interface CanvasSnapshot {\n  canvasHeight: number\n  canvasWidth: number\n  source: HTMLCanvasElement\n}\n\nexport function createCanvasSnapshot(canvas: HTMLCanvasElement, maxImageDimension: number): CanvasSnapshot | undefined {\n  const canvasWidth = canvas.width\n  const canvasHeight = canvas.height\n  const source = createDownscaledCanvas(canvas, canvasWidth, canvasHeight, maxImageDimension)\n  if (!source) {\n    return undefined\n  }\n\n  return { canvasHeight, canvasWidth, source }\n}\n\n// Downscales `image` (of size `width`x`height`) to fit within `maxDimension` on a fresh canvas.\nexport function createDownscaledCanvas(\n  image: CanvasImageSource,\n  width: number,\n  height: number,\n  maxDimension: number\n): HTMLCanvasElement | undefined {\n  const scale = Math.min(1, maxDimension / Math.max(width, height))\n  const scaledWidth = Math.max(1, Math.round(width * scale))\n  const scaledHeight = Math.max(1, Math.round(height * scale))\n\n  const canvas = document.createElement('canvas')\n  canvas.width = scaledWidth\n  canvas.height = scaledHeight\n\n  const context = canvas.getContext('2d')\n  if (!context) {\n    return undefined\n  }\n\n  context.imageSmoothingQuality = 'low'\n  context.drawImage(image, 0, 0, scaledWidth, scaledHeight)\n\n  return canvas\n}\n\nexport function captureCanvasImage(snapshot: CanvasSnapshot, encodeQuality: number): Promise<Blob | undefined> {\n  return new Promise((resolve) => {\n    try {\n      snapshot.source.toBlob((blob) => resolve(blob ?? undefined), 'image/webp', encodeQuality)\n    } catch {\n      resolve(undefined)\n    }\n  })\n}\n"],"mappings":";AAMA,SAAgB,qBAAqB,QAA2B,mBAAuD;CACrH,MAAM,cAAc,OAAO;CAC3B,MAAM,eAAe,OAAO;CAC5B,MAAM,SAAS,uBAAuB,QAAQ,aAAa,cAAc,iBAAiB;CAC1F,IAAI,CAAC,QACH;CAGF,OAAO;EAAE;EAAc;EAAa;CAAO;AAC7C;AAGA,SAAgB,uBACd,OACA,OACA,QACA,cAC+B;CAC/B,MAAM,QAAQ,KAAK,IAAI,GAAG,eAAe,KAAK,IAAI,OAAO,MAAM,CAAC;CAChE,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,KAAK,CAAC;CACzD,MAAM,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,KAAK,CAAC;CAE3D,MAAM,SAAS,SAAS,cAAc,QAAQ;CAC9C,OAAO,QAAQ;CACf,OAAO,SAAS;CAEhB,MAAM,UAAU,OAAO,WAAW,IAAI;CACtC,IAAI,CAAC,SACH;CAGF,QAAQ,wBAAwB;CAChC,QAAQ,UAAU,OAAO,GAAG,GAAG,aAAa,YAAY;CAExD,OAAO;AACT;AAEA,SAAgB,mBAAmB,UAA0B,eAAkD;CAC7G,OAAO,IAAI,SAAS,YAAY;EAC9B,IAAI;GACF,SAAS,OAAO,QAAQ,SAAS,QAAQ,QAAQ,KAAA,CAAS,GAAG,cAAc,aAAa;EAC1F,QAAQ;GACN,QAAQ,KAAA,CAAS;EACnB;CACF,CAAC;AACH"}

package/esm/domain/record/canvas/canvasUtils.mjs

@@ -0,0 +1,13 @@
+import { isElementNode } from "@kubesense/kubesense-browser-rum-core";
+//#region src/domain/record/canvas/canvasUtils.ts
+const CANVAS_SIZE_ATTRIBUTES = ["width", "height"];
+function isCanvasElement(node) {
+	return isElementNode(node) && node.tagName === "CANVAS";
+}
+function isCanvasSizeAttribute(attributeName) {
+	return CANVAS_SIZE_ATTRIBUTES.includes(attributeName.toLowerCase());
+}
+//#endregion
+export { isCanvasElement, isCanvasSizeAttribute };
+
+//# sourceMappingURL=canvasUtils.mjs.map

package/esm/domain/record/canvas/canvasUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasUtils.mjs","names":[],"sources":["../../../../src/domain/record/canvas/canvasUtils.ts"],"sourcesContent":["import { isElementNode } from '@kubesense/kubesense-browser-rum-core'\n\nconst CANVAS_SIZE_ATTRIBUTES = ['width', 'height']\n\nexport function isCanvasElement(node: Node): node is HTMLCanvasElement {\n  return isElementNode(node) && node.tagName === 'CANVAS'\n}\n\nexport function isCanvasSizeAttribute(attributeName: string): boolean {\n  return CANVAS_SIZE_ATTRIBUTES.includes(attributeName.toLowerCase())\n}\n"],"mappings":";;AAEA,MAAM,yBAAyB,CAAC,SAAS,QAAQ;AAEjD,SAAgB,gBAAgB,MAAuC;CACrE,OAAO,cAAc,IAAI,KAAK,KAAK,YAAY;AACjD;AAEA,SAAgB,sBAAsB,eAAgC;CACpE,OAAO,uBAAuB,SAAS,cAAc,YAAY,CAAC;AACpE"}

package/esm/domain/record/elementsScrollPositions.mjs

@@ -0,0 +1,20 @@
+//#region src/domain/record/elementsScrollPositions.ts
+function createElementsScrollPositions() {
+	const scrollPositionsByElement = /* @__PURE__ */ new WeakMap();
+	return {
+		set(element, scrollPositions) {
+			if (element === document && !document.scrollingElement) return;
+			scrollPositionsByElement.set(element === document ? document.scrollingElement : element, scrollPositions);
+		},
+		get(element) {
+			return scrollPositionsByElement.get(element);
+		},
+		has(element) {
+			return scrollPositionsByElement.has(element);
+		}
+	};
+}
+//#endregion
+export { createElementsScrollPositions };
+
+//# sourceMappingURL=elementsScrollPositions.mjs.map

package/esm/domain/record/elementsScrollPositions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementsScrollPositions.mjs","names":[],"sources":["../../../src/domain/record/elementsScrollPositions.ts"],"sourcesContent":["export type ElementsScrollPositions = ReturnType<typeof createElementsScrollPositions>\nexport interface ScrollPositions {\n  scrollLeft: number\n  scrollTop: number\n}\n\nexport function createElementsScrollPositions() {\n  const scrollPositionsByElement = new WeakMap<Element, ScrollPositions>()\n  return {\n    set(element: Element | Document, scrollPositions: ScrollPositions) {\n      if (element === document && !document.scrollingElement) {\n        // cf https://drafts.csswg.org/cssom-view/#dom-document-scrollingelement,\n        // in some cases scrolling elements can not be defined, we don't support those for now\n        return\n      }\n      scrollPositionsByElement.set(\n        element === document ? document.scrollingElement! : (element as Element),\n        scrollPositions\n      )\n    },\n    get(element: Element) {\n      return scrollPositionsByElement.get(element)\n    },\n    has(element: Element) {\n      return scrollPositionsByElement.has(element)\n    },\n  }\n}\n"],"mappings":";AAMA,SAAgB,gCAAgC;CAC9C,MAAM,2CAA2B,IAAI,QAAkC;CACvE,OAAO;EACL,IAAI,SAA6B,iBAAkC;GACjE,IAAI,YAAY,YAAY,CAAC,SAAS,kBAGpC;GAEF,yBAAyB,IACvB,YAAY,WAAW,SAAS,mBAAqB,SACrD,eACF;EACF;EACA,IAAI,SAAkB;GACpB,OAAO,yBAAyB,IAAI,OAAO;EAC7C;EACA,IAAI,SAAkB;GACpB,OAAO,yBAAyB,IAAI,OAAO;EAC7C;CACF;AACF"}