@openreplay/tracker 18.0.6 → 18.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/entry.js +25 -7
  2. package/dist/cjs/entry.js.map +1 -1
  3. package/dist/cjs/index.js +25 -7
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/main/app/observer/observer.d.ts +1 -0
  6. package/dist/lib/entry.js +25 -7
  7. package/dist/lib/entry.js.map +1 -1
  8. package/dist/lib/index.js +25 -7
  9. package/dist/lib/index.js.map +1 -1
  10. package/dist/lib/main/app/observer/observer.d.ts +1 -0
  11. package/dist/types/main/app/observer/observer.d.ts +1 -0
  12. package/package.json +1 -1
package/dist/lib/index.js CHANGED
@@ -3343,6 +3343,9 @@ class Observer {
3343
3343
  this.throttledSetNodeData.clear();
3344
3344
  this.generation++;
3345
3345
  }
3346
+ resetThrottledSetNodeData() {
3347
+ this.throttledSetNodeData.clear();
3348
+ }
3346
3349
  }
3347
3350
 
3348
3351
  class IFrameObserver extends Observer {
@@ -3617,6 +3620,7 @@ class TopObserver extends Observer {
3617
3620
  observer.handleShadowRoot(shadow);
3618
3621
  return shadow;
3619
3622
  };
3623
+ this.resetThrottledSetNodeData();
3620
3624
  this.app.nodes.clear();
3621
3625
  // Can observe documentElement (<html>) here, because it is not supposed to be changing.
3622
3626
  // However, it is possible in some exotic cases and may cause an ignorance of the newly created <html>
@@ -4005,7 +4009,7 @@ class App {
4005
4009
  this.stopCallbacks = [];
4006
4010
  this.commitCallbacks = [];
4007
4011
  this.activityState = ActivityState.NotActive;
4008
- this.version = '18.0.6'; // TODO: version compatability check inside each plugin.
4012
+ this.version = '18.0.7'; // TODO: version compatability check inside each plugin.
4009
4013
  this.socketMode = false;
4010
4014
  this.compressionThreshold = 24 * 1000;
4011
4015
  this.bc = null;
@@ -6069,9 +6073,11 @@ function Input (app, opts) {
6069
6073
  }
6070
6074
  const inputValues = new Map();
6071
6075
  const checkboxValues = new Map();
6076
+ const selectValues = new Map();
6072
6077
  app.attachStopCallback(() => {
6073
6078
  inputValues.clear();
6074
6079
  checkboxValues.clear();
6080
+ selectValues.clear();
6075
6081
  tagSelectorMap.clear();
6076
6082
  });
6077
6083
  function trackInputValue(id, node) {
@@ -6088,6 +6094,13 @@ function Input (app, opts) {
6088
6094
  checkboxValues.set(id, value);
6089
6095
  app.send(SetInputChecked(id, value));
6090
6096
  }
6097
+ function trackSelectValue(id, node) {
6098
+ if (selectValues.get(id) === node.value) {
6099
+ return;
6100
+ }
6101
+ selectValues.set(id, node.value);
6102
+ sendInputValue(id, node);
6103
+ }
6091
6104
  // The only way (to our knowledge) to track all kinds of input changes, including those made by JS
6092
6105
  app.ticker.attach(() => {
6093
6106
  inputValues.forEach((value, id) => {
@@ -6102,6 +6115,12 @@ function Input (app, opts) {
6102
6115
  return checkboxValues.delete(id);
6103
6116
  trackCheckboxValue(id, node.checked);
6104
6117
  });
6118
+ selectValues.forEach((_, id) => {
6119
+ const node = app.nodes.getNode(id);
6120
+ if (!node)
6121
+ return selectValues.delete(id);
6122
+ trackSelectValue(id, node);
6123
+ });
6105
6124
  }, 3);
6106
6125
  function sendInputChange(id, node, hesitationTime, inputTime) {
6107
6126
  const { value, mask } = getInputValue(id, node);
@@ -6118,8 +6137,8 @@ function Input (app, opts) {
6118
6137
  }
6119
6138
  // TODO: support multiple select (?): use selectedOptions;
6120
6139
  if (hasTag(node, 'select')) {
6121
- sendInputValue(id, node);
6122
- app.nodes.attachNodeListener(node, 'change', () => sendInputValue(id, node));
6140
+ trackSelectValue(id, node);
6141
+ app.nodes.attachNodeListener(node, 'change', () => trackSelectValue(id, node));
6123
6142
  }
6124
6143
  if (isTextFieldElement(node)) {
6125
6144
  trackInputValue(id, node);
@@ -7395,7 +7414,7 @@ class NetworkMessage {
7395
7414
  return null;
7396
7415
  const gqlHeader = "application/graphql-response";
7397
7416
  const isGraphql = messageInfo.url.includes("/graphql")
7398
- || Object.values(messageInfo.request.headers).some(v => v && v.includes(gqlHeader));
7417
+ || Object.values(messageInfo.request.headers).some(v => v.includes(gqlHeader));
7399
7418
  if (isGraphql && messageInfo.response.body && typeof messageInfo.response.body === 'string') {
7400
7419
  const isError = messageInfo.response.body.includes("errors");
7401
7420
  messageInfo.status = isError ? 400 : 200;
@@ -7499,7 +7518,6 @@ const genStringBody = (body) => {
7499
7518
  }
7500
7519
  else if (body instanceof Blob ||
7501
7520
  body instanceof ReadableStream ||
7502
- ArrayBuffer.isView(body) ||
7503
7521
  body instanceof ArrayBuffer) {
7504
7522
  result = 'byte data';
7505
7523
  }
@@ -8988,7 +9006,7 @@ class ConstantProperties {
8988
9006
  user_id: this.user_id,
8989
9007
  distinct_id: this.deviceId,
8990
9008
  sdk_edition: 'web',
8991
- sdk_version: '18.0.6',
9009
+ sdk_version: '18.0.7',
8992
9010
  timezone: getUTCOffsetString(),
8993
9011
  search_engine: this.searchEngine,
8994
9012
  };
@@ -9690,7 +9708,7 @@ class API {
9690
9708
  this.signalStartIssue = (reason, missingApi) => {
9691
9709
  const doNotTrack = this.checkDoNotTrack();
9692
9710
  console.log("Tracker couldn't start due to:", JSON.stringify({
9693
- trackerVersion: '18.0.6',
9711
+ trackerVersion: '18.0.7',
9694
9712
  projectKey: this.options.projectKey,
9695
9713
  doNotTrack,
9696
9714
  reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,