@highlight-run/rrweb 1.0.8 → 1.1.0

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,4 @@
+import { SerializedWebGlArg } from '../../../types';
+export declare function serializeArg(value: any): SerializedWebGlArg;
+export declare const serializeArgs: (args: Array<any>) => SerializedWebGlArg[];
+export declare const saveWebGLVar: (value: any) => 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

@@ -54,6 +54,8 @@ export declare class Replayer {
     private insertStyleRules;
     private attachDocumentToIframe;
     private collectIframeAndAttachDocument;
+    private hasImageArg;
+    private getImageArgs;
     private waitForStylesheetLoad;
     private preloadAllImages;
     private applyIncremental;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "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"
   }
 }