@screeb/rrweb 1.0.20 → 2.1.6-screeb.1

package/dist/rrweb.d.cts

@@ -1,120 +1,49 @@
-import { actionWithDelay } from '@sentry-internal/rrweb-types';
-import { addedNodeMutation } from '@sentry-internal/rrweb-types';
-import { blockClass } from '@sentry-internal/rrweb-types';
-import { CanvasArg } from '@sentry-internal/rrweb-types';
-import { canvasMutationCallback } from '@sentry-internal/rrweb-types';
-import { canvasMutationData } from '@sentry-internal/rrweb-types';
-import { canvasMutationParam } from '@sentry-internal/rrweb-types';
-import { DataURLOptions } from '@sentry-internal/rrweb-snapshot';
-import { DeprecatedMirror } from '@sentry-internal/rrweb-types';
-import { DocumentDimension } from '@sentry-internal/rrweb-types';
-import { Emitter } from '@sentry-internal/rrweb-types';
-import { EventType } from '@sentry-internal/rrweb-types';
-import { eventWithTime } from '@sentry-internal/rrweb-types';
-import { fullSnapshotEvent } from '@sentry-internal/rrweb-types';
-import { Handler } from '@sentry-internal/rrweb-types';
-import { hookResetter } from '@sentry-internal/rrweb-types';
-import { hooksParam } from '@sentry-internal/rrweb-types';
-import { IMirror } from '@sentry-internal/rrweb-snapshot';
-import { incrementalSnapshotEvent } from '@sentry-internal/rrweb-types';
-import { IncrementalSource } from '@sentry-internal/rrweb-types';
-import { inputData } from '@sentry-internal/rrweb-types';
-import { IWindow } from '@sentry-internal/rrweb-types';
-import { KeepIframeSrcFn } from '@sentry-internal/rrweb-types';
-import { listenerHandler } from '@sentry-internal/rrweb-types';
-import { MaskAttributeFn } from '@sentry-internal/rrweb-snapshot';
-import { MaskInputFn } from '@sentry-internal/rrweb-snapshot';
-import { MaskInputOptions } from '@sentry-internal/rrweb-snapshot';
-import { maskTextClass } from '@sentry-internal/rrweb-types';
-import { MaskTextFn } from '@sentry-internal/rrweb-snapshot';
-import { Mirror } from '@sentry-internal/rrweb-snapshot';
-import { MouseInteractions } from '@sentry-internal/rrweb-types';
-import { PackFn } from '@sentry-internal/rrweb-types';
-import { playerMetaData } from '@sentry-internal/rrweb-types';
-import { RecordPlugin } from '@sentry-internal/rrweb-types';
-import { ReplayerEvents } from '@sentry-internal/rrweb-types';
-import { RRDocument } from '@sentry-internal/rrdom';
-import { RRIFrameElement } from '@sentry-internal/rrdom';
-import { RRNode } from '@sentry-internal/rrdom';
-import { SamplingStrategy } from '@sentry-internal/rrweb-types';
-import { SlimDOMOptions } from '@sentry-internal/rrweb-snapshot';
+import { actionWithDelay } from '@rrweb/types';
+import { addedNodeMutation } from '@rrweb/types';
+import { blockClass } from '@rrweb/types';
+import { canvasMutationData } from '@rrweb/types';
+import { DataURLOptions } from '@rrweb/types';
+import { DeprecatedMirror } from '@rrweb/types';
+import { DocumentDimension } from '@rrweb/types';
+import { Emitter } from '@rrweb/types';
+import { EventType } from '@rrweb/types';
+import { eventWithTime } from '@rrweb/types';
+import { Handler } from '@rrweb/types';
+import { hookResetter } from '@rrweb/types';
+import { hooksParam } from '@rrweb/types';
+import { IMirror } from '@rrweb/types';
+import { IncrementalSource } from '@rrweb/types';
+import { IWindow } from '@rrweb/types';
+import { KeepIframeSrcFn } from '@rrweb/types';
+import { listenerHandler } from '@rrweb/types';
+import { MaskInputFn } from 'rrweb-snapshot';
+import { MaskInputOptions } from 'rrweb-snapshot';
+import { maskTextClass } from '@rrweb/types';
+import { MaskTextFn } from 'rrweb-snapshot';
+import { Mirror } from 'rrweb-snapshot';
+import { MouseInteractions } from '@rrweb/types';
+import { nowTimestamp } from '@rrweb/utils';
+import { PackFn } from '@rrweb/types';
+import { playerMetaData } from '@rrweb/types';
+import { RecordPlugin } from '@rrweb/types';
+import { ReplayerEvents } from '@rrweb/types';
+import { RRDocument } from 'rrdom';
+import { RRIFrameElement } from 'rrdom';
+import { RRNode } from 'rrdom';
+import { SamplingStrategy } from '@rrweb/types';
+import { SlimDOMOptions } from 'rrweb-snapshot';
 import { StateMachine } from '@xstate/fsm';
-import { textMutation } from '@sentry-internal/rrweb-types';
-import { throttleOptions } from '@sentry-internal/rrweb-types';
-import { unmaskTextClass } from '@sentry-internal/rrweb-types';
-import { UnpackFn } from '@sentry-internal/rrweb-types';
+import { textMutation } from '@rrweb/types';
+import { throttleOptions } from '@rrweb/types';
+import { UnpackFn } from '@rrweb/types';
 
-export declare function addCustomEvent<T>(tag: string, payload: T): void;
+export declare const addCustomEvent: <T>(tag: string, payload: T) => void;
 
 declare type AppendedIframe = {
     mutationInQueue: addedNodeMutation;
     builtNode: HTMLIFrameElement | RRIFrameElement;
 };
 
-export declare class CanvasManager implements CanvasManagerInterface {
-    private pendingCanvasMutations;
-    private rafStamps;
-    private options;
-    private mirror;
-    private shadowDoms;
-    private windowsSet;
-    private windows;
-    private mutationCb;
-    private restoreHandlers;
-    private frozen;
-    private locked;
-    private snapshotInProgressMap;
-    private worker;
-    private lastSnapshotTime;
-    reset(): void;
-    freeze(): void;
-    unfreeze(): void;
-    lock(): void;
-    unlock(): void;
-    constructor(options: CanvasManagerConstructorOptions);
-    addWindow(win: IWindow): void;
-    addShadowRoot(shadowRoot: ShadowRoot): void;
-    resetShadowRoots(): void;
-    snapshot(canvasElement?: HTMLCanvasElement, options?: SnapshotOptions): void;
-    private initFPSWorker;
-    private processMutation;
-    private initCanvasFPSObserver;
-    private initCanvasMutationObserver;
-    private getCanvasElements;
-    private takeSnapshot;
-    private startPendingCanvasMutationFlusher;
-    private startRAFTimestamping;
-    flushPendingCanvasMutations(): void;
-    flushPendingCanvasMutationFor(canvas: HTMLCanvasElement, id: number): void;
-}
-
-export declare interface CanvasManagerConstructorOptions {
-    recordCanvas: boolean;
-    enableManualSnapshot?: boolean;
-    mutationCb: canvasMutationCallback;
-    win: IWindow;
-    blockClass: blockClass;
-    blockSelector: string | null;
-    unblockSelector: string | null;
-    maxCanvasSize?: MaxCanvasSize | null;
-    mirror: Mirror;
-    dataURLOptions: DataURLOptions;
-    errorHandler?: ErrorHandler;
-    sampling?: 'all' | number;
-}
-
-declare interface CanvasManagerInterface {
-    reset(): void;
-    freeze(): void;
-    unfreeze(): void;
-    lock(): void;
-    unlock(): void;
-    snapshot(canvasElement?: HTMLCanvasElement, options?: SnapshotOptions): void;
-    addWindow(win: IWindow): void;
-    addShadowRoot(shadowRoot: ShadowRoot): void;
-    resetShadowRoots(): void;
-}
-
 export declare function canvasMutation({ event, mutation, target, imageMap, canvasEventMap, errorHandler, }: {
     event: Parameters<Replayer['applyIncremental']>[0];
     mutation: canvasMutationData;
@@ -124,35 +53,23 @@ export declare function canvasMutation({ event, mutation, target, imageMap, canv
     errorHandler: Replayer['warnCanvasMutationFailed'];
 }): Promise<void>;
 
-export { canvasMutationData }
-
-export { canvasMutationParam }
-
-declare function clearTimeout_2(...rest: Parameters<typeof window.clearTimeout>): ReturnType<typeof window.clearTimeout>;
-
 declare function closestElementOfNode(node: Node | null): HTMLElement | null;
 
 declare function createPlayerService(context: PlayerContext, { getCastFn, applyEventsSynchronously, emitter }: PlayerAssets): StateMachine.Service<PlayerContext, PlayerEvent, PlayerState>;
 
 declare function createSpeedService(context: SpeedContext): StateMachine.Service<SpeedContext, SpeedEvent, SpeedState>;
 
-export declare function deserializeArg(imageMap: Replayer['imageMap'], ctx: CanvasRenderingContext2D | WebGLRenderingContext | WebGL2RenderingContext | null, preload?: {
-    isUnchanged: boolean;
-}): (arg: CanvasArg) => Promise<any>;
-
 declare type ErrorHandler = (error: unknown) => void | boolean;
 
 export { EventType }
 
 export { eventWithTime }
 
-export declare function freezePage(): void;
-
-export { fullSnapshotEvent }
+export declare const freezePage: () => void;
 
 declare function getBaseDimension(node: Node, rootIframe: Node): DocumentDimension;
 
-declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule;
+declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule | null;
 
 declare function getPositionsAndIndex(nestedIndex: number[]): {
     positions: number[];
@@ -178,19 +95,15 @@ declare function hasShadowRoot<T extends Node | RRNode>(n: T): n is T & {
 
 declare function hookSetter<T>(target: T, key: string | number | symbol, d: PropertyDescriptor, isRevoked?: boolean, win?: Window & typeof globalThis): hookResetter;
 
-export { incrementalSnapshotEvent }
-
 export { IncrementalSource }
 
 declare function inDom(n: Node): boolean;
 
-export { inputData }
-
 declare function isAncestorRemoved(target: Node, mirror: Mirror): boolean;
 
-declare function isBlocked(node: Node | null, blockClass: blockClass, blockSelector: string | null, unblockSelector: string | null, checkAncestors: boolean): boolean;
+declare function isBlocked(node: Node | null, blockClass: blockClass, blockSelector: string | null, checkAncestors: boolean): boolean;
 
-declare function isIgnored(n: Node, mirror: Mirror): boolean;
+declare function isIgnored(n: Node, mirror: Mirror, slimDOMOptions: SlimDOMOptions): boolean;
 
 declare function isSerialized(n: Node, mirror: Mirror): boolean;
 
@@ -202,22 +115,12 @@ declare function iterateResolveTree(tree: ResolveTree, cb: (mutation: addedNodeM
 
 declare function legacy_isTouchEvent(event: MouseEvent | TouchEvent | PointerEvent): event is TouchEvent;
 
-declare type MaxCanvasSize = [number, number];
-
-declare let _mirror: DeprecatedMirror;
+export declare let mirror: DeprecatedMirror;
 
 export { MouseInteractions }
 
-declare let nowTimestamp: () => number;
-
 declare function on(type: string, fn: EventListenerOrEventListenerObject, target?: Document | IWindow): listenerHandler;
 
-declare function onRequestAnimationFrame(...rest: Parameters<typeof requestAnimationFrame>): ReturnType<typeof requestAnimationFrame>;
-
-declare function patch(source: {
-    [key: string]: any;
-}, name: string, replacement: (...args: unknown[]) => unknown): () => void;
-
 declare type PlayerAssets = {
     emitter: Emitter;
     applyEventsSynchronously(events: Array<eventWithTime>): void;
@@ -290,7 +193,7 @@ declare type PlayerEvent = {
 
 export declare type PlayerMachineState = StateMachine.State<PlayerContext, PlayerEvent, PlayerState>;
 
-export declare type PlayerState = {
+declare type PlayerState = {
     value: 'playing';
     context: PlayerContext;
 } | {
@@ -308,8 +211,10 @@ declare function queueToResolveTrees(queue: addedNodeMutation[]): ResolveTree[];
 export declare function record<T = eventWithTime>(options?: recordOptions<T>): listenerHandler | undefined;
 
 export declare namespace record {
+    var addCustomEvent: <T>(tag: string, payload: T) => void;
+    var freezePage: () => void;
+    var takeFullSnapshot: (isCheckout?: boolean | undefined) => void;
     var mirror: Mirror;
-    var takeFullSnapshot: takeFullSnapshot;
 }
 
 export declare type recordOptions<T> = {
@@ -318,20 +223,14 @@ export declare type recordOptions<T> = {
     checkoutEveryNms?: number;
     blockClass?: blockClass;
     blockSelector?: string;
-    unblockSelector?: string;
     ignoreClass?: string;
     ignoreSelector?: string;
-    maskAllText?: boolean;
     maskTextClass?: maskTextClass;
-    unmaskTextClass?: unmaskTextClass;
     maskTextSelector?: string;
-    unmaskTextSelector?: string;
     maskAllInputs?: boolean;
     maskInputOptions?: MaskInputOptions;
-    maskAttributeFn?: MaskAttributeFn;
     maskInputFn?: MaskInputFn;
     maskTextFn?: MaskTextFn;
-    maxCanvasSize?: [number, number];
     slimDOMOptions?: SlimDOMOptions | 'all' | true;
     ignoreCSSAttributes?: Set<string>;
     inlineStylesheet?: boolean;
@@ -351,19 +250,22 @@ export declare type recordOptions<T> = {
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
     errorHandler?: ErrorHandler;
-    onMutation?: (mutations: MutationRecord[]) => boolean;
-    getCanvasManager?: (options: CanvasManagerConstructorOptions) => CanvasManagerInterface;
 };
 
 export declare class Replayer {
     wrapper: HTMLDivElement;
     iframe: HTMLIFrameElement;
+    private UNSAFE_replayCanvas;
     service: ReturnType<typeof createPlayerService>;
     speedService: ReturnType<typeof createSpeedService>;
     get timer(): Timer;
     config: playerConfig;
     usingVirtualDom: boolean;
     virtualDom: RRDocument;
+    private mouse;
+    private mouseTail;
+    private tailPositions;
+    private mouseTailFrame;
     private emitter;
     private nextUserInteractionEvent;
     private legacy_missingNodeRetryMap;
@@ -372,17 +274,17 @@ export declare class Replayer {
     private canvasEventMap;
     private mirror;
     private styleMirror;
+    private mediaManager;
     private firstFullSnapshot;
     private newDocumentQueue;
-    private pointers;
-    private mouseTailAnimationFrame;
+    private mousePos;
+    private touchActive;
     private lastMouseDownEvent;
     private lastHoveredRootNode;
     private lastSelectionData;
     private constructedStyleMutations;
     private adoptedStyleSheets;
     constructor(events: Array<eventWithTime | string>, config?: Partial<playerConfig>);
-    private createPointer;
     on(event: string, handler: Handler): this;
     off(event: string, handler: Handler): this;
     setConfig(config: Partial<playerConfig>): void;
@@ -399,7 +301,6 @@ export declare class Replayer {
     enableInteract(): void;
     disableInteract(): void;
     resetCache(): void;
-    private reevaluateFastForward;
     private setupDom;
     private handleResize;
     private applyEventsSynchronously;
@@ -424,7 +325,7 @@ export declare class Replayer {
     private legacy_resolveMissingNode;
     private moveAndHover;
     private drawMouseTail;
-    private stepMouseTails;
+    private stepMouseTail;
     private hoverElements;
     private isUserInteraction;
     private backToNormal;
@@ -450,20 +351,16 @@ export declare type ReplayPlugin = {
     }) => void;
 };
 
+declare function requestAnimationFrameIn(win: IWindow, callback: FrameRequestCallback): number;
+
 declare type ResolveTree = {
     value: addedNodeMutation;
     children: ResolveTree[];
     parent: ResolveTree | null;
 };
 
-declare function setTimeout_2(...rest: Parameters<typeof window.setTimeout>): ReturnType<typeof window.setTimeout>;
-
 declare function shadowHostInDom(n: Node): boolean;
 
-declare type SnapshotOptions = {
-    skipRequestAnimationFrame?: boolean;
-};
-
 declare type SpeedContext = {
     normalSpeed: playerConfig['speed'];
     timer: Timer;
@@ -485,7 +382,7 @@ declare type SpeedEvent = {
 
 export declare type SpeedMachineState = StateMachine.State<SpeedContext, SpeedEvent, SpeedState>;
 
-export declare type SpeedState = {
+declare type SpeedState = {
     value: 'normal';
     context: SpeedContext;
 } | {
@@ -505,7 +402,7 @@ declare class StyleSheetMirror {
     generateId(): number;
 }
 
-export declare function takeFullSnapshot(isCheckout?: boolean): void;
+export declare const takeFullSnapshot: (isCheckout?: boolean | undefined) => void;
 
 declare function throttle<T>(func: (arg: T) => void, wait: number, options?: throttleOptions): (...args: T[]) => void;
 
@@ -520,6 +417,7 @@ declare class Timer {
     });
     addAction(action: actionWithDelay): void;
     start(): void;
+    updateLiveTime(): void;
     private rafCheck;
     clear(): void;
     setSpeed(speed: number): void;
@@ -534,7 +432,6 @@ declare namespace utils {
         on,
         throttle,
         hookSetter,
-        patch,
         getWindowScroll,
         getWindowHeight,
         getWindowWidth,
@@ -544,6 +441,7 @@ declare namespace utils {
         isIgnored,
         isAncestorRemoved,
         legacy_isTouchEvent,
+        requestAnimationFrameIn,
         polyfill,
         queueToResolveTrees,
         iterateResolveTree,
@@ -558,11 +456,8 @@ declare namespace utils {
         getRootShadowHost,
         shadowHostInDom,
         inDom,
-        onRequestAnimationFrame,
-        setTimeout_2 as setTimeout,
-        clearTimeout_2 as clearTimeout,
-        _mirror,
         nowTimestamp,
+        mirror as _mirror,
         AppendedIframe,
         StyleSheetMirror
     }
@@ -572,15 +467,28 @@ export { utils }
 export { }
 
 
+declare namespace record {
+    var addCustomEvent: <T>(tag: string, payload: T) => void;
+    var freezePage: () => void;
+    var takeFullSnapshot: (isCheckout?: boolean | undefined) => void;
+    var mirror: import("rrweb-snapshot").Mirror;
+}
+
+
 declare global {
-    const __RRWEB_EXCLUDE_SHADOW_DOM__: boolean;
-    const __RRWEB_EXCLUDE_IFRAME__: boolean;
+    interface Window {
+        FontFace: typeof FontFace;
+        Array: typeof Array;
+    }
 }
 
 
+
 declare namespace record {
-    var mirror: import("@sentry-internal/rrweb-snapshot").Mirror;
-    var takeFullSnapshot: typeof import(".").takeFullSnapshot;
+    var addCustomEvent: <T>(tag: string, payload: T) => void;
+    var freezePage: () => void;
+    var takeFullSnapshot: (isCheckout?: boolean | undefined) => void;
+    var mirror: import("rrweb-snapshot").Mirror;
 }