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

package/cjs/domain/record/serialization/serializationStats.js

@@ -1,32 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSerializationStats = createSerializationStats;
-exports.updateSerializationStats = updateSerializationStats;
-exports.aggregateSerializationStats = aggregateSerializationStats;
+//#region src/domain/record/serialization/serializationStats.ts
 function createSerializationStats() {
-    return {
-        cssText: {
-            count: 0,
-            max: 0,
-            sum: 0,
-        },
-        serializationDuration: {
-            count: 0,
-            max: 0,
-            sum: 0,
-        },
-    };
+	return {
+		cssText: {
+			count: 0,
+			max: 0,
+			sum: 0
+		},
+		serializationDuration: {
+			count: 0,
+			max: 0,
+			sum: 0
+		}
+	};
 }
 function updateSerializationStats(stats, metric, value) {
-    stats[metric].count += 1;
-    stats[metric].max = Math.max(stats[metric].max, value);
-    stats[metric].sum += value;
+	stats[metric].count += 1;
+	stats[metric].max = Math.max(stats[metric].max, value);
+	stats[metric].sum += value;
 }
 function aggregateSerializationStats(aggregateStats, stats) {
-    for (const metric of ['cssText', 'serializationDuration']) {
-        aggregateStats[metric].count += stats[metric].count;
-        aggregateStats[metric].max = Math.max(aggregateStats[metric].max, stats[metric].max);
-        aggregateStats[metric].sum += stats[metric].sum;
-    }
+	for (const metric of ["cssText", "serializationDuration"]) {
+		aggregateStats[metric].count += stats[metric].count;
+		aggregateStats[metric].max = Math.max(aggregateStats[metric].max, stats[metric].max);
+		aggregateStats[metric].sum += stats[metric].sum;
+	}
 }
+//#endregion
+exports.aggregateSerializationStats = aggregateSerializationStats;
+exports.createSerializationStats = createSerializationStats;
+exports.updateSerializationStats = updateSerializationStats;
+
 //# sourceMappingURL=serializationStats.js.map

package/cjs/domain/record/serialization/serializationStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializationStats.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializationStats.ts"],"names":[],"mappings":";;AAWA,4DAaC;AAED,4DAQC;AAED,kEAMC;AA/BD,SAAgB,wBAAwB;IACtC,OAAO;QACL,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP;QACD,qBAAqB,EAAE;YACrB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP;KACF,CAAA;AACH,CAAC;AAED,SAAgB,wBAAwB,CACtC,KAAyB,EACzB,MAAgC,EAChC,KAAa;IAEb,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,CAAA;IACxB,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACtD,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,KAAK,CAAA;AAC5B,CAAC;AAED,SAAgB,2BAA2B,CAAC,cAAkC,EAAE,KAAyB;IACvG,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,EAAE,uBAAuB,CAAU,EAAE,CAAC;QACnE,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAA;QACnD,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAA;QACpF,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAA;IACjD,CAAC;AACH,CAAC"}
+{"version":3,"file":"serializationStats.js","names":[],"sources":["../../../../src/domain/record/serialization/serializationStats.ts"],"sourcesContent":["export interface SerializationMetric {\n  count: number\n  max: number\n  sum: number\n}\n\nexport interface SerializationStats {\n  cssText: SerializationMetric\n  serializationDuration: SerializationMetric\n}\n\nexport function createSerializationStats(): SerializationStats {\n  return {\n    cssText: {\n      count: 0,\n      max: 0,\n      sum: 0,\n    },\n    serializationDuration: {\n      count: 0,\n      max: 0,\n      sum: 0,\n    },\n  }\n}\n\nexport function updateSerializationStats(\n  stats: SerializationStats,\n  metric: keyof SerializationStats,\n  value: number\n): void {\n  stats[metric].count += 1\n  stats[metric].max = Math.max(stats[metric].max, value)\n  stats[metric].sum += value\n}\n\nexport function aggregateSerializationStats(aggregateStats: SerializationStats, stats: SerializationStats) {\n  for (const metric of ['cssText', 'serializationDuration'] as const) {\n    aggregateStats[metric].count += stats[metric].count\n    aggregateStats[metric].max = Math.max(aggregateStats[metric].max, stats[metric].max)\n    aggregateStats[metric].sum += stats[metric].sum\n  }\n}\n"],"mappings":";AAWA,SAAgB,2BAA+C;CAC7D,OAAO;EACL,SAAS;GACP,OAAO;GACP,KAAK;GACL,KAAK;EACP;EACA,uBAAuB;GACrB,OAAO;GACP,KAAK;GACL,KAAK;EACP;CACF;AACF;AAEA,SAAgB,yBACd,OACA,QACA,OACM;CACN,MAAM,OAAO,CAAC,SAAS;CACvB,MAAM,OAAO,CAAC,MAAM,KAAK,IAAI,MAAM,OAAO,CAAC,KAAK,KAAK;CACrD,MAAM,OAAO,CAAC,OAAO;AACvB;AAEA,SAAgB,4BAA4B,gBAAoC,OAA2B;CACzG,KAAK,MAAM,UAAU,CAAC,WAAW,uBAAuB,GAAY;EAClE,eAAe,OAAO,CAAC,SAAS,MAAM,OAAO,CAAC;EAC9C,eAAe,OAAO,CAAC,MAAM,KAAK,IAAI,eAAe,OAAO,CAAC,KAAK,MAAM,OAAO,CAAC,GAAG;EACnF,eAAe,OAAO,CAAC,OAAO,MAAM,OAAO,CAAC;CAC9C;AACF"}

package/cjs/domain/record/serialization/serializationTransaction.d.ts

@@ -1,45 +1,67 @@
-import type { BrowserRecord } from '../../../types';
-import type { NodeId } from '../nodeIds';
+import type { TimeStamp } from '@kubesense/kubesense-js-core/time';
+import type { AddCDataSectionNodeChange, AddDocTypeNodeChange, AddDocumentFragmentNodeChange, AddDocumentNodeChange, AddElementNodeChange, AddShadowRootNodeChange, AddTextNodeChange, InputSelectionState, InsertionPoint, MediaInteractionType, RoleAnnotatedStringLiteral } from '../../../types';
+import type { NodeId, RoleAnnotatedAddNodeName, RoleAnnotatedAddNodeParams, RoleAnnotatedAttributeChange, RoleAnnotatedStringLiteralValue, RoleAnnotatedStyleSheetMediaList, RoleAnnotatedStyleSheetRules, StyleSheetId } from '../encoding';
 import type { EmitRecordCallback, EmitStatsCallback } from '../record.types';
 import type { RecordingScope } from '../recordingScope';
 import type { SerializationStats } from './serializationStats';
-export type SerializationTransactionCallback = (transaction: SerializationTransaction) => void;
 export declare const enum SerializationKind {
     INITIAL_FULL_SNAPSHOT = 0,
     SUBSEQUENT_FULL_SNAPSHOT = 1,
     INCREMENTAL_SNAPSHOT = 2
 }
+export type SerializationTransactionCallback = (transaction: SerializationTransaction) => void;
 /**
- * A serialization transaction is used to build and emit a sequence of session replay
- * records containing a serialized snapshot of the DOM.
+ * SerializationTransaction is used to build and emit a `BrowserChangeRecord` containing a
+ * serialized snapshot of the DOM. The term "transaction" is used because all the changes
+ * in a serialization transaction are applied together, atomically. A serialization
+ * transaction is thus always associated with a single timestamp.
+ *
+ * To use `SerializationTransaction`, call the builder methods it exposes to add changes
+ * to the transaction. At the end of the transaction, the changes will be combined into a
+ * single `BrowserChangeRecord` and emitted.
  */
 export interface SerializationTransaction {
-    /** Add a record to the transaction. It will be emitted when the transaction ends. */
-    add(record: BrowserRecord): void;
     /**
      * Add a metric to the transaction's statistics. The aggregated statistics will be
      * emitted when the transaction ends.
      */
     addMetric(metric: keyof SerializationStats, value: number): void;
+    /** Add a node to the document at the given insertion point. */
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddCDataSectionNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddCDataSectionNodeChange>): void;
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddDocTypeNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddDocTypeNodeChange>): void;
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddDocumentNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddDocumentNodeChange>): void;
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddDocumentFragmentNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddDocumentFragmentNodeChange>): void;
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddShadowRootNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddShadowRootNodeChange>): void;
+    addNode(pos: InsertionPoint, nodeName: RoleAnnotatedAddNodeName<AddTextNodeChange>, ...params: RoleAnnotatedAddNodeParams<AddTextNodeChange>): void;
+    addNode<Name extends RoleAnnotatedAddNodeName<AddElementNodeChange>>(pos: InsertionPoint, nodeName: Name, ...params: RoleAnnotatedStringLiteralValue<Name> extends `#${string}` ? [never] : RoleAnnotatedAddNodeParams<AddElementNodeChange>): void;
+    /** Add a stylesheet to the document. */
+    addStyleSheet(rules: RoleAnnotatedStyleSheetRules, mediaList?: RoleAnnotatedStyleSheetMediaList, disabled?: boolean): void;
     /**
-     * Assign and return an id to the given node. If the node has previously been assigned
-     * an id, the existing id will be reused.
+     * Attach one or more stylesheets to a <link>, <style>, #document, #document-fragment,
+     * or #shadow-root node.
      */
-    assignId(node: Node): NodeId;
+    attachStyleSheets(nodeId: NodeId, sheetIds: StyleSheetId[]): void;
+    /** Remove a node from the document. */
+    removeNode(nodeId: NodeId): void;
+    /** Set a node's attributes to the given values. */
+    setAttributes(change: RoleAnnotatedAttributeChange): void;
+    /** Set the content of a canvas node to the given resource ID. */
+    setImageContent(nodeId: NodeId, resourceId: RoleAnnotatedStringLiteral): void;
+    /** Set the selection state of one or more checkboxes, radio buttons, or <option> elements. */
+    setInputSelection(state: InputSelectionState, nodeIds: NodeId[]): void;
+    /** Set the value of a form element. */
+    setInputValue(nodeId: NodeId, value: RoleAnnotatedStringLiteral): void;
+    /** Set the media playback state of an <audio> or <video> element. */
+    setMediaPlaybackState(nodeId: NodeId, state: MediaInteractionType): void;
+    /** Set the given node's scroll position in CSS pixels. */
+    setScrollPosition(nodeId: NodeId, x: number, y: number): void;
+    /** Set the given node's size in CSS pixels. */
+    setSize(nodeId: NodeId, width: number, height: number): void;
+    /** Set the given node's text content. */
+    setText(nodeId: NodeId, content: RoleAnnotatedStringLiteral): void;
     /** The kind of serialization being performed in this transaction. */
     kind: SerializationKind;
-    /**
-     * A set used to track nodes which have been serialized in the current transaction. If
-     * undefined, this feature is disabled; this is the default state in new transactions
-     * for performance reasons. Set the property to a non-undefined value if you need this
-     * capability.
-     */
-    serializedNodeIds?: Set<NodeId>;
     /** The recording scope in which this transaction is occurring. */
     scope: RecordingScope;
 }
-/**
- * Perform serialization within a transaction. At the end of the transaction, the
- * generated records and statistics will be emitted.
- */
-export declare function serializeInTransaction(kind: SerializationKind, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope, serialize: SerializationTransactionCallback): void;
+export declare function serializeInTransaction(kind: SerializationKind, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope, timestamp: TimeStamp, serialize: SerializationTransactionCallback): void;

package/cjs/domain/record/serialization/serializationTransaction.js

@@ -1,38 +1,92 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeInTransaction = serializeInTransaction;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const serializationStats_1 = require("./serializationStats");
-/**
- * Perform serialization within a transaction. At the end of the transaction, the
- * generated records and statistics will be emitted.
- */
-function serializeInTransaction(kind, emitRecord, emitStats, scope, serialize) {
-    const records = [];
-    const stats = (0, serializationStats_1.createSerializationStats)();
-    const transaction = {
-        add(record) {
-            records.push(record);
-        },
-        addMetric(metric, value) {
-            (0, serializationStats_1.updateSerializationStats)(stats, metric, value);
-        },
-        assignId(node) {
-            const id = scope.nodeIds.assign(node);
-            if (transaction.serializedNodeIds) {
-                transaction.serializedNodeIds.add(id);
-            }
-            return id;
-        },
-        kind,
-        scope,
-    };
-    const start = (0, kubesense_browser_core_1.timeStampNow)();
-    serialize(transaction);
-    (0, serializationStats_1.updateSerializationStats)(stats, 'serializationDuration', (0, kubesense_browser_core_1.elapsed)(start, (0, kubesense_browser_core_1.timeStampNow)()));
-    for (const record of records) {
-        emitRecord(record);
-    }
-    emitStats(stats);
+const require_sessionReplayConstants = require("../../../types/sessionReplayConstants.js");
+const require_changeEncoder = require("../encoding/changeEncoder.js");
+const require_serializationStats = require("./serializationStats.js");
+let _kubesense_kubesense_js_core_time = require("@kubesense/kubesense-js-core/time");
+//#region src/domain/record/serialization/serializationTransaction.ts
+function serializeInTransaction(kind, emitRecord, emitStats, scope, timestamp, serialize) {
+	const encoder = require_changeEncoder.createChangeEncoder(scope.stringIds);
+	const stats = require_serializationStats.createSerializationStats();
+	const transaction = {
+		addMetric(metric, value) {
+			require_serializationStats.updateSerializationStats(stats, metric, value);
+		},
+		addNode(...change) {
+			encoder.add(require_sessionReplayConstants.ChangeType.AddNode, change);
+		},
+		addStyleSheet(rules, mediaList, disabled) {
+			if (disabled) encoder.add(require_sessionReplayConstants.ChangeType.AddStyleSheet, [
+				rules,
+				mediaList || [],
+				disabled
+			]);
+			else if (mediaList) encoder.add(require_sessionReplayConstants.ChangeType.AddStyleSheet, [rules, mediaList]);
+			else encoder.add(require_sessionReplayConstants.ChangeType.AddStyleSheet, [rules]);
+		},
+		attachStyleSheets(nodeId, sheetIds) {
+			const change = [nodeId];
+			for (const sheetId of sheetIds) change.push(sheetId);
+			encoder.add(require_sessionReplayConstants.ChangeType.AttachedStyleSheets, change);
+		},
+		removeNode(nodeId) {
+			encoder.add(require_sessionReplayConstants.ChangeType.RemoveNode, nodeId);
+		},
+		setAttributes(change) {
+			encoder.add(require_sessionReplayConstants.ChangeType.Attribute, change);
+		},
+		setInputSelection(state, nodeIds) {
+			const change = [state];
+			for (const nodeId of nodeIds) change.push(nodeId);
+			encoder.add(require_sessionReplayConstants.ChangeType.InputSelection, change);
+		},
+		setInputValue(nodeId, value) {
+			encoder.add(require_sessionReplayConstants.ChangeType.InputValue, [nodeId, value]);
+		},
+		setMediaPlaybackState(nodeId, state) {
+			encoder.add(require_sessionReplayConstants.ChangeType.MediaPlaybackState, [nodeId, state]);
+		},
+		setScrollPosition(nodeId, x, y) {
+			encoder.add(require_sessionReplayConstants.ChangeType.ScrollPosition, [
+				nodeId,
+				x,
+				y
+			]);
+		},
+		setSize(nodeId, width, height) {
+			encoder.add(require_sessionReplayConstants.ChangeType.Size, [
+				nodeId,
+				width,
+				height
+			]);
+		},
+		setText(nodeId, content) {
+			encoder.add(require_sessionReplayConstants.ChangeType.Text, [nodeId, content]);
+		},
+		setImageContent(nodeId, resourceId) {
+			encoder.add(require_sessionReplayConstants.ChangeType.ImageContent, [nodeId, resourceId]);
+		},
+		kind,
+		scope
+	};
+	const start = (0, _kubesense_kubesense_js_core_time.timeStampNow)();
+	serialize(transaction);
+	require_serializationStats.updateSerializationStats(stats, "serializationDuration", (0, _kubesense_kubesense_js_core_time.elapsed)(start, (0, _kubesense_kubesense_js_core_time.timeStampNow)()));
+	const changes = encoder.flush();
+	if (changes.length > 0) {
+		if (kind === 0 || kind === 1) emitRecord({
+			data: changes,
+			format: require_sessionReplayConstants.SnapshotFormat.Change,
+			type: require_sessionReplayConstants.RecordType.FullSnapshot,
+			timestamp
+		});
+		else emitRecord({
+			data: changes,
+			type: require_sessionReplayConstants.RecordType.Change,
+			timestamp
+		});
+	}
+	emitStats(stats);
 }
+//#endregion
+exports.serializeInTransaction = serializeInTransaction;
+
 //# sourceMappingURL=serializationTransaction.js.map

package/cjs/domain/record/serialization/serializationTransaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializationTransaction.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializationTransaction.ts"],"names":[],"mappings":";;AAwDA,wDAqCC;AA7FD,8EAAyE;AAOzE,6DAAyF;AA6CzF;;;GAGG;AACH,SAAgB,sBAAsB,CACpC,IAAuB,EACvB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB,EACrB,SAA2C;IAE3C,MAAM,OAAO,GAAoB,EAAE,CAAA;IACnC,MAAM,KAAK,GAAG,IAAA,6CAAwB,GAAE,CAAA;IAExC,MAAM,WAAW,GAA6B;QAC5C,GAAG,CAAC,MAAqB;YACvB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC;QACD,SAAS,CAAC,MAAgC,EAAE,KAAa;YACvD,IAAA,6CAAwB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;QAChD,CAAC;QACD,QAAQ,CAAC,IAAU;YACjB,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACrC,IAAI,WAAW,CAAC,iBAAiB,EAAE,CAAC;gBAClC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YACvC,CAAC;YACD,OAAO,EAAE,CAAA;QACX,CAAC;QACD,IAAI;QACJ,KAAK;KACN,CAAA;IAED,MAAM,KAAK,GAAG,IAAA,qCAAY,GAAE,CAAA;IAC5B,SAAS,CAAC,WAAW,CAAC,CAAA;IACtB,IAAA,6CAAwB,EAAC,KAAK,EAAE,uBAAuB,EAAE,IAAA,gCAAO,EAAC,KAAK,EAAE,IAAA,qCAAY,GAAE,CAAC,CAAC,CAAA;IAExF,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,UAAU,CAAC,MAAM,CAAC,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,CAAC"}
+{"version":3,"file":"serializationTransaction.js","names":["createChangeEncoder","createSerializationStats","ChangeType","timeStampNow","elapsed","SnapshotFormat","RecordType"],"sources":["../../../../src/domain/record/serialization/serializationTransaction.ts"],"sourcesContent":["import { elapsed, timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport { ChangeType, RecordType, SnapshotFormat } from '../../../types'\nimport type {\n  AddCDataSectionNodeChange,\n  AddDocTypeNodeChange,\n  AddDocumentFragmentNodeChange,\n  AddDocumentNodeChange,\n  AddElementNodeChange,\n  AddNodeChange,\n  AddShadowRootNodeChange,\n  AddTextNodeChange,\n  AttachedStyleSheetsChange,\n  InputSelectionChange,\n  InputSelectionState,\n  InsertionPoint,\n  MediaInteractionType,\n  RoleAnnotatedStringLiteral,\n} from '../../../types'\nimport type {\n  NodeId,\n  RoleAnnotatedAddNodeName,\n  RoleAnnotatedAddNodeParams,\n  RoleAnnotatedAttributeChange,\n  RoleAnnotatedStringLiteralValue,\n  RoleAnnotatedStyleSheetMediaList,\n  RoleAnnotatedStyleSheetRules,\n  StyleSheetId,\n} from '../encoding'\nimport { createChangeEncoder } from '../encoding'\nimport type { EmitRecordCallback, EmitStatsCallback } from '../record.types'\nimport type { RecordingScope } from '../recordingScope'\nimport type { SerializationStats } from './serializationStats'\nimport { createSerializationStats, updateSerializationStats } from './serializationStats'\n\nexport const enum SerializationKind {\n  INITIAL_FULL_SNAPSHOT,\n  SUBSEQUENT_FULL_SNAPSHOT,\n  INCREMENTAL_SNAPSHOT,\n}\n\nexport type SerializationTransactionCallback = (transaction: SerializationTransaction) => void\n\n/**\n * SerializationTransaction is used to build and emit a `BrowserChangeRecord` containing a\n * serialized snapshot of the DOM. The term \"transaction\" is used because all the changes\n * in a serialization transaction are applied together, atomically. A serialization\n * transaction is thus always associated with a single timestamp.\n *\n * To use `SerializationTransaction`, call the builder methods it exposes to add changes\n * to the transaction. At the end of the transaction, the changes will be combined into a\n * single `BrowserChangeRecord` and emitted.\n */\nexport interface SerializationTransaction {\n  /**\n   * Add a metric to the transaction's statistics. The aggregated statistics will be\n   * emitted when the transaction ends.\n   */\n  addMetric(metric: keyof SerializationStats, value: number): void\n\n  /** Add a node to the document at the given insertion point. */\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddCDataSectionNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddCDataSectionNodeChange>\n  ): void\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddDocTypeNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddDocTypeNodeChange>\n  ): void\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddDocumentNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddDocumentNodeChange>\n  ): void\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddDocumentFragmentNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddDocumentFragmentNodeChange>\n  ): void\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddShadowRootNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddShadowRootNodeChange>\n  ): void\n  addNode(\n    pos: InsertionPoint,\n    nodeName: RoleAnnotatedAddNodeName<AddTextNodeChange>,\n    ...params: RoleAnnotatedAddNodeParams<AddTextNodeChange>\n  ): void\n  addNode<Name extends RoleAnnotatedAddNodeName<AddElementNodeChange>>(\n    pos: InsertionPoint,\n    nodeName: Name,\n    // This overload is deliberately unsatisfiable; a '#'-prefixed name belongs to one of\n    // the node kinds above, so we should never reach it unless the caller provided\n    // invalid parameters.\n    ...params: RoleAnnotatedStringLiteralValue<Name> extends `#${string}`\n      ? [never]\n      : RoleAnnotatedAddNodeParams<AddElementNodeChange>\n  ): void\n\n  /** Add a stylesheet to the document. */\n  addStyleSheet(\n    rules: RoleAnnotatedStyleSheetRules,\n    mediaList?: RoleAnnotatedStyleSheetMediaList,\n    disabled?: boolean\n  ): void\n\n  /**\n   * Attach one or more stylesheets to a <link>, <style>, #document, #document-fragment,\n   * or #shadow-root node.\n   */\n  attachStyleSheets(nodeId: NodeId, sheetIds: StyleSheetId[]): void\n\n  /** Remove a node from the document. */\n  removeNode(nodeId: NodeId): void\n\n  /** Set a node's attributes to the given values. */\n  setAttributes(change: RoleAnnotatedAttributeChange): void\n\n  /** Set the content of a canvas node to the given resource ID. */\n  setImageContent(nodeId: NodeId, resourceId: RoleAnnotatedStringLiteral): void\n\n  /** Set the selection state of one or more checkboxes, radio buttons, or <option> elements. */\n  setInputSelection(state: InputSelectionState, nodeIds: NodeId[]): void\n\n  /** Set the value of a form element. */\n  setInputValue(nodeId: NodeId, value: RoleAnnotatedStringLiteral): void\n\n  /** Set the media playback state of an <audio> or <video> element. */\n  setMediaPlaybackState(nodeId: NodeId, state: MediaInteractionType): void\n\n  /** Set the given node's scroll position in CSS pixels. */\n  setScrollPosition(nodeId: NodeId, x: number, y: number): void\n\n  /** Set the given node's size in CSS pixels. */\n  setSize(nodeId: NodeId, width: number, height: number): void\n\n  /** Set the given node's text content. */\n  setText(nodeId: NodeId, content: RoleAnnotatedStringLiteral): void\n\n  /** The kind of serialization being performed in this transaction. */\n  kind: SerializationKind\n\n  /** The recording scope in which this transaction is occurring. */\n  scope: RecordingScope\n}\n\nexport function serializeInTransaction(\n  kind: SerializationKind,\n  emitRecord: EmitRecordCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope,\n  timestamp: TimeStamp,\n  serialize: SerializationTransactionCallback\n): void {\n  const encoder = createChangeEncoder(scope.stringIds)\n  const stats = createSerializationStats()\n\n  const transaction: SerializationTransaction = {\n    addMetric(metric: keyof SerializationStats, value: number): void {\n      updateSerializationStats(stats, metric, value)\n    },\n    // The overloads declared above are what callers are checked against; this implementation\n    // takes the parameters of any of them.\n    addNode(...change: unknown[]): void {\n      encoder.add(ChangeType.AddNode, change as AddNodeChange)\n    },\n    addStyleSheet(\n      rules: RoleAnnotatedStyleSheetRules,\n      mediaList?: RoleAnnotatedStyleSheetMediaList,\n      disabled?: boolean\n    ): void {\n      if (disabled) {\n        encoder.add(ChangeType.AddStyleSheet, [rules, mediaList || [], disabled])\n      } else if (mediaList) {\n        encoder.add(ChangeType.AddStyleSheet, [rules, mediaList])\n      } else {\n        encoder.add(ChangeType.AddStyleSheet, [rules])\n      }\n    },\n    attachStyleSheets(nodeId: NodeId, sheetIds: StyleSheetId[]): void {\n      const change: AttachedStyleSheetsChange = [nodeId]\n      for (const sheetId of sheetIds) {\n        change.push(sheetId)\n      }\n      encoder.add(ChangeType.AttachedStyleSheets, change)\n    },\n    removeNode(nodeId: NodeId): void {\n      encoder.add(ChangeType.RemoveNode, nodeId)\n    },\n    setAttributes(change: RoleAnnotatedAttributeChange): void {\n      encoder.add(ChangeType.Attribute, change)\n    },\n    setInputSelection(state: InputSelectionState, nodeIds: NodeId[]): void {\n      const change: InputSelectionChange = [state]\n      for (const nodeId of nodeIds) {\n        change.push(nodeId)\n      }\n      encoder.add(ChangeType.InputSelection, change)\n    },\n    setInputValue(nodeId: NodeId, value: RoleAnnotatedStringLiteral): void {\n      encoder.add(ChangeType.InputValue, [nodeId, value])\n    },\n    setMediaPlaybackState(nodeId: NodeId, state: MediaInteractionType): void {\n      encoder.add(ChangeType.MediaPlaybackState, [nodeId, state])\n    },\n    setScrollPosition(nodeId: NodeId, x: number, y: number): void {\n      encoder.add(ChangeType.ScrollPosition, [nodeId, x, y])\n    },\n    setSize(nodeId: NodeId, width: number, height: number): void {\n      encoder.add(ChangeType.Size, [nodeId, width, height])\n    },\n    setText(nodeId: NodeId, content: RoleAnnotatedStringLiteral): void {\n      encoder.add(ChangeType.Text, [nodeId, content])\n    },\n    setImageContent(nodeId: NodeId, resourceId: RoleAnnotatedStringLiteral): void {\n      encoder.add(ChangeType.ImageContent, [nodeId, resourceId])\n    },\n    kind,\n    scope,\n  }\n\n  const start = timeStampNow()\n  serialize(transaction)\n  updateSerializationStats(stats, 'serializationDuration', elapsed(start, timeStampNow()))\n\n  const changes = encoder.flush()\n  if (changes.length > 0) {\n    if (kind === SerializationKind.INITIAL_FULL_SNAPSHOT || kind === SerializationKind.SUBSEQUENT_FULL_SNAPSHOT) {\n      emitRecord({\n        data: changes,\n        format: SnapshotFormat.Change,\n        type: RecordType.FullSnapshot,\n        timestamp,\n      })\n    } else {\n      emitRecord({\n        data: changes,\n        type: RecordType.Change,\n        timestamp,\n      })\n    }\n  }\n\n  emitStats(stats)\n}\n"],"mappings":";;;;;AAqJA,SAAgB,uBACd,MACA,YACA,WACA,OACA,WACA,WACM;CACN,MAAM,UAAUA,sBAAAA,oBAAoB,MAAM,SAAS;CACnD,MAAM,QAAQC,2BAAAA,yBAAyB;CAEvC,MAAM,cAAwC;EAC5C,UAAU,QAAkC,OAAqB;GAC/D,2BAAA,yBAAyB,OAAO,QAAQ,KAAK;EAC/C;EAGA,QAAQ,GAAG,QAAyB;GAClC,QAAQ,IAAIC,+BAAAA,WAAW,SAAS,MAAuB;EACzD;EACA,cACE,OACA,WACA,UACM;GACN,IAAI,UACF,QAAQ,IAAIA,+BAAAA,WAAW,eAAe;IAAC;IAAO,aAAa,CAAC;IAAG;GAAQ,CAAC;QACnE,IAAI,WACT,QAAQ,IAAIA,+BAAAA,WAAW,eAAe,CAAC,OAAO,SAAS,CAAC;QAExD,QAAQ,IAAIA,+BAAAA,WAAW,eAAe,CAAC,KAAK,CAAC;EAEjD;EACA,kBAAkB,QAAgB,UAAgC;GAChE,MAAM,SAAoC,CAAC,MAAM;GACjD,KAAK,MAAM,WAAW,UACpB,OAAO,KAAK,OAAO;GAErB,QAAQ,IAAIA,+BAAAA,WAAW,qBAAqB,MAAM;EACpD;EACA,WAAW,QAAsB;GAC/B,QAAQ,IAAIA,+BAAAA,WAAW,YAAY,MAAM;EAC3C;EACA,cAAc,QAA4C;GACxD,QAAQ,IAAIA,+BAAAA,WAAW,WAAW,MAAM;EAC1C;EACA,kBAAkB,OAA4B,SAAyB;GACrE,MAAM,SAA+B,CAAC,KAAK;GAC3C,KAAK,MAAM,UAAU,SACnB,OAAO,KAAK,MAAM;GAEpB,QAAQ,IAAIA,+BAAAA,WAAW,gBAAgB,MAAM;EAC/C;EACA,cAAc,QAAgB,OAAyC;GACrE,QAAQ,IAAIA,+BAAAA,WAAW,YAAY,CAAC,QAAQ,KAAK,CAAC;EACpD;EACA,sBAAsB,QAAgB,OAAmC;GACvE,QAAQ,IAAIA,+BAAAA,WAAW,oBAAoB,CAAC,QAAQ,KAAK,CAAC;EAC5D;EACA,kBAAkB,QAAgB,GAAW,GAAiB;GAC5D,QAAQ,IAAIA,+BAAAA,WAAW,gBAAgB;IAAC;IAAQ;IAAG;GAAC,CAAC;EACvD;EACA,QAAQ,QAAgB,OAAe,QAAsB;GAC3D,QAAQ,IAAIA,+BAAAA,WAAW,MAAM;IAAC;IAAQ;IAAO;GAAM,CAAC;EACtD;EACA,QAAQ,QAAgB,SAA2C;GACjE,QAAQ,IAAIA,+BAAAA,WAAW,MAAM,CAAC,QAAQ,OAAO,CAAC;EAChD;EACA,gBAAgB,QAAgB,YAA8C;GAC5E,QAAQ,IAAIA,+BAAAA,WAAW,cAAc,CAAC,QAAQ,UAAU,CAAC;EAC3D;EACA;EACA;CACF;CAEA,MAAM,SAAA,GAAQC,kCAAAA,aAAAA,CAAa;CAC3B,UAAU,WAAW;CACrB,2BAAA,yBAAyB,OAAO,0BAAA,GAAyBC,kCAAAA,QAAAA,CAAQ,QAAA,GAAOD,kCAAAA,aAAAA,CAAa,CAAC,CAAC;CAEvF,MAAM,UAAU,QAAQ,MAAM;CAC9B,IAAI,QAAQ,SAAS,GAAG;EACtB,IAAI,SAAA,KAAoD,SAAA,GACtD,WAAW;GACT,MAAM;GACN,QAAQE,+BAAAA,eAAe;GACvB,MAAMC,+BAAAA,WAAW;GACjB;EACF,CAAC;OAED,WAAW;GACT,MAAM;GACN,MAAMA,+BAAAA,WAAW;GACjB;EACF,CAAC;CAEL;CAEA,UAAU,KAAK;AACjB"}

package/cjs/domain/record/serialization/serializationUtils.d.ts

@@ -9,7 +9,6 @@ export declare const URL_IN_CSS_REF: RegExp;
 export declare const ABSOLUTE_URL: RegExp;
 export declare const DATA_URI: RegExp;
 export declare function switchToAbsoluteUrl(cssText: string, cssHref: string | null): string;
-export declare function getValidTagName(tagName: string): string;
 /**
  * Returns the tag name of the given element, normalized to ensure a consistent lowercase
  * representation regardless of whether the element is HTML, XHTML, or SVG.

package/cjs/domain/record/serialization/serializationUtils.js

@@ -1,88 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DATA_URI = exports.ABSOLUTE_URL = exports.URL_IN_CSS_REF = void 0;
-exports.getElementInputValue = getElementInputValue;
-exports.switchToAbsoluteUrl = switchToAbsoluteUrl;
-exports.getValidTagName = getValidTagName;
-exports.normalizedTagName = normalizedTagName;
-exports.censoredImageForSize = censoredImageForSize;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+let _kubesense_kubesense_js_core_util = require("@kubesense/kubesense-js-core/util");
+//#region src/domain/record/serialization/serializationUtils.ts
 /**
- * Get the element "value" to be serialized as an attribute or an input update record. It respects
- * the input privacy mode of the element.
- * PERFROMANCE OPTIMIZATION: Assumes that privacy level `HIDDEN` is never encountered because of earlier checks.
- */
+* Get the element "value" to be serialized as an attribute or an input update record. It respects
+* the input privacy mode of the element.
+* PERFROMANCE OPTIMIZATION: Assumes that privacy level `HIDDEN` is never encountered because of earlier checks.
+*/
 function getElementInputValue(element, nodePrivacyLevel) {
-    /*
-     BROWSER SPEC NOTE: <input>, <select>
-     For some <input> elements, the `value` is an exceptional property/attribute that has the
-     value synced between el.value and el.getAttribute()
-     input[type=button,checkbox,hidden,image,radio,reset,submit]
-     */
-    const tagName = element.tagName;
-    const value = element.value;
-    if ((0, kubesense_browser_rum_core_1.shouldMaskNode)(element, nodePrivacyLevel)) {
-        const type = element.type;
-        if (tagName === 'INPUT' && (type === 'button' || type === 'submit' || type === 'reset')) {
-            // Overrule `MASK` privacy level for button-like element values, as they are used during replay
-            // to display their label. They can still be hidden via the "hidden" privacy attribute or class name.
-            return value;
-        }
-        else if (!value || tagName === 'OPTION') {
-            // <Option> value provides no benefit
-            return;
-        }
-        return kubesense_browser_rum_core_1.CENSORED_STRING_MARK;
-    }
-    if (tagName === 'OPTION' || tagName === 'SELECT') {
-        return element.value;
-    }
-    if (tagName !== 'INPUT' && tagName !== 'TEXTAREA') {
-        return;
-    }
-    return value;
+	const tagName = element.tagName;
+	const value = element.value;
+	if ((0, _kubesense_kubesense_browser_rum_core.shouldMaskNode)(element, nodePrivacyLevel)) {
+		const type = element.type;
+		if (tagName === "INPUT" && (type === "button" || type === "submit" || type === "reset")) return value;
+		else if (!value || tagName === "OPTION") return;
+		return _kubesense_kubesense_browser_rum_core.CENSORED_STRING_MARK;
+	}
+	if (tagName === "OPTION" || tagName === "SELECT") return element.value;
+	if (tagName !== "INPUT" && tagName !== "TEXTAREA") return;
+	return value;
 }
-exports.URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
-exports.ABSOLUTE_URL = /^[A-Za-z]+:|^\/\//;
-exports.DATA_URI = /^["']?data:.*,/i;
+const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
+const ABSOLUTE_URL = /^[A-Za-z]+:|^\/\//;
+const DATA_URI = /^["']?data:.*,/i;
 function switchToAbsoluteUrl(cssText, cssHref) {
-    return cssText.replace(exports.URL_IN_CSS_REF, (matchingSubstring, singleQuote, urlWrappedInSingleQuotes, doubleQuote, urlWrappedInDoubleQuotes, urlNotWrappedInQuotes) => {
-        const url = urlWrappedInSingleQuotes || urlWrappedInDoubleQuotes || urlNotWrappedInQuotes;
-        if (!cssHref || !url || exports.ABSOLUTE_URL.test(url) || exports.DATA_URI.test(url)) {
-            return matchingSubstring;
-        }
-        const quote = singleQuote || doubleQuote || '';
-        return `url(${quote}${makeUrlAbsolute(url, cssHref)}${quote})`;
-    });
+	return cssText.replace(URL_IN_CSS_REF, (matchingSubstring, singleQuote, urlWrappedInSingleQuotes, doubleQuote, urlWrappedInDoubleQuotes, urlNotWrappedInQuotes) => {
+		const url = urlWrappedInSingleQuotes || urlWrappedInDoubleQuotes || urlNotWrappedInQuotes;
+		if (!cssHref || !url || ABSOLUTE_URL.test(url) || DATA_URI.test(url)) return matchingSubstring;
+		const quote = singleQuote || doubleQuote || "";
+		return `url(${quote}${makeUrlAbsolute(url, cssHref)}${quote})`;
+	});
 }
 function makeUrlAbsolute(url, baseUrl) {
-    try {
-        return (0, kubesense_browser_core_1.buildUrl)(url, baseUrl).href;
-    }
-    catch (_a) {
-        return url;
-    }
-}
-const TAG_NAME_REGEX = /[^a-z1-6-_]/;
-function getValidTagName(tagName) {
-    const processedTagName = tagName.toLowerCase().trim();
-    if (TAG_NAME_REGEX.test(processedTagName)) {
-        // if the tag name is odd and we cannot extract
-        // anything from the string, then we return a
-        // generic div
-        return 'div';
-    }
-    return processedTagName;
+	try {
+		return (0, _kubesense_kubesense_js_core_util.buildUrl)(url, baseUrl).href;
+	} catch {
+		return url;
+	}
 }
 /**
- * Returns the tag name of the given element, normalized to ensure a consistent lowercase
- * representation regardless of whether the element is HTML, XHTML, or SVG.
- */
+* Returns the tag name of the given element, normalized to ensure a consistent lowercase
+* representation regardless of whether the element is HTML, XHTML, or SVG.
+*/
 function normalizedTagName(element) {
-    return element.tagName.toLowerCase();
+	return element.tagName.toLowerCase();
 }
 function censoredImageForSize(width, height) {
-    return `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}' style='background-color:silver'%3E%3C/svg%3E`;
+	return `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}' style='background-color:silver'%3E%3C/svg%3E`;
 }
+//#endregion
+exports.ABSOLUTE_URL = ABSOLUTE_URL;
+exports.DATA_URI = DATA_URI;
+exports.URL_IN_CSS_REF = URL_IN_CSS_REF;
+exports.censoredImageForSize = censoredImageForSize;
+exports.getElementInputValue = getElementInputValue;
+exports.normalizedTagName = normalizedTagName;
+exports.switchToAbsoluteUrl = switchToAbsoluteUrl;
+
 //# sourceMappingURL=serializationUtils.js.map

package/cjs/domain/record/serialization/serializationUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializationUtils.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializationUtils.ts"],"names":[],"mappings":";;;AASA,oDAgCC;AAMD,kDAqBC;AAWD,0CAWC;AAMD,8CAEC;AAED,oDAEC;AAtGD,8EAA4D;AAC5D,sFAA4F;AAG5F;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,OAAgB,EAAE,gBAAkC;IACvF;;;;;OAKG;IACH,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,MAAM,KAAK,GAAI,OAAkD,CAAC,KAAK,CAAA;IAEvE,IAAI,IAAA,2CAAc,EAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE,CAAC;QAC9C,MAAM,IAAI,GAAI,OAAkD,CAAC,IAAI,CAAA;QACrE,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,CAAC,EAAE,CAAC;YACxF,+FAA+F;YAC/F,qGAAqG;YACrG,OAAO,KAAK,CAAA;QACd,CAAC;aAAM,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC1C,qCAAqC;YACrC,OAAM;QACR,CAAC;QACD,OAAO,iDAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACjD,OAAQ,OAAiD,CAAC,KAAK,CAAA;IACjE,CAAC;IAED,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAClD,OAAM;IACR,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAEY,QAAA,cAAc,GAAG,8CAA8C,CAAA;AAC/D,QAAA,YAAY,GAAG,mBAAmB,CAAA;AAClC,QAAA,QAAQ,GAAG,iBAAiB,CAAA;AAEzC,SAAgB,mBAAmB,CAAC,OAAe,EAAE,OAAsB;IACzE,OAAO,OAAO,CAAC,OAAO,CACpB,sBAAc,EACd,CACE,iBAAyB,EACzB,WAA+B,EAC/B,wBAA4C,EAC5C,WAA+B,EAC/B,wBAA4C,EAC5C,qBAAyC,EACzC,EAAE;QACF,MAAM,GAAG,GAAG,wBAAwB,IAAI,wBAAwB,IAAI,qBAAqB,CAAA;QAEzF,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,oBAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,gBAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACrE,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QAED,MAAM,KAAK,GAAG,WAAW,IAAI,WAAW,IAAI,EAAE,CAAA;QAC9C,OAAO,OAAO,KAAK,GAAG,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,KAAK,GAAG,CAAA;IAChE,CAAC,CACF,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,GAAW,EAAE,OAAe;IACnD,IAAI,CAAC;QACH,OAAO,IAAA,iCAAQ,EAAC,GAAG,EAAE,OAAO,CAAC,CAAC,IAAI,CAAA;IACpC,CAAC;IAAC,WAAM,CAAC;QACP,OAAO,GAAG,CAAA;IACZ,CAAC;AACH,CAAC;AAED,MAAM,cAAc,GAAG,aAAa,CAAA;AACpC,SAAgB,eAAe,CAAC,OAAe;IAC7C,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAA;IAErD,IAAI,cAAc,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC1C,+CAA+C;QAC/C,6CAA6C;QAC7C,cAAc;QACd,OAAO,KAAK,CAAA;IACd,CAAC;IAED,OAAO,gBAAgB,CAAA;AACzB,CAAC;AAED;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,OAAgB;IAChD,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;AACtC,CAAC;AAED,SAAgB,oBAAoB,CAAC,KAAa,EAAE,MAAc;IAChE,OAAO,uEAAuE,KAAK,aAAa,MAAM,gDAAgD,CAAA;AACxJ,CAAC"}
+{"version":3,"file":"serializationUtils.js","names":["shouldMaskNode","CENSORED_STRING_MARK","buildUrl"],"sources":["../../../../src/domain/record/serialization/serializationUtils.ts"],"sourcesContent":["import { buildUrl } from '@kubesense/kubesense-js-core/util'\nimport { CENSORED_STRING_MARK, shouldMaskNode } from '@kubesense/kubesense-browser-rum-core'\nimport type { NodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core'\n\n/**\n * Get the element \"value\" to be serialized as an attribute or an input update record. It respects\n * the input privacy mode of the element.\n * PERFROMANCE OPTIMIZATION: Assumes that privacy level `HIDDEN` is never encountered because of earlier checks.\n */\nexport function getElementInputValue(element: Element, nodePrivacyLevel: NodePrivacyLevel) {\n  /*\n   BROWSER SPEC NOTE: <input>, <select>\n   For some <input> elements, the `value` is an exceptional property/attribute that has the\n   value synced between el.value and el.getAttribute()\n   input[type=button,checkbox,hidden,image,radio,reset,submit]\n   */\n  const tagName = element.tagName\n  const value = (element as HTMLInputElement | HTMLTextAreaElement).value\n\n  if (shouldMaskNode(element, nodePrivacyLevel)) {\n    const type = (element as HTMLInputElement | HTMLTextAreaElement).type\n    if (tagName === 'INPUT' && (type === 'button' || type === 'submit' || type === 'reset')) {\n      // Overrule `MASK` privacy level for button-like element values, as they are used during replay\n      // to display their label. They can still be hidden via the \"hidden\" privacy attribute or class name.\n      return value\n    } else if (!value || tagName === 'OPTION') {\n      // <Option> value provides no benefit\n      return\n    }\n    return CENSORED_STRING_MARK\n  }\n\n  if (tagName === 'OPTION' || tagName === 'SELECT') {\n    return (element as HTMLOptionElement | HTMLSelectElement).value\n  }\n\n  if (tagName !== 'INPUT' && tagName !== 'TEXTAREA') {\n    return\n  }\n\n  return value\n}\n\nexport const URL_IN_CSS_REF = /url\\((?:(')([^']*)'|(\")([^\"]*)\"|([^)]*))\\)/gm\nexport const ABSOLUTE_URL = /^[A-Za-z]+:|^\\/\\//\nexport const DATA_URI = /^[\"']?data:.*,/i\n\nexport function switchToAbsoluteUrl(cssText: string, cssHref: string | null): string {\n  return cssText.replace(\n    URL_IN_CSS_REF,\n    (\n      matchingSubstring: string,\n      singleQuote: string | undefined,\n      urlWrappedInSingleQuotes: string | undefined,\n      doubleQuote: string | undefined,\n      urlWrappedInDoubleQuotes: string | undefined,\n      urlNotWrappedInQuotes: string | undefined\n    ) => {\n      const url = urlWrappedInSingleQuotes || urlWrappedInDoubleQuotes || urlNotWrappedInQuotes\n\n      if (!cssHref || !url || ABSOLUTE_URL.test(url) || DATA_URI.test(url)) {\n        return matchingSubstring\n      }\n\n      const quote = singleQuote || doubleQuote || ''\n      return `url(${quote}${makeUrlAbsolute(url, cssHref)}${quote})`\n    }\n  )\n}\n\nfunction makeUrlAbsolute(url: string, baseUrl: string): string {\n  try {\n    return buildUrl(url, baseUrl).href\n  } catch {\n    return url\n  }\n}\n\n/**\n * Returns the tag name of the given element, normalized to ensure a consistent lowercase\n * representation regardless of whether the element is HTML, XHTML, or SVG.\n */\nexport function normalizedTagName(element: Element): string {\n  return element.tagName.toLowerCase()\n}\n\nexport function censoredImageForSize(width: number, height: number) {\n  return `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}' style='background-color:silver'%3E%3C/svg%3E`\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,qBAAqB,SAAkB,kBAAoC;CAOzF,MAAM,UAAU,QAAQ;CACxB,MAAM,QAAS,QAAmD;CAElE,KAAA,GAAIA,sCAAAA,eAAAA,CAAe,SAAS,gBAAgB,GAAG;EAC7C,MAAM,OAAQ,QAAmD;EACjE,IAAI,YAAY,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,UAG7E,OAAO;OACF,IAAI,CAAC,SAAS,YAAY,UAE/B;EAEF,OAAOC,sCAAAA;CACT;CAEA,IAAI,YAAY,YAAY,YAAY,UACtC,OAAQ,QAAkD;CAG5D,IAAI,YAAY,WAAW,YAAY,YACrC;CAGF,OAAO;AACT;AAEA,MAAa,iBAAiB;AAC9B,MAAa,eAAe;AAC5B,MAAa,WAAW;AAExB,SAAgB,oBAAoB,SAAiB,SAAgC;CACnF,OAAO,QAAQ,QACb,iBAEE,mBACA,aACA,0BACA,aACA,0BACA,0BACG;EACH,MAAM,MAAM,4BAA4B,4BAA4B;EAEpE,IAAI,CAAC,WAAW,CAAC,OAAO,aAAa,KAAK,GAAG,KAAK,SAAS,KAAK,GAAG,GACjE,OAAO;EAGT,MAAM,QAAQ,eAAe,eAAe;EAC5C,OAAO,OAAO,QAAQ,gBAAgB,KAAK,OAAO,IAAI,MAAM;CAC9D,CACF;AACF;AAEA,SAAS,gBAAgB,KAAa,SAAyB;CAC7D,IAAI;EACF,QAAA,GAAOC,kCAAAA,SAAAA,CAAS,KAAK,OAAO,CAAC,CAAC;CAChC,QAAQ;EACN,OAAO;CACT;AACF;;;;;AAMA,SAAgB,kBAAkB,SAA0B;CAC1D,OAAO,QAAQ,QAAQ,YAAY;AACrC;AAEA,SAAgB,qBAAqB,OAAe,QAAgB;CAClE,OAAO,uEAAuE,MAAM,YAAY,OAAO;AACzG"}

package/cjs/domain/record/serialization/serializeAttribute.js

@@ -1,42 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = void 0;
-exports.serializeAttribute = serializeAttribute;
-const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
-const serializationUtils_1 = require("./serializationUtils");
-// TODO: temporarily bump the Session Replay limit to 1Mb for dataUrls
-// This limit should be removed after [PANA-2843] is implemented
-exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1000000;
+const require_serializationUtils = require("./serializationUtils.js");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+//#region src/domain/record/serialization/serializeAttribute.ts
+const MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1e6;
 function serializeAttribute(element, nodePrivacyLevel, attributeName, configuration) {
-    if (nodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
-        // dup condition for direct access case
-        return null;
-    }
-    const attributeValue = element.getAttribute(attributeName);
-    const tagName = element.tagName;
-    if ((0, kubesense_browser_rum_core_1.shouldMaskAttribute)(tagName, attributeName, attributeValue, nodePrivacyLevel, configuration)) {
-        // mask image URLs
-        if (tagName === 'IMG') {
-            // generate image with similar dimension than the original to have the same rendering behaviour
-            const image = element;
-            if (image.naturalWidth > 0) {
-                return (0, serializationUtils_1.censoredImageForSize)(image.naturalWidth, image.naturalHeight);
-            }
-            const { width, height } = element.getBoundingClientRect();
-            if (width > 0 || height > 0) {
-                return (0, serializationUtils_1.censoredImageForSize)(width, height);
-            }
-            // if we can't get the image size, fallback to the censored image
-            return kubesense_browser_rum_core_1.CENSORED_IMG_MARK;
-        }
-        if (tagName === 'SOURCE') {
-            return kubesense_browser_rum_core_1.CENSORED_IMG_MARK;
-        }
-        return kubesense_browser_rum_core_1.CENSORED_STRING_MARK;
-    }
-    if (!attributeValue) {
-        return attributeValue;
-    }
-    return (0, kubesense_browser_rum_core_1.sanitizeIfLongDataUrl)(attributeValue, exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH);
+	if (nodePrivacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.HIDDEN) return null;
+	const attributeValue = element.getAttribute(attributeName);
+	const tagName = element.tagName;
+	if ((0, _kubesense_kubesense_browser_rum_core.shouldMaskAttribute)(tagName, attributeName, attributeValue, nodePrivacyLevel, configuration)) {
+		if (tagName === "IMG") {
+			const image = element;
+			if (image.naturalWidth > 0) return require_serializationUtils.censoredImageForSize(image.naturalWidth, image.naturalHeight);
+			const { width, height } = element.getBoundingClientRect();
+			if (width > 0 || height > 0) return require_serializationUtils.censoredImageForSize(width, height);
+			return _kubesense_kubesense_browser_rum_core.CENSORED_IMG_MARK;
+		}
+		if (tagName === "SOURCE") return _kubesense_kubesense_browser_rum_core.CENSORED_IMG_MARK;
+		return _kubesense_kubesense_browser_rum_core.CENSORED_STRING_MARK;
+	}
+	if (!attributeValue) return attributeValue;
+	return (0, _kubesense_kubesense_browser_rum_core.sanitizeIfLongDataUrl)(attributeValue, MAX_ATTRIBUTE_VALUE_CHAR_LENGTH);
 }
+//#endregion
+exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = MAX_ATTRIBUTE_VALUE_CHAR_LENGTH;
+exports.serializeAttribute = serializeAttribute;
+
 //# sourceMappingURL=serializeAttribute.js.map

package/cjs/domain/record/serialization/serializeAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeAttribute.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeAttribute.ts"],"names":[],"mappings":";;;AAcA,gDAwCC;AAtDD,sFAM8C;AAE9C,6DAA2D;AAE3D,sEAAsE;AACtE,gEAAgE;AACnD,QAAA,+BAA+B,GAAG,OAAS,CAAA;AAExD,SAAgB,kBAAkB,CAChC,OAAgB,EAChB,gBAAkC,EAClC,aAAqB,EACrB,aAA+B;IAE/B,IAAI,gBAAgB,KAAK,6CAAgB,CAAC,MAAM,EAAE,CAAC;QACjD,uCAAuC;QACvC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,IAAI,IAAA,gDAAmB,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,CAAC,EAAE,CAAC;QACjG,kBAAkB;QAClB,IAAI,OAAO,KAAK,KAAK,EAAE,CAAC;YACtB,+FAA+F;YAC/F,MAAM,KAAK,GAAG,OAA2B,CAAA;YACzC,IAAI,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC;gBAC3B,OAAO,IAAA,yCAAoB,EAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACtE,CAAC;YACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACzD,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,OAAO,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAC5C,CAAC;YACD,iEAAiE;YACjE,OAAO,8CAAiB,CAAA;QAC1B,CAAC;QACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,8CAAiB,CAAA;QAC1B,CAAC;QAED,OAAO,iDAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,OAAO,IAAA,kDAAqB,EAAC,cAAc,EAAE,uCAA+B,CAAC,CAAA;AAC/E,CAAC"}
+{"version":3,"file":"serializeAttribute.js","names":["NodePrivacyLevel","shouldMaskAttribute","censoredImageForSize","CENSORED_IMG_MARK","CENSORED_STRING_MARK","sanitizeIfLongDataUrl"],"sources":["../../../../src/domain/record/serialization/serializeAttribute.ts"],"sourcesContent":["import {\n  NodePrivacyLevel,\n  CENSORED_STRING_MARK,\n  CENSORED_IMG_MARK,\n  sanitizeIfLongDataUrl,\n  shouldMaskAttribute,\n} from '@kubesense/kubesense-browser-rum-core'\nimport type { RumConfiguration } from '@kubesense/kubesense-browser-rum-core'\nimport { censoredImageForSize } from './serializationUtils'\n\n// TODO: temporarily bump the Session Replay limit to 1Mb for dataUrls\n// This limit should be removed after [PANA-2843] is implemented\nexport const MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1_000_000\n\nexport function serializeAttribute(\n  element: Element,\n  nodePrivacyLevel: NodePrivacyLevel,\n  attributeName: string,\n  configuration: RumConfiguration\n): string | null {\n  if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {\n    // dup condition for direct access case\n    return null\n  }\n\n  const attributeValue = element.getAttribute(attributeName)\n  const tagName = element.tagName\n  if (shouldMaskAttribute(tagName, attributeName, attributeValue, nodePrivacyLevel, configuration)) {\n    // mask image URLs\n    if (tagName === 'IMG') {\n      // generate image with similar dimension than the original to have the same rendering behaviour\n      const image = element as HTMLImageElement\n      if (image.naturalWidth > 0) {\n        return censoredImageForSize(image.naturalWidth, image.naturalHeight)\n      }\n      const { width, height } = element.getBoundingClientRect()\n      if (width > 0 || height > 0) {\n        return censoredImageForSize(width, height)\n      }\n      // if we can't get the image size, fallback to the censored image\n      return CENSORED_IMG_MARK\n    }\n    if (tagName === 'SOURCE') {\n      return CENSORED_IMG_MARK\n    }\n\n    return CENSORED_STRING_MARK\n  }\n\n  if (!attributeValue) {\n    return attributeValue\n  }\n\n  return sanitizeIfLongDataUrl(attributeValue, MAX_ATTRIBUTE_VALUE_CHAR_LENGTH)\n}\n"],"mappings":";;;AAYA,MAAa,kCAAkC;AAE/C,SAAgB,mBACd,SACA,kBACA,eACA,eACe;CACf,IAAI,qBAAqBA,sCAAAA,iBAAiB,QAExC,OAAO;CAGT,MAAM,iBAAiB,QAAQ,aAAa,aAAa;CACzD,MAAM,UAAU,QAAQ;CACxB,KAAA,GAAIC,sCAAAA,oBAAAA,CAAoB,SAAS,eAAe,gBAAgB,kBAAkB,aAAa,GAAG;EAEhG,IAAI,YAAY,OAAO;GAErB,MAAM,QAAQ;GACd,IAAI,MAAM,eAAe,GACvB,OAAOC,2BAAAA,qBAAqB,MAAM,cAAc,MAAM,aAAa;GAErE,MAAM,EAAE,OAAO,WAAW,QAAQ,sBAAsB;GACxD,IAAI,QAAQ,KAAK,SAAS,GACxB,OAAOA,2BAAAA,qBAAqB,OAAO,MAAM;GAG3C,OAAOC,sCAAAA;EACT;EACA,IAAI,YAAY,UACd,OAAOA,sCAAAA;EAGT,OAAOC,sCAAAA;CACT;CAEA,IAAI,CAAC,gBACH,OAAO;CAGT,QAAA,GAAOC,sCAAAA,sBAAAA,CAAsB,gBAAgB,+BAA+B;AAC9E"}

package/cjs/domain/record/serialization/serializeAttributes.d.ts

@@ -1,7 +1,7 @@
 import { NodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core';
+import type { RoleAnnotatedAttributeAssignment } from '../encoding';
 import type { SerializationTransaction } from './serializationTransaction';
 import type { VirtualAttributes } from './serialization.types';
-export declare function serializeAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: SerializationTransaction): Record<string, number | string>;
-export declare function serializeDOMAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: SerializationTransaction): Record<string, string>;
+export declare function serializeDOMAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: SerializationTransaction): RoleAnnotatedAttributeAssignment[];
 export declare function serializeVirtualAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: SerializationTransaction): VirtualAttributes;
 export declare function getCssRulesString(cssStyleSheet: CSSStyleSheet | undefined | null): string | null;