@openreplay/tracker 9.0.7 → 9.0.8-beta.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 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

package/cjs/app/index.js

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

package/cjs/app/observer/top_observer.js

@@ -72,7 +72,8 @@ class TopObserver extends observer_js_1.default {
                 //@ts-ignore https://github.com/microsoft/TypeScript/issues/41684
                 this.contextCallbacks.forEach((cb) => cb(currentWin));
             }
-        }, 0));
+            // we need this delay because few iframes stacked one in another with rapid updates will break the player (or browser engine rather?)
+        }, 100));
         iframe.addEventListener('load', handle); // why app.attachEventListener not working?
         handle();
     }

package/cjs/index.js

@@ -153,7 +153,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '9.0.7',
+                trackerVersion: '9.0.8-beta.1',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/cjs/modules/input.js

@@ -89,7 +89,8 @@ function default_1(app, opts) {
     function getInputValue(id, node) {
         let value = node.value;
         let inputMode = options.defaultInputMode;
-        if (node.type === 'password' || app.sanitizer.isHidden(id)) {
+        console.log(inputMode, node.type, node.value);
+        if (node.type === 'password' || app.sanitizer.isHidden(id), app.sanitizer.isObscured(id)) {
             inputMode = exports.InputMode.Hidden;
         }
         else if (app.sanitizer.isObscured(id) ||
@@ -154,6 +155,7 @@ function default_1(app, opts) {
     function sendInputChange(id, node, hesitationTime, inputTime) {
         const { value, mask } = getInputValue(id, node);
         const label = getInputLabel(node);
+        console.log('sent input change', id, label, value);
         app.send((0, messages_gen_js_1.InputChange)(id, value, mask !== 0, label, hesitationTime, inputTime));
     }
     app.nodes.attachNodeCallback(app.safe((node) => {
@@ -167,6 +169,7 @@ function default_1(app, opts) {
             app.nodes.attachNodeListener(node, 'change', () => sendInputValue(id, node));
         }
         if (isTextFieldElement(node)) {
+            console.log('found text input', node);
             trackInputValue(id, node);
             let nodeFocusTime = 0;
             let nodeHesitationTime = 0;
@@ -176,6 +179,7 @@ function default_1(app, opts) {
             };
             const onInput = () => {
                 if (nodeHesitationTime === 0 && nodeFocusTime !== 0) {
+                    console.log('started typing in input after: ', nodeFocusTime);
                     nodeHesitationTime = (0, utils_js_1.now)() - nodeFocusTime;
                 }
             };

package/lib/app/index.js

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

package/lib/app/observer/top_observer.js

@@ -70,7 +70,8 @@ export default class TopObserver extends Observer {
                 //@ts-ignore https://github.com/microsoft/TypeScript/issues/41684
                 this.contextCallbacks.forEach((cb) => cb(currentWin));
             }
-        }, 0));
+            // we need this delay because few iframes stacked one in another with rapid updates will break the player (or browser engine rather?)
+        }, 100));
         iframe.addEventListener('load', handle); // why app.attachEventListener not working?
         handle();
     }

package/lib/index.js

@@ -148,7 +148,7 @@ export default class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '9.0.7',
+                trackerVersion: '9.0.8-beta.1',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/lib/modules/input.js

@@ -85,7 +85,8 @@ export default function (app, opts) {
     function getInputValue(id, node) {
         let value = node.value;
         let inputMode = options.defaultInputMode;
-        if (node.type === 'password' || app.sanitizer.isHidden(id)) {
+        console.log(inputMode, node.type, node.value);
+        if (node.type === 'password' || app.sanitizer.isHidden(id), app.sanitizer.isObscured(id)) {
             inputMode = InputMode.Hidden;
         }
         else if (app.sanitizer.isObscured(id) ||
@@ -150,6 +151,7 @@ export default function (app, opts) {
     function sendInputChange(id, node, hesitationTime, inputTime) {
         const { value, mask } = getInputValue(id, node);
         const label = getInputLabel(node);
+        console.log('sent input change', id, label, value);
         app.send(InputChange(id, value, mask !== 0, label, hesitationTime, inputTime));
     }
     app.nodes.attachNodeCallback(app.safe((node) => {
@@ -163,6 +165,7 @@ export default function (app, opts) {
             app.nodes.attachNodeListener(node, 'change', () => sendInputValue(id, node));
         }
         if (isTextFieldElement(node)) {
+            console.log('found text input', node);
             trackInputValue(id, node);
             let nodeFocusTime = 0;
             let nodeHesitationTime = 0;
@@ -172,6 +175,7 @@ export default function (app, opts) {
             };
             const onInput = () => {
                 if (nodeHesitationTime === 0 && nodeFocusTime !== 0) {
+                    console.log('started typing in input after: ', nodeFocusTime);
                     nodeHesitationTime = now() - nodeFocusTime;
                 }
             };

package/package.json

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