@openreplay/tracker 4.1.11 → 5.0.0

package/cjs/common/interaction.d.ts

@@ -3,22 +3,22 @@ export interface Options {
     connAttemptCount?: number;
     connAttemptGap?: number;
 }
-declare type Start = {
+type Start = {
     type: 'start';
     ingestPoint: string;
     pageNo: number;
     timestamp: number;
     url: string;
 } & Options;
-declare type Auth = {
+type Auth = {
     type: 'auth';
     token: string;
     beaconSizeLimit?: number;
 };
-export declare type ToWorkerData = null | 'stop' | Start | Auth | Array<Message>;
-declare type Failure = {
+export type ToWorkerData = null | 'stop' | Start | Auth | Array<Message>;
+type Failure = {
     type: 'failure';
     reason: string;
 };
-export declare type FromWorkerData = 'restart' | Failure;
+export type FromWorkerData = 'restart' | Failure | 'not_init';
 export {};

package/cjs/common/messages.gen.d.ts

@@ -1,6 +1,4 @@
 export declare const enum Type {
-    BatchMetadata = 81,
-    PartitionedMessage = 82,
     Timestamp = 0,
     SetPageLocation = 4,
     SetViewportSize = 5,
@@ -18,11 +16,11 @@ export declare const enum Type {
     SetInputValue = 18,
     SetInputChecked = 19,
     MouseMove = 20,
+    NetworkRequest = 21,
     ConsoleLog = 22,
     PageLoadTiming = 23,
     PageRenderTiming = 24,
-    JSExceptionDeprecated = 25,
-    RawCustomEvent = 27,
+    CustomEvent = 27,
     UserID = 28,
     UserAnonymousID = 29,
     Metadata = 30,
@@ -38,6 +36,8 @@ export declare const enum Type {
     NgRx = 47,
     GraphQL = 48,
     PerformanceTrack = 49,
+    StringDict = 50,
+    SetNodeAttributeDict = 51,
     ResourceTiming = 53,
     ConnectionInformation = 54,
     SetPageVisibility = 55,
@@ -56,46 +56,35 @@ export declare const enum Type {
     AdoptedSSDeleteRule = 75,
     AdoptedSSAddOwner = 76,
     AdoptedSSRemoveOwner = 77,
+    JSException = 78,
     Zustand = 79,
-    JSException = 78
+    BatchMetadata = 81,
+    PartitionedMessage = 82
 }
-export declare type BatchMetadata = [
-    Type.BatchMetadata,
-    number,
-    number,
-    number,
-    number,
-    string
-];
-export declare type PartitionedMessage = [
-    Type.PartitionedMessage,
-    number,
-    number
-];
-export declare type Timestamp = [
+export type Timestamp = [
     Type.Timestamp,
     number
 ];
-export declare type SetPageLocation = [
+export type SetPageLocation = [
     Type.SetPageLocation,
     string,
     string,
     number
 ];
-export declare type SetViewportSize = [
+export type SetViewportSize = [
     Type.SetViewportSize,
     number,
     number
 ];
-export declare type SetViewportScroll = [
+export type SetViewportScroll = [
     Type.SetViewportScroll,
     number,
     number
 ];
-export declare type CreateDocument = [
+export type CreateDocument = [
     Type.CreateDocument
 ];
-export declare type CreateElementNode = [
+export type CreateElementNode = [
     Type.CreateElementNode,
     number,
     number,
@@ -103,71 +92,82 @@ export declare type CreateElementNode = [
     string,
     boolean
 ];
-export declare type CreateTextNode = [
+export type CreateTextNode = [
     Type.CreateTextNode,
     number,
     number,
     number
 ];
-export declare type MoveNode = [
+export type MoveNode = [
     Type.MoveNode,
     number,
     number,
     number
 ];
-export declare type RemoveNode = [
+export type RemoveNode = [
     Type.RemoveNode,
     number
 ];
-export declare type SetNodeAttribute = [
+export type SetNodeAttribute = [
     Type.SetNodeAttribute,
     number,
     string,
     string
 ];
-export declare type RemoveNodeAttribute = [
+export type RemoveNodeAttribute = [
     Type.RemoveNodeAttribute,
     number,
     string
 ];
-export declare type SetNodeData = [
+export type SetNodeData = [
     Type.SetNodeData,
     number,
     string
 ];
-export declare type SetNodeScroll = [
+export type SetNodeScroll = [
     Type.SetNodeScroll,
     number,
     number,
     number
 ];
-export declare type SetInputTarget = [
+export type SetInputTarget = [
     Type.SetInputTarget,
     number,
     string
 ];
-export declare type SetInputValue = [
+export type SetInputValue = [
     Type.SetInputValue,
     number,
     string,
     number
 ];
-export declare type SetInputChecked = [
+export type SetInputChecked = [
     Type.SetInputChecked,
     number,
     boolean
 ];
-export declare type MouseMove = [
+export type MouseMove = [
     Type.MouseMove,
     number,
     number
 ];
-export declare type ConsoleLog = [
+export type NetworkRequest = [
+    Type.NetworkRequest,
+    string,
+    string,
+    string,
+    string,
+    string,
+    number,
+    number,
+    number
+];
+export type ConsoleLog = [
     Type.ConsoleLog,
     string,
     string
 ];
-export declare type PageLoadTiming = [
+export type PageLoadTiming = [
     Type.PageLoadTiming,
     number,
     number,
@@ -179,48 +179,42 @@ export declare type PageLoadTiming = [
     number,
     number
 ];
-export declare type PageRenderTiming = [
+export type PageRenderTiming = [
     Type.PageRenderTiming,
     number,
     number,
     number
 ];
-export declare type JSExceptionDeprecated = [
-    Type.JSExceptionDeprecated,
-    string,
-    string,
-    string
-];
-export declare type RawCustomEvent = [
-    Type.RawCustomEvent,
+export type CustomEvent = [
+    Type.CustomEvent,
     string,
     string
 ];
-export declare type UserID = [
+export type UserID = [
     Type.UserID,
     string
 ];
-export declare type UserAnonymousID = [
+export type UserAnonymousID = [
     Type.UserAnonymousID,
     string
 ];
-export declare type Metadata = [
+export type Metadata = [
     Type.Metadata,
     string,
     string
 ];
-export declare type CSSInsertRule = [
+export type CSSInsertRule = [
     Type.CSSInsertRule,
     number,
     string,
     number
 ];
-export declare type CSSDeleteRule = [
+export type CSSDeleteRule = [
     Type.CSSDeleteRule,
     number,
     number
 ];
-export declare type Fetch = [
+export type Fetch = [
     Type.Fetch,
     string,
     string,
@@ -230,59 +224,70 @@ export declare type Fetch = [
     number,
     number
 ];
-export declare type Profiler = [
+export type Profiler = [
     Type.Profiler,
     string,
     number,
     string,
     string
 ];
-export declare type OTable = [
+export type OTable = [
     Type.OTable,
     string,
     string
 ];
-export declare type StateAction = [
+export type StateAction = [
     Type.StateAction,
     string
 ];
-export declare type Redux = [
+export type Redux = [
     Type.Redux,
     string,
     string,
     number
 ];
-export declare type Vuex = [
+export type Vuex = [
     Type.Vuex,
     string,
     string
 ];
-export declare type MobX = [
+export type MobX = [
     Type.MobX,
     string,
     string
 ];
-export declare type NgRx = [
+export type NgRx = [
     Type.NgRx,
     string,
     string,
     number
 ];
-export declare type GraphQL = [
+export type GraphQL = [
     Type.GraphQL,
     string,
     string,
     string,
     string
 ];
-export declare type PerformanceTrack = [
+export type PerformanceTrack = [
     Type.PerformanceTrack,
     number,
     number,
     number,
     number
 ];
-export declare type ResourceTiming = [
+export type StringDict = [
+    Type.StringDict,
+    number,
+    string
+];
+export type SetNodeAttributeDict = [
+    Type.SetNodeAttributeDict,
+    number,
+    number,
+    number
+];
+export type ResourceTiming = [
     Type.ResourceTiming,
     number,
     number,
@@ -293,27 +298,27 @@ export declare type ResourceTiming = [
     string,
     string
 ];
-export declare type ConnectionInformation = [
+export type ConnectionInformation = [
     Type.ConnectionInformation,
     number,
     string
 ];
-export declare type SetPageVisibility = [
+export type SetPageVisibility = [
     Type.SetPageVisibility,
     boolean
 ];
-export declare type LoadFontFace = [
+export type LoadFontFace = [
     Type.LoadFontFace,
     number,
     string,
     string,
     string
 ];
-export declare type SetNodeFocus = [
+export type SetNodeFocus = [
     Type.SetNodeFocus,
     number
 ];
-export declare type LongTask = [
+export type LongTask = [
     Type.LongTask,
     number,
     number,
@@ -323,87 +328,100 @@ export declare type LongTask = [
     string,
     string
 ];
-export declare type SetNodeAttributeURLBased = [
+export type SetNodeAttributeURLBased = [
     Type.SetNodeAttributeURLBased,
     number,
     string,
     string,
     string
 ];
-export declare type SetCSSDataURLBased = [
+export type SetCSSDataURLBased = [
     Type.SetCSSDataURLBased,
     number,
     string,
     string
 ];
-export declare type TechnicalInfo = [
+export type TechnicalInfo = [
     Type.TechnicalInfo,
     string,
     string
 ];
-export declare type CustomIssue = [
+export type CustomIssue = [
     Type.CustomIssue,
     string,
     string
 ];
-export declare type CSSInsertRuleURLBased = [
+export type CSSInsertRuleURLBased = [
     Type.CSSInsertRuleURLBased,
     number,
     string,
     number,
     string
 ];
-export declare type MouseClick = [
+export type MouseClick = [
     Type.MouseClick,
     number,
     number,
     string,
     string
 ];
-export declare type CreateIFrameDocument = [
+export type CreateIFrameDocument = [
     Type.CreateIFrameDocument,
     number,
     number
 ];
-export declare type AdoptedSSReplaceURLBased = [
+export type AdoptedSSReplaceURLBased = [
     Type.AdoptedSSReplaceURLBased,
     number,
     string,
     string
 ];
-export declare type AdoptedSSInsertRuleURLBased = [
+export type AdoptedSSInsertRuleURLBased = [
     Type.AdoptedSSInsertRuleURLBased,
     number,
     string,
     number,
     string
 ];
-export declare type AdoptedSSDeleteRule = [
+export type AdoptedSSDeleteRule = [
     Type.AdoptedSSDeleteRule,
     number,
     number
 ];
-export declare type AdoptedSSAddOwner = [
+export type AdoptedSSAddOwner = [
     Type.AdoptedSSAddOwner,
     number,
     number
 ];
-export declare type AdoptedSSRemoveOwner = [
+export type AdoptedSSRemoveOwner = [
     Type.AdoptedSSRemoveOwner,
     number,
     number
 ];
-export declare type Zustand = [
-    Type.Zustand,
-    string,
-    string
-];
-export declare type JSException = [
+export type JSException = [
     Type.JSException,
     string,
     string,
     string,
     string
 ];
-declare type Message = BatchMetadata | PartitionedMessage | Timestamp | SetPageLocation | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | ConsoleLog | PageLoadTiming | PageRenderTiming | JSExceptionDeprecated | RawCustomEvent | UserID | UserAnonymousID | Metadata | CSSInsertRule | CSSDeleteRule | Fetch | Profiler | OTable | StateAction | Redux | Vuex | MobX | NgRx | GraphQL | PerformanceTrack | ResourceTiming | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | LongTask | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | CSSInsertRuleURLBased | MouseClick | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | Zustand | JSException;
+export type Zustand = [
+    Type.Zustand,
+    string,
+    string
+];
+export type BatchMetadata = [
+    Type.BatchMetadata,
+    number,
+    number,
+    number,
+    number,
+    string
+];
+export type PartitionedMessage = [
+    Type.PartitionedMessage,
+    number,
+    number
+];
+type Message = Timestamp | SetPageLocation | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | NetworkRequest | ConsoleLog | PageLoadTiming | PageRenderTiming | CustomEvent | UserID | UserAnonymousID | Metadata | CSSInsertRule | CSSDeleteRule | Fetch | Profiler | OTable | StateAction | Redux | Vuex | MobX | NgRx | GraphQL | PerformanceTrack | StringDict | SetNodeAttributeDict | ResourceTiming | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | LongTask | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | CSSInsertRuleURLBased | MouseClick | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | JSException | Zustand | BatchMetadata | PartitionedMessage;
 export default Message;

package/cjs/index.d.ts

@@ -9,14 +9,16 @@ import type { Options as ExceptionOptions } from './modules/exception.js';
 import type { Options as InputOptions } from './modules/input.js';
 import type { Options as PerformanceOptions } from './modules/performance.js';
 import type { Options as TimingOptions } from './modules/timing.js';
+import type { Options as NetworkOptions } from './modules/network.js';
 import type { StartOptions } from './app/index.js';
 import type { StartPromiseReturn } from './app/index.js';
-export declare type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
+export type Options = Partial<AppOptions & ConsoleOptions & ExceptionOptions & InputOptions & PerformanceOptions & TimingOptions> & {
     projectID?: number;
     projectKey: string;
     sessionToken?: string;
     respectDoNotTrack?: boolean;
     autoResetOnWindowOpen?: boolean;
+    network?: NetworkOptions;
     __DISABLE_SECURE_MODE?: boolean;
 };
 export default class API {
@@ -30,7 +32,9 @@ export default class API {
     getSessionToken(): string | null | undefined;
     getSessionID(): string | null | undefined;
     sessionID(): string | null | undefined;
-    getSessionURL(): string | undefined;
+    getSessionURL(options?: {
+        withCurrentTime?: boolean;
+    }): string | undefined;
     setUserID(id: string): void;
     userID(id: string): void;
     setUserAnonymousID(id: string): void;

package/cjs/index.js

@@ -22,9 +22,10 @@ const viewport_js_1 = require("./modules/viewport.js");
 const cssrules_js_1 = require("./modules/cssrules.js");
 const focus_js_1 = require("./modules/focus.js");
 const fonts_js_1 = require("./modules/fonts.js");
+const network_js_1 = require("./modules/network.js");
 const constructedStyleSheets_js_1 = require("./modules/constructedStyleSheets.js");
 const utils_js_1 = require("./utils.js");
-const DOCS_SETUP = '/installation/setup-or';
+const DOCS_SETUP = '/installation/javascript-sdk';
 function processOptions(obj) {
     if (obj == null) {
         console.error(`OpenReplay: invalid options argument type. Please, check documentation on ${utils_js_1.DOCS_HOST}${DOCS_SETUP}`);
@@ -114,6 +115,7 @@ class API {
             (0, scroll_js_1.default)(app);
             (0, focus_js_1.default)(app);
             (0, fonts_js_1.default)(app);
+            (0, network_js_1.default)(app, options.network);
             window.__OPENREPLAY__ = this;
             if (options.autoResetOnWindowOpen) {
                 const wOpen = window.open;
@@ -138,7 +140,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '4.1.11',
+                trackerVersion: '5.0.0',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -188,11 +190,11 @@ class API {
         (0, utils_js_1.deprecationWarn)("'sessionID' method", "'getSessionID' method", '/');
         return this.getSessionID();
     }
-    getSessionURL() {
+    getSessionURL(options) {
         if (this.app === null) {
             return undefined;
         }
-        return this.app.getSessionURL();
+        return this.app.getSessionURL(options);
     }
     setUserID(id) {
         if (typeof id === 'string' && this.app !== null) {
@@ -233,7 +235,7 @@ class API {
                 catch (e) {
                     return;
                 }
-                this.app.send((0, messages_gen_js_1.RawCustomEvent)(key, payload));
+                this.app.send((0, messages_gen_js_1.CustomEvent)(key, payload));
             }
         }
     }

package/cjs/modules/cssrules.js

@@ -76,7 +76,7 @@ function default_1(app) {
     patchContext(window);
     app.observer.attachContextCallback(patchContext);
     app.nodes.attachNodeCallback((node) => {
-        if (!((0, guards_js_1.hasTag)(node, 'STYLE') || (0, guards_js_1.hasTag)(node, 'style')) || !node.sheet) {
+        if (!(0, guards_js_1.hasTag)(node, 'style') || !node.sheet) {
             return;
         }
         if (node.textContent !== null && node.textContent.trim().length > 0) {

package/cjs/modules/focus.js

@@ -11,7 +11,7 @@ function default_1(app) {
     }
     let blurred = false;
     app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, 'BODY')) {
+        if (!(0, guards_js_1.hasTag)(node, 'body')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'focus', (e) => {
@@ -34,7 +34,7 @@ function default_1(app) {
     });
     app.attachStartCallback(() => {
         let elem = document.activeElement;
-        while (elem && (0, guards_js_1.hasTag)(elem, 'IFRAME') && elem.contentDocument) {
+        while (elem && (0, guards_js_1.hasTag)(elem, 'iframe') && elem.contentDocument) {
             elem = elem.contentDocument.activeElement;
         }
         if (elem && elem !== elem.ownerDocument.body) {

package/cjs/modules/fonts.js

@@ -37,7 +37,7 @@ function default_1(app) {
     };
     app.observer.attachContextCallback(patchWindow);
     patchWindow(window);
-    app.nodes.attachNodeCallback((node) => {
+    app.nodes.attachNodeCallback(app.safe((node) => {
         if (!(0, guards_js_1.isDocument)(node)) {
             return;
         }
@@ -52,6 +52,6 @@ function default_1(app) {
         ffDataArr.forEach((ffData) => {
             app.send((0, messages_gen_js_1.LoadFontFace)(parentID, ...ffData));
         });
-    });
+    }));
 }
 exports.default = default_1;

package/cjs/modules/img.js

@@ -5,15 +5,16 @@ const messages_gen_js_1 = require("../app/messages.gen.js");
 const guards_js_1 = require("../app/guards.js");
 function resolveURL(url, location = document.location) {
     url = url.trim();
-    if (url.startsWith('/')) {
-        return location.origin + url;
-    }
-    else if (url.startsWith('http://') ||
+    if (url.startsWith('//') ||
+        url.startsWith('http://') ||
         url.startsWith('https://') ||
         url.startsWith('data:') // any other possible value here? https://bugzilla.mozilla.org/show_bug.cgi?id=1758035
     ) {
         return url;
     }
+    else if (url.startsWith('/')) {
+        return location.origin + url;
+    }
     else {
         return location.origin + location.pathname + url;
     }
@@ -97,7 +98,7 @@ function default_1(app) {
         observer.disconnect();
     });
     app.nodes.attachNodeCallback((node) => {
-        if (!(0, guards_js_1.hasTag)(node, 'IMG')) {
+        if (!(0, guards_js_1.hasTag)(node, 'img')) {
             return;
         }
         app.nodes.attachNodeListener(node, 'error', () => sendImgError(node));

package/cjs/modules/input.d.ts

@@ -1,5 +1,5 @@
 import type App from '../app/index.js';
-declare type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
+type TextEditableElement = HTMLInputElement | HTMLTextAreaElement;
 export declare function getInputLabel(node: TextEditableElement): string;
 export declare const enum InputMode {
     Plain = 0,