@openreplay/tracker 16.3.0-beta.2 → 17.0.0-beta.0

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

@@ -27,6 +27,9 @@ 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 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;
 export declare function Profiler(name: string, duration: number, args: string, result: string): Messages.Profiler;
 export declare function OTable(key: string, value: string): Messages.OTable;
 export declare function StateAction(type: string): Messages.StateAction;
@@ -40,15 +43,17 @@ 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;
 export declare function SetNodeFocus(id: number): Messages.SetNodeFocus;
+export declare function LongTask(timestamp: number, duration: number, context: number, containerType: number, containerSrc: string, containerId: string, containerName: string): Messages.LongTask;
 export declare function SetNodeAttributeURLBased(id: number, name: string, value: string, baseURL: string): Messages.SetNodeAttributeURLBased;
 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 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;
 export declare function CreateIFrameDocument(frameID: number, id: number): Messages.CreateIFrameDocument;
@@ -63,11 +68,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/lib/main/index.d.ts

@@ -14,9 +14,10 @@ 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 { 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;
@@ -110,4 +111,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/lib/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/lib/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/types/common/messages.gen.d.ts

@@ -26,6 +26,9 @@ export declare const enum Type {
     Metadata = 30,
     StringDictGlobal = 34,
     SetNodeAttributeDictGlobal = 35,
+    CSSInsertRule = 37,
+    CSSDeleteRule = 38,
+    Fetch = 39,
     Profiler = 40,
     OTable = 41,
     StateAction = 42,
@@ -39,15 +42,17 @@ export declare const enum Type {
     SetNodeAttributeDictDeprecated = 51,
     StringDict = 43,
     SetNodeAttributeDict = 52,
-    ResourceTimingDeprecated = 53,
+    ResourceTimingDeprecatedDeprecated = 53,
     ConnectionInformation = 54,
     SetPageVisibility = 55,
     LoadFontFace = 57,
     SetNodeFocus = 58,
+    LongTask = 59,
     SetNodeAttributeURLBased = 60,
     SetCSSDataURLBased = 61,
     TechnicalInfo = 63,
     CustomIssue = 64,
+    CSSInsertRuleURLBased = 67,
     MouseClick = 68,
     MouseClickDeprecated = 69,
     CreateIFrameDocument = 70,
@@ -62,11 +67,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,
@@ -229,6 +237,27 @@ export type SetNodeAttributeDictGlobal = [
     number,
     number
 ];
+export type CSSInsertRule = [
+    Type.CSSInsertRule,
+    number,
+    string,
+    number
+];
+export type CSSDeleteRule = [
+    Type.CSSDeleteRule,
+    number,
+    number
+];
+export type Fetch = [
+    Type.Fetch,
+    string,
+    string,
+    string,
+    string,
+    number,
+    number,
+    number
+];
 export type Profiler = [
     Type.Profiler,
     string,
@@ -304,8 +333,8 @@ export type SetNodeAttributeDict = [
     string,
     string
 ];
-export type ResourceTimingDeprecated = [
-    Type.ResourceTimingDeprecated,
+export type ResourceTimingDeprecatedDeprecated = [
+    Type.ResourceTimingDeprecatedDeprecated,
     number,
     number,
     number,
@@ -335,6 +364,16 @@ export type SetNodeFocus = [
     Type.SetNodeFocus,
     number
 ];
+export type LongTask = [
+    Type.LongTask,
+    number,
+    number,
+    number,
+    number,
+    string,
+    string,
+    string
+];
 export type SetNodeAttributeURLBased = [
     Type.SetNodeAttributeURLBased,
     number,
@@ -358,6 +397,13 @@ export type CustomIssue = [
     string,
     string
 ];
+export type CSSInsertRuleURLBased = [
+    Type.CSSInsertRuleURLBased,
+    number,
+    string,
+    number,
+    string
+];
 export type MouseClick = [
     Type.MouseClick,
     number,
@@ -453,6 +499,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,
@@ -476,8 +557,8 @@ export type UnbindNodes = [
     Type.UnbindNodes,
     number
 ];
-export type ResourceTiming = [
-    Type.ResourceTiming,
+export type ResourceTimingDeprecated = [
+    Type.ResourceTimingDeprecated,
     number,
     number,
     number,
@@ -533,5 +614,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 | Profiler | OTable | StateAction | ReduxDeprecated | Vuex | MobX | NgRx | GraphQLDeprecated | PerformanceTrack | StringDictDeprecated | SetNodeAttributeDictDeprecated | StringDict | SetNodeAttributeDict | ResourceTimingDeprecated | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | 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 | 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 | 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;

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

@@ -27,6 +27,9 @@ 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 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;
 export declare function Profiler(name: string, duration: number, args: string, result: string): Messages.Profiler;
 export declare function OTable(key: string, value: string): Messages.OTable;
 export declare function StateAction(type: string): Messages.StateAction;
@@ -40,15 +43,17 @@ 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;
 export declare function SetNodeFocus(id: number): Messages.SetNodeFocus;
+export declare function LongTask(timestamp: number, duration: number, context: number, containerType: number, containerSrc: string, containerId: string, containerName: string): Messages.LongTask;
 export declare function SetNodeAttributeURLBased(id: number, name: string, value: string, baseURL: string): Messages.SetNodeAttributeURLBased;
 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 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;
 export declare function CreateIFrameDocument(frameID: number, id: number): Messages.CreateIFrameDocument;
@@ -63,11 +68,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/types/main/index.d.ts

@@ -14,9 +14,10 @@ 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 { 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;
@@ -110,4 +111,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/types/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/types/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "16.3.0-beta.2",
+  "version": "17.0.0-beta.0",
   "keywords": [
     "logging",
     "replay"