@highlight-run/rrweb 2.0.18 → 2.1.0

package/lib/replay/rrweb-replay.js

@@ -127,7 +127,7 @@ function parse(css, options) {
     Position.prototype.content = css;
     var errorsList = [];
     function error(msg) {
-        var err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
+        var err = new Error("".concat(options.source || '', ":").concat(lineno, ":").concat(column, ": ").concat(msg));
         err.reason = msg;
         err.filename = options.source;
         err.line = lineno;
@@ -640,7 +640,7 @@ function buildNode(n, options) {
             return doc.implementation.createDocument(null, '', null);
         case NodeType$2.DocumentType:
             return doc.implementation.createDocumentType(n.name || 'html', n.publicId, n.systemId);
-        case NodeType$2.Element:
+        case NodeType$2.Element: {
             var tagName = getTagName(n);
             var node_1;
             if (n.isSVG) {
@@ -650,7 +650,7 @@ function buildNode(n, options) {
                 node_1 = doc.createElement(tagName);
             }
             var _loop_1 = function (name_1) {
-                if (!n.attributes.hasOwnProperty(name_1)) {
+                if (!Object.prototype.hasOwnProperty.call(n.attributes, name_1)) {
                     return "continue";
                 }
                 var value = n.attributes[name_1];
@@ -738,13 +738,15 @@ function buildNode(n, options) {
                 else {
                     if (tagName === 'canvas' && name_1 === 'rr_dataURL') {
                         var image_1 = document.createElement('img');
-                        image_1.src = value;
                         image_1.onload = function () {
                             var ctx = node_1.getContext('2d');
                             if (ctx) {
                                 ctx.drawImage(image_1, 0, 0, image_1.width, image_1.height);
                             }
                         };
+                        image_1.src = value;
+                        if (node_1.RRNodeType)
+                            node_1.rr_dataURL = value;
                     }
                     else if (tagName === 'img' && name_1 === 'rr_dataURL') {
                         var image = node_1;
@@ -800,6 +802,7 @@ function buildNode(n, options) {
                 }
             }
             return node_1;
+        }
         case NodeType$2.Text:
             return doc.createTextNode(n.isStyle && hackCss
                 ? addHoverClass(n.textContent, cache)
@@ -886,7 +889,8 @@ function handleScroll(node, mirror) {
     }
     var el = node;
     for (var name_2 in n.attributes) {
-        if (!(n.attributes.hasOwnProperty(name_2) && name_2.startsWith('rr_'))) {
+        if (!(Object.prototype.hasOwnProperty.call(n.attributes, name_2) &&
+            name_2.startsWith('rr_'))) {
             continue;
         }
         var value = n.attributes[name_2];
@@ -1021,7 +1025,7 @@ const hyphenate = (str) => {
 };
 
 class BaseRRNode {
-    constructor(...args) {
+    constructor(..._args) {
         this.childNodes = [];
         this.parentElement = null;
         this.parentNode = null;
@@ -1057,7 +1061,7 @@ class BaseRRNode {
     insertBefore(_newChild, _refChild) {
         throw new Error(`RRDomException: Failed to execute 'insertBefore' on 'RRNode': This RRNode type does not support this method.`);
     }
-    removeChild(node) {
+    removeChild(_node) {
         throw new Error(`RRDomException: Failed to execute 'removeChild' on 'RRNode': This RRNode type does not support this method.`);
     }
     toString() {
@@ -1436,6 +1440,44 @@ const NAMESPACES = {
     'xlink:href': 'http://www.w3.org/1999/xlink',
     xmlns: 'http://www.w3.org/2000/xmlns/',
 };
+const SVGTagMap = {
+    altglyph: 'altGlyph',
+    altglyphdef: 'altGlyphDef',
+    altglyphitem: 'altGlyphItem',
+    animatecolor: 'animateColor',
+    animatemotion: 'animateMotion',
+    animatetransform: 'animateTransform',
+    clippath: 'clipPath',
+    feblend: 'feBlend',
+    fecolormatrix: 'feColorMatrix',
+    fecomponenttransfer: 'feComponentTransfer',
+    fecomposite: 'feComposite',
+    feconvolvematrix: 'feConvolveMatrix',
+    fediffuselighting: 'feDiffuseLighting',
+    fedisplacementmap: 'feDisplacementMap',
+    fedistantlight: 'feDistantLight',
+    fedropshadow: 'feDropShadow',
+    feflood: 'feFlood',
+    fefunca: 'feFuncA',
+    fefuncb: 'feFuncB',
+    fefuncg: 'feFuncG',
+    fefuncr: 'feFuncR',
+    fegaussianblur: 'feGaussianBlur',
+    feimage: 'feImage',
+    femerge: 'feMerge',
+    femergenode: 'feMergeNode',
+    femorphology: 'feMorphology',
+    feoffset: 'feOffset',
+    fepointlight: 'fePointLight',
+    fespecularlighting: 'feSpecularLighting',
+    fespotlight: 'feSpotLight',
+    fetile: 'feTile',
+    feturbulence: 'feTurbulence',
+    foreignobject: 'foreignObject',
+    glyphref: 'glyphRef',
+    lineargradient: 'linearGradient',
+    radialgradient: 'radialGradient',
+};
 function diff(oldTree, newTree, replayer, rrnodeMirror) {
     const oldChildren = oldTree.childNodes;
     const newChildren = newTree.childNodes;
@@ -1466,8 +1508,8 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
                     const newMediaRRElement = newRRElement;
                     if (newMediaRRElement.paused !== undefined)
                         newMediaRRElement.paused
-                            ? oldMediaElement.pause()
-                            : oldMediaElement.play();
+                            ? void oldMediaElement.pause()
+                            : void oldMediaElement.play();
                     if (newMediaRRElement.muted !== undefined)
                         oldMediaElement.muted = newMediaRRElement.muted;
                     if (newMediaRRElement.volume !== undefined)
@@ -1477,7 +1519,20 @@ function diff(oldTree, newTree, replayer, rrnodeMirror) {
                     break;
                 }
                 case 'CANVAS':
-                    newTree.canvasMutations.forEach((canvasMutation) => replayer.applyCanvas(canvasMutation.event, canvasMutation.mutation, oldTree));
+                    {
+                        const rrCanvasElement = newTree;
+                        if (rrCanvasElement.rr_dataURL !== null) {
+                            const image = document.createElement('img');
+                            image.onload = () => {
+                                const ctx = oldElement.getContext('2d');
+                                if (ctx) {
+                                    ctx.drawImage(image, 0, 0, image.width, image.height);
+                                }
+                            };
+                            image.src = rrCanvasElement.rr_dataURL;
+                        }
+                        rrCanvasElement.canvasMutations.forEach((canvasMutation) => replayer.applyCanvas(canvasMutation.event, canvasMutation.mutation, oldTree));
+                    }
                     break;
                 case 'STYLE':
                     applyVirtualStyleRulesToNode(oldElement, newTree.rules);
@@ -1655,9 +1710,10 @@ function createOrGetNode(rrNode, domMirror, rrnodeMirror) {
             node = document.implementation.createDocumentType(rrNode.name, rrNode.publicId, rrNode.systemId);
             break;
         case NodeType$1.Element: {
-            rrNode.tagName.toLowerCase();
+            let tagName = rrNode.tagName.toLowerCase();
+            tagName = SVGTagMap[tagName] || tagName;
             if (sn && 'isSVG' in sn && (sn === null || sn === void 0 ? void 0 : sn.isSVG)) {
-                node = document.createElementNS(NAMESPACES['svg'], rrNode.tagName.toLowerCase());
+                node = document.createElementNS(NAMESPACES['svg'], tagName);
             }
             else
                 node = document.createElement(rrNode.tagName);
@@ -1823,6 +1879,7 @@ class RRMediaElement extends BaseRRMediaElementImpl(RRElement) {
 class RRCanvasElement extends RRElement {
     constructor() {
         super(...arguments);
+        this.rr_dataURL = null;
         this.canvasMutations = [];
     }
     getContext() {
@@ -1862,11 +1919,12 @@ function buildFromNode(node, rrdom, domMirror, parentRRNode) {
                 rrNode.compatMode = node.compatMode;
             }
             break;
-        case NodeType.DOCUMENT_TYPE_NODE:
+        case NodeType.DOCUMENT_TYPE_NODE: {
             const documentType = node;
             rrNode = rrdom.createDocumentType(documentType.name, documentType.publicId, documentType.systemId);
             break;
-        case NodeType.ELEMENT_NODE:
+        }
+        case NodeType.ELEMENT_NODE: {
             const elementNode = node;
             const tagName = getValidTagName(elementNode);
             rrNode = rrdom.createElement(tagName);
@@ -1877,6 +1935,7 @@ function buildFromNode(node, rrdom, domMirror, parentRRNode) {
             elementNode.scrollLeft && (rrElement.scrollLeft = elementNode.scrollLeft);
             elementNode.scrollTop && (rrElement.scrollTop = elementNode.scrollTop);
             break;
+        }
         case NodeType.TEXT_NODE:
             rrNode = rrdom.createTextNode(node.textContent || '');
             break;
@@ -1986,7 +2045,7 @@ function getDefaultSN(node, id) {
                 type: node.RRNodeType,
                 childNodes: [],
             };
-        case NodeType$1.DocumentType:
+        case NodeType$1.DocumentType: {
             const doctype = node;
             return {
                 id,
@@ -1995,6 +2054,7 @@ function getDefaultSN(node, id) {
                 publicId: doctype.publicId,
                 systemId: doctype.systemId,
             };
+        }
         case NodeType$1.Element:
             return {
                 id,
@@ -2024,67 +2084,7 @@ function getDefaultSN(node, id) {
     }
 }
 
-//      
-// An event handler can take an optional event argument
-// and should not return a value
-                                          
-                                                               
-
-// An array of all currently registered event handlers for a type
-                                            
-                                                            
-// A map of event types and their corresponding event handlers.
-                        
-                                 
-                                   
-  
-
-/** Mitt: Tiny (~200b) functional event emitter / pubsub.
- *  @name mitt
- *  @returns {Mitt}
- */
-function mitt$1(all                 ) {
-	all = all || Object.create(null);
-
-	return {
-		/**
-		 * Register an event handler for the given type.
-		 *
-		 * @param  {String} type	Type of event to listen for, or `"*"` for all events
-		 * @param  {Function} handler Function to call in response to given event
-		 * @memberOf mitt
-		 */
-		on: function on(type        , handler              ) {
-			(all[type] || (all[type] = [])).push(handler);
-		},
-
-		/**
-		 * Remove an event handler for the given type.
-		 *
-		 * @param  {String} type	Type of event to unregister `handler` from, or `"*"`
-		 * @param  {Function} handler Handler function to remove
-		 * @memberOf mitt
-		 */
-		off: function off(type        , handler              ) {
-			if (all[type]) {
-				all[type].splice(all[type].indexOf(handler) >>> 0, 1);
-			}
-		},
-
-		/**
-		 * Invoke all handlers for the given type.
-		 * If present, `"*"` handlers are invoked after type-matched handlers.
-		 *
-		 * @param {String} type  The event type to invoke
-		 * @param {Any} [evt]  Any value (object is recommended and powerful), passed to each handler
-		 * @memberOf mitt
-		 */
-		emit: function emit(type        , evt     ) {
-			(all[type] || []).slice().map(function (handler) { handler(evt); });
-			(all['*'] || []).slice().map(function (handler) { handler(type, evt); });
-		}
-	};
-}
+function mitt$1(n){return {all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e]);},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]));},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e);}),(i=n.get("*"))&&i.slice().map(function(n){n(t,e);});}}}
 
 var mittProxy = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -2405,14 +2405,13 @@ class Timer {
         this.timeOffset = 0;
         let lastTimestamp = performance.now();
         const { actions } = this;
-        const self = this;
-        function check() {
+        const check = () => {
             const time = performance.now();
-            self.timeOffset += (time - lastTimestamp) * self.speed;
+            this.timeOffset += (time - lastTimestamp) * this.speed;
             lastTimestamp = time;
             while (actions.length) {
                 const action = actions[0];
-                if (self.timeOffset >= action.delay) {
+                if (this.timeOffset >= action.delay) {
                     actions.shift();
                     action.doAction();
                 }
@@ -2420,10 +2419,10 @@ class Timer {
                     break;
                 }
             }
-            if (actions.length > 0 || self.liveMode) {
-                self.raf = requestAnimationFrame(check);
+            if (actions.length > 0 || this.liveMode) {
+                this.raf = requestAnimationFrame(check);
             }
-        }
+        };
         this.raf = requestAnimationFrame(check);
     }
     clear() {
@@ -2810,8 +2809,9 @@ function polyfill(win = window) {
             .forEach;
     }
     if (!Node.prototype.contains) {
-        Node.prototype.contains = function contains(node) {
-            if (!(0 in arguments)) {
+        Node.prototype.contains = (...args) => {
+            let node = args[0];
+            if (!(0 in args)) {
                 throw new TypeError('1 argument is required');
             }
             do {
@@ -3024,8 +3024,7 @@ function deserializeArg(imageMap, ctx, preload) {
 function getContext(target, type) {
     try {
         if (type === CanvasContext.WebGL) {
-            return (target.getContext('webgl') ||
-                target.getContext('experimental-webgl'));
+            return (target.getContext('webgl') || target.getContext('experimental-webgl'));
         }
         return target.getContext('webgl2');
     }
@@ -3083,13 +3082,14 @@ function canvasMutation$1({ event, mutation, target, imageMap, errorHandler, })
         try {
             const ctx = target.getContext('2d');
             if (mutation.setter) {
-                ctx[mutation.property] = mutation.args[0];
+                ctx[mutation.property] =
+                    mutation.args[0];
                 return;
             }
             const original = ctx[mutation.property];
             if (mutation.property === 'drawImage' &&
                 typeof mutation.args[0] === 'string') {
-                const image = imageMap.get(event);
+                imageMap.get(event);
                 original.apply(ctx, mutation.args);
             }
             else {
@@ -3175,6 +3175,142 @@ class Replayer {
         this.newDocumentQueue = [];
         this.mousePos = null;
         this.touchActive = null;
+        this.handleResize = (dimension) => {
+            this.iframe.style.display = 'inherit';
+            for (const el of [this.mouseTail, this.iframe]) {
+                if (!el) {
+                    continue;
+                }
+                el.setAttribute('width', String(dimension.width));
+                el.setAttribute('height', String(dimension.height));
+            }
+        };
+        this.applyEventsSynchronously = (events) => {
+            for (const event of events) {
+                switch (event.type) {
+                    case EventType.DomContentLoaded:
+                    case EventType.Load:
+                    case EventType.Custom:
+                        continue;
+                    case EventType.FullSnapshot:
+                    case EventType.Meta:
+                    case EventType.Plugin:
+                    case EventType.IncrementalSnapshot:
+                        break;
+                }
+                const castFn = this.getCastFn(event, true);
+                castFn();
+            }
+            if (this.touchActive === true) {
+                this.mouse.classList.add('touch-active');
+            }
+            else if (this.touchActive === false) {
+                this.mouse.classList.remove('touch-active');
+            }
+            this.touchActive = null;
+        };
+        this.getCastFn = (event, isSync = false) => {
+            let castFn;
+            switch (event.type) {
+                case EventType.DomContentLoaded:
+                case EventType.Load:
+                    break;
+                case EventType.Custom:
+                    castFn = () => {
+                        this.emitter.emit(ReplayerEvents.CustomEvent, event);
+                    };
+                    break;
+                case EventType.Meta:
+                    castFn = () => this.emitter.emit(ReplayerEvents.Resize, {
+                        width: event.data.width,
+                        height: event.data.height,
+                    });
+                    break;
+                case EventType.FullSnapshot:
+                    castFn = () => {
+                        if (this.firstFullSnapshot) {
+                            if (this.firstFullSnapshot === event) {
+                                this.firstFullSnapshot = true;
+                                return;
+                            }
+                        }
+                        else {
+                            this.firstFullSnapshot = true;
+                        }
+                        this.rebuildFullSnapshot(event, isSync);
+                        this.iframe.contentWindow.scrollTo(event.data.initialOffset);
+                    };
+                    break;
+                case EventType.IncrementalSnapshot:
+                    castFn = () => {
+                        this.applyIncremental(event, isSync);
+                        if (isSync) {
+                            return;
+                        }
+                        this.handleInactivity(event.timestamp);
+                        if (event === this.nextUserInteractionEvent) {
+                            this.nextUserInteractionEvent = null;
+                            this.backToNormal();
+                        }
+                        if (this.config.skipInactive && !this.nextUserInteractionEvent) {
+                            for (const _event of this.service.state.context.events) {
+                                if (_event.timestamp <= event.timestamp) {
+                                    continue;
+                                }
+                                if (this.isUserInteraction(_event)) {
+                                    if (_event.delay - event.delay >
+                                        SKIP_TIME_THRESHOLD *
+                                            this.speedService.state.context.timer.speed) {
+                                        this.nextUserInteractionEvent = _event;
+                                    }
+                                    break;
+                                }
+                            }
+                            if (this.nextUserInteractionEvent) {
+                                const skipTime = this.nextUserInteractionEvent.delay - event.delay;
+                                const payload = {
+                                    speed: Math.min(Math.round(skipTime / SKIP_TIME_INTERVAL), this.config.maxSpeed),
+                                };
+                                this.speedService.send({ type: 'FAST_FORWARD', payload });
+                                this.emitter.emit(ReplayerEvents.SkipStart, payload);
+                            }
+                        }
+                    };
+                    break;
+            }
+            const wrappedCastFn = () => {
+                if (castFn) {
+                    castFn();
+                }
+                for (const plugin of this.config.plugins || []) {
+                    plugin.handler(event, isSync, { replayer: this });
+                }
+                this.service.send({ type: 'CAST_EVENT', payload: { event } });
+                const last_index = this.service.state.context.events.length - 1;
+                if (event === this.service.state.context.events[last_index]) {
+                    const finish = () => {
+                        if (last_index < this.service.state.context.events.length - 1) {
+                            return;
+                        }
+                        this.backToNormal();
+                        this.service.send('END');
+                        this.emitter.emit(ReplayerEvents.Finish);
+                    };
+                    if (event.type === EventType.IncrementalSnapshot &&
+                        event.data.source === IncrementalSource.MouseMove &&
+                        event.data.positions.length) {
+                        setTimeout(() => {
+                            finish();
+                        }, Math.max(0, -event.data.positions[0].timeOffset + 50));
+                    }
+                    else {
+                        finish();
+                    }
+                }
+                this.emitter.emit(ReplayerEvents.EventCast, event);
+            };
+            return wrappedCastFn;
+        };
         if (!(config === null || config === void 0 ? void 0 : config.liveMode) && events.length < 2) {
             throw new Error('Replayer need at least 2 events.');
         }
@@ -3208,7 +3344,7 @@ class Replayer {
                 const replayerHandler = {
                     mirror: this.mirror,
                     applyCanvas: (canvasEvent, canvasMutationData, target) => {
-                        canvasMutation({
+                        void canvasMutation({
                             event: canvasEvent,
                             mutation: canvasMutationData,
                             target,
@@ -3321,6 +3457,7 @@ class Replayer {
     }
     setConfig(config) {
         Object.keys(config).forEach((key) => {
+            config[key];
             this.config[key] = config[key];
         });
         if (!this.config.skipInactive) {
@@ -3492,7 +3629,7 @@ class Replayer {
         if (indicatesTouchDevice(event)) {
             this.mouse.classList.add('touch-device');
         }
-        Promise.resolve().then(() => this.service.send({ type: 'ADD_EVENT', payload: { event } }));
+        void Promise.resolve().then(() => this.service.send({ type: 'ADD_EVENT', payload: { event } }));
     }
     replaceEvents(events) {
         for (const event of events) {
@@ -3541,142 +3678,6 @@ class Replayer {
             polyfill(this.iframe.contentWindow);
         }
     }
-    handleResize(dimension) {
-        this.iframe.style.display = 'inherit';
-        for (const el of [this.mouseTail, this.iframe]) {
-            if (!el) {
-                continue;
-            }
-            el.setAttribute('width', String(dimension.width));
-            el.setAttribute('height', String(dimension.height));
-        }
-    }
-    applyEventsSynchronously(events) {
-        for (const event of events) {
-            switch (event.type) {
-                case EventType.DomContentLoaded:
-                case EventType.Load:
-                case EventType.Custom:
-                    continue;
-                case EventType.FullSnapshot:
-                case EventType.Meta:
-                case EventType.Plugin:
-                case EventType.IncrementalSnapshot:
-                    break;
-            }
-            const castFn = this.getCastFn(event, true);
-            castFn();
-        }
-        if (this.touchActive === true) {
-            this.mouse.classList.add('touch-active');
-        }
-        else if (this.touchActive === false) {
-            this.mouse.classList.remove('touch-active');
-        }
-        this.touchActive = null;
-    }
-    getCastFn(event, isSync = false) {
-        let castFn;
-        switch (event.type) {
-            case EventType.DomContentLoaded:
-            case EventType.Load:
-                break;
-            case EventType.Custom:
-                castFn = () => {
-                    this.emitter.emit(ReplayerEvents.CustomEvent, event);
-                };
-                break;
-            case EventType.Meta:
-                castFn = () => this.emitter.emit(ReplayerEvents.Resize, {
-                    width: event.data.width,
-                    height: event.data.height,
-                });
-                break;
-            case EventType.FullSnapshot:
-                castFn = () => {
-                    if (this.firstFullSnapshot) {
-                        if (this.firstFullSnapshot === event) {
-                            this.firstFullSnapshot = true;
-                            return;
-                        }
-                    }
-                    else {
-                        this.firstFullSnapshot = true;
-                    }
-                    this.rebuildFullSnapshot(event, isSync);
-                    this.iframe.contentWindow.scrollTo(event.data.initialOffset);
-                };
-                break;
-            case EventType.IncrementalSnapshot:
-                castFn = () => {
-                    this.applyIncremental(event, isSync);
-                    if (isSync) {
-                        return;
-                    }
-                    this.handleInactivity(event.timestamp);
-                    if (event === this.nextUserInteractionEvent) {
-                        this.nextUserInteractionEvent = null;
-                        this.backToNormal();
-                    }
-                    if (this.config.skipInactive && !this.nextUserInteractionEvent) {
-                        for (const _event of this.service.state.context.events) {
-                            if (_event.timestamp <= event.timestamp) {
-                                continue;
-                            }
-                            if (this.isUserInteraction(_event)) {
-                                if (_event.delay - event.delay >
-                                    SKIP_TIME_THRESHOLD *
-                                        this.speedService.state.context.timer.speed) {
-                                    this.nextUserInteractionEvent = _event;
-                                }
-                                break;
-                            }
-                        }
-                        if (this.nextUserInteractionEvent) {
-                            const skipTime = this.nextUserInteractionEvent.delay - event.delay;
-                            const payload = {
-                                speed: Math.min(Math.round(skipTime / SKIP_TIME_INTERVAL), this.config.maxSpeed),
-                            };
-                            this.speedService.send({ type: 'FAST_FORWARD', payload });
-                            this.emitter.emit(ReplayerEvents.SkipStart, payload);
-                        }
-                    }
-                };
-                break;
-        }
-        const wrappedCastFn = () => {
-            if (castFn) {
-                castFn();
-            }
-            for (const plugin of this.config.plugins || []) {
-                plugin.handler(event, isSync, { replayer: this });
-            }
-            this.service.send({ type: 'CAST_EVENT', payload: { event } });
-            const last_index = this.service.state.context.events.length - 1;
-            if (event === this.service.state.context.events[last_index]) {
-                const finish = () => {
-                    if (last_index < this.service.state.context.events.length - 1) {
-                        return;
-                    }
-                    this.backToNormal();
-                    this.service.send('END');
-                    this.emitter.emit(ReplayerEvents.Finish);
-                };
-                if (event.type === EventType.IncrementalSnapshot &&
-                    event.data.source === IncrementalSource.MouseMove &&
-                    event.data.positions.length) {
-                    setTimeout(() => {
-                        finish();
-                    }, Math.max(0, -event.data.positions[0].timeOffset + 50));
-                }
-                else {
-                    finish();
-                }
-            }
-            this.emitter.emit(ReplayerEvents.EventCast, event);
-        };
-        return wrappedCastFn;
-    }
     handleInactivity(timestamp, resetNext) {
         if (timestamp === this.inactiveEndTimestamp || resetNext) {
             this.inactiveEndTimestamp = null;
@@ -3738,7 +3739,7 @@ class Replayer {
             this.waitForStylesheetLoad();
         }
         if (this.config.UNSAFE_replayCanvas) {
-            this.preloadAllImages();
+            void this.preloadAllImages();
         }
     }
     insertStyleRules(documentElement, head) {
@@ -3852,39 +3853,6 @@ class Replayer {
             }
         }
     }
-    hasImageArg(args) {
-        for (const arg of args) {
-            if (!arg || typeof arg !== 'object') ;
-            else if ('rr_type' in arg && 'args' in arg) {
-                if (this.hasImageArg(arg.args))
-                    return true;
-            }
-            else if ('rr_type' in arg && arg.rr_type === 'HTMLImageElement') {
-                return true;
-            }
-            else if (arg instanceof Array) {
-                if (this.hasImageArg(arg))
-                    return true;
-            }
-        }
-        return false;
-    }
-    getImageArgs(args) {
-        const images = [];
-        for (const arg of args) {
-            if (!arg || typeof arg !== 'object') ;
-            else if ('rr_type' in arg && 'args' in arg) {
-                images.push(...this.getImageArgs(arg.args));
-            }
-            else if ('rr_type' in arg && arg.rr_type === 'HTMLImageElement') {
-                images.push(arg.src);
-            }
-            else if (arg instanceof Array) {
-                images.push(...this.getImageArgs(arg));
-            }
-        }
-        return images;
-    }
     preloadAllImages() {
         return __awaiter(this, void 0, void 0, function* () {
             this.service.state;
@@ -3979,7 +3947,8 @@ class Replayer {
                         this.timer.addAction(action);
                     });
                     this.timer.addAction({
-                        doAction() { },
+                        doAction() {
+                        },
                         delay: e.delay - ((_a = d.positions[0]) === null || _a === void 0 ? void 0 : _a.timeOffset),
                     });
                 }
@@ -4118,7 +4087,7 @@ class Replayer {
                         mediaEl.pause();
                     }
                     if (d.type === 0) {
-                        mediaEl.play();
+                        void mediaEl.play();
                     }
                 }
                 catch (error) {
@@ -4230,7 +4199,7 @@ class Replayer {
                     if (!target) {
                         return this.debugNodeNotFound(d, d.id);
                     }
-                    canvasMutation({
+                    void canvasMutation({
                         event: e,
                         mutation: d,
                         target: target,
@@ -4243,7 +4212,9 @@ class Replayer {
             }
             case IncrementalSource.Font: {
                 try {
-                    const fontFace = new FontFace(d.family, d.buffer ? new Uint8Array(JSON.parse(d.fontSource)) : d.fontSource, d.descriptors);
+                    const fontFace = new FontFace(d.family, d.buffer
+                        ? new Uint8Array(JSON.parse(d.fontSource))
+                        : d.fontSource, d.descriptors);
                     (_f = this.iframe.contentDocument) === null || _f === void 0 ? void 0 : _f.fonts.add(fontFace);
                 }
                 catch (error) {