@openreplay/tracker 14.0.10-beta.2 → 14.0.10

package/cjs/modules/tagWatcher.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WATCHED_TAGS_KEY = void 0;
-exports.WATCHED_TAGS_KEY = '__or__watched_tags__';
-class TagWatcher {
-    constructor(sessionStorage, errLog, onTag) {
-        this.sessionStorage = sessionStorage;
-        this.errLog = errLog;
-        this.onTag = onTag;
-        this.intervals = {};
-        this.tags = [];
-        const tags = JSON.parse(sessionStorage.getItem(exports.WATCHED_TAGS_KEY) ?? '[]');
-        this.setTags(tags);
-        this.observer = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (entry.isIntersecting) {
-                    if (entry.target) {
-                        // @ts-ignore
-                        const tag = entry.target.__or_watcher_tagname;
-                        if (tag) {
-                            this.onTagRendered(tag);
-                        }
-                        this.observer.unobserve(entry.target);
-                    }
-                }
-            });
-        });
-    }
-    async fetchTags(ingest, token) {
-        return fetch(`${ingest}/v1/web/tags`, {
-            method: 'GET',
-            headers: {
-                Authorization: `Bearer ${token}`,
-            },
-        })
-            .then((r) => r.json())
-            .then(({ tags }) => {
-            if (tags && tags.length) {
-                this.setTags(tags);
-                const tagString = JSON.stringify(tags);
-                this.sessionStorage.setItem(exports.WATCHED_TAGS_KEY, tagString || '');
-            }
-        })
-            .catch((e) => this.errLog(e));
-    }
-    setTags(tags) {
-        this.tags = tags;
-        this.intervals = {};
-        tags.forEach((tag) => {
-            this.intervals[tag.id] = setInterval(() => {
-                const possibleEls = document.querySelectorAll(tag.selector);
-                if (possibleEls.length > 0) {
-                    const el = possibleEls[0];
-                    // @ts-ignore
-                    el.__or_watcher_tagname = tag.id;
-                    this.observer.observe(el);
-                }
-            }, 500);
-        });
-    }
-    onTagRendered(tagId) {
-        if (this.intervals[tagId]) {
-            clearInterval(this.intervals[tagId]);
-        }
-        this.onTag(tagId);
-    }
-    clear() {
-        this.tags.forEach((tag) => {
-            clearInterval(this.intervals[tag.id]);
-        });
-        this.tags = [];
-        this.intervals = {};
-        this.observer.disconnect();
-    }
-}
-exports.default = TagWatcher;

package/cjs/modules/timing.js

@@ -1,173 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const guards_js_1 = require("../app/guards.js");
-const utils_js_1 = require("../utils.js");
-const messages_gen_js_1 = require("../app/messages.gen.js");
-function getPaintBlocks(resources) {
-    const paintBlocks = [];
-    const elements = document.getElementsByTagName('*');
-    const styleURL = /url\(("[^"]*"|'[^']*'|[^)]*)\)/i;
-    for (let i = 0; i < elements.length; i++) {
-        const element = elements[i];
-        let src = '';
-        if ((0, guards_js_1.hasTag)(element, 'img')) {
-            src = element.currentSrc || element.src;
-        }
-        if (!src) {
-            const backgroundImage = getComputedStyle(element).getPropertyValue('background-image');
-            if (backgroundImage) {
-                const matches = styleURL.exec(backgroundImage);
-                if (matches !== null) {
-                    src = matches[1];
-                    if (src.startsWith('"') || src.startsWith("'")) {
-                        src = src.substr(1, src.length - 2);
-                    }
-                }
-            }
-        }
-        if (!src)
-            continue;
-        const time = src.substr(0, 10) === 'data:image' ? 0 : resources[src];
-        if (time === undefined)
-            continue;
-        const rect = element.getBoundingClientRect();
-        const top = Math.max(rect.top, 0);
-        const left = Math.max(rect.left, 0);
-        const bottom = Math.min(rect.bottom, window.innerHeight ||
-            (document.documentElement && document.documentElement.clientHeight) ||
-            0);
-        const right = Math.min(rect.right, window.innerWidth || (document.documentElement && document.documentElement.clientWidth) || 0);
-        if (bottom <= top || right <= left)
-            continue;
-        const area = (bottom - top) * (right - left);
-        paintBlocks.push({ time, area });
-    }
-    return paintBlocks;
-}
-function calculateSpeedIndex(firstContentfulPaint, paintBlocks) {
-    let a = (Math.max((document.documentElement && document.documentElement.clientWidth) || 0, window.innerWidth || 0) *
-        Math.max((document.documentElement && document.documentElement.clientHeight) || 0, window.innerHeight || 0)) /
-        10;
-    let s = a * firstContentfulPaint;
-    for (let i = 0; i < paintBlocks.length; i++) {
-        const { time, area } = paintBlocks[i];
-        a += area;
-        s += area * (time > firstContentfulPaint ? time : firstContentfulPaint);
-    }
-    return a === 0 ? 0 : s / a;
-}
-function default_1(app, opts) {
-    const options = Object.assign({
-        captureResourceTimings: true,
-        capturePageLoadTimings: true,
-        capturePageRenderTimings: true,
-        excludedResourceUrls: [],
-    }, opts);
-    if (!('PerformanceObserver' in window)) {
-        options.captureResourceTimings = false;
-    }
-    if (!options.captureResourceTimings) {
-        return;
-    } // Resources are necessary for all timings
-    let resources = {};
-    function resourceTiming(entry) {
-        if (entry.duration < 0 || !(0, utils_js_1.isURL)(entry.name) || app.isServiceURL(entry.name))
-            return;
-        if (resources !== null) {
-            resources[entry.name] = entry.startTime + entry.duration;
-        }
-        let shouldSkip = false;
-        options.excludedResourceUrls?.forEach((url) => {
-            if (entry.name.startsWith(url)) {
-                shouldSkip = true;
-                return;
-            }
-        });
-        if (shouldSkip) {
-            return;
-        }
-        app.send((0, messages_gen_js_1.ResourceTiming)(entry.startTime + (0, utils_js_1.getTimeOrigin)(), entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, entry.decodedBodySize || 0, entry.name, entry.initiatorType, entry.transferSize, 
-        // @ts-ignore
-        (entry.responseStatus && entry.responseStatus === 304) || entry.transferSize === 0));
-    }
-    const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
-    let prevSessionID;
-    app.attachStartCallback(function ({ sessionID }) {
-        if (sessionID !== prevSessionID) {
-            // Send past page resources on a newly started session
-            performance.getEntriesByType('resource').forEach(resourceTiming);
-            prevSessionID = sessionID;
-        }
-        observer.observe({ entryTypes: ['resource'] });
-    });
-    app.attachStopCallback(function () {
-        observer.disconnect();
-    });
-    let firstPaint = 0, firstContentfulPaint = 0;
-    if (options.capturePageLoadTimings) {
-        let pageLoadTimingSent = false;
-        app.ticker.attach(() => {
-            if (pageLoadTimingSent) {
-                return;
-            }
-            if (firstPaint === 0 || firstContentfulPaint === 0) {
-                performance.getEntriesByType('paint').forEach((entry) => {
-                    const { name, startTime } = entry;
-                    switch (name) {
-                        case 'first-paint':
-                            firstPaint = startTime;
-                            break;
-                        case 'first-contentful-paint':
-                            firstContentfulPaint = startTime;
-                            break;
-                    }
-                });
-            }
-            if (performance.timing.loadEventEnd || performance.now() > 30000) {
-                pageLoadTimingSent = true;
-                const { 
-                // should be ok to use here, (https://github.com/mdn/content/issues/4713)
-                // since it is compared with the values obtained on the page load (before any possible sleep state)
-                // deprecated though
-                navigationStart, requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, } = performance.timing;
-                app.send((0, messages_gen_js_1.PageLoadTiming)(requestStart - navigationStart || 0, responseStart - navigationStart || 0, responseEnd - navigationStart || 0, domContentLoadedEventStart - navigationStart || 0, domContentLoadedEventEnd - navigationStart || 0, loadEventStart - navigationStart || 0, loadEventEnd - navigationStart || 0, firstPaint, firstContentfulPaint));
-            }
-        }, 30);
-    }
-    if (options.capturePageRenderTimings) {
-        let visuallyComplete = 0, interactiveWindowStartTime = 0, interactiveWindowTickTime = 0, paintBlocks = null;
-        let pageRenderTimingSent = false;
-        app.ticker.attach(() => {
-            if (pageRenderTimingSent) {
-                return;
-            }
-            const time = performance.now();
-            if (resources !== null) {
-                visuallyComplete = Math.max.apply(null, Object.keys(resources).map((k) => resources[k]));
-                if (time - visuallyComplete > 1000) {
-                    paintBlocks = getPaintBlocks(resources);
-                    resources = null;
-                }
-            }
-            if (interactiveWindowTickTime !== null) {
-                if (time - interactiveWindowTickTime > 50) {
-                    interactiveWindowStartTime = time;
-                }
-                interactiveWindowTickTime = time - interactiveWindowStartTime > 5000 ? null : time;
-            }
-            if ((paintBlocks !== null && interactiveWindowTickTime === null) || time > 30000) {
-                pageRenderTimingSent = true;
-                resources = null;
-                const speedIndex = paintBlocks === null
-                    ? 0
-                    : calculateSpeedIndex(firstContentfulPaint || firstPaint, paintBlocks);
-                const { domContentLoadedEventEnd, navigationStart } = performance.timing;
-                const timeToInteractive = interactiveWindowTickTime === null
-                    ? Math.max(interactiveWindowStartTime, firstContentfulPaint, domContentLoadedEventEnd - navigationStart || 0)
-                    : 0;
-                app.send((0, messages_gen_js_1.PageRenderTiming)(speedIndex, firstContentfulPaint > visuallyComplete ? firstContentfulPaint : visuallyComplete, timeToInteractive));
-            }
-        });
-    }
-}
-exports.default = default_1;

package/cjs/modules/userTesting/SignalManager.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_js_1 = require("./utils.js");
-class SignalManager {
-    constructor(ingestPoint, getTimestamp, token, testId, storageKey, setStorageKey, removeStorageKey, getStorageKey, getSessionId) {
-        this.ingestPoint = ingestPoint;
-        this.getTimestamp = getTimestamp;
-        this.token = token;
-        this.testId = testId;
-        this.storageKey = storageKey;
-        this.setStorageKey = setStorageKey;
-        this.removeStorageKey = removeStorageKey;
-        this.getStorageKey = getStorageKey;
-        this.getSessionId = getSessionId;
-        this.durations = {
-            testStart: 0,
-            tasks: [],
-        };
-        this.getDurations = () => {
-            return this.durations;
-        };
-        this.setDurations = (durations) => {
-            this.durations.testStart = durations.testStart;
-            this.durations.tasks = durations.tasks;
-        };
-        this.signalTask = (taskId, status, taskAnswer) => {
-            if (!taskId)
-                return console.error('User Testing: No Task ID Given');
-            const taskStart = this.durations.tasks.find((t) => t.taskId === taskId);
-            const timestamp = this.getTimestamp();
-            const duration = taskStart ? timestamp - taskStart.started : 0;
-            return fetch(`${this.ingestPoint}/v1/web/uxt/signals/task`, {
-                method: 'POST',
-                headers: {
-                    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-                    Authorization: `Bearer ${this.token}`,
-                },
-                body: JSON.stringify({
-                    testId: this.testId,
-                    taskId,
-                    status,
-                    duration,
-                    timestamp,
-                    taskAnswer,
-                }),
-            });
-        };
-        this.signalTest = (status) => {
-            const timestamp = this.getTimestamp();
-            if (status === 'begin' && this.testId) {
-                const sessionId = this.getSessionId();
-                this.setStorageKey(utils_js_1.SESSION_ID, sessionId);
-                this.setStorageKey(this.storageKey, this.testId.toString());
-                this.setStorageKey(utils_js_1.TEST_START, timestamp.toString());
-            }
-            else {
-                this.removeStorageKey(this.storageKey);
-                this.removeStorageKey(utils_js_1.TASK_IND);
-                this.removeStorageKey(utils_js_1.TEST_START);
-            }
-            const start = this.durations.testStart || timestamp;
-            const duration = timestamp - start;
-            return fetch(`${this.ingestPoint}/v1/web/uxt/signals/test`, {
-                method: 'POST',
-                headers: {
-                    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-                    Authorization: `Bearer ${this.token}`,
-                },
-                body: JSON.stringify({
-                    testId: this.testId,
-                    status,
-                    duration,
-                    timestamp,
-                }),
-            });
-        };
-        const possibleStart = this.getStorageKey(utils_js_1.TEST_START);
-        if (possibleStart) {
-            this.durations.testStart = parseInt(possibleStart, 10);
-        }
-    }
-}
-exports.default = SignalManager;

package/cjs/modules/userTesting/dnd.js

@@ -1,40 +0,0 @@
-"use strict";
-// @ts-nocheck
-Object.defineProperty(exports, "__esModule", { value: true });
-function attachDND(element, dragTarget) {
-    dragTarget.onmousedown = function (event) {
-        const clientRect = element.getBoundingClientRect();
-        const shiftX = event.clientX - clientRect.left;
-        const shiftY = event.clientY - clientRect.top;
-        element.style.position = 'fixed';
-        element.style.zIndex = 99999999999999;
-        moveAt(event.pageX, event.pageY);
-        function moveAt(pageX, pageY) {
-            let leftC = pageX - shiftX;
-            let topC = pageY - shiftY;
-            if (leftC <= 5)
-                leftC = 5;
-            if (topC <= 5)
-                topC = 5;
-            if (leftC >= window.innerWidth - clientRect.width)
-                leftC = window.innerWidth - clientRect.width;
-            if (topC >= window.innerHeight - clientRect.height)
-                topC = window.innerHeight - clientRect.height;
-            element.style.left = `${leftC}px`;
-            element.style.top = `${topC}px`;
-        }
-        function onMouseMove(event) {
-            moveAt(event.pageX, event.pageY);
-        }
-        document.addEventListener('mousemove', onMouseMove);
-        const clearAll = () => {
-            document.removeEventListener('mousemove', onMouseMove);
-            document.removeEventListener('mouseup', clearAll);
-        };
-        document.addEventListener('mouseup', clearAll);
-    };
-    dragTarget.ondragstart = function () {
-        return false;
-    };
-}
-exports.default = attachDND;