rrweb - npm Package Compare versions

Comparing version 2.0.0-alpha.10 to 2.0.0-alpha.11

es/rrweb/packages/rrdom/es/rrdom.js

@@ -937,2 +937,5 @@ var NodeType$1;
 class RRDocument extends BaseRRDocumentImpl(BaseRRNode) {
+    get unserializedId() {
+        return this._unserializedId--;
+    }
     constructor(mirror) {
@@ -948,5 +951,2 @@ super();
     }
-    get unserializedId() {
-        return this._unserializedId--;
-    }
     createDocument(_namespace, _qualifiedName, _doctype) {
@@ -953,0 +953,0 @@ return new RRDocument();

es/rrweb/packages/rrweb/src/record/observers/canvas/canvas-manager.js

@@ -10,2 +10,18 @@ import { __rest, __awaiter } from './../../../../../../ext/tslib/tslib.es6.js';
 class CanvasManager {
+    reset() {
+        this.pendingCanvasMutations.clear();
+        this.resetObservers && this.resetObservers();
+    }
+    freeze() {
+        this.frozen = true;
+    }
+    unfreeze() {
+        this.frozen = false;
+    }
+    lock() {
+        this.locked = true;
+    }
+    unlock() {
+        this.locked = false;
+    }
     constructor(options) {
@@ -36,18 +52,2 @@ this.pendingCanvasMutations = new Map();
     }
-    reset() {
-        this.pendingCanvasMutations.clear();
-        this.resetObservers && this.resetObservers();
-    }
-    freeze() {
-        this.frozen = true;
-    }
-    unfreeze() {
-        this.frozen = false;
-    }
-    lock() {
-        this.locked = true;
-    }
-    unlock() {
-        this.locked = false;
-    }
     initCanvasFPSObserver(fps, win, blockClass, blockSelector, options) {
@@ -54,0 +54,0 @@ const canvasContextReset = initCanvasContextObserver(win, blockClass, blockSelector, true);

es/rrweb/packages/rrweb/src/record/observers/canvas/webgl.js

@@ -25,3 +25,4 @@ import { CanvasContext } from '../../../../../types/dist/types.js';
                     saveWebGLVar(result, win, this);
-                    if (!isBlocked(this.canvas, blockClass, blockSelector, true)) {
+                    if ('tagName' in this.canvas &&
+                        !isBlocked(this.canvas, blockClass, blockSelector, true)) {
                         const recordArgs = serializeArgs([...args], win, this);
@@ -28,0 +29,0 @@ const mutation = {

es/rrweb/packages/rrweb/src/record/stylesheet-manager.js

@@ -1,2 +0,2 @@
-import { getCssRuleString } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
+import { stringifyRule } from '../../../rrweb-snapshot/es/rrweb-snapshot.js';
 import { StyleSheetMirror } from '../utils.js';
@@ -50,3 +50,3 @@
                         return {
-                            rule: getCssRuleString(r),
+                            rule: stringifyRule(r),
                             index,
@@ -53,0 +53,0 @@ };

package.json

 {
   "name": "rrweb",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "description": "record and replay the web",
@@ -54,3 +54,3 @@ "scripts": {
     "@types/chai": "^4.1.6",
-    "@types/dom-mediacapture-transform": "^0.1.3",
+    "@types/dom-mediacapture-transform": "0.1.4",
     "@types/inquirer": "^8.2.1",
@@ -85,3 +85,3 @@ "@types/jest": "^29.5.0",
   "dependencies": {
-    "@rrweb/types": "^2.0.0-alpha.10",
+    "@rrweb/types": "^2.0.0-alpha.11",
     "@types/css-font-loading-module": "0.0.7",
@@ -92,5 +92,5 @@ "@xstate/fsm": "^1.4.0",
     "mitt": "^3.0.0",
-    "rrdom": "^2.0.0-alpha.10",
-    "rrweb-snapshot": "^2.0.0-alpha.10"
+    "rrdom": "^2.0.0-alpha.11",
+    "rrweb-snapshot": "^2.0.0-alpha.11"
   }
 }

typings/packer/base.d.ts

 import type { eventWithTime } from '@rrweb/types';
-export declare type PackFn = (event: eventWithTime) => string;
-export declare type UnpackFn = (raw: string) => eventWithTime;
-export declare type eventWithTimeAndPacker = eventWithTime & {
+export type PackFn = (event: eventWithTime) => string;
+export type UnpackFn = (raw: string) => eventWithTime;
+export type eventWithTimeAndPacker = eventWithTime & {
     v: string;
 };
 export declare const MARK = "v1";

typings/plugins/canvas-webrtc/record/index.d.ts

 import SimplePeer from 'simple-peer-light';
 import type { RecordPlugin } from '@rrweb/types';
 export declare const PLUGIN_NAME = "rrweb/canvas-webrtc@1";
-export declare type CrossOriginIframeMessageEventContent = {
+export type CrossOriginIframeMessageEventContent = {
     type: 'rrweb-canvas-webrtc';
@@ -6,0 +6,0 @@ data: {

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

 import type { RecordPlugin } from '@rrweb/types';
-export declare type StringifyOptions = {
+export type StringifyOptions = {
     stringLengthLimit?: number;
@@ -7,3 +7,3 @@ numOfKeysLimit: number;
 };
-declare type LogRecordOptions = {
+type LogRecordOptions = {
     level?: LogLevel[];
@@ -14,3 +14,3 @@ lengthThreshold?: number;
 };
-export declare type LogData = {
+export type LogData = {
     level: LogLevel;
@@ -20,3 +20,3 @@ trace: string[];
 };
-export declare type Logger = {
+export type Logger = {
     assert?: typeof console.assert;
@@ -42,5 +42,5 @@ clear?: typeof console.clear;
 };
-export declare type LogLevel = keyof Logger;
+export type LogLevel = keyof Logger;
 export declare const PLUGIN_NAME = "rrweb/console@1";
 export declare const getRecordConsolePlugin: (options?: LogRecordOptions) => RecordPlugin;
 export {};

typings/plugins/console/replay/index.d.ts

 import { LogLevel, LogData } from '../record';
 import type { ReplayPlugin } from '../../../types';
-declare type ReplayLogger = Partial<Record<LogLevel, (data: LogData) => void>>;
-declare type LogReplayConfig = {
+type ReplayLogger = Partial<Record<LogLevel, (data: LogData) => void>>;
+type LogReplayConfig = {
     level?: LogLevel[];
@@ -6,0 +6,0 @@ replayLogger?: ReplayLogger;

typings/plugins/sequential-id/record/index.d.ts

 import type { RecordPlugin } from '@rrweb/types';
-export declare type SequentialIdOptions = {
+export type SequentialIdOptions = {
     key: string;
@@ -4,0 +4,0 @@ };

typings/plugins/sequential-id/replay/index.d.ts

 import type { SequentialIdOptions } from '../record';
 import type { ReplayPlugin } from '../../../types';
-declare type Options = SequentialIdOptions & {
+type Options = SequentialIdOptions & {
     warnOnMissingId: boolean;
@@ -5,0 +5,0 @@ };

typings/record/error-handler.d.ts

 import type { ErrorHandler } from '../types';
-declare type Callback = (...args: unknown[]) => unknown;
+type Callback = (...args: unknown[]) => unknown;
 export declare function registerErrorHandler(handler: ErrorHandler | undefined): void;
@@ -4,0 +4,0 @@ export declare function unregisterErrorHandler(): void;

typings/record/observers/canvas/canvas-manager.d.ts

 import type { Mirror, DataURLOptions } from 'rrweb-snapshot';
 import type { blockClass, canvasMutationCallback, IWindow } from '@rrweb/types';
-export declare type RafStamps = {
+export type RafStamps = {
     latestId: number;
@@ -5,0 +5,0 @@ invokeId: number | null;

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

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

typings/replay/machine.d.ts

@@ -5,3 +5,3 @@ import { StateMachine } from '@xstate/fsm';
 import { Timer } from './timer';
-export declare type PlayerContext = {
+export type PlayerContext = {
     events: eventWithTime[];
@@ -13,3 +13,3 @@ timer: Timer;
 };
-export declare type PlayerEvent = {
+export type PlayerEvent = {
     type: 'PLAY';
@@ -39,3 +39,3 @@ payload: {
 };
-export declare type PlayerState = {
+export type PlayerState = {
     value: 'playing';
@@ -51,3 +51,3 @@ context: PlayerContext;
 export declare function discardPriorSnapshots(events: eventWithTime[], baselineTime: number): eventWithTime[];
-declare type PlayerAssets = {
+type PlayerAssets = {
     emitter: Emitter;
@@ -58,7 +58,7 @@ applyEventsSynchronously(events: Array<eventWithTime>): void;
 export declare function createPlayerService(context: PlayerContext, { getCastFn, applyEventsSynchronously, emitter }: PlayerAssets): StateMachine.Service<PlayerContext, PlayerEvent, PlayerState>;
-export declare type SpeedContext = {
+export type SpeedContext = {
     normalSpeed: playerConfig['speed'];
     timer: Timer;
 };
-export declare type SpeedEvent = {
+export type SpeedEvent = {
     type: 'FAST_FORWARD';
@@ -76,3 +76,3 @@ payload: {
 };
-export declare type SpeedState = {
+export type SpeedState = {
     value: 'normal';
@@ -85,4 +85,4 @@ context: SpeedContext;
 export declare function createSpeedService(context: SpeedContext): StateMachine.Service<SpeedContext, SpeedEvent, SpeedState>;
-export declare type PlayerMachineState = StateMachine.State<PlayerContext, PlayerEvent, PlayerState>;
-export declare type SpeedMachineState = StateMachine.State<SpeedContext, SpeedEvent, SpeedState>;
+export type PlayerMachineState = StateMachine.State<PlayerContext, PlayerEvent, PlayerState>;
+export type SpeedMachineState = StateMachine.State<SpeedContext, SpeedEvent, SpeedState>;
 export {};

typings/types.d.ts

@@ -11,3 +11,3 @@ import type { Mirror, MaskInputOptions, SlimDOMOptions, MaskInputFn, MaskTextFn, DataURLOptions } from 'rrweb-snapshot';
 import type ProcessedNodeManager from './record/processed-node-manager';
-export declare type recordOptions<T> = {
+export type recordOptions<T> = {
     emit?: (e: T, isCheckout?: boolean) => void;
@@ -44,3 +44,3 @@ checkoutEveryNth?: number;
 };
-export declare type observerParam = {
+export type observerParam = {
     mutationCb: mutationCallBack;
@@ -90,4 +90,4 @@ mousemoveCb: mousemoveCallBack;
 };
-export declare type MutationBufferParam = Pick<observerParam, 'mutationCb' | 'blockClass' | 'blockSelector' | 'maskTextClass' | 'maskTextSelector' | 'inlineStylesheet' | 'maskInputOptions' | 'maskTextFn' | 'maskInputFn' | 'keepIframeSrcFn' | 'recordCanvas' | 'inlineImages' | 'slimDOMOptions' | 'dataURLOptions' | 'doc' | 'mirror' | 'iframeManager' | 'stylesheetManager' | 'shadowDomManager' | 'canvasManager' | 'processedNodeManager'>;
-export declare type ReplayPlugin = {
+export type MutationBufferParam = Pick<observerParam, 'mutationCb' | 'blockClass' | 'blockSelector' | 'maskTextClass' | 'maskTextSelector' | 'inlineStylesheet' | 'maskInputOptions' | 'maskTextFn' | 'maskInputFn' | 'keepIframeSrcFn' | 'recordCanvas' | 'inlineImages' | 'slimDOMOptions' | 'dataURLOptions' | 'doc' | 'mirror' | 'iframeManager' | 'stylesheetManager' | 'shadowDomManager' | 'canvasManager' | 'processedNodeManager'>;
+export type ReplayPlugin = {
     handler?: (event: eventWithTime, isSync: boolean, context: {
@@ -104,3 +104,3 @@ replayer: Replayer;
 };
-export declare type playerConfig = {
+export type playerConfig = {
     speed: number;
@@ -133,7 +133,7 @@ maxSpeed: number;
 };
-export declare type missingNode = {
+export type missingNode = {
     node: Node | RRNode;
     mutation: addedNodeMutation;
 };
-export declare type missingNodeMap = {
+export type missingNodeMap = {
     [id: number]: missingNode;
@@ -146,3 +146,3 @@ };
 }
-export declare type CrossOriginIframeMessageEventContent<T = eventWithTime> = {
+export type CrossOriginIframeMessageEventContent<T = eventWithTime> = {
     type: 'rrweb';
@@ -153,3 +153,3 @@ event: T;
 };
-export declare type CrossOriginIframeMessageEvent = MessageEvent<CrossOriginIframeMessageEventContent>;
-export declare type ErrorHandler = (error: unknown) => void | boolean;
+export type CrossOriginIframeMessageEvent = MessageEvent<CrossOriginIframeMessageEventContent>;
+export type ErrorHandler = (error: unknown) => void | boolean;

typings/utils.d.ts

@@ -25,3 +25,3 @@ import type { throttleOptions, listenerHandler, hookResetter, blockClass, addedNodeMutation, DocumentDimension, IWindow, DeprecatedMirror, textMutation } from '@rrweb/types';
 export declare function polyfill(win?: Window & typeof globalThis): void;
-declare type ResolveTree = {
+type ResolveTree = {
     value: addedNodeMutation;
@@ -33,3 +33,3 @@ children: ResolveTree[];
 export declare function iterateResolveTree(tree: ResolveTree, cb: (mutation: addedNodeMutation) => unknown): void;
-export declare type AppendedIframe = {
+export type AppendedIframe = {
     mutationInQueue: addedNodeMutation;
@@ -36,0 +36,0 @@ builtNode: HTMLIFrameElement | RRIFrameElement;

No alert changes

Improved metrics

Total package byte prevSize

7292274

increased by0.12%

Lines of code

87213

increased by0.11%

Dependency changes

• Updated@rrweb/types@^2.0.0-alpha.11

• Updatedrrdom@^2.0.0-alpha.11

• Updatedrrweb-snapshot@^2.0.0-alpha.11