@openreplay/tracker 14.0.10-beta.1 → 14.0.10

package/CHANGELOG.md

@@ -1,297 +0,0 @@
-# 14.0.10
-
-- adjust timestamps for messages from tracker instances inside child iframes (if they were loaded later)
-- restart child trackers if parent tracker is restarted
-- fixes for general stability of crossdomain iframe tracking
-
-# 14.0.9
-
-- more stable crossdomain iframe tracking (refactored child/parent process discovery)
-- checks for bad start error
-
-# 14.0.8
-
-- use separate library to handle network requests ([@openreplay/network-proxy](https://www.npmjs.com/package/@openreplay/network-proxy))
-- fixes for window.message listeners
-
-# 14.0.7
-
-- check for stopping status during restarts
-- restart if token expired during canvas fetch
-
-# 14.0.6
-
-- support feature off toggle for feature flags and usability testing
-- additional checks for canvas snapshots
-
-# 14.0.5
-
-- remove canvas snapshot interval if canvas is gone
-
-# 14.0.4
-
-- remove reject from start
-
-# 14.0.3
-
-- send integer instead of float for normalizedX/Y coords (basically moving from 0-100 to 0-10000 range)
-
-# 14.0.2
-
-- fix logger check
-
-# 14.0.0 & .1
-
-- titles for tabs
-- new `MouseClick` message to introduce heatmaps instead of clickmaps
-- crossdomain iframe tracking functionality
-- updated graphql plugin and messages
-
-# 13.0.2
-
-- more file extensions for canvas
-
-# 13.0.1
-
-- moved canvas snapshots to webp, additional option to utilize useAnimationFrame method (for webgl)
-- simpler, faster canvas recording manager
-
-# 13.0.0
-
-- `assistOnly` flag for tracker options (EE only feature)
-
-# 12.0.12
-
-- fix for potential redux plugin issues after .11 ...
-
-# 12.0.11
-
-- better restart on unauth (new token assign for long sessions)
-- more safeguards around arraybuffer and dataview types for network proxy
-
-# 12.0.10
-
-- improved logs for node binding errors, full nodelist clear before start, getSessionInfo method
-
-# 12.0.9
-
-- moved logging to query
-
-# 12.0.8
-
-- better logging for network batches
-
-# 12.0.7
-
-- fixes for window.open reinit method
-
-# 12.0.6
-
-- allow network sanitizer to return null (will ignore network req)
-
-# 12.0.5
-
-- patch for img.ts srcset detector
-
-# 12.0.4
-
-- patch for email sanitizer (supports + now)
-- update fflate version for better compression
-- `disableCanvas` option to disable canvas capture
-- better check for adopted stylesheets in doc (old browser support)
-
-# 12.0.3
-
-- fixed scaling option for canvas (to ignore window.devicePixelRatio and always render the canvas as 1)
-
-# 12.0.2
-
-- fix for canvas snapshot check
-
-# 12.0.1
-
-- pause canvas snapshotting when its offscreen
-
-# 12.0.0
-
-- offline session recording and manual sending
-- conditional recording with 30s buffer
-- websockets tracking hook
-
-# 11.0.5
-
-- add method to restart canvas tracking (in case of context recreation)
-- scan dom tree for canvas els on tracker start
-
-# 11.0.4
-
-- some additional security for canvas capture (check if canvas el itself is obscured/ignored)
-
-# 11.0.3
-
-- move all logs under internal debugger
-- fix for XHR proxy ORSC 'abort' state
-
-# 11.0.1 & 11.0.2
-
-- minor fixes and refactoring
-
-# 11.0.0
-
-- canvas support
-- some safety guards for iframe components
-- user testing module
-
-# 10.0.2
-
-- fix default ignore headers
-
-# 10.0.1
-
-- network proxy api is now default turned on
-
-# 10.0.0
-
-- networkRequest message changed to include `TransferredBodySize`
-- tracker now attempts to create proxy for beacon api as well (if its in scope of the current env)
-- safe wrapper for angular apps
-- better browser lag handling (and some performance improvements as a bonus)
-
-# 9.0.11
-
-- new `resetTabOnWindowOpen` option to fix window.open issue with sessionStorage being inherited (replicating tabId bug), users still should use 'noopener=true' in window.open to prevent it in general...
-- do not create BC channel in iframe context, add regeneration of tabid incase of duplication
-
-# 9.0.10
-
-- added `excludedResourceUrls` to timings options to better sanitize network data
-
-# 9.0.9
-
-- Fix for `{disableStringDict: true}` behavior
-
-# 9.0.8
-
-- added slight delay to iframe handler (rapid updates of stacked frames used to break player)
-
-# 9.0.7
-
-- fix for `getSessionURL` method
-
-# 9.0.6
-
-- added `tokenUrlMatcher` option to network settings, allowing to ingest session token header to custom allowed urls
-
-# 9.0.5
-
-- same fixes but for fetch proxy
-
-# 9.0.2 & 9.0.3 & 9.0.4
-
-- fixes for "setSessionTokenHeader" method
-
-# 9.0.1
-
-- Warning about SSR mode
-- Prevent crashes due to network proxy in SSR
-
-# 9.0.0
-
-- Option to disable string dictionary `{disableStringDict: true}` in Tracker constructor
-- Introduced Feature flags api
-- Fixed input durations recorded on programmable autofill
-- change InputMode from enum to const Object
-
-# 8.1.2
-
-- option to disable string dictionary `{disableStringDict: true}` in Tracker constructor
-
-# 8.1.1
-
-[collective patch]
-
-- Console and network are now using proxy objects to capture calls (opt in for network), use ` { network: { useProxy: true } }` to enable it
-- Force disable Multitab feature for old browsers (2016 and older + safari 14)
-
-# 8.0.0
-
-- **[breaking]** support for multi-tab sessions
-
-# 7.0.4
-
-- option to disable string dictionary `{disableStringDict: true}` in Tracker constructor
-
-# 7.0.3
-
-- Prevent auto restart after manual stop
-
-# 7.0.2
-
-- fixed header sanitization for axios causing empty string in some cases
-
-# 7.0.1
-
-- fix time inputs capturing
-- add option `{ network: { captureInIframes: boolean } }` to disable network tracking inside iframes (default true)
-- added option `{ network: { axiosInstances: AxiosInstance[] } }` to include custom axios instances for better tracking
-
-# 7.0.0
-
-- **[breaking]** added gzip compression to large messages
-- fix email regexp to significantly improve performance
-
-# 6.0.2
-
-- fix network tracking for same domain iframes created by js code
-
-# 6.0.1
-
-- fix webworker writer re-init request
-- remove useless logs
-- tune mouse thrashing detection
-- fix iframe handling
-- optimise node counting for dom drop
-
-# 6.0.0
-
-**(Compatible with OpenReplay v1.11.0+ only)**
-
-- **[breaking]:** Capture mouse thrashing, input hesitation+duration, click hesitation
-- Capture DOM node drop event (>30% nodes removed)
-- Capture iframe network requests
-- Detect cached requests to img, css and js resources; send transferred size
-- added `{ mouse: { disableClickmaps: boolean } }` to disable calculating el. selectors
-- added `{ mouse: { minSelectorDepth?: number; nthThreshold?: number; maxOptimiseTries?: number }` for selector finding optimizations
-
-## 5.0.2
-
-- fixed inline css loading in specific cases when assets gets around min flush size
-
-## 5.0.1
-
-- Re-init worker after device sleep/hybernation
-- Default text input mode is now Obscured
-- Use `@medv/finder` instead of our own implementation of `getSelector` for better clickmaps experience
-
-## 5.0.0
-
-**(Compatible with OpenReplay v1.10.0+ only)**
-
-- **[breaking]:** string dictionary to reduce session size
-- Added "tel" to supported input types
-- Added `{ withCurrentTime: true }` to `tracker.getSessionURL` method which will return sessionURL with current session's timestamp
-- Added Network module that captures fetch/xhr by default (with no plugin required)
-- Use `timeOrigin()` instead of `performance.timing.navigationStart` in ResourceTiming messages
-- Added app restart when service worker died after inactivity (mobile safari)
-
-## 4.1.8
-
-- recalculate timeOrigin on start to prevent wrong timestamps on "sleeping" sessions
-
-## 4.1.7
-
-- resend metadata on start
-
-## 4.1.6
-
-- remove log that potentially caused crashed during slow initial render

package/cjs/app/canvas.js

@@ -1,204 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const guards_js_1 = require("./guards.js");
-const messages_gen_js_1 = require("./messages.gen.js");
-class CanvasRecorder {
-    constructor(app, options) {
-        this.app = app;
-        this.options = options;
-        this.snapshots = {};
-        this.intervals = [];
-        this.restartTracking = () => {
-            this.clear();
-            this.app.nodes.scanTree(this.captureCanvas);
-        };
-        this.captureCanvas = (node) => {
-            const id = this.app.nodes.getID(node);
-            if (!id || !(0, guards_js_1.hasTag)(node, 'canvas')) {
-                return;
-            }
-            const isIgnored = this.app.sanitizer.isObscured(id) || this.app.sanitizer.isHidden(id);
-            if (isIgnored || !(0, guards_js_1.hasTag)(node, 'canvas') || this.snapshots[id]) {
-                return;
-            }
-            const observer = new IntersectionObserver((entries) => {
-                entries.forEach((entry) => {
-                    if (entry.isIntersecting) {
-                        if (entry.target) {
-                            if (this.snapshots[id] && this.snapshots[id].createdAt) {
-                                this.snapshots[id].paused = false;
-                            }
-                            else {
-                                this.recordCanvas(entry.target, id);
-                            }
-                            /**
-                             * We can switch this to start observing when element is in the view
-                             * but otherwise right now we're just pausing when it's not
-                             * just to save some bandwidth and space on backend
-                             * */
-                            // observer.unobserve(entry.target)
-                        }
-                        else {
-                            if (this.snapshots[id]) {
-                                this.snapshots[id].paused = true;
-                            }
-                        }
-                    }
-                });
-            });
-            observer.observe(node);
-        };
-        this.recordCanvas = (node, id) => {
-            const ts = this.app.timestamp();
-            this.snapshots[id] = {
-                images: [],
-                createdAt: ts,
-                paused: false,
-                dummy: document.createElement('canvas'),
-            };
-            const canvasMsg = (0, messages_gen_js_1.CanvasNode)(id.toString(), ts);
-            this.app.send(canvasMsg);
-            const captureFn = (canvas) => {
-                captureSnapshot(canvas, this.options.quality, this.snapshots[id].dummy, this.options.fixedScaling, this.fileExt, (blob) => {
-                    if (!blob)
-                        return;
-                    if (!this.snapshots[id]) {
-                        return this.app.debug.warn('Canvas not present in snapshots after capture:', this.snapshots, id);
-                    }
-                    this.snapshots[id].images.push({ id: this.app.timestamp(), data: blob });
-                    if (this.snapshots[id].images.length > 9) {
-                        this.sendSnaps(this.snapshots[id].images, id, this.snapshots[id].createdAt);
-                        this.snapshots[id].images = [];
-                    }
-                });
-            };
-            const int = setInterval(() => {
-                const cid = this.app.nodes.getID(node);
-                const canvas = cid ? this.app.nodes.getNode(cid) : undefined;
-                if (!this.snapshots[id]) {
-                    this.app.debug.log('Canvas is not present in {snapshots}');
-                    clearInterval(int);
-                    return;
-                }
-                if (!canvas || !(0, guards_js_1.hasTag)(canvas, 'canvas') || canvas !== node) {
-                    this.app.debug.log('Canvas element not in sync', canvas, node);
-                    clearInterval(int);
-                    return;
-                }
-                else {
-                    if (!this.snapshots[id].paused) {
-                        if (this.options.useAnimationFrame) {
-                            requestAnimationFrame(() => {
-                                captureFn(canvas);
-                            });
-                        }
-                        else {
-                            captureFn(canvas);
-                        }
-                    }
-                }
-            }, this.interval);
-            this.intervals.push(int);
-        };
-        this.fileExt = options.fileExt ?? 'webp';
-        this.interval = 1000 / options.fps;
-    }
-    startTracking() {
-        setTimeout(() => {
-            this.app.nodes.scanTree(this.captureCanvas);
-            this.app.nodes.attachNodeCallback(this.captureCanvas);
-        }, 250);
-    }
-    sendSnaps(images, canvasId, createdAt) {
-        if (Object.keys(this.snapshots).length === 0) {
-            return;
-        }
-        const formData = new FormData();
-        images.forEach((snapshot) => {
-            const blob = snapshot.data;
-            if (!blob)
-                return;
-            formData.append('snapshot', blob, `${createdAt}_${canvasId}_${snapshot.id}.${this.fileExt}`);
-            if (this.options.isDebug) {
-                saveImageData(blob, `${createdAt}_${canvasId}_${snapshot.id}.${this.fileExt}`);
-            }
-        });
-        const initRestart = () => {
-            this.app.debug.log('Restarting tracker; token expired');
-            this.app.stop(false);
-            setTimeout(() => {
-                void this.app.start({}, true);
-            }, 250);
-        };
-        fetch(this.app.options.ingestPoint + '/v1/web/images', {
-            method: 'POST',
-            headers: {
-                Authorization: `Bearer ${this.app.session.getSessionToken() ?? ''}`,
-            },
-            body: formData,
-        })
-            .then((r) => {
-            if (r.status === 401) {
-                return initRestart();
-            }
-            return true;
-        })
-            .catch((e) => {
-            this.app.debug.error('error saving canvas', e);
-        });
-    }
-    clear() {
-        this.intervals.forEach((int) => clearInterval(int));
-        this.snapshots = {};
-    }
-}
-const qualityInt = {
-    low: 0.35,
-    medium: 0.55,
-    high: 0.8,
-};
-function captureSnapshot(canvas, quality = 'medium', dummy, fixedScaling = false, fileExt, onBlob) {
-    const imageFormat = `image/${fileExt}`;
-    if (fixedScaling) {
-        const canvasScaleRatio = window.devicePixelRatio || 1;
-        dummy.width = canvas.width / canvasScaleRatio;
-        dummy.height = canvas.height / canvasScaleRatio;
-        const ctx = dummy.getContext('2d');
-        if (!ctx) {
-            return '';
-        }
-        ctx.clearRect(0, 0, dummy.width, dummy.height);
-        ctx.drawImage(canvas, 0, 0, dummy.width, dummy.height);
-        dummy.toBlob(onBlob, imageFormat, qualityInt[quality]);
-    }
-    else {
-        canvas.toBlob(onBlob, imageFormat, qualityInt[quality]);
-    }
-}
-function saveImageData(imageDataBlob, name) {
-    const imageDataUrl = URL.createObjectURL(imageDataBlob);
-    const link = document.createElement('a');
-    link.href = imageDataUrl;
-    link.download = name;
-    link.style.display = 'none';
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-}
-function dataUrlToBlob(dataUrl) {
-    const [header, base64] = dataUrl.split(',');
-    if (!header || !base64)
-        return null;
-    const encParts = header.match(/:(.*?);/);
-    if (!encParts)
-        return null;
-    const mime = encParts[1];
-    const blobStr = atob(base64);
-    let n = blobStr.length;
-    const u8arr = new Uint8Array(n);
-    while (n--) {
-        u8arr[n] = blobStr.charCodeAt(n);
-    }
-    return [new Blob([u8arr], { type: mime }), u8arr];
-}
-exports.default = CanvasRecorder;

package/cjs/app/guards.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasTag = exports.isRootNode = exports.isDocument = exports.isTextNode = exports.isCommentNode = exports.isElementNode = exports.isSVGElement = exports.isNode = void 0;
-//@ts-ignore
-function isNode(sth) {
-    return !!sth && sth.nodeType != null;
-}
-exports.isNode = isNode;
-function isSVGElement(node) {
-    return node.namespaceURI === 'http://www.w3.org/2000/svg';
-}
-exports.isSVGElement = isSVGElement;
-function isElementNode(node) {
-    return node.nodeType === Node.ELEMENT_NODE;
-}
-exports.isElementNode = isElementNode;
-function isCommentNode(node) {
-    return node.nodeType === Node.COMMENT_NODE;
-}
-exports.isCommentNode = isCommentNode;
-function isTextNode(node) {
-    return node.nodeType === Node.TEXT_NODE;
-}
-exports.isTextNode = isTextNode;
-function isDocument(node) {
-    return node.nodeType === Node.DOCUMENT_NODE;
-}
-exports.isDocument = isDocument;
-function isRootNode(node) {
-    return node.nodeType === Node.DOCUMENT_NODE || node.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
-}
-exports.isRootNode = isRootNode;
-function hasTag(el, tagName) {
-    // @ts-ignore
-    return el.localName === tagName;
-}
-exports.hasTag = hasTag;