@openreplay/tracker 3.6.1 → 3.6.5

package/lib/app/observer/observer.js

@@ -1,4 +1,4 @@
-import { RemoveNodeAttribute, SetNodeAttribute, SetNodeAttributeURLBased, SetCSSDataURLBased, SetNodeData, CreateTextNode, CreateElementNode, MoveNode, RemoveNode, } from '../messages.gen.js';
+import { RemoveNodeAttribute, SetNodeAttribute, SetNodeAttributeURLBased, SetCSSDataURLBased, SetNodeData, CreateTextNode, CreateElementNode, MoveNode, RemoveNode, } from '../../common/messages.js';
 import { isRootNode, isTextNode, isElementNode, isSVGElement, hasTag } from '../guards.js';
 function isIgnored(node) {
     if (isTextNode(node)) {
@@ -101,16 +101,16 @@ export default class Observer {
                 name = name.substr(6);
             }
             if (value === null) {
-                this.app.send(RemoveNodeAttribute(id, name));
+                this.app.send(new RemoveNodeAttribute(id, name));
             }
             else if (name === 'href') {
                 if (value.length > 1e5) {
                     value = '';
                 }
-                this.app.send(SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
+                this.app.send(new SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             }
             else {
-                this.app.send(SetNodeAttribute(id, name, value));
+                this.app.send(new SetNodeAttribute(id, name, value));
             }
             return;
         }
@@ -130,25 +130,25 @@ export default class Observer {
             return;
         }
         if (value === null) {
-            this.app.send(RemoveNodeAttribute(id, name));
+            this.app.send(new RemoveNodeAttribute(id, name));
             return;
         }
         if (name === 'style' || (name === 'href' && hasTag(node, 'LINK'))) {
-            this.app.send(SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
+            this.app.send(new SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             return;
         }
         if (name === 'href' || value.length > 1e5) {
             value = '';
         }
-        this.app.send(SetNodeAttribute(id, name, value));
+        this.app.send(new SetNodeAttribute(id, name, value));
     }
     sendNodeData(id, parentElement, data) {
         if (hasTag(parentElement, 'STYLE') || hasTag(parentElement, 'style')) {
-            this.app.send(SetCSSDataURLBased(id, data, this.app.getBaseHref()));
+            this.app.send(new SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
         data = this.app.sanitizer.sanitize(id, data);
-        this.app.send(SetNodeData(id, data));
+        this.app.send(new SetNodeData(id, data));
     }
     bindNode(node) {
         const [id, isNew] = this.app.nodes.registerNode(node);
@@ -256,7 +256,7 @@ export default class Observer {
                         el.style.width = width + 'px';
                         el.style.height = height + 'px';
                     }
-                    this.app.send(CreateElementNode(id, parentID, index, el.tagName, isSVGElement(node)));
+                    this.app.send(new CreateElementNode(id, parentID, index, el.tagName, isSVGElement(node)));
                 }
                 for (let i = 0; i < el.attributes.length; i++) {
                     const attr = el.attributes[i];
@@ -265,13 +265,13 @@ export default class Observer {
             }
             else if (isTextNode(node)) {
                 // for text node id != 0, hence parentID !== undefined and parent is Element
-                this.app.send(CreateTextNode(id, parentID, index));
+                this.app.send(new CreateTextNode(id, parentID, index));
                 this.sendNodeData(id, parent, node.data);
             }
             return true;
         }
         if (recentsType === RecentsType.Removed && parentID !== undefined) {
-            this.app.send(MoveNode(id, parentID, index));
+            this.app.send(new MoveNode(id, parentID, index));
         }
         const attr = this.attributesMap.get(id);
         if (attr !== undefined) {

package/lib/app/observer/shadow_root_observer.js

@@ -1,5 +1,5 @@
 import Observer from './observer.js';
-import { CreateIFrameDocument } from '../messages.gen.js';
+import { CreateIFrameDocument } from '../../common/messages.js';
 export default class ShadowRootObserver extends Observer {
     observe(el) {
         const shRoot = el.shadowRoot;

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

@@ -3,19 +3,9 @@ import App from '../index.js';
 export interface Options {
     captureIFrames: boolean;
 }
-declare type Context = Window & typeof globalThis;
-declare type ContextCallback = (context: Context) => void;
-declare type Offset = {
-    top: number;
-    left: number;
-};
 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;
     private handleIframe;
     private shadowRootObservers;
@@ -23,4 +13,3 @@ export default class TopObserver extends Observer {
     observe(): void;
     disconnect(): void;
 }
-export {};

package/lib/app/observer/top_observer.js

@@ -2,19 +2,12 @@ import Observer from './observer.js';
 import { isElementNode, hasTag } from '../guards.js';
 import IFrameObserver from './iframe_observer.js';
 import ShadowRootObserver from './shadow_root_observer.js';
-import { CreateDocument } from '../messages.gen.js';
+import { CreateDocument } from '../../common/messages.js';
 import { IN_BROWSER, hasOpenreplayAttribute } from '../../utils.js';
-function isPatchedDocument(doc) {
-    // @ts-ignore
-    return typeof doc.__openreplay__getOffset === 'function';
-}
 const attachShadowNativeFn = IN_BROWSER ? Element.prototype.attachShadow : () => new ShadowRoot();
 export default class TopObserver extends Observer {
     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,50 +28,23 @@ export default class TopObserver extends Observer {
             }
         });
     }
-    attachContextCallback(cb) {
-        this.contextCallbacks.push(cb);
-    }
-    // Le truc
-    getDocumentOffset(doc) {
-        if (isPatchedDocument(doc)) {
-            return doc.__openreplay__getOffset();
-        }
-        return { top: 0, left: 0 };
-    }
     handleIframe(iframe) {
         let doc = null;
-        let win = null;
         const handle = this.app.safe(() => {
             const id = this.app.nodes.getID(iframe);
             if (id === undefined) {
-                //log
+                return;
+            } //log
+            if (iframe.contentDocument === doc) {
+                return;
+            } // How frequently can it happen?
+            doc = iframe.contentDocument;
+            if (!doc || !iframe.contentWindow) {
                 return;
             }
-            const currentWin = iframe.contentWindow;
-            const currentDoc = iframe.contentDocument;
-            if (currentDoc && currentDoc !== doc) {
-                const observer = new IFrameObserver(this.app);
-                this.iframeObservers.push(observer);
-                observer.observe(iframe);
-                doc = currentDoc;
-                doc.__openreplay__getOffset = () => {
-                    const { top, left } = this.getDocumentOffset(iframe.ownerDocument);
-                    return {
-                        top: iframe.offsetTop + top,
-                        left: iframe.offsetLeft + left,
-                    };
-                };
-            }
-            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;
-            }
+            const observer = new IFrameObserver(this.app);
+            this.iframeObservers.push(observer);
+            observer.observe(iframe);
         });
         iframe.addEventListener('load', handle); // why app.attachEventListener not working?
         handle();
@@ -104,7 +70,7 @@ export default class TopObserver extends Observer {
         //   the 0-node ("fRoot") will become #document rather than documentElement as it is now.
         // Alternatively - observe(#document) then bindNode(documentElement)
         this.observeRoot(window.document, () => {
-            this.app.send(CreateDocument());
+            this.app.send(new CreateDocument());
         }, window.document.documentElement);
     }
     disconnect() {

package/lib/app/session.d.ts

@@ -26,12 +26,6 @@ export default class Session {
     update(newInfo: Partial<SessionInfo>): void;
     setMetadata(key: string, value: string): void;
     setUserID(userID: string): void;
-    private getPageNumber;
-    incPageNo(): number;
-    getSessionToken(): string | undefined;
-    setSessionToken(token: string): void;
-    applySessionHash(hash: string): void;
-    getSessionHash(): string | undefined;
     getInfo(): SessionInfo;
     reset(): void;
 }

package/lib/app/session.js

@@ -46,52 +46,6 @@ export default class Session {
         this.userID = userID;
         this.handleUpdate({ userID });
     }
-    getPageNumber() {
-        const pageNoStr = this.app.sessionStorage.getItem(this.options.session_pageno_key);
-        if (pageNoStr == null) {
-            return undefined;
-        }
-        return parseInt(pageNoStr);
-    }
-    incPageNo() {
-        let pageNo = this.getPageNumber();
-        if (pageNo === undefined) {
-            pageNo = 0;
-        }
-        else {
-            pageNo++;
-        }
-        this.app.sessionStorage.setItem(this.options.session_pageno_key, pageNo.toString());
-        return pageNo;
-    }
-    getSessionToken() {
-        return this.app.sessionStorage.getItem(this.options.session_token_key) || undefined;
-    }
-    setSessionToken(token) {
-        this.app.sessionStorage.setItem(this.options.session_token_key, token);
-    }
-    applySessionHash(hash) {
-        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;
-        }
-        this.app.sessionStorage.setItem(this.options.session_token_key, token);
-        this.app.sessionStorage.setItem(this.options.session_pageno_key, pageNoStr);
-    }
-    getSessionHash() {
-        const pageNo = this.getPageNumber();
-        const token = this.getSessionToken();
-        if (pageNo === undefined || token === undefined) {
-            return;
-        }
-        return encodeURI(String(pageNo) + '&' + token);
-    }
     getInfo() {
         return {
             sessionID: this.sessionID,