@sentry/replay 7.112.2 → 7.113.0

package/cjs/index.js

@@ -718,7 +718,7 @@ function serializeTextNode(n, options) {
     const forceMask = needMaskingText(n, maskTextClass, maskTextSelector, unmaskTextClass, unmaskTextSelector, maskAllText);
     if (!isStyle && !isScript && !isTextarea && textContent && forceMask) {
         textContent = maskTextFn
-            ? maskTextFn(textContent)
+            ? maskTextFn(textContent, n.parentElement)
             : textContent.replace(/[\S]/g, '*');
     }
     if (isTextarea && textContent && (maskInputOptions.textarea || forceMask)) {
@@ -1310,14 +1310,14 @@ function throttle$1(func, wait, options = {}) {
         const context = this;
         if (remaining <= 0 || remaining > wait) {
             if (timeout) {
-                clearTimeout(timeout);
+                clearTimeout$1(timeout);
                 timeout = null;
             }
             previous = now;
             func.apply(context, args);
         }
         else if (!timeout && options.trailing !== false) {
-            timeout = setTimeout(() => {
+            timeout = setTimeout$1(() => {
                 previous = options.leading === false ? 0 : Date.now();
                 timeout = null;
                 func.apply(context, args);
@@ -1331,7 +1331,7 @@ function hookSetter(target, key, d, isRevoked, win = window) {
         ? d
         : {
             set(value) {
-                setTimeout(() => {
+                setTimeout$1(() => {
                     d.set.call(this, value);
                 }, 0);
                 if (original && original.set) {
@@ -1403,15 +1403,23 @@ function getWindowWidth() {
         (document.documentElement && document.documentElement.clientWidth) ||
         (document.body && document.body.clientWidth));
 }
-function isBlocked(node, blockClass, blockSelector, unblockSelector, checkAncestors) {
+function closestElementOfNode(node) {
     if (!node) {
-        return false;
+        return null;
     }
     const el = node.nodeType === node.ELEMENT_NODE
         ? node
         : node.parentElement;
-    if (!el)
+    return el;
+}
+function isBlocked(node, blockClass, blockSelector, unblockSelector, checkAncestors) {
+    if (!node) {
+        return false;
+    }
+    const el = closestElementOfNode(node);
+    if (!el) {
         return false;
+    }
     const blockedPredicate = createMatchPredicate(blockClass, blockSelector);
     if (!checkAncestors) {
         const isUnblocked = unblockSelector && el.matches(unblockSelector);
@@ -1557,33 +1565,39 @@ function inDom(n) {
         return false;
     return doc.contains(n) || shadowHostInDom(n);
 }
-let cachedRequestAnimationFrameImplementation;
-function getRequestAnimationFrameImplementation() {
-    if (cachedRequestAnimationFrameImplementation) {
-        return cachedRequestAnimationFrameImplementation;
+const cachedImplementations = {};
+function getImplementation(name) {
+    const cached = cachedImplementations[name];
+    if (cached) {
+        return cached;
     }
     const document = window.document;
-    let requestAnimationFrameImplementation = window.requestAnimationFrame;
+    let impl = window[name];
     if (document && typeof document.createElement === 'function') {
         try {
             const sandbox = document.createElement('iframe');
             sandbox.hidden = true;
             document.head.appendChild(sandbox);
             const contentWindow = sandbox.contentWindow;
-            if (contentWindow && contentWindow.requestAnimationFrame) {
-                requestAnimationFrameImplementation =
-                    contentWindow.requestAnimationFrame;
+            if (contentWindow && contentWindow[name]) {
+                impl =
+                    contentWindow[name];
             }
             document.head.removeChild(sandbox);
         }
         catch (e) {
         }
     }
-    return (cachedRequestAnimationFrameImplementation =
-        requestAnimationFrameImplementation.bind(window));
+    return (cachedImplementations[name] = impl.bind(window));
 }
 function onRequestAnimationFrame(...rest) {
-    return getRequestAnimationFrameImplementation()(...rest);
+    return getImplementation('requestAnimationFrame')(...rest);
+}
+function setTimeout$1(...rest) {
+    return getImplementation('setTimeout')(...rest);
+}
+function clearTimeout$1(...rest) {
+    return getImplementation('clearTimeout')(...rest);
 }
 
 var EventType = /* @__PURE__ */ ((EventType2) => {
@@ -1732,6 +1746,7 @@ class MutationBuffer {
         this.locked = false;
         this.texts = [];
         this.attributes = [];
+        this.attributeMap = new WeakMap();
         this.removes = [];
         this.mapRemoves = [];
         this.movedMap = {};
@@ -1931,6 +1946,7 @@ class MutationBuffer {
             }
             this.texts = [];
             this.attributes = [];
+            this.attributeMap = new WeakMap();
             this.removes = [];
             this.addedSet = new Set();
             this.movedSet = new Set();
@@ -1942,13 +1958,6 @@ class MutationBuffer {
             if (isIgnored(m.target, this.mirror)) {
                 return;
             }
-            let unattachedDoc;
-            try {
-                unattachedDoc = document.implementation.createHTMLDocument();
-            }
-            catch (e) {
-                unattachedDoc = this.doc;
-            }
             switch (m.type) {
                 case 'characterData': {
                     const value = m.target.textContent;
@@ -1957,7 +1966,7 @@ class MutationBuffer {
                         this.texts.push({
                             value: needMaskingText(m.target, this.maskTextClass, this.maskTextSelector, this.unmaskTextClass, this.unmaskTextSelector, this.maskAllText) && value
                                 ? this.maskTextFn
-                                    ? this.maskTextFn(value)
+                                    ? this.maskTextFn(value, closestElementOfNode(m.target))
                                     : value.replace(/[\S]/g, '*')
                                 : value,
                             node: m.target,
@@ -1990,7 +1999,7 @@ class MutationBuffer {
                         value === m.oldValue) {
                         return;
                     }
-                    let item = this.attributes.find((a) => a.node === m.target);
+                    let item = this.attributeMap.get(m.target);
                     if (target.tagName === 'IFRAME' &&
                         attributeName === 'src' &&
                         !this.keepIframeSrcFn(value)) {
@@ -2009,6 +2018,7 @@ class MutationBuffer {
                             _unchangedStyles: {},
                         };
                         this.attributes.push(item);
+                        this.attributeMap.set(m.target, item);
                     }
                     if (attributeName === 'type' &&
                         target.tagName === 'INPUT' &&
@@ -2018,7 +2028,16 @@ class MutationBuffer {
                     if (!ignoreAttribute(target.tagName, attributeName)) {
                         item.attributes[attributeName] = transformAttribute(this.doc, toLowerCase(target.tagName), toLowerCase(attributeName), value, target, this.maskAttributeFn);
                         if (attributeName === 'style') {
-                            const old = unattachedDoc.createElement('span');
+                            if (!this.unattachedDoc) {
+                                try {
+                                    this.unattachedDoc =
+                                        document.implementation.createHTMLDocument();
+                                }
+                                catch (e) {
+                                    this.unattachedDoc = this.doc;
+                                }
+                            }
+                            const old = this.unattachedDoc.createElement('span');
                             if (m.oldValue) {
                                 old.setAttribute('style', m.oldValue);
                             }
@@ -2904,7 +2923,7 @@ function initFontObserver({ fontCb, doc }) {
     };
     const restoreHandler = patch(doc.fonts, 'add', function (original) {
         return function (fontFace) {
-            setTimeout(callbackWrapper(() => {
+            setTimeout$1(callbackWrapper(() => {
                 const p = fontMap.get(fontFace);
                 if (p) {
                     fontCb(p);
@@ -3356,7 +3375,7 @@ class ShadowDomManager {
             doc: shadowRoot,
             mirror: this.mirror,
         }));
-        setTimeout(() => {
+        setTimeout$1(() => {
             if (shadowRoot.adoptedStyleSheets &&
                 shadowRoot.adoptedStyleSheets.length > 0)
                 this.bypassOptions.stylesheetManager.adoptStyleSheets(shadowRoot.adoptedStyleSheets, this.mirror.getId(shadowRoot.host));
@@ -3503,11 +3522,7 @@ class ProcessedNodeManager {
     }
 }
 
-function wrapEvent(e) {
-    const eWithTime = e;
-    eWithTime.timestamp = nowTimestamp();
-    return eWithTime;
-}
+let wrappedEmit;
 let _takeFullSnapshot;
 const mirror = createMirror();
 function record(options = {}) {
@@ -3590,7 +3605,9 @@ function record(options = {}) {
         }
         return e;
     };
-    const wrappedEmit = (e, isCheckout) => {
+    wrappedEmit = (r, isCheckout) => {
+        const e = r;
+        e.timestamp = nowTimestamp();
         if (_optionalChain([mutationBuffers, 'access', _ => _[0], 'optionalAccess', _2 => _2.isFrozen, 'call', _3 => _3()]) &&
             e.type !== EventType.FullSnapshot &&
             !(e.type === EventType.IncrementalSnapshot &&
@@ -3629,35 +3646,35 @@ function record(options = {}) {
         }
     };
     const wrappedMutationEmit = (m) => {
-        wrappedEmit(wrapEvent({
+        wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
                 source: IncrementalSource.Mutation,
                 ...m,
             },
-        }));
+        });
     };
-    const wrappedScrollEmit = (p) => wrappedEmit(wrapEvent({
+    const wrappedScrollEmit = (p) => wrappedEmit({
         type: EventType.IncrementalSnapshot,
         data: {
             source: IncrementalSource.Scroll,
             ...p,
         },
-    }));
-    const wrappedCanvasMutationEmit = (p) => wrappedEmit(wrapEvent({
+    });
+    const wrappedCanvasMutationEmit = (p) => wrappedEmit({
         type: EventType.IncrementalSnapshot,
         data: {
             source: IncrementalSource.CanvasMutation,
             ...p,
         },
-    }));
-    const wrappedAdoptedStyleSheetEmit = (a) => wrappedEmit(wrapEvent({
+    });
+    const wrappedAdoptedStyleSheetEmit = (a) => wrappedEmit({
         type: EventType.IncrementalSnapshot,
         data: {
             source: IncrementalSource.AdoptedStyleSheet,
             ...a,
         },
-    }));
+    });
     const stylesheetManager = new StylesheetManager({
         mutationCb: wrappedMutationEmit,
         adoptedStyleSheetCb: wrappedAdoptedStyleSheetEmit,
@@ -3683,13 +3700,13 @@ function record(options = {}) {
     const canvasManager = _getCanvasManager(getCanvasManager, {
         mirror,
         win: window,
-        mutationCb: (p) => wrappedEmit(wrapEvent({
+        mutationCb: (p) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
                 source: IncrementalSource.CanvasMutation,
                 ...p,
             },
-        })),
+        }),
         recordCanvas,
         blockClass,
         blockSelector,
@@ -3734,14 +3751,14 @@ function record(options = {}) {
             mirror,
         });
     const takeFullSnapshot = (isCheckout = false) => {
-        wrappedEmit(wrapEvent({
+        wrappedEmit({
             type: EventType.Meta,
             data: {
                 href: window.location.href,
                 width: getWindowWidth(),
                 height: getWindowHeight(),
             },
-        }), isCheckout);
+        }, isCheckout);
         stylesheetManager.reset();
         shadowDomManager.init();
         mutationBuffers.forEach((buf) => buf.lock());
@@ -3787,13 +3804,13 @@ function record(options = {}) {
         if (!node) {
             return console.warn('Failed to snapshot the document');
         }
-        wrappedEmit(wrapEvent({
+        wrappedEmit({
             type: EventType.FullSnapshot,
             data: {
                 node,
                 initialOffset: getWindowScroll(window),
             },
-        }));
+        });
         mutationBuffers.forEach((buf) => buf.unlock());
         if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
             stylesheetManager.adoptStyleSheets(document.adoptedStyleSheets, mirror.getId(document));
@@ -3805,81 +3822,81 @@ function record(options = {}) {
             return callbackWrapper(initObservers)({
                 onMutation,
                 mutationCb: wrappedMutationEmit,
-                mousemoveCb: (positions, source) => wrappedEmit(wrapEvent({
+                mousemoveCb: (positions, source) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source,
                         positions,
                     },
-                })),
-                mouseInteractionCb: (d) => wrappedEmit(wrapEvent({
+                }),
+                mouseInteractionCb: (d) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.MouseInteraction,
                         ...d,
                     },
-                })),
+                }),
                 scrollCb: wrappedScrollEmit,
-                viewportResizeCb: (d) => wrappedEmit(wrapEvent({
+                viewportResizeCb: (d) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.ViewportResize,
                         ...d,
                     },
-                })),
-                inputCb: (v) => wrappedEmit(wrapEvent({
+                }),
+                inputCb: (v) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.Input,
                         ...v,
                     },
-                })),
-                mediaInteractionCb: (p) => wrappedEmit(wrapEvent({
+                }),
+                mediaInteractionCb: (p) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.MediaInteraction,
                         ...p,
                     },
-                })),
-                styleSheetRuleCb: (r) => wrappedEmit(wrapEvent({
+                }),
+                styleSheetRuleCb: (r) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.StyleSheetRule,
                         ...r,
                     },
-                })),
-                styleDeclarationCb: (r) => wrappedEmit(wrapEvent({
+                }),
+                styleDeclarationCb: (r) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.StyleDeclaration,
                         ...r,
                     },
-                })),
+                }),
                 canvasMutationCb: wrappedCanvasMutationEmit,
-                fontCb: (p) => wrappedEmit(wrapEvent({
+                fontCb: (p) => wrappedEmit({
                     type: EventType.IncrementalSnapshot,
                     data: {
                         source: IncrementalSource.Font,
                         ...p,
                     },
-                })),
+                }),
                 selectionCb: (p) => {
-                    wrappedEmit(wrapEvent({
+                    wrappedEmit({
                         type: EventType.IncrementalSnapshot,
                         data: {
                             source: IncrementalSource.Selection,
                             ...p,
                         },
-                    }));
+                    });
                 },
                 customElementCb: (c) => {
-                    wrappedEmit(wrapEvent({
+                    wrappedEmit({
                         type: EventType.IncrementalSnapshot,
                         data: {
                             source: IncrementalSource.CustomElement,
                             ...c,
                         },
-                    }));
+                    });
                 },
                 blockClass,
                 ignoreClass,
@@ -3917,13 +3934,13 @@ function record(options = {}) {
 , 'optionalAccess', _7 => _7.map, 'call', _8 => _8((p) => ({
                     observer: p.observer,
                     options: p.options,
-                    callback: (payload) => wrappedEmit(wrapEvent({
+                    callback: (payload) => wrappedEmit({
                         type: EventType.Plugin,
                         data: {
                             plugin: p.name,
                             payload,
                         },
-                    })),
+                    }),
                 }))]) || [],
             }, {});
         };
@@ -3945,18 +3962,18 @@ function record(options = {}) {
         }
         else {
             handlers.push(on('DOMContentLoaded', () => {
-                wrappedEmit(wrapEvent({
+                wrappedEmit({
                     type: EventType.DomContentLoaded,
                     data: {},
-                }));
+                });
                 if (recordAfter === 'DOMContentLoaded')
                     init();
             }));
             handlers.push(on('load', () => {
-                wrappedEmit(wrapEvent({
+                wrappedEmit({
                     type: EventType.Load,
                     data: {},
-                }));
+                });
                 if (recordAfter === 'load')
                     init();
             }, window));