@openreplay/tracker 14.0.6-beta.0 → 14.0.6-beta.2

package/cjs/app/index.js

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

package/cjs/app/observer/observer.d.ts

@@ -11,7 +11,7 @@ export default abstract class Observer {
     constructor(app: App, isTopContext?: boolean);
     private clear;
     /**
-     * Unbinds the old content document in case of iframe src change.
+     * Unbinds the removed nodes in case of iframe src change.
      */
     private handleIframeSrcChange;
     private sendNodeAttribute;

package/cjs/app/observer/observer.js

@@ -48,7 +48,6 @@ class Observer {
         this.attributesMap = new Map();
         this.textSet = new Set();
         this.observer = (0, utils_js_1.createMutationObserver)(this.app.safe((mutations) => {
-            console.log(mutations);
             for (const mutation of mutations) {
                 // mutations order is sequential
                 const target = mutation.target;
@@ -80,7 +79,7 @@ class Observer {
                         continue;
                     }
                     if (target instanceof HTMLIFrameElement && name === 'src') {
-                        this.handleIframeSrcChange(target, id);
+                        this.handleIframeSrcChange(target);
                     }
                     let attr = this.attributesMap.get(id);
                     if (attr === undefined) {
@@ -104,13 +103,33 @@ class Observer {
         this.textSet.clear();
     }
     /**
-     * Unbinds the old content document in case of iframe src change.
+     * Unbinds the removed nodes in case of iframe src change.
      */
-    handleIframeSrcChange(iframe, id) {
+    handleIframeSrcChange(iframe) {
         const oldContentDocument = iframe.contentDocument;
         if (oldContentDocument) {
-            this.recents.set(id, RecentsType.Removed);
-            this.unbindTree(oldContentDocument, true);
+            const id = this.app.nodes.getID(oldContentDocument);
+            if (id !== undefined) {
+                const walker = document.createTreeWalker(oldContentDocument, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_TEXT, {
+                    acceptNode: (node) => isIgnored(node) || this.app.nodes.getID(node) === undefined
+                        ? NodeFilter.FILTER_REJECT
+                        : NodeFilter.FILTER_ACCEPT,
+                }, 
+                // @ts-ignore
+                false);
+                let removed = 0;
+                const totalBeforeRemove = this.app.nodes.getNodeCount();
+                while (walker.nextNode()) {
+                    if (!iframe.contentDocument.contains(walker.currentNode)) {
+                        removed += 1;
+                        this.app.nodes.unregisterNode(walker.currentNode);
+                    }
+                }
+                const removedPercent = Math.floor((removed / totalBeforeRemove) * 100);
+                if (removedPercent > 30) {
+                    this.app.send((0, messages_gen_js_1.UnbindNodes)(removedPercent));
+                }
+            }
         }
     }
     sendNodeAttribute(id, node, name, value) {
@@ -198,11 +217,8 @@ class Observer {
             this.bindNode(walker.currentNode);
         }
     }
-    unbindTree(node, force) {
+    unbindTree(node) {
         const id = this.app.nodes.unregisterNode(node);
-        if (force && id) {
-            this.recents.set(id, RecentsType.Removed);
-        }
         if (id !== undefined && this.recents.get(id) === RecentsType.Removed) {
             // Sending RemoveNode only for parent to maintain
             this.app.send((0, messages_gen_js_1.RemoveNode)(id));

package/cjs/index.js

@@ -98,7 +98,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: '14.0.6-beta.0',
+                trackerVersion: '14.0.6-beta.2',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,

package/lib/app/index.js

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

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

@@ -11,7 +11,7 @@ export default abstract class Observer {
     constructor(app: App, isTopContext?: boolean);
     private clear;
     /**
-     * Unbinds the old content document in case of iframe src change.
+     * Unbinds the removed nodes in case of iframe src change.
      */
     private handleIframeSrcChange;
     private sendNodeAttribute;

package/lib/app/observer/observer.js

@@ -46,7 +46,6 @@ export default class Observer {
         this.attributesMap = new Map();
         this.textSet = new Set();
         this.observer = createMutationObserver(this.app.safe((mutations) => {
-            console.log(mutations);
             for (const mutation of mutations) {
                 // mutations order is sequential
                 const target = mutation.target;
@@ -78,7 +77,7 @@ export default class Observer {
                         continue;
                     }
                     if (target instanceof HTMLIFrameElement && name === 'src') {
-                        this.handleIframeSrcChange(target, id);
+                        this.handleIframeSrcChange(target);
                     }
                     let attr = this.attributesMap.get(id);
                     if (attr === undefined) {
@@ -102,13 +101,33 @@ export default class Observer {
         this.textSet.clear();
     }
     /**
-     * Unbinds the old content document in case of iframe src change.
+     * Unbinds the removed nodes in case of iframe src change.
      */
-    handleIframeSrcChange(iframe, id) {
+    handleIframeSrcChange(iframe) {
         const oldContentDocument = iframe.contentDocument;
         if (oldContentDocument) {
-            this.recents.set(id, RecentsType.Removed);
-            this.unbindTree(oldContentDocument, true);
+            const id = this.app.nodes.getID(oldContentDocument);
+            if (id !== undefined) {
+                const walker = document.createTreeWalker(oldContentDocument, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_TEXT, {
+                    acceptNode: (node) => isIgnored(node) || this.app.nodes.getID(node) === undefined
+                        ? NodeFilter.FILTER_REJECT
+                        : NodeFilter.FILTER_ACCEPT,
+                }, 
+                // @ts-ignore
+                false);
+                let removed = 0;
+                const totalBeforeRemove = this.app.nodes.getNodeCount();
+                while (walker.nextNode()) {
+                    if (!iframe.contentDocument.contains(walker.currentNode)) {
+                        removed += 1;
+                        this.app.nodes.unregisterNode(walker.currentNode);
+                    }
+                }
+                const removedPercent = Math.floor((removed / totalBeforeRemove) * 100);
+                if (removedPercent > 30) {
+                    this.app.send(UnbindNodes(removedPercent));
+                }
+            }
         }
     }
     sendNodeAttribute(id, node, name, value) {
@@ -196,11 +215,8 @@ export default class Observer {
             this.bindNode(walker.currentNode);
         }
     }
-    unbindTree(node, force) {
+    unbindTree(node) {
         const id = this.app.nodes.unregisterNode(node);
-        if (force && id) {
-            this.recents.set(id, RecentsType.Removed);
-        }
         if (id !== undefined && this.recents.get(id) === RecentsType.Removed) {
             // Sending RemoveNode only for parent to maintain
             this.app.send(RemoveNode(id));

package/lib/index.js

@@ -67,7 +67,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: '14.0.6-beta.0',
+                trackerVersion: '14.0.6-beta.2',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,

package/package.json

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