@openreplay/tracker 16.4.10 → 17.0.0

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

@@ -3,7 +3,6 @@ export { default as App } from './app/index.js';
 import * as _Messages from './app/messages.gen.js';
 export declare const Messages: typeof _Messages;
 export { SanitizeLevel } from './app/sanitizer.js';
-import FeatureFlags, { IFeatureFlag } from './modules/featureFlags.js';
 import type { Options as AppOptions } from './app/index.js';
 import type { Options as ConsoleOptions } from './modules/console.js';
 import type { Options as ExceptionOptions } from './modules/exception.js';
@@ -14,10 +13,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;
@@ -26,27 +27,18 @@ export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & I
     resetTabOnWindowOpen?: boolean;
     network?: Partial<NetworkOptions>;
     mouse?: Partial<MouseHandlerOptions>;
-    flags?: {
-        onFlagsLoad?: (flags: IFeatureFlag[]) => void;
-    };
     __DISABLE_SECURE_MODE?: boolean;
     css: CssRulesOptions;
+    webAnimations?: WapOptions;
     urls?: Partial<ViewportOptions>;
 };
 export default class API {
     readonly options: Partial<Options>;
-    featureFlags: FeatureFlags;
     private readonly app;
     private readonly crossdomainMode;
     constructor(options: Partial<Options>);
     checkDoNotTrack: () => boolean | undefined;
     signalStartIssue: (reason: string, missingApi: string[]) => void;
-    isFlagEnabled(flagName: string): boolean;
-    onFlagsLoad(callback: (flags: IFeatureFlag[]) => void): void;
-    clearPersistFlags(): void;
-    reloadFlags(): Promise<void> | undefined;
-    getFeatureFlag(flagName: string): IFeatureFlag | undefined;
-    getAllFeatureFlags(): IFeatureFlag[] | undefined;
     restartCanvasTracking: () => void;
     use<T>(fn: (app: App | null, options?: Partial<Options>) => T): T;
     isActive(): boolean;
@@ -98,7 +90,6 @@ export default class API {
     getSessionInfo(): SessionInfo | null;
     getSessionID(): string | null | undefined;
     getTabId(): string | null;
-    getUxId(): number | null;
     sessionID(): string | null | undefined;
     getSessionURL(options?: {
         withCurrentTime?: boolean;
@@ -112,4 +103,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/conditionsManager.d.ts

@@ -1,6 +1,11 @@
 import Message, { CustomEvent, JSException, MouseClick, NetworkRequest, SetPageLocation } from '../../common/messages.gen.js';
 import App, { StartOptions } from '../app/index.js';
-import { IFeatureFlag } from './featureFlags.js';
+export interface IFeatureFlag {
+    key: string;
+    is_persist: boolean;
+    value: string | boolean;
+    payload: string;
+}
 interface Filter {
     filters: {
         operator: string;

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/dist/types/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/types/main/singleton.d.ts

@@ -36,12 +36,6 @@ declare class TrackerSingleton {
     event(key: string, payload?: any, issue?: boolean): void;
     issue(key: string, payload?: any): void;
     handleError(e: Error | ErrorEvent | PromiseRejectionEvent, metadata?: Record<string, any>): void;
-    isFlagEnabled(flagName: string): boolean;
-    onFlagsLoad(...args: Parameters<Tracker['onFlagsLoad']>): void;
-    clearPersistFlags(): void;
-    reloadFlags(): Promise<void> | undefined;
-    getFeatureFlag(flagName: string): import("./modules/featureFlags.js").IFeatureFlag | undefined;
-    getAllFeatureFlags(): import("./modules/featureFlags.js").IFeatureFlag[] | undefined;
     restartCanvasTracking(): void;
     /**
      * Set the anonymous user ID
@@ -102,7 +96,6 @@ declare class TrackerSingleton {
     forceFlushBatch(): void;
     getSessionInfo(): import("./app/session.js").SessionInfo | null;
     getTabId(): string | null;
-    getUxId(): number | null;
 }
 declare const tracker: TrackerSingleton;
 export default tracker;

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

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "16.4.10",
+  "version": "17.0.0",
   "keywords": [
     "logging",
     "replay"
@@ -50,35 +50,35 @@
     "prepublishOnly": "bun run test && bun run build"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.10",
+    "@babel/core": "^7.28.4",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.30.1",
-    "@typescript-eslint/parser": "^8.30.1",
-    "eslint": "^9.24.0",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@typescript-eslint/eslint-plugin": "^8.45.0",
+    "@typescript-eslint/parser": "^8.45.0",
+    "eslint": "^9.37.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.6.2",
     "replace-in-files": "^2.0.3",
-    "rollup": "^4.27.2",
+    "rollup": "^4.52.4",
     "semver": "^6.3.0",
-    "ts-jest": "^29.2.5",
+    "ts-jest": "^29.4.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@openreplay/network-proxy": "^1.2.1-beta.0",
+    "@openreplay/network-proxy": "^1.2.2",
     "error-stack-parser": "^2.1.4",
     "error-stack-parser-es": "^0.1.5",
     "fflate": "^0.8.2",
-    "web-vitals": "^4.2.4"
+    "web-vitals": "^5.1.0"
   },
   "engines": {
     "node": ">=14.0"

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

@@ -1,25 +0,0 @@
-import App from '../app/index.js';
-export interface IFeatureFlag {
-    key: string;
-    is_persist: boolean;
-    value: string | boolean;
-    payload: string;
-}
-export interface FetchPersistFlagsData {
-    key: string;
-    value: string | boolean;
-}
-export default class FeatureFlags {
-    private readonly app;
-    flags: IFeatureFlag[];
-    storageKey: string;
-    onFlagsCb: (flags: IFeatureFlag[]) => void;
-    constructor(app: App);
-    getFeatureFlag(flagName: string): IFeatureFlag | undefined;
-    isFlagEnabled(flagName: string): boolean;
-    onFlagsLoad(cb: (flags: IFeatureFlag[]) => void): void;
-    reloadFlags(token?: string): Promise<void>;
-    handleFlags(flags: IFeatureFlag[]): void;
-    clearPersistFlags(): void;
-    diffPersist(flags: IFeatureFlag[]): IFeatureFlag[];
-}

package/dist/cjs/main/modules/userTesting/SignalManager.d.ts

@@ -1,29 +0,0 @@
-export default class SignalManager {
-    private readonly ingestPoint;
-    private readonly getTimestamp;
-    private readonly token;
-    private readonly testId;
-    private readonly storageKey;
-    private readonly setStorageKey;
-    private readonly removeStorageKey;
-    private readonly getStorageKey;
-    private readonly getSessionId;
-    private readonly durations;
-    constructor(ingestPoint: string, getTimestamp: () => number, token: string, testId: number, storageKey: string, setStorageKey: (key: string, value: string) => void, removeStorageKey: (key: string) => void, getStorageKey: (key: string) => string | null, getSessionId: () => string | undefined);
-    getDurations: () => {
-        testStart: number;
-        tasks: {
-            taskId: number;
-            started: number;
-        }[];
-    };
-    setDurations: (durations: {
-        testStart: number;
-        tasks: {
-            taskId: number;
-            started: number;
-        }[];
-    }) => void;
-    signalTask: (taskId: number, status: "begin" | "done" | "skipped", taskAnswer?: string) => void | Promise<Response>;
-    signalTest: (status: "begin" | "done" | "skipped") => Promise<Response>;
-}

package/dist/cjs/main/modules/userTesting/dnd.d.ts

@@ -1 +0,0 @@
-export default function attachDND(element: any, dragTarget: any): void;

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

@@ -1,45 +0,0 @@
-import App from '../../app/index.js';
-export default class UserTestManager {
-    private readonly app;
-    private readonly storageKey;
-    private readonly userRecorder;
-    private readonly bg;
-    private readonly container;
-    private widgetGuidelinesVisible;
-    private widgetTasksVisible;
-    private widgetVisible;
-    isActive: boolean;
-    private descriptionSection;
-    private taskSection;
-    private endSection;
-    private stopButton;
-    private stopButtonContainer;
-    private test;
-    private testId;
-    private signalManager;
-    constructor(app: App, storageKey: string);
-    getTestId(): number | null;
-    getTest: (id: number, token: string, inProgress?: boolean) => Promise<number | void>;
-    hideTaskSection: () => boolean;
-    showTaskSection: () => boolean;
-    collapseWidget: () => boolean;
-    removeGreeting: () => boolean;
-    createGreeting(title: string, micRequired: boolean, cameraRequired: boolean): void;
-    showWidget(guidelines: string, tasks: {
-        title: string;
-        description: string;
-        task_id: number;
-        allow_typing: boolean;
-    }[], inProgress?: boolean): void;
-    createTitleSection(): HTMLElement;
-    toggleDescriptionVisibility: () => void;
-    createDescriptionSection(guidelines: string): HTMLElement;
-    currentTaskIndex: number;
-    createTasksSection(tasks: {
-        title: string;
-        description: string;
-        task_id: number;
-        allow_typing: boolean;
-    }[]): HTMLElement;
-    showEndSection(): void;
-}

package/dist/cjs/main/modules/userTesting/recorder.d.ts

@@ -1,24 +0,0 @@
-import App from '../../app/index.js';
-export declare const Quality: {
-    Standard: {
-        width: number;
-        height: number;
-    };
-    High: {
-        width: number;
-        height: number;
-    };
-};
-export default class Recorder {
-    private readonly app;
-    private mediaRecorder;
-    private recordedChunks;
-    private stream;
-    private recStartTs;
-    constructor(app: App);
-    startRecording(fps: number, quality: (typeof Quality)[keyof typeof Quality], micReq: boolean, camReq: boolean): Promise<void>;
-    stopRecording(): Promise<Blob>;
-    sendToAPI(): Promise<void | Response>;
-    saveToFile(fileName?: string): Promise<void>;
-    discard(): void;
-}

package/dist/cjs/main/modules/userTesting/styles.d.ts

@@ -1,277 +0,0 @@
-export declare const bgStyle: {
-    position: string;
-    top: number;
-    left: number;
-    width: string;
-    height: string;
-    background: string;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    zIndex: number;
-    fontFamily: string;
-};
-export declare const containerStyle: {
-    display: string;
-    flexDirection: string;
-    gap: string;
-    alignItems: string;
-    padding: string;
-    borderRadius: string;
-    border: string;
-    background: string;
-    width: string;
-};
-export declare const containerWidgetStyle: {
-    display: string;
-    'flex-direction': string;
-    gap: string;
-    'align-items': string;
-    padding: string;
-    fontFamily: string;
-    'border-radius': string;
-    border: string;
-    background: string;
-    width: string;
-};
-export declare const titleStyle: {
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-    color: string;
-};
-export declare const descriptionStyle: {
-    borderTop: string;
-    borderBottom: string;
-    padding: string;
-    color: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-    whiteSpace: string;
-};
-export declare const noticeStyle: {
-    color: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-};
-export declare const buttonStyle: {
-    display: string;
-    padding: string;
-    justifyContent: string;
-    alignItems: string;
-    gap: string;
-    borderRadius: string;
-    border: string;
-    background: string;
-    boxShadow: string;
-    color: string;
-    textAlign: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-    cursor: string;
-};
-export declare const sectionTitleStyle: {
-    fontFamily: string;
-    fontSize: string;
-    fontWeight: string;
-    lineHeight: string;
-    display: string;
-    justifyContent: string;
-    width: string;
-    cursor: string;
-};
-export declare const contentStyle: {
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-    gap: string;
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const titleWidgetStyle: {
-    padding: string;
-    gap: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-    color: string;
-    display: string;
-    alignItems: string;
-    width: string;
-    borderRadius: string;
-    background: string;
-    boxSizing: string;
-};
-export declare const descriptionWidgetStyle: {
-    boxSizing: string;
-    display: string;
-    width: string;
-    borderBottom: string;
-    background: string;
-    padding: string;
-    alignSelf: string;
-    color: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-};
-export declare const endSectionStyle: {
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-    gap: string;
-    boxSizing: string;
-    width: string;
-    borderBottom: string;
-    background: string;
-    padding: string;
-    alignSelf: string;
-    color: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-};
-export declare const symbolIcon: {
-    fontSize: string;
-    fontWeight: string;
-    cursor: string;
-    color: string;
-};
-export declare const buttonWidgetStyle: {
-    display: string;
-    padding: string;
-    justifyContent: string;
-    alignItems: string;
-    gap: string;
-    borderRadius: string;
-    border: string;
-    background: string;
-    boxShadow: string;
-    color: string;
-    textAlign: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-    width: string;
-    boxSizing: string;
-    cursor: string;
-};
-export declare const stopWidgetStyle: {
-    marginTop: string;
-    marginBottom: string;
-    cursor: string;
-    display: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const paginationStyle: {
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-    gap: string;
-    padding: string;
-    width: string;
-    boxSizing: string;
-};
-export declare const taskNumberActive: {
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-    justifyContent: string;
-    borderRadius: string;
-    outline: string;
-    fontSize: string;
-    height: string;
-    width: string;
-};
-export declare const taskNumberDone: {
-    display: string;
-    flexDirection: string;
-    alignItems: string;
-    justifyContent: string;
-    borderRadius: string;
-    outline: string;
-    boxShadow: string;
-    background: string;
-    fontSize: string;
-    height: string;
-    width: string;
-};
-export declare const taskDescriptionCard: {
-    borderRadius: string;
-    border: string;
-    background: string;
-    boxShadow: string;
-    display: string;
-    flexDirection: string;
-    padding: string;
-    gap: string;
-    alignSelf: string;
-};
-export declare const taskTextStyle: {
-    fontWeight: string;
-};
-export declare const taskDescriptionStyle: {
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const taskButtonStyle: {
-    marginRight: string;
-    cursor: string;
-    color: string;
-    textAlign: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-};
-export declare const taskButtonBorderedStyle: {
-    display: string;
-    padding: string;
-    justifyContent: string;
-    alignItems: string;
-    gap: string;
-    borderRadius: string;
-    border: string;
-    marginRight: string;
-    cursor: string;
-    color: string;
-    textAlign: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    lineHeight: string;
-};
-export declare const taskButtonsRow: {
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-    width: string;
-    boxSizing: string;
-};
-export declare const spinnerStyles: {
-    border: string;
-    width: string;
-    height: string;
-    borderRadius: string;
-    borderLeftColor: string;
-    animation: string;
-};

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

@@ -1,9 +0,0 @@
-export declare function generateGrid(): HTMLDivElement;
-export declare function generateChevron(): HTMLDivElement;
-export declare function addKeyframes(): void;
-export declare function createSpinner(): HTMLDivElement;
-export declare function createElement(tag: string, className: string, styles: any, textContent?: string, id?: string): HTMLElement;
-export declare const TEST_START = "or_uxt_test_start";
-export declare const TASK_IND = "or_uxt_task_index";
-export declare const SESSION_ID = "or_uxt_session_id";
-export declare const TEST_ID = "or_uxt_test_id";

package/dist/lib/main/modules/featureFlags.d.ts

@@ -1,25 +0,0 @@
-import App from '../app/index.js';
-export interface IFeatureFlag {
-    key: string;
-    is_persist: boolean;
-    value: string | boolean;
-    payload: string;
-}
-export interface FetchPersistFlagsData {
-    key: string;
-    value: string | boolean;
-}
-export default class FeatureFlags {
-    private readonly app;
-    flags: IFeatureFlag[];
-    storageKey: string;
-    onFlagsCb: (flags: IFeatureFlag[]) => void;
-    constructor(app: App);
-    getFeatureFlag(flagName: string): IFeatureFlag | undefined;
-    isFlagEnabled(flagName: string): boolean;
-    onFlagsLoad(cb: (flags: IFeatureFlag[]) => void): void;
-    reloadFlags(token?: string): Promise<void>;
-    handleFlags(flags: IFeatureFlag[]): void;
-    clearPersistFlags(): void;
-    diffPersist(flags: IFeatureFlag[]): IFeatureFlag[];
-}

package/dist/lib/main/modules/userTesting/SignalManager.d.ts

@@ -1,29 +0,0 @@
-export default class SignalManager {
-    private readonly ingestPoint;
-    private readonly getTimestamp;
-    private readonly token;
-    private readonly testId;
-    private readonly storageKey;
-    private readonly setStorageKey;
-    private readonly removeStorageKey;
-    private readonly getStorageKey;
-    private readonly getSessionId;
-    private readonly durations;
-    constructor(ingestPoint: string, getTimestamp: () => number, token: string, testId: number, storageKey: string, setStorageKey: (key: string, value: string) => void, removeStorageKey: (key: string) => void, getStorageKey: (key: string) => string | null, getSessionId: () => string | undefined);
-    getDurations: () => {
-        testStart: number;
-        tasks: {
-            taskId: number;
-            started: number;
-        }[];
-    };
-    setDurations: (durations: {
-        testStart: number;
-        tasks: {
-            taskId: number;
-            started: number;
-        }[];
-    }) => void;
-    signalTask: (taskId: number, status: "begin" | "done" | "skipped", taskAnswer?: string) => void | Promise<Response>;
-    signalTest: (status: "begin" | "done" | "skipped") => Promise<Response>;
-}