@highlight-run/rrweb 1.0.8 → 1.1.3

package/dist/record/observers/canvas/2d.d.ts

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

package/dist/record/observers/canvas/canvas.d.ts

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

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

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

package/dist/record/observers/canvas/webgl.d.ts

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

package/dist/replay/canvas/2d.d.ts

@@ -0,0 +1,9 @@
+import { Replayer } from '../';
+import { canvasMutationData } from '../../types';
+export default function canvasMutation({ event, mutation, target, imageMap, errorHandler, }: {
+    event: Parameters<Replayer['applyIncremental']>[0];
+    mutation: canvasMutationData;
+    target: HTMLCanvasElement;
+    imageMap: Replayer['imageMap'];
+    errorHandler: Replayer['warnCanvasMutationFailed'];
+}): void;

package/dist/replay/canvas/index.d.ts

@@ -0,0 +1,9 @@
+import { Replayer } from '..';
+import { canvasMutationData } from '../../types';
+export default function canvasMutation({ event, mutation, target, imageMap, errorHandler, }: {
+    event: Parameters<Replayer['applyIncremental']>[0];
+    mutation: canvasMutationData;
+    target: HTMLCanvasElement;
+    imageMap: Replayer['imageMap'];
+    errorHandler: Replayer['warnCanvasMutationFailed'];
+}): void;

package/dist/replay/canvas/webgl.d.ts

@@ -0,0 +1,10 @@
+import { Replayer } from '../';
+import { canvasMutationData, SerializedWebGlArg } from '../../types';
+export declare function variableListFor(ctor: string): any[];
+export declare function deserializeArg(imageMap: Replayer['imageMap']): (arg: SerializedWebGlArg) => any;
+export default function webglMutation({ mutation, target, imageMap, errorHandler, }: {
+    mutation: canvasMutationData;
+    target: HTMLCanvasElement;
+    imageMap: Replayer['imageMap'];
+    errorHandler: Replayer['warnCanvasMutationFailed'];
+}): void;

package/dist/replay/index.d.ts

@@ -13,6 +13,7 @@ export declare class Replayer {
     private mouseTail;
     private tailPositions;
     private emitter;
+    private nextUserInteractionEvent;
     private activityIntervals;
     private inactiveEndTimestamp;
     private legacy_missingNodeRetryMap;
@@ -22,7 +23,6 @@ export declare class Replayer {
     private virtualStyleRulesMap;
     private cache;
     private imageMap;
-    private nextUserInteractionEvent;
     private mirror;
     private firstFullSnapshot;
     private newDocumentQueue;
@@ -55,6 +55,8 @@ export declare class Replayer {
     private attachDocumentToIframe;
     private collectIframeAndAttachDocument;
     private waitForStylesheetLoad;
+    private hasImageArg;
+    private getImageArgs;
     private preloadAllImages;
     private applyIncremental;
     private applyMutation;

package/dist/replay/timer.d.ts

@@ -15,4 +15,7 @@ export declare class Timer {
     isActive(): boolean;
     private findActionIndex;
 }
-export declare function addDelay(event: eventWithTime, baselineTime: number): number;
+export declare type LastDelay = {
+    at: number | null;
+};
+export declare function addDelay(event: eventWithTime, baselineTime: number, lastDelay?: LastDelay): number;

package/dist/snapshot/types.d.ts

@@ -55,6 +55,9 @@ export declare type tagMap = {
 export interface INode extends Node {
     __sn: serializedNodeWithId;
 }
+export interface ICanvas extends HTMLCanvasElement {
+    __context: string;
+}
 export declare type idNodeMap = {
     [key: number]: INode;
 };

package/dist/types.d.ts

@@ -288,6 +288,24 @@ export declare enum MouseInteractions {
     TouchEnd = 9,
     TouchCancel = 10
 }
+export declare enum CanvasContext {
+    '2D' = 0,
+    WebGL = 1,
+    WebGL2 = 2
+}
+export declare type SerializedWebGlArg = {
+    rr_type: 'ArrayBuffer';
+    base64: string;
+} | {
+    rr_type: string;
+    src: string;
+} | {
+    rr_type: string;
+    args: Array<SerializedWebGlArg>;
+} | {
+    rr_type: string;
+    index: number;
+} | string | number | boolean | null | SerializedWebGlArg[];
 declare type mouseInteractionParam = {
     type: MouseInteractions;
     id: number;
@@ -330,9 +348,11 @@ export declare type styleDeclarationCallback = (s: styleDeclarationParam) => voi
 export declare type canvasMutationCallback = (p: canvasMutationParam) => void;
 export declare type canvasMutationParam = {
     id: number;
+    type: CanvasContext;
     property: string;
     args: Array<unknown>;
     setter?: true;
+    newFrame?: true;
 };
 export declare type fontParam = {
     family: string;
@@ -430,6 +450,7 @@ export declare type missingNodeMap = {
 export declare type actionWithDelay = {
     doAction: () => void;
     delay: number;
+    newFrame: boolean;
 };
 export declare type Handler = (event?: unknown) => void;
 export declare type Emitter = {

package/dist/utils.d.ts

@@ -1,10 +1,10 @@
-import { Mirror, throttleOptions, listenerHandler, hookResetter, blockClass, addedNodeMutation, removedNodeMutation, textMutation, attributeMutation, mutationData, scrollData, inputData, DocumentDimension } from './types';
+import { Mirror, throttleOptions, listenerHandler, hookResetter, blockClass, addedNodeMutation, removedNodeMutation, textMutation, attributeMutation, mutationData, scrollData, inputData, DocumentDimension, IWindow } from './types';
 import { INode, serializedNodeWithId } from './snapshot';
-export declare function on(type: string, fn: EventListenerOrEventListenerObject, target?: Document | Window): listenerHandler;
+export declare function on(type: string, fn: EventListenerOrEventListenerObject, target?: Document | IWindow): listenerHandler;
 export declare function createMirror(): Mirror;
 export declare let _mirror: Mirror;
 export declare function throttle<T>(func: (arg: T) => void, wait: number, options?: throttleOptions): (arg: 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 hookSetter<T>(target: T, key: string | number | symbol, d: PropertyDescriptor, isRevoked?: boolean, win?: IWindow): hookResetter;
 export declare function patch(source: {
     [key: string]: any;
 }, name: string, replacement: (...args: any[]) => any): () => void;
@@ -14,7 +14,7 @@ export declare function isBlocked(node: Node | null, blockClass: blockClass): bo
 export declare function isIgnored(n: Node | INode): boolean;
 export declare function isAncestorRemoved(target: INode, mirror: Mirror): boolean;
 export declare function isTouchEvent(event: MouseEvent | TouchEvent): event is TouchEvent;
-export declare function polyfill(win?: Window & typeof globalThis): void;
+export declare function polyfill(win?: IWindow): void;
 export declare type TreeNode = {
     id: number;
     mutation: addedNodeMutation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "1.0.8",
+  "version": "1.1.3",
   "description": "record and replay the web",
   "scripts": {
     "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
@@ -43,13 +43,13 @@
     "chai": "^4.2.0",
     "cross-env": "^5.2.0",
     "css-loader": "^5.0.1",
-    "mini-css-extract-plugin": "^1.3.8",
     "fast-mhtml": "^1.1.9",
     "ignore-styles": "^5.0.1",
     "inquirer": "^6.2.1",
     "jest-snapshot": "^23.6.0",
     "jsdom": "^16.6.0",
     "jsdom-global": "^3.0.2",
+    "mini-css-extract-plugin": "^1.3.8",
     "mocha": "^5.2.0",
     "node-libtidy": "^0.4.0",
     "prettier": "2.2.1",
@@ -76,7 +76,9 @@
   "dependencies": {
     "@types/css-font-loading-module": "0.0.4",
     "@xstate/fsm": "^1.4.0",
+    "base64-arraybuffer": "^1.0.1",
     "fflate": "^0.4.4",
+    "identity-obj-proxy": "^3.0.0",
     "mitt": "^1.1.3"
   }
 }