@openreplay/tracker 12.0.9-beta.1 → 12.0.9-beta.2

package/cjs/app/index.js

@@ -80,7 +80,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '12.0.9-beta.1'; // TODO: version compatability check inside each plugin.
+        this.version = '12.0.9-beta.2'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/cjs/app/nodes.js

@@ -43,6 +43,7 @@ class Nodes {
     unregisterNode(node) {
         const id = node[this.node_id];
         if (id !== undefined) {
+            ;
             node[this.node_id] = undefined;
             delete node[this.node_id];
             delete this.nodes[id];
@@ -87,7 +88,6 @@ class Nodes {
             if (!node) {
                 continue;
             }
-            this.nodes[id] = undefined;
             this.unregisterNode(node);
         }
         this.nodes.length = 0;

package/cjs/index.js

@@ -97,7 +97,7 @@ class API {
             const orig = this.options.ingestPoint || index_js_1.DEFAULT_INGEST_POINT;
             req.open('POST', orig + '/v1/web/not-started');
             req.send(JSON.stringify({
-                trackerVersion: '12.0.9-beta.1',
+                trackerVersion: '12.0.9-beta.2',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,

package/cjs/utils.d.ts

@@ -25,11 +25,4 @@ export declare function ngSafeBrowserMethod(method: string): string;
 export declare function createMutationObserver(cb: MutationCallback): MutationObserver;
 export declare function createEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
 export declare function deleteEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
-/**
- * This is a brief polyfill that suits our needs
- * I took inspiration from Microsoft Clarity polyfill on this one
- * then adapted it a little bit
- *
- * I'm very grateful for their bright idea
- * */
-export declare function requestIdleCb(callback: () => void): number | undefined;
+export declare function requestIdleCb(callback: () => void): void;

package/cjs/utils.js

@@ -143,28 +143,61 @@ function deleteEventListener(target, event, cb, capture) {
     }
 }
 exports.deleteEventListener = deleteEventListener;
-/**
- * This is a brief polyfill that suits our needs
- * I took inspiration from Microsoft Clarity polyfill on this one
- * then adapted it a little bit
- *
- * I'm very grateful for their bright idea
- * */
-function requestIdleCb(callback) {
-    const taskTimeout = 3000;
-    if (window.requestIdleCallback) {
-        return window.requestIdleCallback(callback, { timeout: taskTimeout });
+class FIFOTaskScheduler {
+    constructor() {
+        this.taskQueue = [];
+        this.isRunning = false;
+    }
+    // Adds a task to the queue
+    addTask(task) {
+        this.taskQueue.push(task);
+        this.runTasks();
     }
-    else {
-        const channel = new MessageChannel();
-        const incoming = channel.port1;
-        const outgoing = channel.port2;
-        incoming.onmessage = () => {
-            callback();
+    // Runs tasks from the queue
+    runTasks() {
+        if (this.isRunning || this.taskQueue.length === 0) {
+            return;
+        }
+        this.isRunning = true;
+        const executeNextTask = () => {
+            if (this.taskQueue.length === 0) {
+                this.isRunning = false;
+                return;
+            }
+            // Get the next task and execute it
+            const nextTask = this.taskQueue.shift();
+            Promise.resolve(nextTask()).then(() => {
+                requestAnimationFrame(() => executeNextTask());
+            });
         };
-        requestAnimationFrame(() => {
-            outgoing.postMessage(1);
-        });
+        executeNextTask();
     }
 }
+const scheduler = new FIFOTaskScheduler();
+function requestIdleCb(callback) {
+    // performance improvement experiment;
+    scheduler.addTask(callback);
+    /**
+     * This is a brief polyfill that suits our needs
+     * I took inspiration from Microsoft Clarity polyfill on this one
+     * then adapted it a little bit
+     *
+     * I'm very grateful for their bright idea
+     * */
+    // const taskTimeout = 3000
+    // if (window.requestIdleCallback) {
+    //   return window.requestIdleCallback(callback, { timeout: taskTimeout })
+    // } else {
+    //   const channel = new MessageChannel()
+    //   const incoming = channel.port1
+    //   const outgoing = channel.port2
+    //
+    //   incoming.onmessage = (): void => {
+    //     callback()
+    //   }
+    //   requestAnimationFrame((): void => {
+    //     outgoing.postMessage(1)
+    //   })
+    // }
+}
 exports.requestIdleCb = requestIdleCb;

package/lib/app/index.js

@@ -51,7 +51,7 @@ export default class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '12.0.9-beta.1'; // TODO: version compatability check inside each plugin.
+        this.version = '12.0.9-beta.2'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/lib/app/nodes.js

@@ -41,6 +41,7 @@ export default class Nodes {
     unregisterNode(node) {
         const id = node[this.node_id];
         if (id !== undefined) {
+            ;
             node[this.node_id] = undefined;
             delete node[this.node_id];
             delete this.nodes[id];
@@ -85,7 +86,6 @@ export default class Nodes {
             if (!node) {
                 continue;
             }
-            this.nodes[id] = undefined;
             this.unregisterNode(node);
         }
         this.nodes.length = 0;

package/lib/index.js

@@ -66,7 +66,7 @@ export default class API {
             const orig = this.options.ingestPoint || DEFAULT_INGEST_POINT;
             req.open('POST', orig + '/v1/web/not-started');
             req.send(JSON.stringify({
-                trackerVersion: '12.0.9-beta.1',
+                trackerVersion: '12.0.9-beta.2',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,

package/lib/utils.d.ts

@@ -25,11 +25,4 @@ export declare function ngSafeBrowserMethod(method: string): string;
 export declare function createMutationObserver(cb: MutationCallback): MutationObserver;
 export declare function createEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
 export declare function deleteEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
-/**
- * This is a brief polyfill that suits our needs
- * I took inspiration from Microsoft Clarity polyfill on this one
- * then adapted it a little bit
- *
- * I'm very grateful for their bright idea
- * */
-export declare function requestIdleCb(callback: () => void): number | undefined;
+export declare function requestIdleCb(callback: () => void): void;

package/lib/utils.js

@@ -126,27 +126,60 @@ export function deleteEventListener(target, event, cb, capture) {
         `Openreplay: ${e.messages}; if this error is caused by an IframeObserver, ignore it`);
     }
 }
-/**
- * This is a brief polyfill that suits our needs
- * I took inspiration from Microsoft Clarity polyfill on this one
- * then adapted it a little bit
- *
- * I'm very grateful for their bright idea
- * */
-export function requestIdleCb(callback) {
-    const taskTimeout = 3000;
-    if (window.requestIdleCallback) {
-        return window.requestIdleCallback(callback, { timeout: taskTimeout });
+class FIFOTaskScheduler {
+    constructor() {
+        this.taskQueue = [];
+        this.isRunning = false;
+    }
+    // Adds a task to the queue
+    addTask(task) {
+        this.taskQueue.push(task);
+        this.runTasks();
     }
-    else {
-        const channel = new MessageChannel();
-        const incoming = channel.port1;
-        const outgoing = channel.port2;
-        incoming.onmessage = () => {
-            callback();
+    // Runs tasks from the queue
+    runTasks() {
+        if (this.isRunning || this.taskQueue.length === 0) {
+            return;
+        }
+        this.isRunning = true;
+        const executeNextTask = () => {
+            if (this.taskQueue.length === 0) {
+                this.isRunning = false;
+                return;
+            }
+            // Get the next task and execute it
+            const nextTask = this.taskQueue.shift();
+            Promise.resolve(nextTask()).then(() => {
+                requestAnimationFrame(() => executeNextTask());
+            });
         };
-        requestAnimationFrame(() => {
-            outgoing.postMessage(1);
-        });
+        executeNextTask();
     }
 }
+const scheduler = new FIFOTaskScheduler();
+export function requestIdleCb(callback) {
+    // performance improvement experiment;
+    scheduler.addTask(callback);
+    /**
+     * This is a brief polyfill that suits our needs
+     * I took inspiration from Microsoft Clarity polyfill on this one
+     * then adapted it a little bit
+     *
+     * I'm very grateful for their bright idea
+     * */
+    // const taskTimeout = 3000
+    // if (window.requestIdleCallback) {
+    //   return window.requestIdleCallback(callback, { timeout: taskTimeout })
+    // } else {
+    //   const channel = new MessageChannel()
+    //   const incoming = channel.port1
+    //   const outgoing = channel.port2
+    //
+    //   incoming.onmessage = (): void => {
+    //     callback()
+    //   }
+    //   requestAnimationFrame((): void => {
+    //     outgoing.postMessage(1)
+    //   })
+    // }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "12.0.9-beta.1",
+  "version": "12.0.9-beta.2",
   "keywords": [
     "logging",
     "replay"