@highlight-run/rrweb 2.0.1 → 2.0.6

package/lib/plugins/console-replay.js

@@ -2,134 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-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 = {}));
-
 var NodeType;
 (function (NodeType) {
     NodeType[NodeType["Document"] = 0] = "Document";
@@ -140,149 +12,207 @@ var NodeType;
     NodeType[NodeType["Comment"] = 5] = "Comment";
 })(NodeType || (NodeType = {}));
 
-var DEPARTED_MIRROR_ACCESS_WARNING = 'Please stop import mirror directly. Instead of that,' +
-    '\r\n' +
-    'now you can use replayer.getMirror() to access the mirror instance of a replayer,' +
-    '\r\n' +
-    'or you can use record.mirror to access the mirror instance during recording.';
-var _mirror = {
-    map: {},
-    getId: function () {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return -1;
-    },
-    getNode: function () {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return null;
-    },
-    removeNodeFromMap: function () {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-    },
-    has: function () {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return false;
-    },
-    reset: function () {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-    },
-};
-if (typeof window !== 'undefined' && window.Proxy && window.Reflect) {
-    _mirror = new Proxy(_mirror, {
-        get: function (target, prop, receiver) {
-            if (prop === 'map') {
-                console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-            }
-            return Reflect.get(target, prop, receiver);
-        },
-    });
+const DEPARTED_MIRROR_ACCESS_WARNING = 'Please stop import mirror directly. Instead of that,' +
+    '\r\n' +
+    'now you can use replayer.getMirror() to access the mirror instance of a replayer,' +
+    '\r\n' +
+    'or you can use record.mirror to access the mirror instance during recording.';
+let _mirror = {
+    map: {},
+    getId() {
+        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+        return -1;
+    },
+    getNode() {
+        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+        return null;
+    },
+    removeNodeFromMap() {
+        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+    },
+    has() {
+        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+        return false;
+    },
+    reset() {
+        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+    },
+};
+if (typeof window !== 'undefined' && window.Proxy && window.Reflect) {
+    _mirror = new Proxy(_mirror, {
+        get(target, prop, receiver) {
+            if (prop === 'map') {
+                console.error(DEPARTED_MIRROR_ACCESS_WARNING);
+            }
+            return Reflect.get(target, prop, receiver);
+        },
+    });
 }
 
-var PLUGIN_NAME = 'rrweb/console@1';
+const PLUGIN_NAME = 'rrweb/console@1';
 
-var ORIGINAL_ATTRIBUTE_NAME = '__rrweb_original__';
-var defaultLogConfig = {
-    level: [
-        'assert',
-        'clear',
-        'count',
-        'countReset',
-        'debug',
-        'dir',
-        'dirxml',
-        'error',
-        'group',
-        'groupCollapsed',
-        'groupEnd',
-        'info',
-        'log',
-        'table',
-        'time',
-        'timeEnd',
-        'timeLog',
-        'trace',
-        'warn',
-    ],
-    replayLogger: undefined,
-};
-var LogReplayPlugin = (function () {
-    function LogReplayPlugin(config) {
-        this.config = Object.assign(defaultLogConfig, config);
-    }
-    LogReplayPlugin.prototype.getConsoleLogger = function () {
-        var e_1, _a;
-        var _this = this;
-        var replayLogger = {};
-        var _loop_1 = function (level) {
-            if (level === 'trace') {
-                replayLogger[level] = function (data) {
-                    var logger = console.log[ORIGINAL_ATTRIBUTE_NAME]
-                        ? console.log[ORIGINAL_ATTRIBUTE_NAME]
-                        : console.log;
-                    logger.apply(void 0, __spreadArray(__spreadArray([], __read(data.payload.map(function (s) { return JSON.parse(s); })), false), [_this.formatMessage(data)], false));
-                };
-            }
-            else {
-                replayLogger[level] = function (data) {
-                    var logger = console[level][ORIGINAL_ATTRIBUTE_NAME]
-                        ? console[level][ORIGINAL_ATTRIBUTE_NAME]
-                        : console[level];
-                    logger.apply(void 0, __spreadArray(__spreadArray([], __read(data.payload.map(function (s) { return JSON.parse(s); })), false), [_this.formatMessage(data)], false));
-                };
-            }
-        };
-        try {
-            for (var _b = __values(this.config.level), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var level = _c.value;
-                _loop_1(level);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return replayLogger;
-    };
-    LogReplayPlugin.prototype.formatMessage = function (data) {
-        if (data.trace.length === 0) {
-            return '';
-        }
-        var stackPrefix = '\n\tat ';
-        var result = stackPrefix;
-        result += data.trace.join(stackPrefix);
-        return result;
-    };
-    return LogReplayPlugin;
-}());
-var getReplayConsolePlugin = function (options) {
-    var replayLogger = (options === null || options === void 0 ? void 0 : options.replayLogger) || new LogReplayPlugin(options).getConsoleLogger();
-    return {
-        handler: function (event, _isSync, context) {
-            var logData = null;
-            if (event.type === EventType.IncrementalSnapshot &&
-                event.data.source === IncrementalSource.Log) {
-                logData = event.data;
-            }
-            else if (event.type === EventType.Plugin &&
-                event.data.plugin === PLUGIN_NAME) {
-                logData = event.data.payload;
-            }
-            if (logData) {
-                try {
-                    if (typeof replayLogger[logData.level] === 'function') {
-                        replayLogger[logData.level](logData);
-                    }
-                }
-                catch (error) {
-                    if (context.replayer.config.showWarning) {
-                        console.warn(error);
-                    }
-                }
-            }
-        },
-    };
+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 = {}));
+
+const ORIGINAL_ATTRIBUTE_NAME = '__rrweb_original__';
+const defaultLogConfig = {
+    level: [
+        'assert',
+        'clear',
+        'count',
+        'countReset',
+        'debug',
+        'dir',
+        'dirxml',
+        'error',
+        'group',
+        'groupCollapsed',
+        'groupEnd',
+        'info',
+        'log',
+        'table',
+        'time',
+        'timeEnd',
+        'timeLog',
+        'trace',
+        'warn',
+    ],
+    replayLogger: undefined,
+};
+class LogReplayPlugin {
+    constructor(config) {
+        this.config = Object.assign(defaultLogConfig, config);
+    }
+    getConsoleLogger() {
+        const replayLogger = {};
+        for (const level of this.config.level) {
+            if (level === 'trace') {
+                replayLogger[level] = (data) => {
+                    const logger = console.log[ORIGINAL_ATTRIBUTE_NAME]
+                        ? console.log[ORIGINAL_ATTRIBUTE_NAME]
+                        : console.log;
+                    logger(...data.payload.map((s) => JSON.parse(s)), this.formatMessage(data));
+                };
+            }
+            else {
+                replayLogger[level] = (data) => {
+                    const logger = console[level][ORIGINAL_ATTRIBUTE_NAME]
+                        ? console[level][ORIGINAL_ATTRIBUTE_NAME]
+                        : console[level];
+                    logger(...data.payload.map((s) => JSON.parse(s)), this.formatMessage(data));
+                };
+            }
+        }
+        return replayLogger;
+    }
+    formatMessage(data) {
+        if (data.trace.length === 0) {
+            return '';
+        }
+        const stackPrefix = '\n\tat ';
+        let result = stackPrefix;
+        result += data.trace.join(stackPrefix);
+        return result;
+    }
+}
+const getReplayConsolePlugin = (options) => {
+    const replayLogger = (options === null || options === void 0 ? void 0 : options.replayLogger) || new LogReplayPlugin(options).getConsoleLogger();
+    return {
+        handler(event, _isSync, context) {
+            let logData = null;
+            if (event.type === EventType.IncrementalSnapshot &&
+                event.data.source === IncrementalSource.Log) {
+                logData = event.data;
+            }
+            else if (event.type === EventType.Plugin &&
+                event.data.plugin === PLUGIN_NAME) {
+                logData = event.data.payload;
+            }
+            if (logData) {
+                try {
+                    if (typeof replayLogger[logData.level] === 'function') {
+                        replayLogger[logData.level](logData);
+                    }
+                }
+                catch (error) {
+                    if (context.replayer.config.showWarning) {
+                        console.warn(error);
+                    }
+                }
+            }
+        },
+    };
 };
 
 exports.getReplayConsolePlugin = getReplayConsolePlugin;

package/lib/plugins/sequential-id-record.js

@@ -2,26 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defaultOptions = {
-    key: '_sid',
-};
-var PLUGIN_NAME = 'rrweb/sequential-id@1';
-var getRecordSequentialIdPlugin = function (options) {
-    var _options = options
-        ? Object.assign({}, defaultOptions, options)
-        : defaultOptions;
-    var id = 0;
-    return {
-        name: PLUGIN_NAME,
-        eventProcessor: function (event) {
-            var _a;
-            Object.assign(event, (_a = {},
-                _a[_options.key] = ++id,
-                _a));
-            return event;
-        },
-        options: _options,
-    };
+const defaultOptions = {
+    key: '_sid',
+};
+const PLUGIN_NAME = 'rrweb/sequential-id@1';
+const getRecordSequentialIdPlugin = (options) => {
+    const _options = options
+        ? Object.assign({}, defaultOptions, options)
+        : defaultOptions;
+    let id = 0;
+    return {
+        name: PLUGIN_NAME,
+        eventProcessor(event) {
+            Object.assign(event, {
+                [_options.key]: ++id,
+            });
+            return event;
+        },
+        options: _options,
+    };
 };
 
 exports.PLUGIN_NAME = PLUGIN_NAME;

package/lib/plugins/sequential-id-replay.js

@@ -2,31 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defaultOptions = {
-    key: '_sid',
-    warnOnMissingId: true,
-};
-var getReplaySequentialIdPlugin = function (options) {
-    var _a = options
-        ? Object.assign({}, defaultOptions, options)
-        : defaultOptions, key = _a.key, warnOnMissingId = _a.warnOnMissingId;
-    var currentId = 1;
-    return {
-        handler: function (event) {
-            if (key in event) {
-                var id = event[key];
-                if (id !== currentId) {
-                    console.error("[sequential-id-plugin]: expect to get an id with value \"".concat(currentId, "\", but got \"").concat(id, "\""));
-                }
-                else {
-                    currentId++;
-                }
-            }
-            else if (warnOnMissingId) {
-                console.warn("[sequential-id-plugin]: failed to get id in key: \"".concat(key, "\""));
-            }
-        },
-    };
+const defaultOptions = {
+    key: '_sid',
+    warnOnMissingId: true,
+};
+const getReplaySequentialIdPlugin = (options) => {
+    const { key, warnOnMissingId } = options
+        ? Object.assign({}, defaultOptions, options)
+        : defaultOptions;
+    let currentId = 1;
+    return {
+        handler(event) {
+            if (key in event) {
+                const id = event[key];
+                if (id !== currentId) {
+                    console.error(`[sequential-id-plugin]: expect to get an id with value "${currentId}", but got "${id}"`);
+                }
+                else {
+                    currentId++;
+                }
+            }
+            else if (warnOnMissingId) {
+                console.warn(`[sequential-id-plugin]: failed to get id in key: "${key}"`);
+            }
+        },
+    };
 };
 
 exports.getReplaySequentialIdPlugin = getReplaySequentialIdPlugin;