@openreplay/tracker 3.5.11 → 3.5.13

package/lib/modules/timing.js

@@ -1,3 +1,4 @@
+import { hasTag } from "../app/guards.js";
 import { isURL } from "../utils.js";
 import { ResourceTiming, PageLoadTiming, PageRenderTiming } from "../common/messages.js";
 function getPaintBlocks(resources) {
@@ -7,7 +8,7 @@ function getPaintBlocks(resources) {
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         let src = '';
-        if (element instanceof HTMLImageElement) {
+        if (hasTag(element, "IMG")) {
             src = element.currentSrc || element.src;
         }
         if (!src) {

package/lib/modules/viewport.d.ts

@@ -1,2 +1,2 @@
-import App from "../app/index.js";
+import type App from "../app/index.js";
 export default function (app: App): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "3.5.11",
+  "version": "3.5.13",
   "keywords": [
     "logging",
     "replay"
@@ -41,6 +41,6 @@
     "error-stack-parser": "^2.0.6"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=17.5"
   }
 }

package/cjs/app/context.d.ts

@@ -1,18 +0,0 @@
-export interface Window extends globalThis.Window {
-    HTMLInputElement: typeof HTMLInputElement;
-    HTMLLinkElement: typeof HTMLLinkElement;
-    HTMLStyleElement: typeof HTMLStyleElement;
-    SVGStyleElement: typeof SVGStyleElement;
-    HTMLIFrameElement: typeof HTMLIFrameElement;
-    Text: typeof Text;
-    Element: typeof Element;
-    ShadowRoot: typeof ShadowRoot;
-}
-declare type WindowConstructor = Document | Element | Text | ShadowRoot | HTMLInputElement | HTMLLinkElement | HTMLStyleElement | HTMLIFrameElement;
-declare type Constructor<T> = {
-    new (...args: any[]): T;
-    name: string;
-};
-export declare function isInstance<T extends WindowConstructor>(node: Node, constr: Constructor<T>): node is T;
-export declare function inDocument(node: Node): boolean;
-export {};

package/cjs/app/context.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inDocument = exports.isInstance = void 0;
-// TODO: we need a type expert here so we won't have to ignore the lines
-// TODO: use it everywhere (static function; export from which file? <-- global Window typing required)
-// TODO: most efficient and common way
-// Problem: on YouTube there is context[constr.name] undefined for constr=ShadowDom due to some minimisations
-function isInstance(node, constr) {
-    const doc = node.ownerDocument;
-    if (!doc) { // null if Document
-        return constr.name === 'Document';
-    }
-    let context = 
-    // @ts-ignore (for EI, Safary)
-    doc.parentWindow ||
-        doc.defaultView; // TODO: smart global typing for Window object
-    while (context !== window) {
-        // @ts-ignore
-        if (context[constr.name] && node instanceof context[constr.name]) {
-            return true;
-        }
-        // @ts-ignore
-        context = context.parent || window;
-    }
-    // @ts-ignore
-    return context[constr.name] ? node instanceof context[constr.name] : node instanceof constr;
-}
-exports.isInstance = isInstance;
-// TODO: ensure 1. it works in every cases (iframes/detached nodes) and 2. the most efficient
-function inDocument(node) {
-    const doc = node.ownerDocument;
-    if (!doc) {
-        return true;
-    } // Document
-    let current = node;
-    while (current) {
-        if (current === doc) {
-            return true;
-        }
-        else if (isInstance(current, ShadowRoot)) {
-            current = current.host;
-        }
-        else {
-            current = current.parentNode;
-        }
-    }
-    return false;
-}
-exports.inDocument = inDocument;
-// export function inDocument(node: Node): boolean {
-//   // @ts-ignore compatability
-//   if (node.getRootNode) {
-//     let root: Node
-//     while ((root = node.getRootNode()) !== node) {
-//        ////
-//     }
-//   }
-//   const doc = node.ownerDocument
-//   if (!doc) { return false }
-//   if (doc.contains(node)) { return true }
-//   let context: Window = 
-//     // @ts-ignore (for EI, Safary)
-//     doc.parentWindow || 
-//     doc.defaultView;
-//   while(context.parent && context.parent !== context) {
-//     if (context.document.contains(node)) {
-//       return true
-//     }
-//     // @ts-ignore
-//     context = context.parent
-//   }
-//   return false;
-// }

package/lib/app/context.d.ts

@@ -1,18 +0,0 @@
-export interface Window extends globalThis.Window {
-    HTMLInputElement: typeof HTMLInputElement;
-    HTMLLinkElement: typeof HTMLLinkElement;
-    HTMLStyleElement: typeof HTMLStyleElement;
-    SVGStyleElement: typeof SVGStyleElement;
-    HTMLIFrameElement: typeof HTMLIFrameElement;
-    Text: typeof Text;
-    Element: typeof Element;
-    ShadowRoot: typeof ShadowRoot;
-}
-declare type WindowConstructor = Document | Element | Text | ShadowRoot | HTMLInputElement | HTMLLinkElement | HTMLStyleElement | HTMLIFrameElement;
-declare type Constructor<T> = {
-    new (...args: any[]): T;
-    name: string;
-};
-export declare function isInstance<T extends WindowConstructor>(node: Node, constr: Constructor<T>): node is T;
-export declare function inDocument(node: Node): boolean;
-export {};

package/lib/app/context.js

@@ -1,68 +0,0 @@
-// TODO: we need a type expert here so we won't have to ignore the lines
-// TODO: use it everywhere (static function; export from which file? <-- global Window typing required)
-// TODO: most efficient and common way
-// Problem: on YouTube there is context[constr.name] undefined for constr=ShadowDom due to some minimisations
-export function isInstance(node, constr) {
-    const doc = node.ownerDocument;
-    if (!doc) { // null if Document
-        return constr.name === 'Document';
-    }
-    let context = 
-    // @ts-ignore (for EI, Safary)
-    doc.parentWindow ||
-        doc.defaultView; // TODO: smart global typing for Window object
-    while (context !== window) {
-        // @ts-ignore
-        if (context[constr.name] && node instanceof context[constr.name]) {
-            return true;
-        }
-        // @ts-ignore
-        context = context.parent || window;
-    }
-    // @ts-ignore
-    return context[constr.name] ? node instanceof context[constr.name] : node instanceof constr;
-}
-// TODO: ensure 1. it works in every cases (iframes/detached nodes) and 2. the most efficient
-export function inDocument(node) {
-    const doc = node.ownerDocument;
-    if (!doc) {
-        return true;
-    } // Document
-    let current = node;
-    while (current) {
-        if (current === doc) {
-            return true;
-        }
-        else if (isInstance(current, ShadowRoot)) {
-            current = current.host;
-        }
-        else {
-            current = current.parentNode;
-        }
-    }
-    return false;
-}
-// export function inDocument(node: Node): boolean {
-//   // @ts-ignore compatability
-//   if (node.getRootNode) {
-//     let root: Node
-//     while ((root = node.getRootNode()) !== node) {
-//        ////
-//     }
-//   }
-//   const doc = node.ownerDocument
-//   if (!doc) { return false }
-//   if (doc.contains(node)) { return true }
-//   let context: Window = 
-//     // @ts-ignore (for EI, Safary)
-//     doc.parentWindow || 
-//     doc.defaultView;
-//   while(context.parent && context.parent !== context) {
-//     if (context.document.contains(node)) {
-//       return true
-//     }
-//     // @ts-ignore
-//     context = context.parent
-//   }
-//   return false;
-// }