@highlight-run/rrweb 2.0.16 → 2.1.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "2.0.16",
+  "version": "2.1.0",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
     "prepack": "npm run bundle",
-    "test": "npm run bundle:browser && jest",
-    "test:headless": "npm run bundle:browser && PUPPETEER_HEADLESS=true jest",
+    "test": "npm run bundle:browser && jest --testPathIgnorePatterns test/benchmark",
+    "test:headless": "PUPPETEER_HEADLESS=true npm run test",
     "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch",
     "repl": "npm run bundle:browser && node scripts/repl.js",
     "dev": "yarn bundle:browser --watch",
@@ -15,7 +15,8 @@
     "typings": "tsc -d --declarationDir typings",
     "check-types": "tsc -noEmit",
     "prepublish": "npm run typings && npm run bundle",
-    "lint": "yarn eslint src"
+    "lint": "yarn eslint src",
+    "benchmark": "jest test/benchmark"
   },
   "repository": {
     "type": "git",
@@ -74,13 +75,13 @@
     "typescript": "^4.7.3"
   },
   "dependencies": {
-    "@highlight-run/rrdom": ">=0.1.13",
+    "@highlight-run/rrdom": ">=0.1.14",
     "@highlight-run/rrweb-snapshot": ">=1.1.22",
     "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
     "fflate": "^0.4.4",
-    "mitt": "^1.1.3"
+    "mitt": "^3.0.0"
   },
-  "gitHead": "563c1119c1eb935ab8dd07b1893143e5b2e4e59d"
+  "gitHead": "ba064a5eee3debbcea07dfe122ad9fd1f0607040"
 }

package/typings/plugins/console/record/index.d.ts

@@ -15,7 +15,6 @@ export declare type LogData = {
     trace: string[];
     payload: string[];
 };
-export declare type LogLevel = 'assert' | 'clear' | 'count' | 'countReset' | 'debug' | 'dir' | 'dirxml' | 'error' | 'group' | 'groupCollapsed' | 'groupEnd' | 'info' | 'log' | 'table' | 'time' | 'timeEnd' | 'timeLog' | 'trace' | 'warn';
 export declare type Logger = {
     assert?: typeof console.assert;
     clear?: typeof console.clear;
@@ -37,6 +36,7 @@ export declare type Logger = {
     trace?: typeof console.trace;
     warn?: typeof console.warn;
 };
+export declare type LogLevel = keyof Logger;
 export declare const PLUGIN_NAME = "rrweb/console@1";
 export declare const getRecordConsolePlugin: (options?: LogRecordOptions) => RecordPlugin;
 export {};

package/typings/plugins/console/record/stringify.d.ts

@@ -1,2 +1,2 @@
 import type { StringifyOptions } from './index';
-export declare function stringify(obj: any, stringifyOptions?: StringifyOptions): string;
+export declare function stringify(obj: unknown, stringifyOptions?: StringifyOptions): string;

package/typings/record/observers/canvas/serialize-args.d.ts

@@ -1,6 +1,6 @@
 import type { IWindow, CanvasArg } from '../../../types';
-export declare function variableListFor(ctx: RenderingContext, ctor: string): any[];
-export declare const saveWebGLVar: (value: any, win: IWindow, ctx: RenderingContext) => number | void;
-export declare function serializeArg(value: any, win: IWindow, ctx: RenderingContext): CanvasArg;
-export declare const serializeArgs: (args: Array<any>, win: IWindow, ctx: RenderingContext) => CanvasArg[];
-export declare const isInstanceOfWebGLObject: (value: any, win: IWindow) => value is WebGLTexture | WebGLShader | WebGLBuffer | WebGLVertexArrayObject | WebGLProgram | WebGLActiveInfo | WebGLUniformLocation | WebGLFramebuffer | WebGLRenderbuffer | WebGLShaderPrecisionFormat;
+export declare function variableListFor(ctx: RenderingContext, ctor: string): unknown[];
+export declare const saveWebGLVar: (value: unknown, win: IWindow, ctx: RenderingContext) => number | void;
+export declare function serializeArg(value: unknown, win: IWindow, ctx: RenderingContext): CanvasArg;
+export declare const serializeArgs: (args: Array<unknown>, win: IWindow, ctx: RenderingContext) => CanvasArg[];
+export declare const isInstanceOfWebGLObject: (value: unknown, win: IWindow) => value is WebGLTexture | WebGLShader | WebGLBuffer | WebGLVertexArrayObject | WebGLProgram | WebGLActiveInfo | WebGLUniformLocation | WebGLFramebuffer | WebGLRenderbuffer | WebGLShaderPrecisionFormat;

package/typings/record/shadow-dom-manager.d.ts

@@ -1,4 +1,4 @@
-import type { mutationCallBack, scrollCallback, MutationBufferParam, SamplingStrategy } from '../types';
+import type { MutationBufferParam, mutationCallBack, SamplingStrategy, scrollCallback } from '../types';
 import type { Mirror } from '@highlight-run/rrweb-snapshot';
 declare type BypassOptions = Omit<MutationBufferParam, 'doc' | 'mutationCb' | 'mirror' | 'shadowDomManager'> & {
     sampling: SamplingStrategy;

package/typings/replay/index.d.ts

@@ -57,8 +57,6 @@ export declare class Replayer {
     private attachDocumentToIframe;
     private collectIframeAndAttachDocument;
     private waitForStylesheetLoad;
-    private hasImageArg;
-    private getImageArgs;
     private preloadAllImages;
     private preloadImages;
     private deserializeAndPreloadCanvasEvents;

package/typings/types.d.ts

@@ -23,11 +23,11 @@ export declare type SessionInterval = {
 };
 export declare type domContentLoadedEvent = {
     type: EventType.DomContentLoaded;
-    data: {};
+    data: unknown;
 };
 export declare type loadedEvent = {
     type: EventType.Load;
-    data: {};
+    data: unknown;
 };
 export declare type fullSnapshotEvent = {
     type: EventType.FullSnapshot;
@@ -65,7 +65,6 @@ export declare type pluginEvent<T = unknown> = {
         payload: T;
     };
 };
-export declare type styleSheetEvent = {};
 export declare enum IncrementalSource {
     Mutation = 0,
     MouseMove = 1,
@@ -140,7 +139,7 @@ export declare type SamplingStrategy = Partial<{
 }>;
 export declare type RecordPlugin<TOptions = unknown> = {
     name: string;
-    observer?: (cb: Function, win: IWindow, options: TOptions) => listenerHandler;
+    observer?: (cb: (...args: Array<unknown>) => void, win: IWindow, options: TOptions) => listenerHandler;
     eventProcessor?: <TExtend>(event: eventWithTime) => eventWithTime & TExtend;
     options: TOptions;
 };
@@ -207,8 +206,8 @@ export declare type observerParam = {
     canvasManager: CanvasManager;
     enableStrictPrivacy: boolean;
     plugins: Array<{
-        observer: Function;
-        callback: Function;
+        observer: (cb: (...arg: Array<unknown>) => void, win: IWindow, options: unknown) => listenerHandler;
+        callback: (...arg: Array<unknown>) => void;
         options: unknown;
     }>;
 };

package/typings/utils.d.ts

@@ -3,11 +3,11 @@ import type { IMirror, Mirror } from '@highlight-run/rrweb-snapshot';
 import type { RRNode, RRIFrameElement } from '@highlight-run/rrdom';
 export declare function on(type: string, fn: EventListenerOrEventListenerObject, target?: Document | IWindow): listenerHandler;
 export declare let _mirror: DeprecatedMirror;
-export declare function throttle<T>(func: (arg: T) => void, wait: number, options?: throttleOptions): (arg: T) => void;
+export declare function throttle<T>(func: (arg: T) => void, wait: number, options?: throttleOptions): (...args: T[]) => void;
 export declare function hookSetter<T>(target: T, key: string | number | symbol, d: PropertyDescriptor, isRevoked?: boolean, win?: Window & typeof globalThis): hookResetter;
 export declare function patch(source: {
     [key: string]: any;
-}, name: string, replacement: (...args: any[]) => any): () => void;
+}, name: string, replacement: (...args: unknown[]) => unknown): () => void;
 export declare function getWindowHeight(): number;
 export declare function getWindowWidth(): number;
 export declare const isCanvasNode: (node: Node | null) => boolean;

package/es/rrweb/ext/mitt/dist/mitt.es.js

@@ -1,63 +0,0 @@
-//      
-// 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(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); });
-		}
-	};
-}
-
-export { mitt as default };

package/typings/record/observers/canvas/webgl2.d.ts

@@ -1,2 +0,0 @@
-import { blockClass, canvasMutationCallback, IWindow, listenerHandler, Mirror } from '../../../types';
-export default function initCanvasWebGLMutationObserver(cb: canvasMutationCallback, win: IWindow, blockClass: blockClass, mirror: Mirror): listenerHandler;