@openreplay/tracker 5.0.0 → 5.0.1-beta.1

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 5.0.1
+
+- Default text input mode is now Obscured
+- Use `@medv/finder` instead of our own implementation of `getSelector` for better clickmaps experience
+
 ## 5.0.0
 
 - Added "tel" to supported input types

package/cjs/app/index.js

@@ -33,7 +33,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '5.0.0'; // TODO: version compatability check inside each plugin.
+        this.version = '5.0.1-beta.1'; // TODO: version compatability check inside each plugin.
         this._usingOldFetchPlugin = false;
         this.delay = 0;
         this.projectKey = projectKey;

package/cjs/index.js

@@ -140,7 +140,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: '5.0.0',
+                trackerVersion: '5.0.1-beta.1',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/cjs/modules/input.js

@@ -68,7 +68,7 @@ function default_1(app, opts) {
     const options = Object.assign({
         obscureInputNumbers: true,
         obscureInputEmails: true,
-        defaultInputMode: 0 /* InputMode.Plain */,
+        defaultInputMode: 1 /* InputMode.Obscured */,
         obscureInputDates: false,
     }, opts);
     function sendInputTarget(id, node) {

package/cjs/modules/mouse.js

@@ -4,25 +4,15 @@ 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");
 const input_js_1 = require("./input.js");
+const finder_1 = require("@medv/finder");
 function _getSelector(target, document) {
-    let el = target;
-    let selector = null;
-    do {
-        if (el.id) {
-            return `#${el.id}` + (selector ? ` > ${selector}` : '');
-        }
-        selector =
-            el.className
-                .split(' ')
-                .map((cn) => cn.trim())
-                .filter((cn) => cn !== '')
-                .reduce((sel, cn) => `${sel}.${cn}`, el.tagName.toLowerCase()) +
-                (selector ? ` > ${selector}` : '');
-        if (el === document.body) {
-            return selector;
-        }
-        el = el.parentElement;
-    } while (el !== document.body && el !== null);
+    const selector = (0, finder_1.finder)(target, {
+        root: document.body,
+        seedMinLength: 3,
+        optimizedMinLength: 2,
+        threshold: 1000,
+        maxNumberOfTries: 10000,
+    });
     return selector;
 }
 function isClickable(element) {

package/lib/app/index.js

@@ -30,7 +30,7 @@ export default class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '5.0.0'; // TODO: version compatability check inside each plugin.
+        this.version = '5.0.1-beta.1'; // TODO: version compatability check inside each plugin.
         this._usingOldFetchPlugin = false;
         this.delay = 0;
         this.projectKey = projectKey;

package/lib/index.js

@@ -135,7 +135,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: '5.0.0',
+                trackerVersion: '5.0.1-beta.1',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/lib/modules/input.js

@@ -64,7 +64,7 @@ export default function (app, opts) {
     const options = Object.assign({
         obscureInputNumbers: true,
         obscureInputEmails: true,
-        defaultInputMode: 0 /* InputMode.Plain */,
+        defaultInputMode: 1 /* InputMode.Obscured */,
         obscureInputDates: false,
     }, opts);
     function sendInputTarget(id, node) {

package/lib/modules/mouse.js

@@ -2,25 +2,15 @@ import { hasTag, isSVGElement, isDocument } from '../app/guards.js';
 import { normSpaces, hasOpenreplayAttribute, getLabelAttribute } from '../utils.js';
 import { MouseMove, MouseClick } from '../app/messages.gen.js';
 import { getInputLabel } from './input.js';
+import { finder } from '@medv/finder';
 function _getSelector(target, document) {
-    let el = target;
-    let selector = null;
-    do {
-        if (el.id) {
-            return `#${el.id}` + (selector ? ` > ${selector}` : '');
-        }
-        selector =
-            el.className
-                .split(' ')
-                .map((cn) => cn.trim())
-                .filter((cn) => cn !== '')
-                .reduce((sel, cn) => `${sel}.${cn}`, el.tagName.toLowerCase()) +
-                (selector ? ` > ${selector}` : '');
-        if (el === document.body) {
-            return selector;
-        }
-        el = el.parentElement;
-    } while (el !== document.body && el !== null);
+    const selector = finder(target, {
+        root: document.body,
+        seedMinLength: 3,
+        optimizedMinLength: 2,
+        threshold: 1000,
+        maxNumberOfTries: 10000,
+    });
     return selector;
 }
 function isClickable(element) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "5.0.0",
+  "version": "5.0.1-beta.1",
   "keywords": [
     "logging",
     "replay"
@@ -47,6 +47,7 @@
     "typescript": "^4.9.4"
   },
   "dependencies": {
+    "@medv/finder": "^3.0.0",
     "error-stack-parser": "^2.0.6"
   },
   "engines": {