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

package/esm/domain/record/trackers/trackStyleSheet.mjs

@@ -0,0 +1,79 @@
+import { IncrementalSource } from "../../../types/sessionReplayConstants.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { instrumentMethod } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackStyleSheet.ts
+function trackStyleSheet(emitRecord, scope) {
+	function checkStyleSheetAndCallback(styleSheet, callback) {
+		if (!styleSheet?.ownerNode) return;
+		const id = scope.nodeIds.get(styleSheet.ownerNode);
+		if (id === void 0) return;
+		callback(id);
+	}
+	const instrumentationStoppers = [instrumentMethod(CSSStyleSheet.prototype, "insertRule", ({ target: styleSheet, parameters: [rule, index] }) => {
+		checkStyleSheetAndCallback(styleSheet, (id) => emitRecord(assembleIncrementalSnapshot(IncrementalSource.StyleSheetRule, {
+			id,
+			adds: [{
+				rule,
+				index
+			}]
+		})));
+	}), instrumentMethod(CSSStyleSheet.prototype, "deleteRule", ({ target: styleSheet, parameters: [index] }) => {
+		checkStyleSheetAndCallback(styleSheet, (id) => emitRecord(assembleIncrementalSnapshot(IncrementalSource.StyleSheetRule, {
+			id,
+			removes: [{ index }]
+		})));
+	})];
+	if (typeof CSSGroupingRule !== "undefined") instrumentGroupingCSSRuleClass(CSSGroupingRule);
+	else {
+		instrumentGroupingCSSRuleClass(CSSMediaRule);
+		instrumentGroupingCSSRuleClass(CSSSupportsRule);
+	}
+	function instrumentGroupingCSSRuleClass(cls) {
+		instrumentationStoppers.push(instrumentMethod(cls.prototype, "insertRule", ({ target: styleSheet, parameters: [rule, index] }) => {
+			checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {
+				const path = getPathToNestedCSSRule(styleSheet);
+				if (path) {
+					path.push(index || 0);
+					emitRecord(assembleIncrementalSnapshot(IncrementalSource.StyleSheetRule, {
+						id,
+						adds: [{
+							rule,
+							index: path
+						}]
+					}));
+				}
+			});
+		}), instrumentMethod(cls.prototype, "deleteRule", ({ target: styleSheet, parameters: [index] }) => {
+			checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {
+				const path = getPathToNestedCSSRule(styleSheet);
+				if (path) {
+					path.push(index);
+					emitRecord(assembleIncrementalSnapshot(IncrementalSource.StyleSheetRule, {
+						id,
+						removes: [{ index: path }]
+					}));
+				}
+			});
+		}));
+	}
+	return { stop: () => {
+		instrumentationStoppers.forEach((stopper) => stopper.stop());
+	} };
+}
+function getPathToNestedCSSRule(rule) {
+	const path = [];
+	let currentRule = rule;
+	while (currentRule.parentRule) {
+		const index = Array.from(currentRule.parentRule.cssRules).indexOf(currentRule);
+		path.unshift(index);
+		currentRule = currentRule.parentRule;
+	}
+	if (!currentRule.parentStyleSheet) return;
+	const index = Array.from(currentRule.parentStyleSheet.cssRules).indexOf(currentRule);
+	path.unshift(index);
+	return path;
+}
+//#endregion
+export { getPathToNestedCSSRule, trackStyleSheet };
+
+//# sourceMappingURL=trackStyleSheet.mjs.map

package/esm/domain/record/trackers/trackStyleSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackStyleSheet.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackStyleSheet.ts"],"sourcesContent":["import { instrumentMethod } from '@kubesense/kubesense-browser-core'\nimport { IncrementalSource } from '../../../types'\nimport type { BrowserIncrementalSnapshotRecord, StyleSheetRuleData } from '../../../types'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport type { RecordingScope } from '../recordingScope'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\ntype GroupingCSSRuleTypes = typeof CSSGroupingRule | typeof CSSMediaRule | typeof CSSSupportsRule\n\nexport function trackStyleSheet(\n  emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>,\n  scope: RecordingScope\n): Tracker {\n  function checkStyleSheetAndCallback(styleSheet: CSSStyleSheet | null, callback: (id: number) => void): void {\n    if (!styleSheet?.ownerNode) {\n      return\n    }\n    const id = scope.nodeIds.get(styleSheet.ownerNode)\n    if (id === undefined) {\n      return\n    }\n    callback(id)\n  }\n\n  const instrumentationStoppers = [\n    instrumentMethod(CSSStyleSheet.prototype, 'insertRule', ({ target: styleSheet, parameters: [rule, index] }) => {\n      checkStyleSheetAndCallback(styleSheet, (id) =>\n        emitRecord(\n          assembleIncrementalSnapshot<StyleSheetRuleData>(IncrementalSource.StyleSheetRule, {\n            id,\n            adds: [{ rule, index }],\n          })\n        )\n      )\n    }),\n\n    instrumentMethod(CSSStyleSheet.prototype, 'deleteRule', ({ target: styleSheet, parameters: [index] }) => {\n      checkStyleSheetAndCallback(styleSheet, (id) =>\n        emitRecord(\n          assembleIncrementalSnapshot<StyleSheetRuleData>(IncrementalSource.StyleSheetRule, {\n            id,\n            removes: [{ index }],\n          })\n        )\n      )\n    }),\n  ]\n\n  if (typeof CSSGroupingRule !== 'undefined') {\n    instrumentGroupingCSSRuleClass(CSSGroupingRule)\n  } else {\n    instrumentGroupingCSSRuleClass(CSSMediaRule)\n    instrumentGroupingCSSRuleClass(CSSSupportsRule)\n  }\n\n  function instrumentGroupingCSSRuleClass(cls: GroupingCSSRuleTypes) {\n    instrumentationStoppers.push(\n      instrumentMethod(cls.prototype, 'insertRule', ({ target: styleSheet, parameters: [rule, index] }) => {\n        checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {\n          const path = getPathToNestedCSSRule(styleSheet)\n          if (path) {\n            path.push(index || 0)\n            emitRecord(\n              assembleIncrementalSnapshot<StyleSheetRuleData>(IncrementalSource.StyleSheetRule, {\n                id,\n                adds: [{ rule, index: path }],\n              })\n            )\n          }\n        })\n      }),\n\n      instrumentMethod(cls.prototype, 'deleteRule', ({ target: styleSheet, parameters: [index] }) => {\n        checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {\n          const path = getPathToNestedCSSRule(styleSheet)\n          if (path) {\n            path.push(index)\n            emitRecord(\n              assembleIncrementalSnapshot<StyleSheetRuleData>(IncrementalSource.StyleSheetRule, {\n                id,\n                removes: [{ index: path }],\n              })\n            )\n          }\n        })\n      })\n    )\n  }\n\n  return {\n    stop: () => {\n      instrumentationStoppers.forEach((stopper) => stopper.stop())\n    },\n  }\n}\n\nexport function getPathToNestedCSSRule(rule: CSSRule): number[] | undefined {\n  const path: number[] = []\n  let currentRule = rule\n  while (currentRule.parentRule) {\n    const rules = Array.from((currentRule.parentRule as CSSGroupingRule).cssRules)\n    const index = rules.indexOf(currentRule)\n    path.unshift(index)\n    currentRule = currentRule.parentRule\n  }\n  // A rule may not be attached to a stylesheet\n  if (!currentRule.parentStyleSheet) {\n    return\n  }\n\n  const rules = Array.from(currentRule.parentStyleSheet.cssRules)\n  const index = rules.indexOf(currentRule)\n  path.unshift(index)\n\n  return path\n}\n"],"mappings":";;;;AAUA,SAAgB,gBACd,YACA,OACS;CACT,SAAS,2BAA2B,YAAkC,UAAsC;EAC1G,IAAI,CAAC,YAAY,WACf;EAEF,MAAM,KAAK,MAAM,QAAQ,IAAI,WAAW,SAAS;EACjD,IAAI,OAAO,KAAA,GACT;EAEF,SAAS,EAAE;CACb;CAEA,MAAM,0BAA0B,CAC9B,iBAAiB,cAAc,WAAW,eAAe,EAAE,QAAQ,YAAY,YAAY,CAAC,MAAM,aAAa;EAC7G,2BAA2B,aAAa,OACtC,WACE,4BAAgD,kBAAkB,gBAAgB;GAChF;GACA,MAAM,CAAC;IAAE;IAAM;GAAM,CAAC;EACxB,CAAC,CACH,CACF;CACF,CAAC,GAED,iBAAiB,cAAc,WAAW,eAAe,EAAE,QAAQ,YAAY,YAAY,CAAC,aAAa;EACvG,2BAA2B,aAAa,OACtC,WACE,4BAAgD,kBAAkB,gBAAgB;GAChF;GACA,SAAS,CAAC,EAAE,MAAM,CAAC;EACrB,CAAC,CACH,CACF;CACF,CAAC,CACH;CAEA,IAAI,OAAO,oBAAoB,aAC7B,+BAA+B,eAAe;MACzC;EACL,+BAA+B,YAAY;EAC3C,+BAA+B,eAAe;CAChD;CAEA,SAAS,+BAA+B,KAA2B;EACjE,wBAAwB,KACtB,iBAAiB,IAAI,WAAW,eAAe,EAAE,QAAQ,YAAY,YAAY,CAAC,MAAM,aAAa;GACnG,2BAA2B,WAAW,mBAAmB,OAAO;IAC9D,MAAM,OAAO,uBAAuB,UAAU;IAC9C,IAAI,MAAM;KACR,KAAK,KAAK,SAAS,CAAC;KACpB,WACE,4BAAgD,kBAAkB,gBAAgB;MAChF;MACA,MAAM,CAAC;OAAE;OAAM,OAAO;MAAK,CAAC;KAC9B,CAAC,CACH;IACF;GACF,CAAC;EACH,CAAC,GAED,iBAAiB,IAAI,WAAW,eAAe,EAAE,QAAQ,YAAY,YAAY,CAAC,aAAa;GAC7F,2BAA2B,WAAW,mBAAmB,OAAO;IAC9D,MAAM,OAAO,uBAAuB,UAAU;IAC9C,IAAI,MAAM;KACR,KAAK,KAAK,KAAK;KACf,WACE,4BAAgD,kBAAkB,gBAAgB;MAChF;MACA,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC;KAC3B,CAAC,CACH;IACF;GACF,CAAC;EACH,CAAC,CACH;CACF;CAEA,OAAO,EACL,YAAY;EACV,wBAAwB,SAAS,YAAY,QAAQ,KAAK,CAAC;CAC7D,EACF;AACF;AAEA,SAAgB,uBAAuB,MAAqC;CAC1E,MAAM,OAAiB,CAAC;CACxB,IAAI,cAAc;CAClB,OAAO,YAAY,YAAY;EAE7B,MAAM,QADQ,MAAM,KAAM,YAAY,WAA+B,QACnD,CAAC,CAAC,QAAQ,WAAW;EACvC,KAAK,QAAQ,KAAK;EAClB,cAAc,YAAY;CAC5B;CAEA,IAAI,CAAC,YAAY,kBACf;CAIF,MAAM,QADQ,MAAM,KAAK,YAAY,iBAAiB,QACpC,CAAC,CAAC,QAAQ,WAAW;CACvC,KAAK,QAAQ,KAAK;CAElB,OAAO;AACT"}

package/esm/domain/record/trackers/trackViewEnd.mjs

@@ -0,0 +1,20 @@
+import { RecordType } from "../../../types/sessionReplayConstants.mjs";
+import { LifeCycleEventType } from "@kubesense/kubesense-browser-rum-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/trackers/trackViewEnd.ts
+function trackViewEnd(lifeCycle, emitRecord, flushMutations) {
+	const viewEndSubscription = lifeCycle.subscribe(LifeCycleEventType.VIEW_ENDED, () => {
+		flushMutations();
+		emitRecord({
+			timestamp: timeStampNow(),
+			type: RecordType.ViewEnd
+		});
+	});
+	return { stop: () => {
+		viewEndSubscription.unsubscribe();
+	} };
+}
+//#endregion
+export { trackViewEnd };
+
+//# sourceMappingURL=trackViewEnd.mjs.map

package/esm/domain/record/trackers/trackViewEnd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackViewEnd.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackViewEnd.ts"],"sourcesContent":["import { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { LifeCycle } from '@kubesense/kubesense-browser-rum-core'\nimport { LifeCycleEventType } from '@kubesense/kubesense-browser-rum-core'\nimport type { ViewEndRecord } from '../../../types'\nimport { RecordType } from '../../../types'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nexport function trackViewEnd(\n  lifeCycle: LifeCycle,\n  emitRecord: EmitRecordCallback<ViewEndRecord>,\n  flushMutations: () => void\n): Tracker {\n  const viewEndSubscription = lifeCycle.subscribe(LifeCycleEventType.VIEW_ENDED, () => {\n    flushMutations()\n    emitRecord({\n      timestamp: timeStampNow(),\n      type: RecordType.ViewEnd,\n    })\n  })\n\n  return {\n    stop: () => {\n      viewEndSubscription.unsubscribe()\n    },\n  }\n}\n"],"mappings":";;;;AAQA,SAAgB,aACd,WACA,YACA,gBACS;CACT,MAAM,sBAAsB,UAAU,UAAU,mBAAmB,kBAAkB;EACnF,eAAe;EACf,WAAW;GACT,WAAW,aAAa;GACxB,MAAM,WAAW;EACnB,CAAC;CACH,CAAC;CAED,OAAO,EACL,YAAY;EACV,oBAAoB,YAAY;CAClC,EACF;AACF"}

package/esm/domain/record/trackers/trackViewportResize.mjs

@@ -0,0 +1,39 @@
+import { IncrementalSource, RecordType } from "../../../types/sessionReplayConstants.mjs";
+import { getVisualViewport } from "../viewports.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { initViewportObservable } from "@kubesense/kubesense-browser-rum-core";
+import { DOM_EVENT, addEventListeners, noop, throttle } from "@kubesense/kubesense-browser-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/trackers/trackViewportResize.ts
+const VISUAL_VIEWPORT_OBSERVER_THRESHOLD = 200;
+function trackViewportResize(emitRecord) {
+	const viewportResizeSubscription = initViewportObservable().subscribe((data) => {
+		emitRecord(assembleIncrementalSnapshot(IncrementalSource.ViewportResize, data));
+	});
+	return { stop: () => {
+		viewportResizeSubscription.unsubscribe();
+	} };
+}
+function trackVisualViewportResize(emitRecord) {
+	const visualViewport = window.visualViewport;
+	if (!visualViewport) return { stop: noop };
+	const { throttled: updateDimension, cancel: cancelThrottle } = throttle(() => {
+		emitRecord({
+			data: getVisualViewport(visualViewport),
+			type: RecordType.VisualViewport,
+			timestamp: timeStampNow()
+		});
+	}, VISUAL_VIEWPORT_OBSERVER_THRESHOLD, { trailing: false });
+	const { stop: removeListener } = addEventListeners(visualViewport, [DOM_EVENT.RESIZE, DOM_EVENT.SCROLL], updateDimension, {
+		capture: true,
+		passive: true
+	});
+	return { stop: () => {
+		removeListener();
+		cancelThrottle();
+	} };
+}
+//#endregion
+export { trackViewportResize, trackVisualViewportResize };
+
+//# sourceMappingURL=trackViewportResize.mjs.map

package/esm/domain/record/trackers/trackViewportResize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackViewportResize.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackViewportResize.ts"],"sourcesContent":["import { throttle, DOM_EVENT, addEventListeners, noop } from '@kubesense/kubesense-browser-core'\nimport { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { ViewportDimension } from '@kubesense/kubesense-browser-rum-core'\nimport { initViewportObservable } from '@kubesense/kubesense-browser-rum-core'\nimport { IncrementalSource, RecordType } from '../../../types'\nimport type { BrowserIncrementalSnapshotRecord, ViewportResizeData, VisualViewportRecord } from '../../../types'\nimport { getVisualViewport } from '../viewports'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nconst VISUAL_VIEWPORT_OBSERVER_THRESHOLD = 200\n\nexport function trackViewportResize(emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>): Tracker {\n  const viewportResizeSubscription = initViewportObservable().subscribe((data: ViewportDimension) => {\n    emitRecord(assembleIncrementalSnapshot<ViewportResizeData>(IncrementalSource.ViewportResize, data))\n  })\n\n  return {\n    stop: () => {\n      viewportResizeSubscription.unsubscribe()\n    },\n  }\n}\n\nexport function trackVisualViewportResize(emitRecord: EmitRecordCallback<VisualViewportRecord>): Tracker {\n  const visualViewport = window.visualViewport\n  if (!visualViewport) {\n    return { stop: noop }\n  }\n  const { throttled: updateDimension, cancel: cancelThrottle } = throttle(\n    () => {\n      emitRecord({\n        data: getVisualViewport(visualViewport),\n        type: RecordType.VisualViewport,\n        timestamp: timeStampNow(),\n      })\n    },\n    VISUAL_VIEWPORT_OBSERVER_THRESHOLD,\n    {\n      trailing: false,\n    }\n  )\n  const { stop: removeListener } = addEventListeners(\n    visualViewport,\n    [DOM_EVENT.RESIZE, DOM_EVENT.SCROLL],\n    updateDimension,\n    {\n      capture: true,\n      passive: true,\n    }\n  )\n\n  return {\n    stop: () => {\n      removeListener()\n      cancelThrottle()\n    },\n  }\n}\n"],"mappings":";;;;;;;AAWA,MAAM,qCAAqC;AAE3C,SAAgB,oBAAoB,YAA2E;CAC7G,MAAM,6BAA6B,uBAAuB,CAAC,CAAC,WAAW,SAA4B;EACjG,WAAW,4BAAgD,kBAAkB,gBAAgB,IAAI,CAAC;CACpG,CAAC;CAED,OAAO,EACL,YAAY;EACV,2BAA2B,YAAY;CACzC,EACF;AACF;AAEA,SAAgB,0BAA0B,YAA+D;CACvG,MAAM,iBAAiB,OAAO;CAC9B,IAAI,CAAC,gBACH,OAAO,EAAE,MAAM,KAAK;CAEtB,MAAM,EAAE,WAAW,iBAAiB,QAAQ,mBAAmB,eACvD;EACJ,WAAW;GACT,MAAM,kBAAkB,cAAc;GACtC,MAAM,WAAW;GACjB,WAAW,aAAa;EAC1B,CAAC;CACH,GACA,oCACA,EACE,UAAU,MACZ,CACF;CACA,MAAM,EAAE,MAAM,mBAAmB,kBAC/B,gBACA,CAAC,UAAU,QAAQ,UAAU,MAAM,GACnC,iBACA;EACE,SAAS;EACT,SAAS;CACX,CACF;CAEA,OAAO,EACL,YAAY;EACV,eAAe;EACf,eAAe;CACjB,EACF;AACF"}

package/esm/domain/record/viewports.mjs

@@ -0,0 +1,41 @@
+//#region src/domain/record/viewports.ts
+const TOLERANCE = 25;
+/**
+* Use the Visual Viewport API's properties to measure scrollX/Y in reference to the layout viewport
+* in order to determine if window.scrollX/Y is measuring the layout or visual viewport.
+* This finding corresponds to which viewport mouseEvent.clientX/Y and window.innerWidth/Height measures.
+*/
+function isVisualViewportFactoredIn(visualViewport) {
+	return Math.abs(visualViewport.pageTop - visualViewport.offsetTop - window.scrollY) > TOLERANCE || Math.abs(visualViewport.pageLeft - visualViewport.offsetLeft - window.scrollX) > TOLERANCE;
+}
+const convertMouseEventToLayoutCoordinates = (clientX, clientY) => {
+	const visualViewport = window.visualViewport;
+	const normalized = {
+		layoutViewportX: clientX,
+		layoutViewportY: clientY,
+		visualViewportX: clientX,
+		visualViewportY: clientY
+	};
+	if (!visualViewport) return normalized;
+	else if (isVisualViewportFactoredIn(visualViewport)) {
+		normalized.layoutViewportX = Math.round(clientX + visualViewport.offsetLeft);
+		normalized.layoutViewportY = Math.round(clientY + visualViewport.offsetTop);
+	} else {
+		normalized.visualViewportX = Math.round(clientX - visualViewport.offsetLeft);
+		normalized.visualViewportY = Math.round(clientY - visualViewport.offsetTop);
+	}
+	return normalized;
+};
+const getVisualViewport = (visualViewport) => ({
+	scale: visualViewport.scale,
+	offsetLeft: visualViewport.offsetLeft,
+	offsetTop: visualViewport.offsetTop,
+	pageLeft: visualViewport.pageLeft,
+	pageTop: visualViewport.pageTop,
+	height: visualViewport.height,
+	width: visualViewport.width
+});
+//#endregion
+export { convertMouseEventToLayoutCoordinates, getVisualViewport };
+
+//# sourceMappingURL=viewports.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewports.mjs","names":[],"sources":["../../../src/domain/record/viewports.ts"],"sourcesContent":["/**\n * Browsers have not standardized various dimension properties. Mobile devices typically report\n * dimensions in reference to the visual viewport, while desktop uses the layout viewport. For example,\n * Mobile Chrome will change innerWidth when a pinch zoom takes place, while Chrome Desktop (mac) will not.\n *\n * With the new Viewport API, we now calculate and normalize dimension properties to the layout viewport.\n * If the VisualViewport API is not supported by a browser, it isn't reasonably possible to detect or normalize\n * which viewport is being measured. Therefore these exported functions will fallback to assuming that the layout\n * viewport is being measured by the browser\n */\n\nimport type { VisualViewportRecord } from '../../types'\n\n// Scrollbar widths vary across properties on different devices and browsers\nconst TOLERANCE = 25\n\n/**\n * Use the Visual Viewport API's properties to measure scrollX/Y in reference to the layout viewport\n * in order to determine if window.scrollX/Y is measuring the layout or visual viewport.\n * This finding corresponds to which viewport mouseEvent.clientX/Y and window.innerWidth/Height measures.\n */\nfunction isVisualViewportFactoredIn(visualViewport: VisualViewport) {\n  return (\n    Math.abs(visualViewport.pageTop - visualViewport.offsetTop - window.scrollY) > TOLERANCE ||\n    Math.abs(visualViewport.pageLeft - visualViewport.offsetLeft - window.scrollX) > TOLERANCE\n  )\n}\n\ninterface LayoutCoordinates {\n  layoutViewportX: number\n  layoutViewportY: number\n  visualViewportX: number\n  visualViewportY: number\n}\n\nexport const convertMouseEventToLayoutCoordinates = (clientX: number, clientY: number): LayoutCoordinates => {\n  const visualViewport = window.visualViewport\n  const normalized: LayoutCoordinates = {\n    layoutViewportX: clientX,\n    layoutViewportY: clientY,\n    visualViewportX: clientX,\n    visualViewportY: clientY,\n  }\n\n  if (!visualViewport) {\n    // On old browsers, we cannot normalize, so fallback to clientX/Y\n    return normalized\n  } else if (isVisualViewportFactoredIn(visualViewport)) {\n    // Typically Mobile Devices\n    normalized.layoutViewportX = Math.round(clientX + visualViewport.offsetLeft)\n    normalized.layoutViewportY = Math.round(clientY + visualViewport.offsetTop)\n  } else {\n    // Typically Desktop Devices\n    normalized.visualViewportX = Math.round(clientX - visualViewport.offsetLeft)\n    normalized.visualViewportY = Math.round(clientY - visualViewport.offsetTop)\n  }\n  return normalized\n}\n\nexport const getVisualViewport = (visualViewport: VisualViewport): VisualViewportRecord['data'] => ({\n  scale: visualViewport.scale,\n  offsetLeft: visualViewport.offsetLeft,\n  offsetTop: visualViewport.offsetTop,\n  pageLeft: visualViewport.pageLeft,\n  pageTop: visualViewport.pageTop,\n  height: visualViewport.height,\n  width: visualViewport.width,\n})\n"],"mappings":";AAcA,MAAM,YAAY;;;;;;AAOlB,SAAS,2BAA2B,gBAAgC;CAClE,OACE,KAAK,IAAI,eAAe,UAAU,eAAe,YAAY,OAAO,OAAO,IAAI,aAC/E,KAAK,IAAI,eAAe,WAAW,eAAe,aAAa,OAAO,OAAO,IAAI;AAErF;AASA,MAAa,wCAAwC,SAAiB,YAAuC;CAC3G,MAAM,iBAAiB,OAAO;CAC9B,MAAM,aAAgC;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;CACnB;CAEA,IAAI,CAAC,gBAEH,OAAO;MACF,IAAI,2BAA2B,cAAc,GAAG;EAErD,WAAW,kBAAkB,KAAK,MAAM,UAAU,eAAe,UAAU;EAC3E,WAAW,kBAAkB,KAAK,MAAM,UAAU,eAAe,SAAS;CAC5E,OAAO;EAEL,WAAW,kBAAkB,KAAK,MAAM,UAAU,eAAe,UAAU;EAC3E,WAAW,kBAAkB,KAAK,MAAM,UAAU,eAAe,SAAS;CAC5E;CACA,OAAO;AACT;AAEA,MAAa,qBAAqB,oBAAkE;CAClG,OAAO,eAAe;CACtB,YAAY,eAAe;CAC3B,WAAW,eAAe;CAC1B,UAAU,eAAe;CACzB,SAAS,eAAe;CACxB,QAAQ,eAAe;CACvB,OAAO,eAAe;AACxB"}

package/esm/domain/replayStats.mjs

@@ -0,0 +1,46 @@
+//#region src/domain/replayStats.ts
+const MAX_STATS_HISTORY = 1e3;
+let statsPerView;
+function getSegmentsCount(viewId) {
+	return getOrCreateReplayStats(viewId).segments_count;
+}
+function addSegment(viewId) {
+	getOrCreateReplayStats(viewId).segments_count += 1;
+}
+function addRecord(viewId) {
+	getOrCreateReplayStats(viewId).records_count += 1;
+}
+function addResource(viewId) {
+	getOrCreateReplayStats(viewId).resources_count += 1;
+}
+function addWroteData(viewId, additionalBytesCount) {
+	getOrCreateReplayStats(viewId).segments_total_raw_size += additionalBytesCount;
+}
+function getReplayStats(viewId) {
+	return statsPerView?.get(viewId);
+}
+function getOrCreateReplayStats(viewId) {
+	if (!statsPerView) statsPerView = /* @__PURE__ */ new Map();
+	let replayStats;
+	if (statsPerView.has(viewId)) replayStats = statsPerView.get(viewId);
+	else {
+		replayStats = {
+			records_count: 0,
+			resources_count: 0,
+			segments_count: 0,
+			segments_total_raw_size: 0
+		};
+		statsPerView.set(viewId, replayStats);
+		if (statsPerView.size > 1e3) deleteOldestStats();
+	}
+	return replayStats;
+}
+function deleteOldestStats() {
+	if (!statsPerView) return;
+	const toDelete = statsPerView.keys().next().value;
+	if (toDelete) statsPerView.delete(toDelete);
+}
+//#endregion
+export { MAX_STATS_HISTORY, addRecord, addResource, addSegment, addWroteData, getReplayStats, getSegmentsCount };
+
+//# sourceMappingURL=replayStats.mjs.map

package/esm/domain/replayStats.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"replayStats.mjs","names":[],"sources":["../../src/domain/replayStats.ts"],"sourcesContent":["import type { ReplayStats } from '@kubesense/kubesense-browser-rum-core'\n\nexport const MAX_STATS_HISTORY = 1000\nlet statsPerView: Map<string, ReplayStats> | undefined\n\nexport function getSegmentsCount(viewId: string) {\n  return getOrCreateReplayStats(viewId).segments_count\n}\n\nexport function addSegment(viewId: string) {\n  getOrCreateReplayStats(viewId).segments_count += 1\n}\n\nexport function addRecord(viewId: string) {\n  getOrCreateReplayStats(viewId).records_count += 1\n}\n\nexport function addResource(viewId: string) {\n  getOrCreateReplayStats(viewId).resources_count += 1\n}\n\nexport function addWroteData(viewId: string, additionalBytesCount: number) {\n  getOrCreateReplayStats(viewId).segments_total_raw_size += additionalBytesCount\n}\n\nexport function getReplayStats(viewId: string) {\n  return statsPerView?.get(viewId)\n}\n\nexport function resetReplayStats() {\n  statsPerView = undefined\n}\n\nfunction getOrCreateReplayStats(viewId: string) {\n  if (!statsPerView) {\n    statsPerView = new Map()\n  }\n\n  let replayStats: ReplayStats\n  if (statsPerView.has(viewId)) {\n    replayStats = statsPerView.get(viewId)!\n  } else {\n    replayStats = {\n      records_count: 0,\n      resources_count: 0,\n      segments_count: 0,\n      segments_total_raw_size: 0,\n    }\n    statsPerView.set(viewId, replayStats)\n    if (statsPerView.size > MAX_STATS_HISTORY) {\n      deleteOldestStats()\n    }\n  }\n\n  return replayStats\n}\n\nfunction deleteOldestStats() {\n  if (!statsPerView) {\n    return\n  }\n  const toDelete = statsPerView.keys().next().value\n  if (toDelete) {\n    statsPerView.delete(toDelete)\n  }\n}\n"],"mappings":";AAEA,MAAa,oBAAoB;AACjC,IAAI;AAEJ,SAAgB,iBAAiB,QAAgB;CAC/C,OAAO,uBAAuB,MAAM,CAAC,CAAC;AACxC;AAEA,SAAgB,WAAW,QAAgB;CACzC,uBAAuB,MAAM,CAAC,CAAC,kBAAkB;AACnD;AAEA,SAAgB,UAAU,QAAgB;CACxC,uBAAuB,MAAM,CAAC,CAAC,iBAAiB;AAClD;AAEA,SAAgB,YAAY,QAAgB;CAC1C,uBAAuB,MAAM,CAAC,CAAC,mBAAmB;AACpD;AAEA,SAAgB,aAAa,QAAgB,sBAA8B;CACzE,uBAAuB,MAAM,CAAC,CAAC,2BAA2B;AAC5D;AAEA,SAAgB,eAAe,QAAgB;CAC7C,OAAO,cAAc,IAAI,MAAM;AACjC;AAMA,SAAS,uBAAuB,QAAgB;CAC9C,IAAI,CAAC,cACH,+BAAe,IAAI,IAAI;CAGzB,IAAI;CACJ,IAAI,aAAa,IAAI,MAAM,GACzB,cAAc,aAAa,IAAI,MAAM;MAChC;EACL,cAAc;GACZ,eAAe;GACf,iBAAiB;GACjB,gBAAgB;GAChB,yBAAyB;EAC3B;EACA,aAAa,IAAI,QAAQ,WAAW;EACpC,IAAI,aAAa,OAAA,KACf,kBAAkB;CAEtB;CAEA,OAAO;AACT;AAEA,SAAS,oBAAoB;CAC3B,IAAI,CAAC,cACH;CAEF,MAAM,WAAW,aAAa,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;CAC5C,IAAI,UACF,aAAa,OAAO,QAAQ;AAEhC"}

package/esm/domain/scriptLoadingError.mjs

@@ -0,0 +1,19 @@
+import { addTelemetryError, display } from "@kubesense/kubesense-browser-core";
+import { DOCS_ORIGIN } from "@kubesense/kubesense-js-core/util";
+//#region src/domain/scriptLoadingError.ts
+function reportScriptLoadingError({ configuredUrl, error, source, scriptType }) {
+	display.error(`${source} failed to start: an error occurred while initializing the ${scriptType}:`, error);
+	if (error instanceof Event || error instanceof Error && isMessageCspRelated(error.message)) {
+		let baseMessage;
+		if (configuredUrl) baseMessage = `Please make sure the ${scriptType} URL ${configuredUrl} is correct and CSP is correctly configured.`;
+		else baseMessage = "Please make sure CSP is correctly configured.";
+		display.error(`${baseMessage} See documentation at ${DOCS_ORIGIN}/integrations/content_security_policy_logs/#use-csp-with-real-user-monitoring-and-session-replay`);
+	} else if (scriptType === "worker") addTelemetryError(error);
+}
+function isMessageCspRelated(message) {
+	return message.includes("Content Security Policy") || message.includes("requires 'TrustedScriptURL'");
+}
+//#endregion
+export { reportScriptLoadingError };
+
+//# sourceMappingURL=scriptLoadingError.mjs.map

package/esm/domain/scriptLoadingError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scriptLoadingError.mjs","names":[],"sources":["../../src/domain/scriptLoadingError.ts"],"sourcesContent":["import { DOCS_ORIGIN } from '@kubesense/kubesense-js-core/util'\nimport { addTelemetryError, display } from '@kubesense/kubesense-browser-core'\n\nexport function reportScriptLoadingError({\n  configuredUrl,\n  error,\n  source,\n  scriptType,\n}: {\n  configuredUrl?: string | undefined\n  error: unknown\n  source: string\n  scriptType: 'module' | 'worker'\n}) {\n  display.error(`${source} failed to start: an error occurred while initializing the ${scriptType}:`, error)\n  if (error instanceof Event || (error instanceof Error && isMessageCspRelated(error.message))) {\n    let baseMessage\n    if (configuredUrl) {\n      baseMessage = `Please make sure the ${scriptType} URL ${configuredUrl} is correct and CSP is correctly configured.`\n    } else {\n      baseMessage = 'Please make sure CSP is correctly configured.'\n    }\n    display.error(\n      `${baseMessage} See documentation at ${DOCS_ORIGIN}/integrations/content_security_policy_logs/#use-csp-with-real-user-monitoring-and-session-replay`\n    )\n  } else if (scriptType === 'worker') {\n    addTelemetryError(error)\n  }\n}\n\nfunction isMessageCspRelated(message: string) {\n  return (\n    message.includes('Content Security Policy') ||\n    // Related to `require-trusted-types-for` CSP: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/require-trusted-types-for\n    message.includes(\"requires 'TrustedScriptURL'\")\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,yBAAyB,EACvC,eACA,OACA,QACA,cAMC;CACD,QAAQ,MAAM,GAAG,OAAO,6DAA6D,WAAW,IAAI,KAAK;CACzG,IAAI,iBAAiB,SAAU,iBAAiB,SAAS,oBAAoB,MAAM,OAAO,GAAI;EAC5F,IAAI;EACJ,IAAI,eACF,cAAc,wBAAwB,WAAW,OAAO,cAAc;OAEtE,cAAc;EAEhB,QAAQ,MACN,GAAG,YAAY,wBAAwB,YAAY,iGACrD;CACF,OAAO,IAAI,eAAe,UACxB,kBAAkB,KAAK;AAE3B;AAEA,SAAS,oBAAoB,SAAiB;CAC5C,OACE,QAAQ,SAAS,yBAAyB,KAE1C,QAAQ,SAAS,6BAA6B;AAElD"}

package/esm/domain/segmentCollection/buildReplayPayload.mjs

@@ -0,0 +1,25 @@
+//#region src/domain/segmentCollection/buildReplayPayload.ts
+function buildReplayPayload(data, metadata, stats, rawSegmentBytesCount) {
+	const formData = new FormData();
+	formData.append("segment", new Blob([data], { type: "application/octet-stream" }), `${metadata.session.id}-${metadata.start}`);
+	const metadataAndSegmentSizes = {
+		raw_segment_size: rawSegmentBytesCount,
+		compressed_segment_size: data.byteLength,
+		...metadata
+	};
+	const serializedMetadataAndSegmentSizes = JSON.stringify(metadataAndSegmentSizes);
+	formData.append("event", new Blob([serializedMetadataAndSegmentSizes], { type: "application/json" }));
+	return {
+		data: formData,
+		bytesCount: data.byteLength,
+		cssText: stats.cssText,
+		isFullSnapshot: metadata.index_in_view === 0,
+		rawSize: rawSegmentBytesCount,
+		recordCount: metadata.records_count,
+		serializationDuration: stats.serializationDuration
+	};
+}
+//#endregion
+export { buildReplayPayload };
+
+//# sourceMappingURL=buildReplayPayload.mjs.map

package/esm/domain/segmentCollection/buildReplayPayload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildReplayPayload.mjs","names":[],"sources":["../../../src/domain/segmentCollection/buildReplayPayload.ts"],"sourcesContent":["import type { Payload, Uint8ArrayBuffer } from '@kubesense/kubesense-browser-core'\nimport type { BrowserSegmentMetadata } from '../../types'\nimport type { SerializationMetric, SerializationStats } from '../record'\n\nexport type BrowserSegmentMetadataAndSegmentSizes = BrowserSegmentMetadata & {\n  raw_segment_size: number\n  compressed_segment_size: number\n}\n\nexport type ReplayPayload = Payload & {\n  cssText: SerializationMetric\n  isFullSnapshot: boolean\n  rawSize: number\n  recordCount: number\n  serializationDuration: SerializationMetric\n}\n\nexport function buildReplayPayload(\n  data: Uint8ArrayBuffer,\n  metadata: BrowserSegmentMetadata,\n  stats: SerializationStats,\n  rawSegmentBytesCount: number\n): ReplayPayload {\n  const formData = new FormData()\n\n  formData.append(\n    'segment',\n    new Blob([data], {\n      type: 'application/octet-stream',\n    }),\n    `${metadata.session.id}-${metadata.start}`\n  )\n\n  const metadataAndSegmentSizes: BrowserSegmentMetadataAndSegmentSizes = {\n    raw_segment_size: rawSegmentBytesCount,\n    compressed_segment_size: data.byteLength,\n    ...metadata,\n  }\n\n  const serializedMetadataAndSegmentSizes = JSON.stringify(metadataAndSegmentSizes)\n  formData.append('event', new Blob([serializedMetadataAndSegmentSizes], { type: 'application/json' }))\n\n  return {\n    data: formData,\n    bytesCount: data.byteLength,\n    cssText: stats.cssText,\n    isFullSnapshot: metadata.index_in_view === 0,\n    rawSize: rawSegmentBytesCount,\n    recordCount: metadata.records_count,\n    serializationDuration: stats.serializationDuration,\n  }\n}\n"],"mappings":";AAiBA,SAAgB,mBACd,MACA,UACA,OACA,sBACe;CACf,MAAM,WAAW,IAAI,SAAS;CAE9B,SAAS,OACP,WACA,IAAI,KAAK,CAAC,IAAI,GAAG,EACf,MAAM,2BACR,CAAC,GACD,GAAG,SAAS,QAAQ,GAAG,GAAG,SAAS,OACrC;CAEA,MAAM,0BAAiE;EACrE,kBAAkB;EAClB,yBAAyB,KAAK;EAC9B,GAAG;CACL;CAEA,MAAM,oCAAoC,KAAK,UAAU,uBAAuB;CAChF,SAAS,OAAO,SAAS,IAAI,KAAK,CAAC,iCAAiC,GAAG,EAAE,MAAM,mBAAmB,CAAC,CAAC;CAEpG,OAAO;EACL,MAAM;EACN,YAAY,KAAK;EACjB,SAAS,MAAM;EACf,gBAAgB,SAAS,kBAAkB;EAC3C,SAAS;EACT,aAAa,SAAS;EACtB,uBAAuB,MAAM;CAC/B;AACF"}

package/esm/domain/segmentCollection/buildResourcePayload.mjs

@@ -0,0 +1,19 @@
+//#region src/domain/segmentCollection/buildResourcePayload.ts
+function buildResourcePayload(hash, content, application) {
+	const formData = new FormData();
+	formData.append("image", content, hash);
+	const event = {
+		application: { id: application },
+		type: "resource"
+	};
+	formData.append("event", new Blob([JSON.stringify(event)], { type: "application/json" }));
+	return {
+		data: formData,
+		bytesCount: content.size,
+		hash
+	};
+}
+//#endregion
+export { buildResourcePayload };
+
+//# sourceMappingURL=buildResourcePayload.mjs.map

package/esm/domain/segmentCollection/buildResourcePayload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildResourcePayload.mjs","names":[],"sources":["../../../src/domain/segmentCollection/buildResourcePayload.ts"],"sourcesContent":["import type { Payload } from '@kubesense/kubesense-browser-core'\n\nexport type ResourcePayload = Payload & {\n  hash: string\n}\n\nexport function buildResourcePayload(hash: string, content: Blob, application: string): ResourcePayload {\n  const formData = new FormData()\n\n  formData.append('image', content, hash)\n\n  const event = { application: { id: application }, type: 'resource' }\n  formData.append('event', new Blob([JSON.stringify(event)], { type: 'application/json' }))\n\n  return {\n    data: formData,\n    bytesCount: content.size,\n    hash,\n  }\n}\n"],"mappings":";AAMA,SAAgB,qBAAqB,MAAc,SAAe,aAAsC;CACtG,MAAM,WAAW,IAAI,SAAS;CAE9B,SAAS,OAAO,SAAS,SAAS,IAAI;CAEtC,MAAM,QAAQ;EAAE,aAAa,EAAE,IAAI,YAAY;EAAG,MAAM;CAAW;CACnE,SAAS,OAAO,SAAS,IAAI,KAAK,CAAC,KAAK,UAAU,KAAK,CAAC,GAAG,EAAE,MAAM,mBAAmB,CAAC,CAAC;CAExF,OAAO;EACL,MAAM;EACN,YAAY,QAAQ;EACpB;CACF;AACF"}

package/esm/domain/segmentCollection/index.mjs

@@ -0,0 +1,5 @@
+import { SEGMENT_BYTES_LIMIT, startSegmentCollection } from "./segmentCollection.mjs";
+import { startSegmentTelemetry } from "./startSegmentTelemetry.mjs";
+import { startDroppedSegmentRecovery } from "./startDroppedSegmentRecovery.mjs";
+import { startReplayResourceCollection } from "./replayResourceCollection.mjs";
+export { SEGMENT_BYTES_LIMIT, startDroppedSegmentRecovery, startReplayResourceCollection, startSegmentCollection, startSegmentTelemetry };

package/esm/domain/segmentCollection/replayResourceCollection.mjs

@@ -0,0 +1,52 @@
+import { buildResourcePayload } from "./buildResourcePayload.mjs";
+import { LifeCycleEventType } from "@kubesense/kubesense-browser-rum-core";
+import { PageExitReason, isPageExitReason } from "@kubesense/kubesense-browser-core";
+//#region src/domain/segmentCollection/replayResourceCollection.ts
+function startReplayResourceCollection(applicationId, lifeCycle, httpRequest) {
+	const uploadedHashes = /* @__PURE__ */ new Set();
+	const pendingResourcesByHash = /* @__PURE__ */ new Map();
+	const { unsubscribe: unsubscribeRequest } = httpRequest.observable.subscribe((event) => {
+		if (event.type === "success") {
+			const resource = pendingResourcesByHash.get(event.payload.hash);
+			pendingResourcesByHash.delete(event.payload.hash);
+			if (resource) resource.onDiscards.clear();
+		} else if (event.type === "queue-full" || event.type === "dropped") {
+			const resource = pendingResourcesByHash.get(event.payload.hash);
+			pendingResourcesByHash.delete(event.payload.hash);
+			if (resource) {
+				uploadedHashes.delete(event.payload.hash);
+				resource.onDiscards.forEach((onDiscard) => onDiscard());
+			}
+		}
+	});
+	const { unsubscribe: unsubscribePageMayExit } = lifeCycle.subscribe(LifeCycleEventType.PREPARE_URGENT_FLUSH, (reason) => {
+		if (isPageExitReason(reason) && reason !== PageExitReason.HIDDEN) pendingResourcesByHash.forEach(({ payload }) => httpRequest.sendOnExit(payload));
+	});
+	return {
+		emitResource: (hash, content, onDiscard) => {
+			if (uploadedHashes.has(hash)) {
+				if (onDiscard) pendingResourcesByHash.get(hash)?.onDiscards.add(onDiscard);
+				return;
+			}
+			uploadedHashes.add(hash);
+			const payload = buildResourcePayload(hash, content, applicationId);
+			const resource = {
+				payload,
+				onDiscards: /* @__PURE__ */ new Set()
+			};
+			if (onDiscard) resource.onDiscards.add(onDiscard);
+			pendingResourcesByHash.set(hash, resource);
+			httpRequest.send(payload);
+		},
+		stop: () => {
+			unsubscribeRequest();
+			unsubscribePageMayExit();
+			pendingResourcesByHash.clear();
+			uploadedHashes.clear();
+		}
+	};
+}
+//#endregion
+export { startReplayResourceCollection };
+
+//# sourceMappingURL=replayResourceCollection.mjs.map

package/esm/domain/segmentCollection/replayResourceCollection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"replayResourceCollection.mjs","names":[],"sources":["../../../src/domain/segmentCollection/replayResourceCollection.ts"],"sourcesContent":["import { isPageExitReason, PageExitReason } from '@kubesense/kubesense-browser-core'\nimport type { HttpRequest } from '@kubesense/kubesense-browser-core'\nimport type { LifeCycle } from '@kubesense/kubesense-browser-rum-core'\nimport { LifeCycleEventType } from '@kubesense/kubesense-browser-rum-core'\nimport type { EmitResourceCallback } from '../record'\nimport { buildResourcePayload } from './buildResourcePayload'\nimport type { ResourcePayload } from './buildResourcePayload'\n\ninterface ReplayResourceCollection {\n  emitResource: EmitResourceCallback\n  stop(this: void): void\n}\n\ninterface PendingResource {\n  payload: ResourcePayload\n  onDiscards: Set<() => void>\n}\n\nexport function startReplayResourceCollection(\n  applicationId: string,\n  lifeCycle: LifeCycle,\n  httpRequest: HttpRequest<ResourcePayload>\n): ReplayResourceCollection {\n  const uploadedHashes = new Set<string>()\n  const pendingResourcesByHash = new Map<string, PendingResource>()\n\n  const { unsubscribe: unsubscribeRequest } = httpRequest.observable.subscribe((event) => {\n    if (event.type === 'success') {\n      const resource = pendingResourcesByHash.get(event.payload.hash)\n      pendingResourcesByHash.delete(event.payload.hash)\n      if (resource) {\n        resource.onDiscards.clear()\n      }\n    } else if (event.type === 'queue-full' || event.type === 'dropped') {\n      // Discarded — the queue was full, or the upload failed for good (see the retries in\n      // kubesenseRecorder). Forgetting the hash lets the canvas be captured and uploaded again.\n      const resource = pendingResourcesByHash.get(event.payload.hash)\n      pendingResourcesByHash.delete(event.payload.hash)\n      if (resource) {\n        uploadedHashes.delete(event.payload.hash)\n        resource.onDiscards.forEach((onDiscard) => onDiscard())\n      }\n    }\n  })\n\n  const { unsubscribe: unsubscribePageMayExit } = lifeCycle.subscribe(\n    LifeCycleEventType.PREPARE_URGENT_FLUSH,\n    (reason) => {\n      if (isPageExitReason(reason) && reason !== PageExitReason.HIDDEN) {\n        pendingResourcesByHash.forEach(({ payload }) => httpRequest.sendOnExit(payload))\n      }\n    }\n  )\n\n  return {\n    emitResource: (hash, content, onDiscard) => {\n      if (uploadedHashes.has(hash)) {\n        if (onDiscard) {\n          pendingResourcesByHash.get(hash)?.onDiscards.add(onDiscard)\n        }\n        return\n      }\n      uploadedHashes.add(hash)\n      const payload = buildResourcePayload(hash, content, applicationId)\n      const resource = { payload, onDiscards: new Set<() => void>() }\n      if (onDiscard) {\n        resource.onDiscards.add(onDiscard)\n      }\n      pendingResourcesByHash.set(hash, resource)\n      httpRequest.send(payload)\n    },\n    stop: () => {\n      unsubscribeRequest()\n      unsubscribePageMayExit()\n      pendingResourcesByHash.clear()\n      uploadedHashes.clear()\n    },\n  }\n}\n"],"mappings":";;;;AAkBA,SAAgB,8BACd,eACA,WACA,aAC0B;CAC1B,MAAM,iCAAiB,IAAI,IAAY;CACvC,MAAM,yCAAyB,IAAI,IAA6B;CAEhE,MAAM,EAAE,aAAa,uBAAuB,YAAY,WAAW,WAAW,UAAU;EACtF,IAAI,MAAM,SAAS,WAAW;GAC5B,MAAM,WAAW,uBAAuB,IAAI,MAAM,QAAQ,IAAI;GAC9D,uBAAuB,OAAO,MAAM,QAAQ,IAAI;GAChD,IAAI,UACF,SAAS,WAAW,MAAM;EAE9B,OAAO,IAAI,MAAM,SAAS,gBAAgB,MAAM,SAAS,WAAW;GAGlE,MAAM,WAAW,uBAAuB,IAAI,MAAM,QAAQ,IAAI;GAC9D,uBAAuB,OAAO,MAAM,QAAQ,IAAI;GAChD,IAAI,UAAU;IACZ,eAAe,OAAO,MAAM,QAAQ,IAAI;IACxC,SAAS,WAAW,SAAS,cAAc,UAAU,CAAC;GACxD;EACF;CACF,CAAC;CAED,MAAM,EAAE,aAAa,2BAA2B,UAAU,UACxD,mBAAmB,uBAClB,WAAW;EACV,IAAI,iBAAiB,MAAM,KAAK,WAAW,eAAe,QACxD,uBAAuB,SAAS,EAAE,cAAc,YAAY,WAAW,OAAO,CAAC;CAEnF,CACF;CAEA,OAAO;EACL,eAAe,MAAM,SAAS,cAAc;GAC1C,IAAI,eAAe,IAAI,IAAI,GAAG;IAC5B,IAAI,WACF,uBAAuB,IAAI,IAAI,CAAC,EAAE,WAAW,IAAI,SAAS;IAE5D;GACF;GACA,eAAe,IAAI,IAAI;GACvB,MAAM,UAAU,qBAAqB,MAAM,SAAS,aAAa;GACjE,MAAM,WAAW;IAAE;IAAS,4BAAY,IAAI,IAAgB;GAAE;GAC9D,IAAI,WACF,SAAS,WAAW,IAAI,SAAS;GAEnC,uBAAuB,IAAI,MAAM,QAAQ;GACzC,YAAY,KAAK,OAAO;EAC1B;EACA,YAAY;GACV,mBAAmB;GACnB,uBAAuB;GACvB,uBAAuB,MAAM;GAC7B,eAAe,MAAM;EACvB;CACF;AACF"}

package/esm/domain/segmentCollection/segment.mjs

@@ -0,0 +1,52 @@
+import { RecordType } from "../../types/sessionReplayConstants.mjs";
+import { aggregateSerializationStats, createSerializationStats } from "../record/serialization/serializationStats.mjs";
+import { addSegment, addWroteData, getSegmentsCount } from "../replayStats.mjs";
+import "../record/index.mjs";
+//#region src/domain/segmentCollection/segment.ts
+function createSegment({ context, creationReason, encoder }) {
+	let encodedBytesCount = 0;
+	const viewId = context.view.id;
+	const metadata = {
+		start: Infinity,
+		end: -Infinity,
+		creation_reason: creationReason,
+		records_count: 0,
+		has_full_snapshot: false,
+		index_in_view: getSegmentsCount(viewId),
+		source: "browser",
+		...context
+	};
+	const serializationStats = createSerializationStats();
+	addSegment(viewId);
+	function addRecord(record, callback) {
+		metadata.start = Math.min(metadata.start, record.timestamp);
+		metadata.end = Math.max(metadata.end, record.timestamp);
+		metadata.records_count += 1;
+		metadata.has_full_snapshot ||= record.type === RecordType.FullSnapshot || record.type === RecordType.Change && metadata.index_in_view === 0;
+		const prefix = encoder.isEmpty ? "{\"records\":[" : ",";
+		encoder.write(prefix + JSON.stringify(record), (additionalEncodedBytesCount) => {
+			encodedBytesCount += additionalEncodedBytesCount;
+			callback(encodedBytesCount);
+		});
+	}
+	function addStats(stats) {
+		aggregateSerializationStats(serializationStats, stats);
+	}
+	function flush(callback) {
+		if (encoder.isEmpty) throw new Error("Empty segment flushed");
+		encoder.write(`],${JSON.stringify(metadata).slice(1)}\n`);
+		encoder.finish((encoderResult) => {
+			addWroteData(metadata.view.id, encoderResult.rawBytesCount);
+			callback(metadata, serializationStats, encoderResult);
+		});
+	}
+	return {
+		addRecord,
+		addStats,
+		flush
+	};
+}
+//#endregion
+export { createSegment };
+
+//# sourceMappingURL=segment.mjs.map

package/esm/domain/segmentCollection/segment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment.mjs","names":["replayStats.getSegmentsCount"],"sources":["../../../src/domain/segmentCollection/segment.ts"],"sourcesContent":["import type { Encoder, EncoderResult, Uint8ArrayBuffer } from '@kubesense/kubesense-browser-core'\nimport type { BrowserRecord, BrowserSegmentMetadata, CreationReason, SegmentContext } from '../../types'\nimport { RecordType } from '../../types'\nimport * as replayStats from '../replayStats'\nimport type { SerializationStats } from '../record'\nimport { aggregateSerializationStats, createSerializationStats } from '../record'\n\nexport type FlushReason = Exclude<CreationReason, 'init'> | 'stop'\nexport type FlushCallback = (\n  metadata: BrowserSegmentMetadata,\n  stats: SerializationStats,\n  encoderResult: EncoderResult<Uint8ArrayBuffer>\n) => void\nexport type AddRecordCallback = (encodedBytesCount: number) => void\n\nexport interface Segment {\n  addRecord: (record: BrowserRecord, callback: AddRecordCallback) => void\n  addStats: (stats: SerializationStats) => void\n  flush: (callback: FlushCallback) => void\n}\n\nexport function createSegment({\n  context,\n  creationReason,\n  encoder,\n}: {\n  context: SegmentContext\n  creationReason: CreationReason\n  encoder: Encoder<Uint8ArrayBuffer>\n}): Segment {\n  let encodedBytesCount = 0\n  const viewId = context.view.id\n  const indexInView = replayStats.getSegmentsCount(viewId)\n  const metadata: BrowserSegmentMetadata = {\n    start: Infinity,\n    end: -Infinity,\n    creation_reason: creationReason,\n    records_count: 0,\n    has_full_snapshot: false,\n    index_in_view: indexInView,\n    source: 'browser' as const,\n    ...context,\n  }\n\n  const serializationStats = createSerializationStats()\n  replayStats.addSegment(viewId)\n\n  function addRecord(record: BrowserRecord, callback: AddRecordCallback): void {\n    metadata.start = Math.min(metadata.start, record.timestamp)\n    metadata.end = Math.max(metadata.end, record.timestamp)\n    metadata.records_count += 1\n    metadata.has_full_snapshot ||=\n      record.type === RecordType.FullSnapshot || (record.type === RecordType.Change && metadata.index_in_view === 0)\n\n    const prefix = encoder.isEmpty ? '{\"records\":[' : ','\n    encoder.write(prefix + JSON.stringify(record), (additionalEncodedBytesCount) => {\n      encodedBytesCount += additionalEncodedBytesCount\n      callback(encodedBytesCount)\n    })\n  }\n\n  function addStats(stats: SerializationStats): void {\n    aggregateSerializationStats(serializationStats, stats)\n  }\n\n  function flush(callback: FlushCallback) {\n    if (encoder.isEmpty) {\n      throw new Error('Empty segment flushed')\n    }\n\n    encoder.write(`],${JSON.stringify(metadata).slice(1)}\\n`)\n    encoder.finish((encoderResult) => {\n      replayStats.addWroteData(metadata.view.id, encoderResult.rawBytesCount)\n      callback(metadata, serializationStats, encoderResult)\n    })\n  }\n\n  return { addRecord, addStats, flush }\n}\n"],"mappings":";;;;;AAqBA,SAAgB,cAAc,EAC5B,SACA,gBACA,WAKU;CACV,IAAI,oBAAoB;CACxB,MAAM,SAAS,QAAQ,KAAK;CAE5B,MAAM,WAAmC;EACvC,OAAO;EACP,KAAK;EACL,iBAAiB;EACjB,eAAe;EACf,mBAAmB;EACnB,eAPkBA,iBAA6B,MAOtB;EACzB,QAAQ;EACR,GAAG;CACL;CAEA,MAAM,qBAAqB,yBAAyB;CACpD,WAAuB,MAAM;CAE7B,SAAS,UAAU,QAAuB,UAAmC;EAC3E,SAAS,QAAQ,KAAK,IAAI,SAAS,OAAO,OAAO,SAAS;EAC1D,SAAS,MAAM,KAAK,IAAI,SAAS,KAAK,OAAO,SAAS;EACtD,SAAS,iBAAiB;EAC1B,SAAS,sBACP,OAAO,SAAS,WAAW,gBAAiB,OAAO,SAAS,WAAW,UAAU,SAAS,kBAAkB;EAE9G,MAAM,SAAS,QAAQ,UAAU,mBAAiB;EAClD,QAAQ,MAAM,SAAS,KAAK,UAAU,MAAM,IAAI,gCAAgC;GAC9E,qBAAqB;GACrB,SAAS,iBAAiB;EAC5B,CAAC;CACH;CAEA,SAAS,SAAS,OAAiC;EACjD,4BAA4B,oBAAoB,KAAK;CACvD;CAEA,SAAS,MAAM,UAAyB;EACtC,IAAI,QAAQ,SACV,MAAM,IAAI,MAAM,uBAAuB;EAGzC,QAAQ,MAAM,KAAK,KAAK,UAAU,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG;EACxD,QAAQ,QAAQ,kBAAkB;GAChC,aAAyB,SAAS,KAAK,IAAI,cAAc,aAAa;GACtE,SAAS,UAAU,oBAAoB,aAAa;EACtD,CAAC;CACH;CAEA,OAAO;EAAE;EAAW;EAAU;CAAM;AACtC"}

package/esm/domain/segmentCollection/segmentCollection.mjs

@@ -0,0 +1,87 @@
+import { buildReplayPayload } from "./buildReplayPayload.mjs";
+import { createSegment } from "./segment.mjs";
+import { LifeCycleEventType } from "@kubesense/kubesense-browser-rum-core";
+import { PageExitReason, clearTimeout, isPageExitReason, setTimeout } from "@kubesense/kubesense-browser-core";
+import { ONE_SECOND } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/segmentCollection/segmentCollection.ts
+const SEGMENT_DURATION_LIMIT = 5 * ONE_SECOND;
+/**
+* beacon payload max queue size implementation is 64kb
+* ensure that we leave room for logs, rum and potential other users
+*/
+let SEGMENT_BYTES_LIMIT = 6e4;
+function startSegmentCollection(lifeCycle, configuration, sessionManager, viewHistory, httpRequest, encoder) {
+	return doStartSegmentCollection(lifeCycle, () => computeSegmentContext(configuration.applicationId, sessionManager, viewHistory), httpRequest, encoder);
+}
+function doStartSegmentCollection(lifeCycle, getSegmentContext, httpRequest, encoder) {
+	let state = {
+		status: 0,
+		nextSegmentCreationReason: "init"
+	};
+	const { unsubscribe: unsubscribeViewCreated } = lifeCycle.subscribe(LifeCycleEventType.VIEW_CREATED, () => {
+		flushSegment("view_change");
+	});
+	const { unsubscribe: unsubscribePageMayExit } = lifeCycle.subscribe(LifeCycleEventType.PREPARE_URGENT_FLUSH, (reason) => {
+		flushSegment(reason);
+	});
+	function flushSegment(flushReason) {
+		if (state.status === 1) {
+			state.segment.flush((metadata, stats, encoderResult) => {
+				const payload = buildReplayPayload(encoderResult.output, metadata, stats, encoderResult.rawBytesCount);
+				if (isPageExitReason(flushReason) && flushReason !== PageExitReason.HIDDEN) httpRequest.sendOnExit(payload);
+				else httpRequest.send(payload);
+			});
+			clearTimeout(state.expirationTimeoutId);
+		}
+		if (flushReason !== "stop") state = {
+			status: 0,
+			nextSegmentCreationReason: flushReason
+		};
+		else state = { status: 2 };
+	}
+	return {
+		addRecord: (record) => {
+			if (state.status === 2) return;
+			if (state.status === 0) {
+				const context = getSegmentContext();
+				if (!context) return;
+				state = {
+					status: 1,
+					segment: createSegment({
+						encoder,
+						context,
+						creationReason: state.nextSegmentCreationReason
+					}),
+					expirationTimeoutId: setTimeout(() => {
+						flushSegment("segment_duration_limit");
+					}, SEGMENT_DURATION_LIMIT)
+				};
+			}
+			state.segment.addRecord(record, (encodedBytesCount) => {
+				if (encodedBytesCount > SEGMENT_BYTES_LIMIT) flushSegment("segment_bytes_limit");
+			});
+		},
+		addStats: (stats) => {
+			if (state.status === 1) state.segment.addStats(stats);
+		},
+		stop: () => {
+			flushSegment("stop");
+			unsubscribeViewCreated();
+			unsubscribePageMayExit();
+		}
+	};
+}
+function computeSegmentContext(applicationId, sessionManager, viewHistory) {
+	const session = sessionManager.findTrackedSession();
+	const viewContext = viewHistory.findView();
+	if (!session || !viewContext) return;
+	return {
+		application: { id: applicationId },
+		session: { id: session.id },
+		view: { id: viewContext.id }
+	};
+}
+//#endregion
+export { SEGMENT_BYTES_LIMIT, SEGMENT_DURATION_LIMIT, computeSegmentContext, doStartSegmentCollection, startSegmentCollection };
+
+//# sourceMappingURL=segmentCollection.mjs.map

package/esm/domain/segmentCollection/segmentCollection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentCollection.mjs","names":[],"sources":["../../../src/domain/segmentCollection/segmentCollection.ts"],"sourcesContent":["import type { DeflateEncoder, HttpRequest, TimeoutId, SessionManager } from '@kubesense/kubesense-browser-core'\nimport { ONE_SECOND } from '@kubesense/kubesense-js-core/time'\nimport { isPageExitReason, PageExitReason, clearTimeout, setTimeout } from '@kubesense/kubesense-browser-core'\nimport type { LifeCycle, ViewHistory, RumConfiguration } from '@kubesense/kubesense-browser-rum-core'\nimport { LifeCycleEventType } from '@kubesense/kubesense-browser-rum-core'\nimport type { BrowserRecord, CreationReason, SegmentContext } from '../../types'\nimport type { SerializationStats } from '../record'\nimport type { ReplayPayload } from './buildReplayPayload'\nimport { buildReplayPayload } from './buildReplayPayload'\nimport type { FlushReason, Segment } from './segment'\nimport { createSegment } from './segment'\n\nexport const SEGMENT_DURATION_LIMIT = 5 * ONE_SECOND\n/**\n * beacon payload max queue size implementation is 64kb\n * ensure that we leave room for logs, rum and potential other users\n */\nexport let SEGMENT_BYTES_LIMIT = 60_000\n\n// Segments are the main data structure for session replays. They contain context information used\n// for indexing or UI needs, and a list of records (RRWeb 'events', renamed to avoid confusing\n// namings). They are stored without any processing from the intake, and fetched one after the\n// other while a session is being replayed. Their encoding (deflate) are carefully crafted to allow\n// concatenating multiple segments together. Segments have a size overhead (metadata), so our goal is to\n// build segments containing as many records as possible while complying with the various flush\n// strategies to guarantee a good replay quality.\n//\n// When the recording starts, a segment is initially created.  The segment is flushed (finalized and\n// sent) based on various events (non-exhaustive list):\n//\n// * the page visibility change or becomes to unload\n// * the segment duration reaches a limit\n// * the encoded segment bytes count reaches a limit\n// * ...\n//\n// A segment cannot be created without its context.  If the RUM session ends and no session id is\n// available when creating a new segment, records will be ignored, until the session is renewed and\n// a new session id is available.\n//\n// Empty segments (segments with no record) aren't useful and should be ignored.\n//\n// To help investigate session replays issues, each segment is created with a \"creation reason\",\n// indicating why the session has been created.\n\ninterface SegmentCollector {\n  addRecord(this: void, record: BrowserRecord): void\n  addStats(this: void, stats: SerializationStats): void\n  stop(this: void): void\n}\n\nexport function startSegmentCollection(\n  lifeCycle: LifeCycle,\n  configuration: RumConfiguration,\n  sessionManager: SessionManager,\n  viewHistory: ViewHistory,\n  httpRequest: HttpRequest<ReplayPayload>,\n  encoder: DeflateEncoder\n): SegmentCollector {\n  return doStartSegmentCollection(\n    lifeCycle,\n    () => computeSegmentContext(configuration.applicationId, sessionManager, viewHistory),\n    httpRequest,\n    encoder\n  )\n}\n\nconst enum SegmentCollectionStatus {\n  WaitingForInitialRecord,\n  SegmentPending,\n  Stopped,\n}\ntype SegmentCollectionState =\n  | {\n      status: SegmentCollectionStatus.WaitingForInitialRecord\n      nextSegmentCreationReason: CreationReason\n    }\n  | {\n      status: SegmentCollectionStatus.SegmentPending\n      segment: Segment\n      expirationTimeoutId: TimeoutId\n    }\n  | {\n      status: SegmentCollectionStatus.Stopped\n    }\n\nexport function doStartSegmentCollection(\n  lifeCycle: LifeCycle,\n  getSegmentContext: () => SegmentContext | undefined,\n  httpRequest: HttpRequest<ReplayPayload>,\n  encoder: DeflateEncoder\n): SegmentCollector {\n  let state: SegmentCollectionState = {\n    status: SegmentCollectionStatus.WaitingForInitialRecord,\n    nextSegmentCreationReason: 'init',\n  }\n\n  const { unsubscribe: unsubscribeViewCreated } = lifeCycle.subscribe(LifeCycleEventType.VIEW_CREATED, () => {\n    flushSegment('view_change')\n  })\n\n  const { unsubscribe: unsubscribePageMayExit } = lifeCycle.subscribe(\n    LifeCycleEventType.PREPARE_URGENT_FLUSH,\n    (reason) => {\n      flushSegment(reason as FlushReason)\n    }\n  )\n\n  function flushSegment(flushReason: FlushReason) {\n    if (state.status === SegmentCollectionStatus.SegmentPending) {\n      state.segment.flush((metadata, stats, encoderResult) => {\n        const payload = buildReplayPayload(encoderResult.output, metadata, stats, encoderResult.rawBytesCount)\n\n        // sendOnExit() is less reliable than send() since it doesn't retry. If the page is\n        // *really* about to close, sendOnExit() is still better, since it uses a mechanism\n        // that outlives the page itself; for PageExitReason.HIDDEN, though, the page is\n        // probably not actually closing, so we prefer send().\n        if (isPageExitReason(flushReason) && flushReason !== PageExitReason.HIDDEN) {\n          httpRequest.sendOnExit(payload)\n        } else {\n          httpRequest.send(payload)\n        }\n      })\n      clearTimeout(state.expirationTimeoutId)\n    }\n\n    if (flushReason !== 'stop') {\n      state = {\n        status: SegmentCollectionStatus.WaitingForInitialRecord,\n        nextSegmentCreationReason: flushReason,\n      }\n    } else {\n      state = {\n        status: SegmentCollectionStatus.Stopped,\n      }\n    }\n  }\n\n  return {\n    addRecord: (record: BrowserRecord) => {\n      if (state.status === SegmentCollectionStatus.Stopped) {\n        return\n      }\n\n      if (state.status === SegmentCollectionStatus.WaitingForInitialRecord) {\n        const context = getSegmentContext()\n        if (!context) {\n          return\n        }\n\n        state = {\n          status: SegmentCollectionStatus.SegmentPending,\n          segment: createSegment({ encoder, context, creationReason: state.nextSegmentCreationReason }),\n          expirationTimeoutId: setTimeout(() => {\n            flushSegment('segment_duration_limit')\n          }, SEGMENT_DURATION_LIMIT),\n        }\n      }\n\n      state.segment.addRecord(record, (encodedBytesCount) => {\n        if (encodedBytesCount > SEGMENT_BYTES_LIMIT) {\n          flushSegment('segment_bytes_limit')\n        }\n      })\n    },\n\n    addStats: (stats: SerializationStats) => {\n      if (state.status === SegmentCollectionStatus.SegmentPending) {\n        state.segment.addStats(stats)\n      }\n    },\n\n    stop: () => {\n      flushSegment('stop')\n      unsubscribeViewCreated()\n      unsubscribePageMayExit()\n    },\n  }\n}\n\nexport function computeSegmentContext(applicationId: string, sessionManager: SessionManager, viewHistory: ViewHistory) {\n  const session = sessionManager.findTrackedSession()\n  const viewContext = viewHistory.findView()\n  if (!session || !viewContext) {\n    return undefined\n  }\n  return {\n    application: {\n      id: applicationId,\n    },\n    session: {\n      id: session.id,\n    },\n    view: {\n      id: viewContext.id,\n    },\n  }\n}\n\nexport function setSegmentBytesLimit(newSegmentBytesLimit = 60_000) {\n  SEGMENT_BYTES_LIMIT = newSegmentBytesLimit\n}\n"],"mappings":";;;;;;AAYA,MAAa,yBAAyB,IAAI;;;;;AAK1C,IAAW,sBAAsB;AAiCjC,SAAgB,uBACd,WACA,eACA,gBACA,aACA,aACA,SACkB;CAClB,OAAO,yBACL,iBACM,sBAAsB,cAAc,eAAe,gBAAgB,WAAW,GACpF,aACA,OACF;AACF;AAqBA,SAAgB,yBACd,WACA,mBACA,aACA,SACkB;CAClB,IAAI,QAAgC;EAClC,QAAA;EACA,2BAA2B;CAC7B;CAEA,MAAM,EAAE,aAAa,2BAA2B,UAAU,UAAU,mBAAmB,oBAAoB;EACzG,aAAa,aAAa;CAC5B,CAAC;CAED,MAAM,EAAE,aAAa,2BAA2B,UAAU,UACxD,mBAAmB,uBAClB,WAAW;EACV,aAAa,MAAqB;CACpC,CACF;CAEA,SAAS,aAAa,aAA0B;EAC9C,IAAI,MAAM,WAAA,GAAmD;GAC3D,MAAM,QAAQ,OAAO,UAAU,OAAO,kBAAkB;IACtD,MAAM,UAAU,mBAAmB,cAAc,QAAQ,UAAU,OAAO,cAAc,aAAa;IAMrG,IAAI,iBAAiB,WAAW,KAAK,gBAAgB,eAAe,QAClE,YAAY,WAAW,OAAO;SAE9B,YAAY,KAAK,OAAO;GAE5B,CAAC;GACD,aAAa,MAAM,mBAAmB;EACxC;EAEA,IAAI,gBAAgB,QAClB,QAAQ;GACN,QAAA;GACA,2BAA2B;EAC7B;OAEA,QAAQ,EACN,QAAA,EACF;CAEJ;CAEA,OAAO;EACL,YAAY,WAA0B;GACpC,IAAI,MAAM,WAAA,GACR;GAGF,IAAI,MAAM,WAAA,GAA4D;IACpE,MAAM,UAAU,kBAAkB;IAClC,IAAI,CAAC,SACH;IAGF,QAAQ;KACN,QAAA;KACA,SAAS,cAAc;MAAE;MAAS;MAAS,gBAAgB,MAAM;KAA0B,CAAC;KAC5F,qBAAqB,iBAAiB;MACpC,aAAa,wBAAwB;KACvC,GAAG,sBAAsB;IAC3B;GACF;GAEA,MAAM,QAAQ,UAAU,SAAS,sBAAsB;IACrD,IAAI,oBAAoB,qBACtB,aAAa,qBAAqB;GAEtC,CAAC;EACH;EAEA,WAAW,UAA8B;GACvC,IAAI,MAAM,WAAA,GACR,MAAM,QAAQ,SAAS,KAAK;EAEhC;EAEA,YAAY;GACV,aAAa,MAAM;GACnB,uBAAuB;GACvB,uBAAuB;EACzB;CACF;AACF;AAEA,SAAgB,sBAAsB,eAAuB,gBAAgC,aAA0B;CACrH,MAAM,UAAU,eAAe,mBAAmB;CAClD,MAAM,cAAc,YAAY,SAAS;CACzC,IAAI,CAAC,WAAW,CAAC,aACf;CAEF,OAAO;EACL,aAAa,EACX,IAAI,cACN;EACA,SAAS,EACP,IAAI,QAAQ,GACd;EACA,MAAM,EACJ,IAAI,YAAY,GAClB;CACF;AACF"}