@kubesense/kubesense-browser-rum 1.0.0

package/cjs/domain/record/trackers/trackMutation.js

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackMutation = trackMutation;
+exports.sortAddedAndMovedNodes = sortAddedAndMovedNodes;
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const types_1 = require("../../../types");
+const serialization_1 = require("../serialization");
+const mutationBatch_1 = require("../mutationBatch");
+const assembly_1 = require("../assembly");
+/**
+ * Buffers and aggregate mutations generated by a MutationObserver into MutationPayload
+ */
+function trackMutation(target, emitRecord, emitStats, scope) {
+    const MutationObserver = (0, kubesense_browser_rum_core_1.getMutationObserverConstructor)();
+    if (!MutationObserver) {
+        return { stop: kubesense_browser_core_1.noop, flush: kubesense_browser_core_1.noop };
+    }
+    const mutationBatch = (0, mutationBatch_1.createMutationBatch)((mutations) => {
+        (0, serialization_1.serializeInTransaction)(2 /* SerializationKind.INCREMENTAL_SNAPSHOT */, emitRecord, emitStats, scope, (transaction) => processMutations(mutations.concat(observer.takeRecords()), transaction));
+    });
+    const observer = new MutationObserver((0, kubesense_browser_core_1.monitor)(mutationBatch.addMutations));
+    observer.observe(target, {
+        attributeOldValue: true,
+        attributes: true,
+        characterData: true,
+        characterDataOldValue: true,
+        childList: true,
+        subtree: true,
+    });
+    return {
+        stop: () => {
+            observer.disconnect();
+            mutationBatch.stop();
+        },
+        flush: () => {
+            mutationBatch.flush();
+        },
+    };
+}
+function processMutations(mutations, transaction) {
+    const nodePrivacyLevelCache = new Map();
+    mutations
+        .filter((mutation) => mutation.type === 'childList')
+        .forEach((mutation) => {
+        mutation.removedNodes.forEach((removedNode) => {
+            traverseRemovedShadowDom(removedNode, transaction.scope.shadowRootsController.removeShadowRoot);
+        });
+    });
+    // Discard any mutation with a 'target' node that:
+    // * isn't injected in the current document or isn't known/serialized yet: those nodes are likely
+    // part of a mutation occurring in a parent Node
+    // * should be hidden or ignored
+    const filteredMutations = mutations.filter((mutation) => mutation.target.isConnected &&
+        transaction.scope.nodeIds.areAssignedForNodeAndAncestors(mutation.target) &&
+        (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)(mutation.target, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache) !== kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN);
+    const { adds, removes, hasBeenSerialized } = processChildListMutations(filteredMutations.filter((mutation) => mutation.type === 'childList'), nodePrivacyLevelCache, transaction);
+    const texts = processCharacterDataMutations(filteredMutations.filter((mutation) => mutation.type === 'characterData' && !hasBeenSerialized(mutation.target)), nodePrivacyLevelCache, transaction);
+    const attributes = processAttributesMutations(filteredMutations.filter((mutation) => mutation.type === 'attributes' && !hasBeenSerialized(mutation.target)), nodePrivacyLevelCache, transaction);
+    if (!texts.length && !attributes.length && !removes.length && !adds.length) {
+        return;
+    }
+    transaction.add((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.Mutation, {
+        adds,
+        removes,
+        texts,
+        attributes,
+    }));
+}
+function processChildListMutations(mutations, nodePrivacyLevelCache, transaction) {
+    // First, we iterate over mutations to collect:
+    //
+    // * nodes that have been added in the document and not removed by a subsequent mutation
+    // * nodes that have been removed from the document but were not added in a previous mutation
+    //
+    // For this second category, we also collect their previous parent (mutation.target) because we'll
+    // need it to emit a 'remove' mutation.
+    //
+    // Those two categories may overlap: if a node moved from a position to another, it is reported as
+    // two mutation records, one with a "removedNodes" and the other with "addedNodes". In this case,
+    // the node will be in both sets.
+    const addedAndMovedNodes = new Set();
+    const removedNodes = new Map();
+    for (const mutation of mutations) {
+        mutation.addedNodes.forEach((node) => {
+            addedAndMovedNodes.add(node);
+        });
+        mutation.removedNodes.forEach((node) => {
+            if (!addedAndMovedNodes.has(node)) {
+                removedNodes.set(node, mutation.target);
+            }
+            addedAndMovedNodes.delete(node);
+        });
+    }
+    // Then, we sort nodes that are still in the document by topological order, for two reasons:
+    //
+    // * We will serialize each added nodes with their descendants. We don't want to serialize a node
+    // twice, so we need to iterate over the parent nodes first and skip any node that is contained in
+    // a precedent node.
+    //
+    // * To emit "add" mutations, we need references to the parent and potential next sibling of each
+    // added node. So we need to iterate over the parent nodes first, and when multiple nodes are
+    // siblings, we want to iterate from last to first. This will ensure that any "next" node is
+    // already serialized and have an id.
+    const sortedAddedAndMovedNodes = Array.from(addedAndMovedNodes);
+    sortAddedAndMovedNodes(sortedAddedAndMovedNodes);
+    // Then, we iterate over our sorted node sets to emit mutations. We collect the newly serialized
+    // node ids in a set to be able to skip subsequent related mutations.
+    transaction.serializedNodeIds = new Set();
+    const addedNodeMutations = [];
+    for (const node of sortedAddedAndMovedNodes) {
+        if (hasBeenSerialized(node)) {
+            continue;
+        }
+        const parentNodePrivacyLevel = (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)(node.parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (parentNodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+            continue;
+        }
+        const serializedNode = (0, serialization_1.serializeNode)(node, parentNodePrivacyLevel, transaction);
+        if (!serializedNode) {
+            continue;
+        }
+        const parentNode = (0, kubesense_browser_rum_core_1.getParentNode)(node);
+        addedNodeMutations.push({
+            nextId: getNextSibling(node),
+            parentId: transaction.scope.nodeIds.get(parentNode),
+            node: serializedNode,
+        });
+    }
+    // Finally, we emit remove mutations.
+    const removedNodeMutations = [];
+    removedNodes.forEach((parent, node) => {
+        const parentId = transaction.scope.nodeIds.get(parent);
+        const id = transaction.scope.nodeIds.get(node);
+        if (parentId !== undefined && id !== undefined) {
+            removedNodeMutations.push({ parentId, id });
+        }
+    });
+    return { adds: addedNodeMutations, removes: removedNodeMutations, hasBeenSerialized };
+    function hasBeenSerialized(node) {
+        var _a;
+        const id = transaction.scope.nodeIds.get(node);
+        return id !== undefined && ((_a = transaction.serializedNodeIds) === null || _a === void 0 ? void 0 : _a.has(id));
+    }
+    function getNextSibling(node) {
+        let nextSibling = node.nextSibling;
+        while (nextSibling) {
+            const id = transaction.scope.nodeIds.get(nextSibling);
+            if (id !== undefined) {
+                return id;
+            }
+            nextSibling = nextSibling.nextSibling;
+        }
+        return null;
+    }
+}
+function processCharacterDataMutations(mutations, nodePrivacyLevelCache, transaction) {
+    var _a;
+    const textMutations = [];
+    // Deduplicate mutations based on their target node
+    const handledNodes = new Set();
+    const filteredMutations = mutations.filter((mutation) => {
+        if (handledNodes.has(mutation.target)) {
+            return false;
+        }
+        handledNodes.add(mutation.target);
+        return true;
+    });
+    // Emit mutations
+    for (const mutation of filteredMutations) {
+        const value = mutation.target.textContent;
+        if (value === mutation.oldValue) {
+            continue;
+        }
+        const id = transaction.scope.nodeIds.get(mutation.target);
+        if (id === undefined) {
+            continue;
+        }
+        const parentNodePrivacyLevel = (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)((0, kubesense_browser_rum_core_1.getParentNode)(mutation.target), transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (parentNodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+            continue;
+        }
+        textMutations.push({
+            id,
+            value: (_a = (0, kubesense_browser_rum_core_1.getTextContent)(mutation.target, parentNodePrivacyLevel)) !== null && _a !== void 0 ? _a : null,
+        });
+    }
+    return textMutations;
+}
+function processAttributesMutations(mutations, nodePrivacyLevelCache, transaction) {
+    const attributeMutations = [];
+    // Deduplicate mutations based on their target node and changed attribute
+    const handledElements = new Map();
+    const filteredMutations = mutations.filter((mutation) => {
+        const handledAttributes = handledElements.get(mutation.target);
+        if (handledAttributes && handledAttributes.has(mutation.attributeName)) {
+            return false;
+        }
+        if (!handledAttributes) {
+            handledElements.set(mutation.target, new Set([mutation.attributeName]));
+        }
+        else {
+            handledAttributes.add(mutation.attributeName);
+        }
+        return true;
+    });
+    // Emit mutations
+    const emittedMutations = new Map();
+    for (const mutation of filteredMutations) {
+        const uncensoredValue = mutation.target.getAttribute(mutation.attributeName);
+        if (uncensoredValue === mutation.oldValue) {
+            continue;
+        }
+        const id = transaction.scope.nodeIds.get(mutation.target);
+        if (id === undefined) {
+            continue;
+        }
+        const privacyLevel = (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)(mutation.target, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        const attributeValue = (0, serialization_1.serializeAttribute)(mutation.target, privacyLevel, mutation.attributeName, transaction.scope.configuration);
+        let transformedValue;
+        if (mutation.attributeName === 'value') {
+            const inputValue = (0, serialization_1.getElementInputValue)(mutation.target, privacyLevel);
+            if (inputValue === undefined) {
+                continue;
+            }
+            transformedValue = inputValue;
+        }
+        else if (typeof attributeValue === 'string') {
+            transformedValue = attributeValue;
+        }
+        else {
+            transformedValue = null;
+        }
+        let emittedMutation = emittedMutations.get(mutation.target);
+        if (!emittedMutation) {
+            emittedMutation = { id, attributes: {} };
+            attributeMutations.push(emittedMutation);
+            emittedMutations.set(mutation.target, emittedMutation);
+        }
+        emittedMutation.attributes[mutation.attributeName] = transformedValue;
+    }
+    return attributeMutations;
+}
+function sortAddedAndMovedNodes(nodes) {
+    nodes.sort((a, b) => {
+        const position = a.compareDocumentPosition(b);
+        /* eslint-disable no-bitwise */
+        if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+            return -1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_CONTAINS) {
+            return 1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+            return 1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+            return -1;
+        }
+        /* eslint-enable no-bitwise */
+        return 0;
+    });
+}
+function traverseRemovedShadowDom(removedNode, shadowDomRemovedCallback) {
+    if ((0, kubesense_browser_rum_core_1.isNodeShadowHost)(removedNode)) {
+        shadowDomRemovedCallback(removedNode.shadowRoot);
+    }
+    (0, kubesense_browser_rum_core_1.forEachChildNodes)(removedNode, (childNode) => traverseRemovedShadowDom(childNode, shadowDomRemovedCallback));
+}
+//# sourceMappingURL=trackMutation.js.map

package/cjs/domain/record/trackers/trackMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMutation.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackMutation.ts"],"names":[],"mappings":";;AAwCA,sCA0CC;AAqSD,wDAgBC;AAvYD,8EAAiE;AAQjE,sFAAiM;AACjM,0CAAkD;AAUlD,oDAMyB;AACzB,oDAAsD;AAEtD,0CAAyD;AASzD;;GAEG;AACH,SAAgB,aAAa,CAC3B,MAAY,EACZ,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB;IAErB,MAAM,gBAAgB,GAAG,IAAA,2DAA8B,GAAE,CAAA;IACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,EAAE,IAAI,EAAE,6BAAI,EAAE,KAAK,EAAE,6BAAI,EAAE,CAAA;IACpC,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,mCAAmB,EAAC,CAAC,SAAS,EAAE,EAAE;QACtD,IAAA,sCAAsB,kDAEpB,UAAU,EACV,SAAS,EACT,KAAK,EACL,CAAC,WAAqC,EAAE,EAAE,CACxC,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAyB,CAAC,EAAE,WAAW,CAAC,CACjG,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAA,gCAAO,EAAC,aAAa,CAAC,YAAY,CAA4C,CAAC,CAAA;IAErH,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;QACvB,iBAAiB,EAAE,IAAI;QACvB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE,IAAI;QACnB,qBAAqB,EAAE,IAAI;QAC3B,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,QAAQ,CAAC,UAAU,EAAE,CAAA;YACrB,aAAa,CAAC,IAAI,EAAE,CAAA;QACtB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,aAAa,CAAC,KAAK,EAAE,CAAA;QACvB,CAAC;KACF,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,SAA8B,EAAE,WAAqC;IAC7F,MAAM,qBAAqB,GAA0B,IAAI,GAAG,EAAE,CAAA;IAE9D,SAAS;SACN,MAAM,CAAC,CAAC,QAAQ,EAA0C,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAC;SAC3F,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;QACpB,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;YAC5C,wBAAwB,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAA;QACjG,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEJ,kDAAkD;IAClD,iGAAiG;IACjG,gDAAgD;IAChD,gCAAgC;IAChC,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,CACxC,CAAC,QAAQ,EAAuD,EAAE,CAChE,QAAQ,CAAC,MAAM,CAAC,WAAW;QAC3B,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,8BAA8B,CAAC,QAAQ,CAAC,MAAM,CAAC;QACzE,IAAA,gDAAmB,EACjB,QAAQ,CAAC,MAAM,EACf,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,EACnD,qBAAqB,CACtB,KAAK,6CAAgB,CAAC,MAAM,CAChC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,yBAAyB,CACpE,iBAAiB,CAAC,MAAM,CACtB,CAAC,QAAQ,EAAgE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,WAAW,CAC1G,EACD,qBAAqB,EACrB,WAAW,CACZ,CAAA;IAED,MAAM,KAAK,GAAG,6BAA6B,CACzC,iBAAiB,CAAC,MAAM,CACtB,CAAC,QAAQ,EAAoE,EAAE,CAC7E,QAAQ,CAAC,IAAI,KAAK,eAAe,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC3E,EACD,qBAAqB,EACrB,WAAW,CACZ,CAAA;IAED,MAAM,UAAU,GAAG,0BAA0B,CAC3C,iBAAiB,CAAC,MAAM,CACtB,CAAC,QAAQ,EAAiE,EAAE,CAC1E,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,CACxE,EACD,qBAAqB,EACrB,WAAW,CACZ,CAAA;IAED,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAC3E,OAAM;IACR,CAAC;IAED,WAAW,CAAC,GAAG,CACb,IAAA,sCAA2B,EAAsB,yBAAiB,CAAC,QAAQ,EAAE;QAC3E,IAAI;QACJ,OAAO;QACP,KAAK;QACL,UAAU;KACX,CAAC,CACH,CAAA;AACH,CAAC;AAED,SAAS,yBAAyB,CAChC,SAAkE,EAClE,qBAA4C,EAC5C,WAAqC;IAErC,+CAA+C;IAC/C,EAAE;IACF,wFAAwF;IACxF,6FAA6F;IAC7F,EAAE;IACF,kGAAkG;IAClG,uCAAuC;IACvC,EAAE;IACF,kGAAkG;IAClG,iGAAiG;IACjG,iCAAiC;IACjC,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAAQ,CAAA;IAC1C,MAAM,YAAY,GAAG,IAAI,GAAG,EAAgC,CAAA;IAC5D,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACnC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC9B,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;YACzC,CAAC;YACD,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACjC,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,4FAA4F;IAC5F,EAAE;IACF,iGAAiG;IACjG,kGAAkG;IAClG,oBAAoB;IACpB,EAAE;IACF,iGAAiG;IACjG,6FAA6F;IAC7F,4FAA4F;IAC5F,qCAAqC;IACrC,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IAC/D,sBAAsB,CAAC,wBAAwB,CAAC,CAAA;IAEhD,gGAAgG;IAChG,qEAAqE;IACrE,WAAW,CAAC,iBAAiB,GAAG,IAAI,GAAG,EAAU,CAAA;IAEjD,MAAM,kBAAkB,GAAwB,EAAE,CAAA;IAClD,KAAK,MAAM,IAAI,IAAI,wBAAwB,EAAE,CAAC;QAC5C,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,SAAQ;QACV,CAAC;QAED,MAAM,sBAAsB,GAAG,IAAA,gDAAmB,EAChD,IAAI,CAAC,UAAW,EAChB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,EACnD,qBAAqB,CACtB,CAAA;QACD,IAAI,sBAAsB,KAAK,6CAAgB,CAAC,MAAM,IAAI,sBAAsB,KAAK,6CAAgB,CAAC,MAAM,EAAE,CAAC;YAC7G,SAAQ;QACV,CAAC;QAED,MAAM,cAAc,GAAG,IAAA,6BAAa,EAAC,IAAI,EAAE,sBAAsB,EAAE,WAAW,CAAC,CAAA;QAC/E,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,SAAQ;QACV,CAAC;QAED,MAAM,UAAU,GAAG,IAAA,0CAAa,EAAC,IAAI,CAAE,CAAA;QACvC,kBAAkB,CAAC,IAAI,CAAC;YACtB,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC;YAC5B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAE;YACpD,IAAI,EAAE,cAAc;SACrB,CAAC,CAAA;IACJ,CAAC;IACD,qCAAqC;IACrC,MAAM,oBAAoB,GAA0B,EAAE,CAAA;IACtD,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QACpC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACtD,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,QAAQ,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YAC/C,oBAAoB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAA;IAErF,SAAS,iBAAiB,CAAC,IAAU;;QACnC,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC9C,OAAO,EAAE,KAAK,SAAS,KAAI,MAAA,WAAW,CAAC,iBAAiB,0CAAE,GAAG,CAAC,EAAE,CAAC,CAAA,CAAA;IACnE,CAAC;IAED,SAAS,cAAc,CAAC,IAAU;QAChC,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,CAAA;QAClC,OAAO,WAAW,EAAE,CAAC;YACnB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;YACrD,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;gBACrB,OAAO,EAAE,CAAA;YACX,CAAC;YACD,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;QACvC,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC;AAED,SAAS,6BAA6B,CACpC,SAAsE,EACtE,qBAA4C,EAC5C,WAAqC;;IAErC,MAAM,aAAa,GAAmB,EAAE,CAAA;IAExC,mDAAmD;IACnD,MAAM,YAAY,GAAG,IAAI,GAAG,EAAQ,CAAA;IACpC,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtD,IAAI,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACtC,OAAO,KAAK,CAAA;QACd,CAAC;QACD,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACjC,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,iBAAiB;IACjB,KAAK,MAAM,QAAQ,IAAI,iBAAiB,EAAE,CAAC;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAA;QACzC,IAAI,KAAK,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAChC,SAAQ;QACV,CAAC;QAED,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACzD,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,SAAQ;QACV,CAAC;QAED,MAAM,sBAAsB,GAAG,IAAA,gDAAmB,EAChD,IAAA,0CAAa,EAAC,QAAQ,CAAC,MAAM,CAAE,EAC/B,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,EACnD,qBAAqB,CACtB,CAAA;QACD,IAAI,sBAAsB,KAAK,6CAAgB,CAAC,MAAM,IAAI,sBAAsB,KAAK,6CAAgB,CAAC,MAAM,EAAE,CAAC;YAC7G,SAAQ;QACV,CAAC;QAED,aAAa,CAAC,IAAI,CAAC;YACjB,EAAE;YACF,KAAK,EAAE,MAAA,IAAA,2CAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAC,mCAAI,IAAI;SACvE,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,aAAa,CAAA;AACtB,CAAC;AAED,SAAS,0BAA0B,CACjC,SAAmE,EACnE,qBAA4C,EAC5C,WAAqC;IAErC,MAAM,kBAAkB,GAAwB,EAAE,CAAA;IAElD,yEAAyE;IACzE,MAAM,eAAe,GAAG,IAAI,GAAG,EAAwB,CAAA;IACvD,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtD,MAAM,iBAAiB,GAAG,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QAC9D,IAAI,iBAAiB,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAc,CAAC,EAAE,CAAC;YACxE,OAAO,KAAK,CAAA;QACd,CAAC;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC,aAAc,CAAC,CAAC,CAAC,CAAA;QAC1E,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAc,CAAC,CAAA;QAChD,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,iBAAiB;IACjB,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAA8B,CAAA;IAC9D,KAAK,MAAM,QAAQ,IAAI,iBAAiB,EAAE,CAAC;QACzC,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAc,CAAC,CAAA;QAC7E,IAAI,eAAe,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1C,SAAQ;QACV,CAAC;QAED,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACzD,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,SAAQ;QACV,CAAC;QAED,MAAM,YAAY,GAAG,IAAA,gDAAmB,EACtC,QAAQ,CAAC,MAAM,EACf,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,EACnD,qBAAqB,CACtB,CAAA;QACD,MAAM,cAAc,GAAG,IAAA,kCAAkB,EACvC,QAAQ,CAAC,MAAM,EACf,YAAY,EACZ,QAAQ,CAAC,aAAc,EACvB,WAAW,CAAC,KAAK,CAAC,aAAa,CAChC,CAAA;QAED,IAAI,gBAA+B,CAAA;QACnC,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE,CAAC;YACvC,MAAM,UAAU,GAAG,IAAA,oCAAoB,EAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;YACtE,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC7B,SAAQ;YACV,CAAC;YACD,gBAAgB,GAAG,UAAU,CAAA;QAC/B,CAAC;aAAM,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;YAC9C,gBAAgB,GAAG,cAAc,CAAA;QACnC,CAAC;aAAM,CAAC;YACN,gBAAgB,GAAG,IAAI,CAAA;QACzB,CAAC;QAED,IAAI,eAAe,GAAG,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QAC3D,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,eAAe,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAA;YACxC,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;YACxC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;QACxD,CAAC;QAED,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAc,CAAC,GAAG,gBAAgB,CAAA;IACxE,CAAC;IAED,OAAO,kBAAkB,CAAA;AAC3B,CAAC;AAED,SAAgB,sBAAsB,CAAC,KAAa;IAClD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClB,MAAM,QAAQ,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;QAC7C,+BAA+B;QAC/B,IAAI,QAAQ,GAAG,IAAI,CAAC,8BAA8B,EAAE,CAAC;YACnD,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;aAAM,IAAI,QAAQ,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACtD,OAAO,CAAC,CAAA;QACV,CAAC;aAAM,IAAI,QAAQ,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACvD,OAAO,CAAC,CAAA;QACV,CAAC;aAAM,IAAI,QAAQ,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACvD,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QACD,8BAA8B;QAC9B,OAAO,CAAC,CAAA;IACV,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,WAAiB,EAAE,wBAAkD;IACrG,IAAI,IAAA,6CAAgB,EAAC,WAAW,CAAC,EAAE,CAAC;QAClC,wBAAwB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;IAClD,CAAC;IACD,IAAA,8CAAiB,EAAC,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAAC,CAAA;AAC9G,CAAC"}

package/cjs/domain/record/trackers/trackScroll.d.ts

@@ -0,0 +1,5 @@
+import type { BrowserIncrementalSnapshotRecord } from '../../../types';
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackScroll(target: Document | ShadowRoot, emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackScroll.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackScroll = trackScroll;
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const eventsUtils_1 = require("../eventsUtils");
+const types_1 = require("../../../types");
+const assembly_1 = require("../assembly");
+const SCROLL_OBSERVER_THRESHOLD = 100;
+function trackScroll(target, emitRecord, scope) {
+    const { throttled: updatePosition, cancel: cancelThrottle } = (0, kubesense_browser_core_1.throttle)((event) => {
+        const target = (0, eventsUtils_1.getEventTarget)(event);
+        if (!target) {
+            return;
+        }
+        const id = scope.nodeIds.get(target);
+        if (id === undefined ||
+            (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)(target, scope.configuration.defaultPrivacyLevel) === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+            return;
+        }
+        const scrollPositions = target === document
+            ? {
+                scrollTop: (0, kubesense_browser_rum_core_1.getScrollY)(),
+                scrollLeft: (0, kubesense_browser_rum_core_1.getScrollX)(),
+            }
+            : {
+                scrollTop: Math.round(target.scrollTop),
+                scrollLeft: Math.round(target.scrollLeft),
+            };
+        scope.elementsScrollPositions.set(target, scrollPositions);
+        emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.Scroll, {
+            id,
+            x: scrollPositions.scrollLeft,
+            y: scrollPositions.scrollTop,
+        }));
+    }, SCROLL_OBSERVER_THRESHOLD);
+    const { stop: removeListener } = (0, kubesense_browser_core_1.addEventListener)(scope.configuration, target, "scroll" /* DOM_EVENT.SCROLL */, updatePosition, {
+        capture: true,
+        passive: true,
+    });
+    return {
+        stop: () => {
+            removeListener();
+            cancelThrottle();
+        },
+    };
+}
+//# sourceMappingURL=trackScroll.js.map

package/cjs/domain/record/trackers/trackScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackScroll.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackScroll.ts"],"names":[],"mappings":";;AAYA,kCAgDC;AA5DD,8EAAyF;AACzF,sFAAqH;AACrH,gDAA+C;AAC/C,0CAAkD;AAElD,0CAAyD;AAKzD,MAAM,yBAAyB,GAAG,GAAG,CAAA;AAErC,SAAgB,WAAW,CACzB,MAA6B,EAC7B,UAAgE,EAChE,KAAqB;IAErB,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,iCAAQ,EAAC,CAAC,KAAY,EAAE,EAAE;QACtF,MAAM,MAAM,GAAG,IAAA,4BAAc,EAAC,KAAK,CAA2B,CAAA;QAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACpC,IACE,EAAE,KAAK,SAAS;YAChB,IAAA,gDAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,6CAAgB,CAAC,MAAM,EAChG,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,eAAe,GACnB,MAAM,KAAK,QAAQ;YACjB,CAAC,CAAC;gBACE,SAAS,EAAE,IAAA,uCAAU,GAAE;gBACvB,UAAU,EAAE,IAAA,uCAAU,GAAE;aACzB;YACH,CAAC,CAAC;gBACE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAE,MAAsB,CAAC,SAAS,CAAC;gBACxD,UAAU,EAAE,IAAI,CAAC,KAAK,CAAE,MAAsB,CAAC,UAAU,CAAC;aAC3D,CAAA;QACP,KAAK,CAAC,uBAAuB,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;QAC1D,UAAU,CACR,IAAA,sCAA2B,EAAa,yBAAiB,CAAC,MAAM,EAAE;YAChE,EAAE;YACF,CAAC,EAAE,eAAe,CAAC,UAAU;YAC7B,CAAC,EAAE,eAAe,CAAC,SAAS;SAC7B,CAAC,CACH,CAAA;IACH,CAAC,EAAE,yBAAyB,CAAC,CAAA;IAE7B,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAA,yCAAgB,EAAC,KAAK,CAAC,aAAa,EAAE,MAAM,mCAAoB,cAAc,EAAE;QAC/G,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,cAAc,EAAE,CAAA;YAChB,cAAc,EAAE,CAAA;QAClB,CAAC;KACF,CAAA;AACH,CAAC"}

package/cjs/domain/record/trackers/trackStyleSheet.d.ts

@@ -0,0 +1,6 @@
+import type { BrowserIncrementalSnapshotRecord } from '../../../types';
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackStyleSheet(emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>, scope: RecordingScope): Tracker;
+export declare function getPathToNestedCSSRule(rule: CSSRule): number[] | undefined;

package/cjs/domain/record/trackers/trackStyleSheet.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackStyleSheet = trackStyleSheet;
+exports.getPathToNestedCSSRule = getPathToNestedCSSRule;
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const types_1 = require("../../../types");
+const assembly_1 = require("../assembly");
+function trackStyleSheet(emitRecord, scope) {
+    function checkStyleSheetAndCallback(styleSheet, callback) {
+        if (!styleSheet || !styleSheet.ownerNode) {
+            return;
+        }
+        const id = scope.nodeIds.get(styleSheet.ownerNode);
+        if (id === undefined) {
+            return;
+        }
+        callback(id);
+    }
+    const instrumentationStoppers = [
+        (0, kubesense_browser_core_1.instrumentMethod)(CSSStyleSheet.prototype, 'insertRule', ({ target: styleSheet, parameters: [rule, index] }) => {
+            checkStyleSheetAndCallback(styleSheet, (id) => emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.StyleSheetRule, {
+                id,
+                adds: [{ rule, index }],
+            })));
+        }),
+        (0, kubesense_browser_core_1.instrumentMethod)(CSSStyleSheet.prototype, 'deleteRule', ({ target: styleSheet, parameters: [index] }) => {
+            checkStyleSheetAndCallback(styleSheet, (id) => emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.StyleSheetRule, {
+                id,
+                removes: [{ index }],
+            })));
+        }),
+    ];
+    if (typeof CSSGroupingRule !== 'undefined') {
+        instrumentGroupingCSSRuleClass(CSSGroupingRule);
+    }
+    else {
+        instrumentGroupingCSSRuleClass(CSSMediaRule);
+        instrumentGroupingCSSRuleClass(CSSSupportsRule);
+    }
+    function instrumentGroupingCSSRuleClass(cls) {
+        instrumentationStoppers.push((0, kubesense_browser_core_1.instrumentMethod)(cls.prototype, 'insertRule', ({ target: styleSheet, parameters: [rule, index] }) => {
+            checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {
+                const path = getPathToNestedCSSRule(styleSheet);
+                if (path) {
+                    path.push(index || 0);
+                    emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.StyleSheetRule, {
+                        id,
+                        adds: [{ rule, index: path }],
+                    }));
+                }
+            });
+        }), (0, kubesense_browser_core_1.instrumentMethod)(cls.prototype, 'deleteRule', ({ target: styleSheet, parameters: [index] }) => {
+            checkStyleSheetAndCallback(styleSheet.parentStyleSheet, (id) => {
+                const path = getPathToNestedCSSRule(styleSheet);
+                if (path) {
+                    path.push(index);
+                    emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.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 rules = Array.from(currentRule.parentRule.cssRules);
+        const index = rules.indexOf(currentRule);
+        path.unshift(index);
+        currentRule = currentRule.parentRule;
+    }
+    // A rule may not be attached to a stylesheet
+    if (!currentRule.parentStyleSheet) {
+        return;
+    }
+    const rules = Array.from(currentRule.parentStyleSheet.cssRules);
+    const index = rules.indexOf(currentRule);
+    path.unshift(index);
+    return path;
+}
+//# sourceMappingURL=trackStyleSheet.js.map

package/cjs/domain/record/trackers/trackStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackStyleSheet.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackStyleSheet.ts"],"names":[],"mappings":"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"}

package/cjs/domain/record/trackers/trackViewEnd.d.ts

@@ -0,0 +1,5 @@
+import type { LifeCycle } from '@kubesense/kubesense-browser-rum-core';
+import type { ViewEndRecord } from '../../../types';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackViewEnd(lifeCycle: LifeCycle, emitRecord: EmitRecordCallback<ViewEndRecord>, flushMutations: () => void): Tracker;

package/cjs/domain/record/trackers/trackViewEnd.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackViewEnd = trackViewEnd;
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const types_1 = require("../../../types");
+function trackViewEnd(lifeCycle, emitRecord, flushMutations) {
+    const viewEndSubscription = lifeCycle.subscribe(5 /* LifeCycleEventType.VIEW_ENDED */, () => {
+        flushMutations();
+        emitRecord({
+            timestamp: (0, kubesense_browser_core_1.timeStampNow)(),
+            type: types_1.RecordType.ViewEnd,
+        });
+    });
+    return {
+        stop: () => {
+            viewEndSubscription.unsubscribe();
+        },
+    };
+}
+//# sourceMappingURL=trackViewEnd.js.map

package/cjs/domain/record/trackers/trackViewEnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackViewEnd.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackViewEnd.ts"],"names":[],"mappings":";;AAQA,oCAkBC;AA1BD,8EAAgE;AAIhE,0CAA2C;AAI3C,SAAgB,YAAY,CAC1B,SAAoB,EACpB,UAA6C,EAC7C,cAA0B;IAE1B,MAAM,mBAAmB,GAAG,SAAS,CAAC,SAAS,wCAAgC,GAAG,EAAE;QAClF,cAAc,EAAE,CAAA;QAChB,UAAU,CAAC;YACT,SAAS,EAAE,IAAA,qCAAY,GAAE;YACzB,IAAI,EAAE,kBAAU,CAAC,OAAO;SACzB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,mBAAmB,CAAC,WAAW,EAAE,CAAA;QACnC,CAAC;KACF,CAAA;AACH,CAAC"}

package/cjs/domain/record/trackers/trackViewportResize.d.ts

@@ -0,0 +1,6 @@
+import type { BrowserIncrementalSnapshotRecord, VisualViewportRecord } from '../../../types';
+import type { EmitRecordCallback } from '../record.types';
+import type { RecordingScope } from '../recordingScope';
+import type { Tracker } from './tracker.types';
+export declare function trackViewportResize(emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>, scope: RecordingScope): Tracker;
+export declare function trackVisualViewportResize(emitRecord: EmitRecordCallback<VisualViewportRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackViewportResize.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackViewportResize = trackViewportResize;
+exports.trackVisualViewportResize = trackVisualViewportResize;
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const types_1 = require("../../../types");
+const viewports_1 = require("../viewports");
+const assembly_1 = require("../assembly");
+const VISUAL_VIEWPORT_OBSERVER_THRESHOLD = 200;
+function trackViewportResize(emitRecord, scope) {
+    const viewportResizeSubscription = (0, kubesense_browser_rum_core_1.initViewportObservable)(scope.configuration).subscribe((data) => {
+        emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.ViewportResize, data));
+    });
+    return {
+        stop: () => {
+            viewportResizeSubscription.unsubscribe();
+        },
+    };
+}
+function trackVisualViewportResize(emitRecord, scope) {
+    const visualViewport = window.visualViewport;
+    if (!visualViewport) {
+        return { stop: kubesense_browser_core_1.noop };
+    }
+    const { throttled: updateDimension, cancel: cancelThrottle } = (0, kubesense_browser_core_1.throttle)(() => {
+        emitRecord({
+            data: (0, viewports_1.getVisualViewport)(visualViewport),
+            type: types_1.RecordType.VisualViewport,
+            timestamp: (0, kubesense_browser_core_1.timeStampNow)(),
+        });
+    }, VISUAL_VIEWPORT_OBSERVER_THRESHOLD, {
+        trailing: false,
+    });
+    const { stop: removeListener } = (0, kubesense_browser_core_1.addEventListeners)(scope.configuration, visualViewport, ["resize" /* DOM_EVENT.RESIZE */, "scroll" /* DOM_EVENT.SCROLL */], updateDimension, {
+        capture: true,
+        passive: true,
+    });
+    return {
+        stop: () => {
+            removeListener();
+            cancelThrottle();
+        },
+    };
+}
+//# sourceMappingURL=trackViewportResize.js.map

package/cjs/domain/record/trackers/trackViewportResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackViewportResize.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackViewportResize.ts"],"names":[],"mappings":";;AAaA,kDAeC;AAED,8DAsCC;AApED,8EAA8G;AAE9G,sFAA8E;AAC9E,0CAA8D;AAE9D,4CAAgD;AAChD,0CAAyD;AAKzD,MAAM,kCAAkC,GAAG,GAAG,CAAA;AAE9C,SAAgB,mBAAmB,CACjC,UAAgE,EAChE,KAAqB;IAErB,MAAM,0BAA0B,GAAG,IAAA,mDAAsB,EAAC,KAAK,CAAC,aAAa,CAAC,CAAC,SAAS,CACtF,CAAC,IAAuB,EAAE,EAAE;QAC1B,UAAU,CAAC,IAAA,sCAA2B,EAAqB,yBAAiB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAA;IACrG,CAAC,CACF,CAAA;IAED,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,0BAA0B,CAAC,WAAW,EAAE,CAAA;QAC1C,CAAC;KACF,CAAA;AACH,CAAC;AAED,SAAgB,yBAAyB,CACvC,UAAoD,EACpD,KAAqB;IAErB,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAA;IAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,IAAI,EAAE,6BAAI,EAAE,CAAA;IACvB,CAAC;IACD,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,iCAAQ,EACrE,GAAG,EAAE;QACH,UAAU,CAAC;YACT,IAAI,EAAE,IAAA,6BAAiB,EAAC,cAAc,CAAC;YACvC,IAAI,EAAE,kBAAU,CAAC,cAAc;YAC/B,SAAS,EAAE,IAAA,qCAAY,GAAE;SAC1B,CAAC,CAAA;IACJ,CAAC,EACD,kCAAkC,EAClC;QACE,QAAQ,EAAE,KAAK;KAChB,CACF,CAAA;IACD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAA,0CAAiB,EAChD,KAAK,CAAC,aAAa,EACnB,cAAc,EACd,kEAAoC,EACpC,eAAe,EACf;QACE,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CACF,CAAA;IAED,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,cAAc,EAAE,CAAA;YAChB,cAAc,EAAE,CAAA;QAClB,CAAC;KACF,CAAA;AACH,CAAC"}

package/cjs/domain/record/trackers/tracker.types.d.ts

@@ -0,0 +1,3 @@
+export interface Tracker {
+    stop: () => void;
+}

package/cjs/domain/record/trackers/tracker.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tracker.types.js.map

package/cjs/domain/record/trackers/tracker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracker.types.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/tracker.types.ts"],"names":[],"mappings":""}

package/cjs/domain/record/viewports.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Browsers have not standardized various dimension properties. Mobile devices typically report
+ * dimensions in reference to the visual viewport, while desktop uses the layout viewport. For example,
+ * Mobile Chrome will change innerWidth when a pinch zoom takes place, while Chrome Desktop (mac) will not.
+ *
+ * With the new Viewport API, we now calculate and normalize dimension properties to the layout viewport.
+ * If the VisualViewport API is not supported by a browser, it isn't reasonably possible to detect or normalize
+ * which viewport is being measured. Therefore these exported functions will fallback to assuming that the layout
+ * viewport is being measured by the browser
+ */
+import type { VisualViewportRecord } from '../../types';
+interface LayoutCoordinates {
+    layoutViewportX: number;
+    layoutViewportY: number;
+    visualViewportX: number;
+    visualViewportY: number;
+}
+export declare const convertMouseEventToLayoutCoordinates: (clientX: number, clientY: number) => LayoutCoordinates;
+export declare const getVisualViewport: (visualViewport: VisualViewport) => VisualViewportRecord["data"];
+export {};

package/cjs/domain/record/viewports.js

@@ -0,0 +1,60 @@
+"use strict";
+/**
+ * Browsers have not standardized various dimension properties. Mobile devices typically report
+ * dimensions in reference to the visual viewport, while desktop uses the layout viewport. For example,
+ * Mobile Chrome will change innerWidth when a pinch zoom takes place, while Chrome Desktop (mac) will not.
+ *
+ * With the new Viewport API, we now calculate and normalize dimension properties to the layout viewport.
+ * If the VisualViewport API is not supported by a browser, it isn't reasonably possible to detect or normalize
+ * which viewport is being measured. Therefore these exported functions will fallback to assuming that the layout
+ * viewport is being measured by the browser
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVisualViewport = exports.convertMouseEventToLayoutCoordinates = void 0;
+// Scrollbar widths vary across properties on different devices and browsers
+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) {
+        // On old browsers, we cannot normalize, so fallback to clientX/Y
+        return normalized;
+    }
+    else if (isVisualViewportFactoredIn(visualViewport)) {
+        // Typically Mobile Devices
+        normalized.layoutViewportX = Math.round(clientX + visualViewport.offsetLeft);
+        normalized.layoutViewportY = Math.round(clientY + visualViewport.offsetTop);
+    }
+    else {
+        // Typically Desktop Devices
+        normalized.visualViewportX = Math.round(clientX - visualViewport.offsetLeft);
+        normalized.visualViewportY = Math.round(clientY - visualViewport.offsetTop);
+    }
+    return normalized;
+};
+exports.convertMouseEventToLayoutCoordinates = convertMouseEventToLayoutCoordinates;
+const getVisualViewport = (visualViewport) => ({
+    scale: visualViewport.scale,
+    offsetLeft: visualViewport.offsetLeft,
+    offsetTop: visualViewport.offsetTop,
+    pageLeft: visualViewport.pageLeft,
+    pageTop: visualViewport.pageTop,
+    height: visualViewport.height,
+    width: visualViewport.width,
+});
+exports.getVisualViewport = getVisualViewport;
+//# sourceMappingURL=viewports.js.map