@openreplay/tracker 3.6.0-beta.0 → 3.6.0

package/cjs/app/messages.js

@@ -2,90 +2,89 @@
 // Auto-generated, do not edit
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateIFrameDocument = exports.MouseClick = exports.CSSInsertRuleURLBased = exports.CustomIssue = exports.TechnicalInfo = exports.SetCSSDataURLBased = exports.SetNodeAttributeURLBased = exports.LongTask = exports.SetPageVisibility = exports.ConnectionInformation = exports.ResourceTiming = exports.PerformanceTrack = exports.GraphQL = exports.NgRx = exports.MobX = exports.Vuex = exports.Redux = exports.StateAction = exports.OTable = exports.Profiler = exports.Fetch = exports.CSSDeleteRule = exports.CSSInsertRule = exports.Metadata = exports.UserAnonymousID = exports.UserID = exports.RawCustomEvent = exports.JSException = exports.PageRenderTiming = exports.PageLoadTiming = exports.ConsoleLog = exports.MouseMove = exports.SetInputChecked = exports.SetInputValue = exports.SetInputTarget = exports.SetNodeScroll = exports.SetNodeData = exports.RemoveNodeAttribute = exports.SetNodeAttribute = exports.RemoveNode = exports.MoveNode = exports.CreateTextNode = exports.CreateElementNode = exports.CreateDocument = exports.SetViewportScroll = exports.SetViewportSize = exports.SetPageLocation = exports.Timestamp = exports.PartitionedMessage = exports.BatchMetadata = void 0;
-const Messages = require("../common/messages.gen.js");
 function BatchMetadata(version, pageNo, firstIndex, timestamp, location) {
-    return [Messages.Type.BatchMetadata, version, pageNo, firstIndex, timestamp, location];
+    return [81 /* BatchMetadata */, version, pageNo, firstIndex, timestamp, location];
 }
 exports.BatchMetadata = BatchMetadata;
 function PartitionedMessage(partNo, partTotal) {
-    return [Messages.Type.PartitionedMessage, partNo, partTotal];
+    return [82 /* PartitionedMessage */, partNo, partTotal];
 }
 exports.PartitionedMessage = PartitionedMessage;
 function Timestamp(timestamp) {
-    return [Messages.Type.Timestamp, timestamp];
+    return [0 /* Timestamp */, timestamp];
 }
 exports.Timestamp = Timestamp;
 function SetPageLocation(url, referrer, navigationStart) {
-    return [Messages.Type.SetPageLocation, url, referrer, navigationStart];
+    return [4 /* SetPageLocation */, url, referrer, navigationStart];
 }
 exports.SetPageLocation = SetPageLocation;
 function SetViewportSize(width, height) {
-    return [Messages.Type.SetViewportSize, width, height];
+    return [5 /* SetViewportSize */, width, height];
 }
 exports.SetViewportSize = SetViewportSize;
 function SetViewportScroll(x, y) {
-    return [Messages.Type.SetViewportScroll, x, y];
+    return [6 /* SetViewportScroll */, x, y];
 }
 exports.SetViewportScroll = SetViewportScroll;
 function CreateDocument() {
-    return [Messages.Type.CreateDocument];
+    return [7 /* CreateDocument */];
 }
 exports.CreateDocument = CreateDocument;
 function CreateElementNode(id, parentID, index, tag, svg) {
-    return [Messages.Type.CreateElementNode, id, parentID, index, tag, svg];
+    return [8 /* CreateElementNode */, id, parentID, index, tag, svg];
 }
 exports.CreateElementNode = CreateElementNode;
 function CreateTextNode(id, parentID, index) {
-    return [Messages.Type.CreateTextNode, id, parentID, index];
+    return [9 /* CreateTextNode */, id, parentID, index];
 }
 exports.CreateTextNode = CreateTextNode;
 function MoveNode(id, parentID, index) {
-    return [Messages.Type.MoveNode, id, parentID, index];
+    return [10 /* MoveNode */, id, parentID, index];
 }
 exports.MoveNode = MoveNode;
 function RemoveNode(id) {
-    return [Messages.Type.RemoveNode, id];
+    return [11 /* RemoveNode */, id];
 }
 exports.RemoveNode = RemoveNode;
 function SetNodeAttribute(id, name, value) {
-    return [Messages.Type.SetNodeAttribute, id, name, value];
+    return [12 /* SetNodeAttribute */, id, name, value];
 }
 exports.SetNodeAttribute = SetNodeAttribute;
 function RemoveNodeAttribute(id, name) {
-    return [Messages.Type.RemoveNodeAttribute, id, name];
+    return [13 /* RemoveNodeAttribute */, id, name];
 }
 exports.RemoveNodeAttribute = RemoveNodeAttribute;
 function SetNodeData(id, data) {
-    return [Messages.Type.SetNodeData, id, data];
+    return [14 /* SetNodeData */, id, data];
 }
 exports.SetNodeData = SetNodeData;
 function SetNodeScroll(id, x, y) {
-    return [Messages.Type.SetNodeScroll, id, x, y];
+    return [16 /* SetNodeScroll */, id, x, y];
 }
 exports.SetNodeScroll = SetNodeScroll;
 function SetInputTarget(id, label) {
-    return [Messages.Type.SetInputTarget, id, label];
+    return [17 /* SetInputTarget */, id, label];
 }
 exports.SetInputTarget = SetInputTarget;
 function SetInputValue(id, value, mask) {
-    return [Messages.Type.SetInputValue, id, value, mask];
+    return [18 /* SetInputValue */, id, value, mask];
 }
 exports.SetInputValue = SetInputValue;
 function SetInputChecked(id, checked) {
-    return [Messages.Type.SetInputChecked, id, checked];
+    return [19 /* SetInputChecked */, id, checked];
 }
 exports.SetInputChecked = SetInputChecked;
 function MouseMove(x, y) {
-    return [Messages.Type.MouseMove, x, y];
+    return [20 /* MouseMove */, x, y];
 }
 exports.MouseMove = MouseMove;
 function ConsoleLog(level, value) {
-    return [Messages.Type.ConsoleLog, level, value];
+    return [22 /* ConsoleLog */, level, value];
 }
 exports.ConsoleLog = ConsoleLog;
 function PageLoadTiming(requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, firstPaint, firstContentfulPaint) {
     return [
-        Messages.Type.PageLoadTiming,
+        23 /* PageLoadTiming */,
         requestStart,
         responseStart,
         responseEnd,
@@ -99,80 +98,80 @@ function PageLoadTiming(requestStart, responseStart, responseEnd, domContentLoad
 }
 exports.PageLoadTiming = PageLoadTiming;
 function PageRenderTiming(speedIndex, visuallyComplete, timeToInteractive) {
-    return [Messages.Type.PageRenderTiming, speedIndex, visuallyComplete, timeToInteractive];
+    return [24 /* PageRenderTiming */, speedIndex, visuallyComplete, timeToInteractive];
 }
 exports.PageRenderTiming = PageRenderTiming;
 function JSException(name, message, payload) {
-    return [Messages.Type.JSException, name, message, payload];
+    return [25 /* JSException */, name, message, payload];
 }
 exports.JSException = JSException;
 function RawCustomEvent(name, payload) {
-    return [Messages.Type.RawCustomEvent, name, payload];
+    return [27 /* RawCustomEvent */, name, payload];
 }
 exports.RawCustomEvent = RawCustomEvent;
 function UserID(id) {
-    return [Messages.Type.UserID, id];
+    return [28 /* UserID */, id];
 }
 exports.UserID = UserID;
 function UserAnonymousID(id) {
-    return [Messages.Type.UserAnonymousID, id];
+    return [29 /* UserAnonymousID */, id];
 }
 exports.UserAnonymousID = UserAnonymousID;
 function Metadata(key, value) {
-    return [Messages.Type.Metadata, key, value];
+    return [30 /* Metadata */, key, value];
 }
 exports.Metadata = Metadata;
 function CSSInsertRule(id, rule, index) {
-    return [Messages.Type.CSSInsertRule, id, rule, index];
+    return [37 /* CSSInsertRule */, id, rule, index];
 }
 exports.CSSInsertRule = CSSInsertRule;
 function CSSDeleteRule(id, index) {
-    return [Messages.Type.CSSDeleteRule, id, index];
+    return [38 /* CSSDeleteRule */, id, index];
 }
 exports.CSSDeleteRule = CSSDeleteRule;
 function Fetch(method, url, request, response, status, timestamp, duration) {
-    return [Messages.Type.Fetch, method, url, request, response, status, timestamp, duration];
+    return [39 /* Fetch */, method, url, request, response, status, timestamp, duration];
 }
 exports.Fetch = Fetch;
 function Profiler(name, duration, args, result) {
-    return [Messages.Type.Profiler, name, duration, args, result];
+    return [40 /* Profiler */, name, duration, args, result];
 }
 exports.Profiler = Profiler;
 function OTable(key, value) {
-    return [Messages.Type.OTable, key, value];
+    return [41 /* OTable */, key, value];
 }
 exports.OTable = OTable;
 function StateAction(type) {
-    return [Messages.Type.StateAction, type];
+    return [42 /* StateAction */, type];
 }
 exports.StateAction = StateAction;
 function Redux(action, state, duration) {
-    return [Messages.Type.Redux, action, state, duration];
+    return [44 /* Redux */, action, state, duration];
 }
 exports.Redux = Redux;
 function Vuex(mutation, state) {
-    return [Messages.Type.Vuex, mutation, state];
+    return [45 /* Vuex */, mutation, state];
 }
 exports.Vuex = Vuex;
 function MobX(type, payload) {
-    return [Messages.Type.MobX, type, payload];
+    return [46 /* MobX */, type, payload];
 }
 exports.MobX = MobX;
 function NgRx(action, state, duration) {
-    return [Messages.Type.NgRx, action, state, duration];
+    return [47 /* NgRx */, action, state, duration];
 }
 exports.NgRx = NgRx;
 function GraphQL(operationKind, operationName, variables, response) {
-    return [Messages.Type.GraphQL, operationKind, operationName, variables, response];
+    return [48 /* GraphQL */, operationKind, operationName, variables, response];
 }
 exports.GraphQL = GraphQL;
 function PerformanceTrack(frames, ticks, totalJSHeapSize, usedJSHeapSize) {
-    return [Messages.Type.PerformanceTrack, frames, ticks, totalJSHeapSize, usedJSHeapSize];
+    return [49 /* PerformanceTrack */, frames, ticks, totalJSHeapSize, usedJSHeapSize];
 }
 exports.PerformanceTrack = PerformanceTrack;
 function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
     return [
-        Messages.Type.ResourceTiming,
+        53 /* ResourceTiming */,
         timestamp,
         duration,
         ttfb,
@@ -185,16 +184,16 @@ function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize,
 }
 exports.ResourceTiming = ResourceTiming;
 function ConnectionInformation(downlink, type) {
-    return [Messages.Type.ConnectionInformation, downlink, type];
+    return [54 /* ConnectionInformation */, downlink, type];
 }
 exports.ConnectionInformation = ConnectionInformation;
 function SetPageVisibility(hidden) {
-    return [Messages.Type.SetPageVisibility, hidden];
+    return [55 /* SetPageVisibility */, hidden];
 }
 exports.SetPageVisibility = SetPageVisibility;
 function LongTask(timestamp, duration, context, containerType, containerSrc, containerId, containerName) {
     return [
-        Messages.Type.LongTask,
+        59 /* LongTask */,
         timestamp,
         duration,
         context,
@@ -206,30 +205,30 @@ function LongTask(timestamp, duration, context, containerType, containerSrc, con
 }
 exports.LongTask = LongTask;
 function SetNodeAttributeURLBased(id, name, value, baseURL) {
-    return [Messages.Type.SetNodeAttributeURLBased, id, name, value, baseURL];
+    return [60 /* SetNodeAttributeURLBased */, id, name, value, baseURL];
 }
 exports.SetNodeAttributeURLBased = SetNodeAttributeURLBased;
 function SetCSSDataURLBased(id, data, baseURL) {
-    return [Messages.Type.SetCSSDataURLBased, id, data, baseURL];
+    return [61 /* SetCSSDataURLBased */, id, data, baseURL];
 }
 exports.SetCSSDataURLBased = SetCSSDataURLBased;
 function TechnicalInfo(type, value) {
-    return [Messages.Type.TechnicalInfo, type, value];
+    return [63 /* TechnicalInfo */, type, value];
 }
 exports.TechnicalInfo = TechnicalInfo;
 function CustomIssue(name, payload) {
-    return [Messages.Type.CustomIssue, name, payload];
+    return [64 /* CustomIssue */, name, payload];
 }
 exports.CustomIssue = CustomIssue;
 function CSSInsertRuleURLBased(id, rule, index, baseURL) {
-    return [Messages.Type.CSSInsertRuleURLBased, id, rule, index, baseURL];
+    return [67 /* CSSInsertRuleURLBased */, id, rule, index, baseURL];
 }
 exports.CSSInsertRuleURLBased = CSSInsertRuleURLBased;
 function MouseClick(id, hesitationTime, label, selector) {
-    return [Messages.Type.MouseClick, id, hesitationTime, label, selector];
+    return [69 /* MouseClick */, id, hesitationTime, label, selector];
 }
 exports.MouseClick = MouseClick;
 function CreateIFrameDocument(frameID, id) {
-    return [Messages.Type.CreateIFrameDocument, frameID, id];
+    return [70 /* CreateIFrameDocument */, frameID, id];
 }
 exports.CreateIFrameDocument = CreateIFrameDocument;

package/cjs/app/nodes.d.ts

@@ -7,7 +7,7 @@ export default class Nodes {
     constructor(node_id: string);
     attachNodeCallback(nodeCallback: NodeCallback): void;
     attachElementListener(type: string, node: Element, elementListener: EventListener): void;
-    registerNode(node: Node): [id: number, isNew: boolean];
+    registerNode(node: Node): [/*id:*/ number, /*isNew:*/ boolean];
     unregisterNode(node: Node): number | undefined;
     cleanTree(): void;
     callNodeCallbacks(node: Node, isStart: boolean): void;

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

@@ -3,7 +3,8 @@ import App from '../index.js';
 export interface Options {
     captureIFrames: boolean;
 }
-declare type ContextCallback = (context: Window & typeof globalThis) => void;
+declare type Context = Window & typeof globalThis;
+declare type ContextCallback = (context: Context) => void;
 declare type Offset = {
     top: number;
     left: number;
@@ -12,6 +13,7 @@ export default class TopObserver extends Observer {
     private readonly options;
     constructor(app: App, options: Partial<Options>);
     private readonly contextCallbacks;
+    private readonly contextsSet;
     attachContextCallback(cb: ContextCallback): void;
     getDocumentOffset(doc: Document): Offset;
     private iframeObservers;

package/cjs/app/observer/top_observer.js

@@ -15,6 +15,8 @@ class TopObserver extends observer_js_1.default {
     constructor(app, options) {
         super(app, true);
         this.contextCallbacks = [];
+        // Attached once per Tracker instance
+        this.contextsSet = new Set();
         this.iframeObservers = [];
         this.shadowRootObservers = [];
         this.options = Object.assign({
@@ -35,7 +37,6 @@ class TopObserver extends observer_js_1.default {
             }
         });
     }
-    // Attached once per Tracker instance
     attachContextCallback(cb) {
         this.contextCallbacks.push(cb);
     }
@@ -70,7 +71,12 @@ class TopObserver extends observer_js_1.default {
                     };
                 };
             }
-            if (currentWin && currentWin !== win) {
+            if (currentWin &&
+                // Sometimes currentWin.window is null (not in specification). Such window object is not functional
+                currentWin === currentWin.window &&
+                !this.contextsSet.has(currentWin) // for each context callbacks called once per Tracker (TopObserver) instance
+            ) {
+                this.contextsSet.add(currentWin);
                 //@ts-ignore https://github.com/microsoft/TypeScript/issues/41684
                 this.contextCallbacks.forEach((cb) => cb(currentWin));
                 win = currentWin;

package/cjs/app/session.d.ts

@@ -4,6 +4,7 @@ interface SessionInfo {
     metadata: Record<string, string>;
     userID: string | null;
     timestamp: number;
+    projectID?: string;
 }
 declare type OnUpdateCallback = (i: Partial<SessionInfo>) => void;
 export declare type Options = {
@@ -12,12 +13,13 @@ export declare type Options = {
 };
 export default class Session {
     private readonly app;
-    private options;
+    private readonly options;
     private metadata;
     private userID;
     private sessionID;
     private readonly callbacks;
     private timestamp;
+    private projectID;
     constructor(app: App, options: Options);
     attachUpdateCallback(cb: OnUpdateCallback): void;
     private handleUpdate;
@@ -29,7 +31,7 @@ export default class Session {
     getSessionToken(): string | undefined;
     setSessionToken(token: string): void;
     applySessionHash(hash: string): void;
-    getSessionHash(): string;
+    getSessionHash(): string | undefined;
     getInfo(): SessionInfo;
     reset(): void;
 }

package/cjs/app/session.js

@@ -35,6 +35,9 @@ class Session {
         if (newInfo.timestamp !== undefined) {
             this.timestamp = newInfo.timestamp;
         }
+        if (newInfo.projectID !== undefined) {
+            this.projectID = newInfo.projectID;
+        }
         this.handleUpdate(newInfo);
     }
     setMetadata(key, value) {
@@ -70,7 +73,13 @@ class Session {
         this.app.sessionStorage.setItem(this.options.session_token_key, token);
     }
     applySessionHash(hash) {
-        const [pageNoStr, token] = decodeURI(hash).split('&');
+        const hashParts = decodeURI(hash).split('&');
+        let token = hash;
+        let pageNoStr = '100500'; // back-compat for sessionToken
+        if (hashParts.length == 2) {
+            ;
+            [token, pageNoStr] = hashParts;
+        }
         if (!pageNoStr || !token) {
             return;
         }
@@ -81,9 +90,9 @@ class Session {
         const pageNo = this.getPageNumber();
         const token = this.getSessionToken();
         if (pageNo === undefined || token === undefined) {
-            return '';
+            return;
         }
-        return encodeURI(String(pageNo) + "&" + token);
+        return encodeURI(String(pageNo) + '&' + token);
     }
     getInfo() {
         return {
@@ -91,6 +100,7 @@ class Session {
             metadata: this.metadata,
             userID: this.userID,
             timestamp: this.timestamp,
+            projectID: this.projectID,
         };
     }
     reset() {