@openreplay/tracker 16.4.10 → 16.4.11-beta.0

package/dist/cjs/main/app/guards.d.ts

@@ -18,6 +18,7 @@ type TagTypeMap = {
     style: HTMLStyleElement | SVGStyleElement;
     link: HTMLLinkElement;
     canvas: HTMLCanvasElement;
+    slot: HTMLSlotElement;
 };
 export declare function hasTag<T extends keyof TagTypeMap>(el: Node, tagName: T): el is TagTypeMap[typeof tagName];
 export {};

package/dist/cjs/main/app/index.d.ts

@@ -165,7 +165,6 @@ export default class App {
     private rootId;
     private pageFrames;
     private frameOderNumber;
-    private frameLevel;
     private features;
     private emptyBatchCounter;
     constructor(projectKey: string, sessionToken: string | undefined, options: Partial<Options>, signalError: (error: string, apis: string[]) => void, insideIframe: boolean);
@@ -253,7 +252,7 @@ export default class App {
      * user 30 seconds to "activate" and record session by calling `start()` on conditional trigger,
      * and we will then send buffered batch, so it won't get lost
      * */
-    coldStart: (startOpts?: StartOptions, conditional?: boolean) => Promise<void>;
+    coldStart(startOpts?: StartOptions, conditional?: boolean): Promise<void>;
     private setupConditionalStart;
     onSessionSent: () => void;
     /**
@@ -261,7 +260,7 @@ export default class App {
      * @param {Object} startOpts - options for session start, same as .start()
      * @param {Function} onSessionSent - callback that will be called once session is fully sent
      * */
-    offlineRecording: (startOpts: StartOptions | undefined, onSessionSent: () => void) => {
+    offlineRecording(startOpts: StartOptions | undefined, onSessionSent: () => void): {
         saveBuffer: () => void;
         getBuffer: () => Message[];
         setBuffer: (buffer: Message[]) => void;
@@ -273,15 +272,15 @@ export default class App {
      *
      * Keeping the size of local storage reasonable is up to the end users of this library
      * */
-    saveBuffer: () => void;
+    saveBuffer(): void;
     /**
      * @returns buffer with stored messages for offline recording
      * */
-    getBuffer: () => Message[];
+    getBuffer(): Message[];
     /**
      * Used to set a buffer with messages array
      * */
-    setBuffer: (buffer: Message[]) => void;
+    setBuffer(buffer: Message[]): void;
     /**
      * Uploads the stored session buffer to backend
      * @returns promise that resolves once messages are loaded, it has to be awaited

package/dist/cjs/main/app/messages.gen.d.ts

@@ -27,6 +27,7 @@ export declare function UserAnonymousID(id: string): Messages.UserAnonymousID;
 export declare function Metadata(key: string, value: string): Messages.Metadata;
 export declare function StringDictGlobal(key: number, value: string): Messages.StringDictGlobal;
 export declare function SetNodeAttributeDictGlobal(id: number, name: number, value: number): Messages.SetNodeAttributeDictGlobal;
+export declare function NodeAnimationResult(id: number, styles: string): Messages.NodeAnimationResult;
 export declare function CSSInsertRule(id: number, rule: string, index: number): Messages.CSSInsertRule;
 export declare function CSSDeleteRule(id: number, index: number): Messages.CSSDeleteRule;
 export declare function Fetch(method: string, url: string, request: string, response: string, status: number, timestamp: number, duration: number): Messages.Fetch;
@@ -43,7 +44,7 @@ export declare function StringDictDeprecated(key: number, value: string): Messag
 export declare function SetNodeAttributeDictDeprecated(id: number, nameKey: number, valueKey: number): Messages.SetNodeAttributeDictDeprecated;
 export declare function StringDict(key: string, value: string): Messages.StringDict;
 export declare function SetNodeAttributeDict(id: number, name: string, value: string): Messages.SetNodeAttributeDict;
-export declare function ResourceTimingDeprecated(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string): Messages.ResourceTimingDeprecated;
+export declare function ResourceTimingDeprecatedDeprecated(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string): Messages.ResourceTimingDeprecatedDeprecated;
 export declare function ConnectionInformation(downlink: number, type: string): Messages.ConnectionInformation;
 export declare function SetPageVisibility(hidden: boolean): Messages.SetPageVisibility;
 export declare function LoadFontFace(parentID: number, family: string, source: string, descriptors: string): Messages.LoadFontFace;
@@ -53,6 +54,7 @@ export declare function SetNodeAttributeURLBased(id: number, name: string, value
 export declare function SetCSSDataURLBased(id: number, data: string, baseURL: string): Messages.SetCSSDataURLBased;
 export declare function TechnicalInfo(type: string, value: string): Messages.TechnicalInfo;
 export declare function CustomIssue(name: string, payload: string): Messages.CustomIssue;
+export declare function SetNodeSlot(id: number, slotID: number): Messages.SetNodeSlot;
 export declare function CSSInsertRuleURLBased(id: number, rule: string, index: number, baseURL: string): Messages.CSSInsertRuleURLBased;
 export declare function MouseClick(id: number, hesitationTime: number, label: string, selector: string, normalizedX: number, normalizedY: number): Messages.MouseClick;
 export declare function MouseClickDeprecated(id: number, hesitationTime: number, label: string, selector: string): Messages.MouseClickDeprecated;
@@ -68,11 +70,14 @@ export declare function BatchMetadata(version: number, pageNo: number, firstInde
 export declare function PartitionedMessage(partNo: number, partTotal: number): Messages.PartitionedMessage;
 export declare function NetworkRequest(type: string, method: string, url: string, request: string, response: string, status: number, timestamp: number, duration: number, transferredBodySize: number): Messages.NetworkRequest;
 export declare function WSChannel(chType: string, channelName: string, data: string, timestamp: number, dir: string, messageType: string): Messages.WSChannel;
+export declare function ResourceTiming(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string, transferredSize: number, cached: boolean, queueing: number, dnsLookup: number, initialConnection: number, ssl: number, contentDownload: number, total: number, stalled: number): Messages.ResourceTiming;
+export declare function Incident(label: string, startTime: number, endTime: number): Messages.Incident;
+export declare function LongAnimationTask(name: string, duration: number, blockingDuration: number, firstUIEventTimestamp: number, startTime: number, scripts: string): Messages.LongAnimationTask;
 export declare function InputChange(id: number, value: string, valueMasked: boolean, label: string, hesitationTime: number, inputDuration: number): Messages.InputChange;
 export declare function SelectionChange(selectionStart: number, selectionEnd: number, selection: string): Messages.SelectionChange;
 export declare function MouseThrashing(timestamp: number): Messages.MouseThrashing;
 export declare function UnbindNodes(totalRemovedPercent: number): Messages.UnbindNodes;
-export declare function ResourceTiming(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string, transferredSize: number, cached: boolean): Messages.ResourceTiming;
+export declare function ResourceTimingDeprecated(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string, transferredSize: number, cached: boolean): Messages.ResourceTimingDeprecated;
 export declare function TabChange(tabId: string): Messages.TabChange;
 export declare function TabData(tabId: string): Messages.TabData;
 export declare function CanvasNode(nodeId: string, timestamp: number): Messages.CanvasNode;

package/dist/cjs/main/app/nodes/index.d.ts

@@ -15,11 +15,10 @@ export default class Nodes {
     private readonly forceNgOff;
     private readonly maintainer;
     constructor(params: NodesOptions);
-    crossdomainMode(level: number, frameOrder: number): void;
+    syntheticMode(frameOrder: number): void;
     attachNodeCallback: (nodeCallback: NodeCallback) => number;
     scanTree: (cb: (node: Node | void) => void) => void;
     attachNodeListener: (node: Node, type: string, listener: EventListener, useCapture?: boolean) => void;
-    createFrameId: (level: number, frameOrder: number) => number;
     registerNode(node: Node): [/*id:*/ number, /*isNew:*/ boolean];
     unregisterNode: (node: Node) => number | undefined;
     cleanTree(): void;

package/dist/cjs/main/app/observer/observer.d.ts

@@ -2,6 +2,7 @@ import App from '../index.js';
 export declare function parseUseEl(useElement: SVGUseElement, mode: 'inline' | 'dataurl' | 'svgtext', domParser: DOMParser): Promise<any>;
 interface Options {
     disableSprites?: boolean;
+    disableThrottling?: boolean;
     inlineRemoteCss?: boolean;
     inlinerOptions?: {
         forceFetch?: boolean;
@@ -17,6 +18,7 @@ export default abstract class Observer {
     private readonly indexes;
     private readonly attributesMap;
     private readonly textSet;
+    private readonly slotMap;
     private readonly disableSprites;
     /**
      * this option means that, instead of using link element with href to load css,
@@ -35,6 +37,8 @@ export default abstract class Observer {
      */
     private handleIframeSrcChange;
     private sendNodeAttribute;
+    throttling: boolean;
+    private throttledSetNodeData;
     private sendNodeData;
     private bindNode;
     private bindTree;

package/dist/cjs/main/app/observer/top_observer.d.ts

@@ -6,7 +6,7 @@ export declare enum InlineCssMode {
     Disabled = 0,
     /** will attempt to record the linked css file as AdoptedStyleSheet object */
     Inline = 1,
-    /** will fetch the file, then simulated AdoptedStyleSheets behavior programmaticaly for the replay */
+    /** will fetch the file, then simulate AdoptedStyleSheets behavior programmaticaly for the replay */
     InlineFetched = 2,
     /** will fetch the file, then save it as plain css inside <style> node */
     PlainFetched = 3
@@ -22,6 +22,7 @@ export interface Options {
      * @default InlineCssMode.None = 0
      * */
     inlineCss: InlineCssMode;
+    disableThrottling?: boolean;
 }
 type Context = Window & typeof globalThis;
 type ContextCallback = (context: Context) => void;
@@ -44,7 +45,7 @@ export default class TopObserver extends Observer {
     private shadowRootObservers;
     private handleShadowRoot;
     observe(): void;
-    crossdomainObserve(rootNodeId: number, frameOder: number, frameLevel: number): void;
+    crossdomainObserve(rootNodeId: number, frameOder: number): void;
     disconnect(): void;
 }
 export {};

package/dist/cjs/main/index.d.ts

@@ -14,10 +14,12 @@ import type { Options as NetworkOptions } from './modules/network.js';
 import type { MouseHandlerOptions } from './modules/mouse.js';
 import type { SessionInfo } from './app/session.js';
 import type { CssRulesOptions } from './modules/cssrules.js';
+import type { LATOptions } from './modules/longAnimationTask.js';
+import type { Options as WapOptions } from './modules/webAnimations.js';
 import type { Options as ViewportOptions } from './modules/viewport.js';
 import type { StartOptions } from './app/index.js';
 import type { StartPromiseReturn } from './app/index.js';
-export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
+export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions & LATOptions> & {
     projectID?: number;
     projectKey: string;
     sessionToken?: string;
@@ -31,6 +33,7 @@ export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & I
     };
     __DISABLE_SECURE_MODE?: boolean;
     css: CssRulesOptions;
+    webAnimations?: WapOptions;
     urls?: Partial<ViewportOptions>;
 };
 export default class API {
@@ -112,4 +115,9 @@ export default class API {
     event(key: string, payload?: any, issue?: boolean): void;
     issue(key: string, payload?: any): void;
     handleError: (e: Error | ErrorEvent | PromiseRejectionEvent, metadata?: Record<string, any>) => void;
+    incident: (options: {
+        label?: string;
+        startTime: number;
+        endTime?: number;
+    }) => void;
 }

package/dist/cjs/main/modules/longAnimationTask.d.ts

@@ -0,0 +1,25 @@
+import type App from '../app/index.js';
+export interface LongAnimationTask extends PerformanceEntry {
+    name: string;
+    duration: number;
+    blockingDuration: number;
+    firstUIEventTimestamp: number;
+    startTime: number;
+    scripts: [
+        {
+            name: string;
+            duration: number;
+            invoker: string;
+            invokerType: string;
+            pauseDuration: number;
+            sourceURL: string;
+            sourceFunctionName: string;
+            sourceCharPosition: number;
+            forcedStyleAndLayoutDuration: number;
+        }
+    ];
+}
+export interface LATOptions {
+    longTasks: boolean;
+}
+export default function (app: App, opts: Partial<LATOptions>): void;

package/dist/cjs/main/modules/tagWatcher.d.ts

@@ -1,6 +1,6 @@
 export declare const WATCHED_TAGS_KEY = "__or__watched_tags__";
 declare class TagWatcher {
-    intervals: Record<string, ReturnType<typeof setInterval>>;
+    interval: ReturnType<typeof setInterval> | null;
     tags: {
         id: number;
         selector: string;

package/dist/cjs/main/modules/webAnimations.d.ts

@@ -0,0 +1,9 @@
+import type App from '../app/index.js';
+/**
+ * this will only work for custom elements by default (because of ionic)
+ */
+export interface Options {
+    allElements?: boolean;
+}
+declare function webAnimations(app: App, options?: Options): void;
+export default webAnimations;

package/dist/cjs/main/utils.d.ts

@@ -28,3 +28,6 @@ export declare function createEventListener(target: EventTarget, event: string,
 export declare function deleteEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean, forceNgOff?: boolean): void;
 export declare function requestIdleCb(callback: () => void): void;
 export declare function simpleMerge<T>(defaultObj: T, givenObj: Partial<T>): T;
+export declare function throttleWithTrailing<K, Args extends any[]>(fn: (key: K, ...args: Args) => void, interval: number): ((key: K, ...args: Args) => void) & {
+    clear: () => void;
+};

package/dist/lib/common/messages.gen.d.ts

@@ -26,6 +26,7 @@ export declare const enum Type {
     Metadata = 30,
     StringDictGlobal = 34,
     SetNodeAttributeDictGlobal = 35,
+    NodeAnimationResult = 36,
     CSSInsertRule = 37,
     CSSDeleteRule = 38,
     Fetch = 39,
@@ -42,7 +43,7 @@ export declare const enum Type {
     SetNodeAttributeDictDeprecated = 51,
     StringDict = 43,
     SetNodeAttributeDict = 52,
-    ResourceTimingDeprecated = 53,
+    ResourceTimingDeprecatedDeprecated = 53,
     ConnectionInformation = 54,
     SetPageVisibility = 55,
     LoadFontFace = 57,
@@ -52,6 +53,7 @@ export declare const enum Type {
     SetCSSDataURLBased = 61,
     TechnicalInfo = 63,
     CustomIssue = 64,
+    SetNodeSlot = 65,
     CSSInsertRuleURLBased = 67,
     MouseClick = 68,
     MouseClickDeprecated = 69,
@@ -67,11 +69,14 @@ export declare const enum Type {
     PartitionedMessage = 82,
     NetworkRequest = 83,
     WSChannel = 84,
+    ResourceTiming = 85,
+    Incident = 87,
+    LongAnimationTask = 89,
     InputChange = 112,
     SelectionChange = 113,
     MouseThrashing = 114,
     UnbindNodes = 115,
-    ResourceTiming = 116,
+    ResourceTimingDeprecated = 116,
     TabChange = 117,
     TabData = 118,
     CanvasNode = 119,
@@ -234,6 +239,11 @@ export type SetNodeAttributeDictGlobal = [
     number,
     number
 ];
+export type NodeAnimationResult = [
+    Type.NodeAnimationResult,
+    number,
+    string
+];
 export type CSSInsertRule = [
     Type.CSSInsertRule,
     number,
@@ -330,8 +340,8 @@ export type SetNodeAttributeDict = [
     string,
     string
 ];
-export type ResourceTimingDeprecated = [
-    Type.ResourceTimingDeprecated,
+export type ResourceTimingDeprecatedDeprecated = [
+    Type.ResourceTimingDeprecatedDeprecated,
     number,
     number,
     number,
@@ -394,6 +404,11 @@ export type CustomIssue = [
     string,
     string
 ];
+export type SetNodeSlot = [
+    Type.SetNodeSlot,
+    number,
+    number
+];
 export type CSSInsertRuleURLBased = [
     Type.CSSInsertRuleURLBased,
     number,
@@ -496,6 +511,41 @@ export type WSChannel = [
     string,
     string
 ];
+export type ResourceTiming = [
+    Type.ResourceTiming,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    string,
+    string,
+    number,
+    boolean,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number
+];
+export type Incident = [
+    Type.Incident,
+    string,
+    number,
+    number
+];
+export type LongAnimationTask = [
+    Type.LongAnimationTask,
+    string,
+    number,
+    number,
+    number,
+    number,
+    string
+];
 export type InputChange = [
     Type.InputChange,
     number,
@@ -519,8 +569,8 @@ export type UnbindNodes = [
     Type.UnbindNodes,
     number
 ];
-export type ResourceTiming = [
-    Type.ResourceTiming,
+export type ResourceTimingDeprecated = [
+    Type.ResourceTimingDeprecated,
     number,
     number,
     number,
@@ -576,5 +626,5 @@ export type WebVitals = [
     string,
     string
 ];
-type Message = Timestamp | SetPageLocationDeprecated | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | NetworkRequestDeprecated | ConsoleLog | PageLoadTiming | PageRenderTiming | CustomEvent | UserID | UserAnonymousID | Metadata | StringDictGlobal | SetNodeAttributeDictGlobal | CSSInsertRule | CSSDeleteRule | Fetch | Profiler | OTable | StateAction | ReduxDeprecated | Vuex | MobX | NgRx | GraphQLDeprecated | PerformanceTrack | StringDictDeprecated | SetNodeAttributeDictDeprecated | StringDict | SetNodeAttributeDict | ResourceTimingDeprecated | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | LongTask | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | CSSInsertRuleURLBased | MouseClick | MouseClickDeprecated | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | JSException | Zustand | BatchMetadata | PartitionedMessage | NetworkRequest | WSChannel | InputChange | SelectionChange | MouseThrashing | UnbindNodes | ResourceTiming | TabChange | TabData | CanvasNode | TagTrigger | Redux | SetPageLocation | GraphQL | WebVitals;
+type Message = Timestamp | SetPageLocationDeprecated | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | NetworkRequestDeprecated | ConsoleLog | PageLoadTiming | PageRenderTiming | CustomEvent | UserID | UserAnonymousID | Metadata | StringDictGlobal | SetNodeAttributeDictGlobal | NodeAnimationResult | CSSInsertRule | CSSDeleteRule | Fetch | Profiler | OTable | StateAction | ReduxDeprecated | Vuex | MobX | NgRx | GraphQLDeprecated | PerformanceTrack | StringDictDeprecated | SetNodeAttributeDictDeprecated | StringDict | SetNodeAttributeDict | ResourceTimingDeprecatedDeprecated | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | LongTask | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | SetNodeSlot | CSSInsertRuleURLBased | MouseClick | MouseClickDeprecated | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | JSException | Zustand | BatchMetadata | PartitionedMessage | NetworkRequest | WSChannel | ResourceTiming | Incident | LongAnimationTask | InputChange | SelectionChange | MouseThrashing | UnbindNodes | ResourceTimingDeprecated | TabChange | TabData | CanvasNode | TagTrigger | Redux | SetPageLocation | GraphQL | WebVitals;
 export default Message;