@highlight-run/rrweb 2.0.1 → 2.0.4

package/es/rrweb/packages/rrweb/src/replay/timer.js

@@ -1,96 +1,92 @@
-import { __spreadArray, __read } from '../../ext/tslib/tslib.es6.js';
 import { EventType, IncrementalSource } from '../types.js';
 
-var Timer = (function () {
-    function Timer(actions, speed) {
-        if (actions === void 0) { actions = []; }
-        this.timeOffset = 0;
-        this.raf = null;
-        this.actions = actions;
-        this.speed = speed;
-    }
-    Timer.prototype.addAction = function (action) {
-        var index = this.findActionIndex(action);
-        this.actions.splice(index, 0, action);
-    };
-    Timer.prototype.addActions = function (actions) {
-        this.actions = this.actions.concat(actions);
-    };
-    Timer.prototype.replaceActions = function (actions) {
-        var _a;
-        this.actions.length = 0;
-        (_a = this.actions).splice.apply(_a, __spreadArray([0, 0], __read(actions), false));
-    };
-    Timer.prototype.start = function () {
-        this.timeOffset = 0;
-        var lastTimestamp = performance.now();
-        var actions = this.actions;
-        var self = this;
-        function check() {
-            var time = performance.now();
-            self.timeOffset += (time - lastTimestamp) * self.speed;
-            lastTimestamp = time;
-            while (actions.length) {
-                var action = actions[0];
-                if (self.timeOffset >= action.delay) {
-                    actions.shift();
-                    action.doAction();
-                }
-                else {
-                    break;
-                }
-            }
-            if (actions.length > 0 || self.liveMode) {
-                self.raf = requestAnimationFrame(check);
-            }
-        }
-        this.raf = requestAnimationFrame(check);
-    };
-    Timer.prototype.clear = function () {
-        if (this.raf) {
-            cancelAnimationFrame(this.raf);
-            this.raf = null;
-        }
-        this.actions.length = 0;
-    };
-    Timer.prototype.setSpeed = function (speed) {
-        this.speed = speed;
-    };
-    Timer.prototype.toggleLiveMode = function (mode) {
-        this.liveMode = mode;
-    };
-    Timer.prototype.isActive = function () {
-        return this.raf !== null;
-    };
-    Timer.prototype.findActionIndex = function (action) {
-        var start = 0;
-        var end = this.actions.length - 1;
-        while (start <= end) {
-            var mid = Math.floor((start + end) / 2);
-            if (this.actions[mid].delay < action.delay) {
-                start = mid + 1;
-            }
-            else if (this.actions[mid].delay > action.delay) {
-                end = mid - 1;
-            }
-            else {
-                return mid + 1;
-            }
-        }
-        return start;
-    };
-    return Timer;
-}());
-function addDelay(event, baselineTime) {
-    if (event.type === EventType.IncrementalSnapshot &&
-        event.data.source === IncrementalSource.MouseMove) {
-        var firstOffset = event.data.positions[0].timeOffset;
-        var firstTimestamp = event.timestamp + firstOffset;
-        event.delay = firstTimestamp - baselineTime;
-        return firstTimestamp - baselineTime;
-    }
-    event.delay = event.timestamp - baselineTime;
-    return event.delay;
+class Timer {
+    constructor(actions = [], speed) {
+        this.timeOffset = 0;
+        this.raf = null;
+        this.actions = actions;
+        this.speed = speed;
+    }
+    addAction(action) {
+        const index = this.findActionIndex(action);
+        this.actions.splice(index, 0, action);
+    }
+    addActions(actions) {
+        this.actions = this.actions.concat(actions);
+    }
+    replaceActions(actions) {
+        this.actions.length = 0;
+        this.actions.splice(0, 0, ...actions);
+    }
+    start() {
+        this.timeOffset = 0;
+        let lastTimestamp = performance.now();
+        const { actions } = this;
+        const self = this;
+        function check() {
+            const time = performance.now();
+            self.timeOffset += (time - lastTimestamp) * self.speed;
+            lastTimestamp = time;
+            while (actions.length) {
+                const action = actions[0];
+                if (self.timeOffset >= action.delay) {
+                    actions.shift();
+                    action.doAction();
+                }
+                else {
+                    break;
+                }
+            }
+            if (actions.length > 0 || self.liveMode) {
+                self.raf = requestAnimationFrame(check);
+            }
+        }
+        this.raf = requestAnimationFrame(check);
+    }
+    clear() {
+        if (this.raf) {
+            cancelAnimationFrame(this.raf);
+            this.raf = null;
+        }
+        this.actions.length = 0;
+    }
+    setSpeed(speed) {
+        this.speed = speed;
+    }
+    toggleLiveMode(mode) {
+        this.liveMode = mode;
+    }
+    isActive() {
+        return this.raf !== null;
+    }
+    findActionIndex(action) {
+        let start = 0;
+        let end = this.actions.length - 1;
+        while (start <= end) {
+            const mid = Math.floor((start + end) / 2);
+            if (this.actions[mid].delay < action.delay) {
+                start = mid + 1;
+            }
+            else if (this.actions[mid].delay > action.delay) {
+                end = mid - 1;
+            }
+            else {
+                return mid + 1;
+            }
+        }
+        return start;
+    }
+}
+function addDelay(event, baselineTime) {
+    if (event.type === EventType.IncrementalSnapshot &&
+        event.data.source === IncrementalSource.MouseMove) {
+        const firstOffset = event.data.positions[0].timeOffset;
+        const firstTimestamp = event.timestamp + firstOffset;
+        event.delay = firstTimestamp - baselineTime;
+        return firstTimestamp - baselineTime;
+    }
+    event.delay = event.timestamp - baselineTime;
+    return event.delay;
 }
 
 export { Timer, addDelay };

package/es/rrweb/packages/rrweb/src/types.js

@@ -1,75 +1,75 @@
-var EventType;
-(function (EventType) {
-    EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
-    EventType[EventType["Load"] = 1] = "Load";
-    EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
-    EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
-    EventType[EventType["Meta"] = 4] = "Meta";
-    EventType[EventType["Custom"] = 5] = "Custom";
-    EventType[EventType["Plugin"] = 6] = "Plugin";
-})(EventType || (EventType = {}));
-var IncrementalSource;
-(function (IncrementalSource) {
-    IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
-    IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
-    IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
-    IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
-    IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
-    IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
-    IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
-    IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
-    IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
-    IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
-    IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
-    IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
-    IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
-    IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
-})(IncrementalSource || (IncrementalSource = {}));
-var MouseInteractions;
-(function (MouseInteractions) {
-    MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
-    MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
-    MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
-    MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
-    MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
-    MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
-    MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
-    MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
-    MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
-    MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
-    MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
-})(MouseInteractions || (MouseInteractions = {}));
-var CanvasContext;
-(function (CanvasContext) {
-    CanvasContext[CanvasContext["2D"] = 0] = "2D";
-    CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
-    CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
-})(CanvasContext || (CanvasContext = {}));
-var MediaInteractions;
-(function (MediaInteractions) {
-    MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
-    MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
-    MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
-    MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
-})(MediaInteractions || (MediaInteractions = {}));
-var ReplayerEvents;
-(function (ReplayerEvents) {
-    ReplayerEvents["Start"] = "start";
-    ReplayerEvents["Pause"] = "pause";
-    ReplayerEvents["Resume"] = "resume";
-    ReplayerEvents["Resize"] = "resize";
-    ReplayerEvents["Finish"] = "finish";
-    ReplayerEvents["FullsnapshotRebuilded"] = "fullsnapshot-rebuilded";
-    ReplayerEvents["LoadStylesheetStart"] = "load-stylesheet-start";
-    ReplayerEvents["LoadStylesheetEnd"] = "load-stylesheet-end";
-    ReplayerEvents["SkipStart"] = "skip-start";
-    ReplayerEvents["SkipEnd"] = "skip-end";
-    ReplayerEvents["MouseInteraction"] = "mouse-interaction";
-    ReplayerEvents["EventCast"] = "event-cast";
-    ReplayerEvents["CustomEvent"] = "custom-event";
-    ReplayerEvents["Flush"] = "flush";
-    ReplayerEvents["StateChange"] = "state-change";
-    ReplayerEvents["PlayBack"] = "play-back";
+var EventType;
+(function (EventType) {
+    EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
+    EventType[EventType["Load"] = 1] = "Load";
+    EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
+    EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+    EventType[EventType["Meta"] = 4] = "Meta";
+    EventType[EventType["Custom"] = 5] = "Custom";
+    EventType[EventType["Plugin"] = 6] = "Plugin";
+})(EventType || (EventType = {}));
+var IncrementalSource;
+(function (IncrementalSource) {
+    IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
+    IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
+    IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
+    IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
+    IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
+    IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
+    IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
+    IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
+    IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
+    IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
+    IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
+    IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
+    IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
+    IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
+})(IncrementalSource || (IncrementalSource = {}));
+var MouseInteractions;
+(function (MouseInteractions) {
+    MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
+    MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
+    MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
+    MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
+    MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
+    MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
+    MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
+    MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
+    MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+    MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
+    MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
+})(MouseInteractions || (MouseInteractions = {}));
+var CanvasContext;
+(function (CanvasContext) {
+    CanvasContext[CanvasContext["2D"] = 0] = "2D";
+    CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
+    CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
+})(CanvasContext || (CanvasContext = {}));
+var MediaInteractions;
+(function (MediaInteractions) {
+    MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
+    MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
+    MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
+    MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
+})(MediaInteractions || (MediaInteractions = {}));
+var ReplayerEvents;
+(function (ReplayerEvents) {
+    ReplayerEvents["Start"] = "start";
+    ReplayerEvents["Pause"] = "pause";
+    ReplayerEvents["Resume"] = "resume";
+    ReplayerEvents["Resize"] = "resize";
+    ReplayerEvents["Finish"] = "finish";
+    ReplayerEvents["FullsnapshotRebuilded"] = "fullsnapshot-rebuilded";
+    ReplayerEvents["LoadStylesheetStart"] = "load-stylesheet-start";
+    ReplayerEvents["LoadStylesheetEnd"] = "load-stylesheet-end";
+    ReplayerEvents["SkipStart"] = "skip-start";
+    ReplayerEvents["SkipEnd"] = "skip-end";
+    ReplayerEvents["MouseInteraction"] = "mouse-interaction";
+    ReplayerEvents["EventCast"] = "event-cast";
+    ReplayerEvents["CustomEvent"] = "custom-event";
+    ReplayerEvents["Flush"] = "flush";
+    ReplayerEvents["StateChange"] = "state-change";
+    ReplayerEvents["PlayBack"] = "play-back";
 })(ReplayerEvents || (ReplayerEvents = {}));
 
 export { CanvasContext, EventType, IncrementalSource, MediaInteractions, MouseInteractions, ReplayerEvents };