@anyreplay/browser 0.2.1 → 0.2.2

package/dist/index.d.cts

@@ -504,6 +504,14 @@ interface ShellInfo {
     appVersion?: string;
     /** The hardware model (`iPhone15,2`, `Pixel 8`), ≤ 64. */
     deviceModel?: string;
+    /**
+     * Called the moment a chunk number is reserved, before the request that
+     * uses it leaves. A shell that copies the recorder's keys into native
+     * storage copies them then: an app killed between a send and the shell's
+     * next periodic copy came back with the old number, and sent its first
+     * chunk under a number the server already held (seen on an iOS simulator).
+     */
+    onStateChanged?: () => void;
 }
 type RecorderStatus = 'idle' | 'awaiting-consent' | 'recording' | 'sampled-out' | 'stopped';
 interface IdentifyTraits {

package/dist/index.d.ts

@@ -504,6 +504,14 @@ interface ShellInfo {
     appVersion?: string;
     /** The hardware model (`iPhone15,2`, `Pixel 8`), ≤ 64. */
     deviceModel?: string;
+    /**
+     * Called the moment a chunk number is reserved, before the request that
+     * uses it leaves. A shell that copies the recorder's keys into native
+     * storage copies them then: an app killed between a send and the shell's
+     * next periodic copy came back with the old number, and sent its first
+     * chunk under a number the server already held (seen on an iOS simulator).
+     */
+    onStateChanged?: () => void;
 }
 type RecorderStatus = 'idle' | 'awaiting-consent' | 'recording' | 'sampled-out' | 'stopped';
 interface IdentifyTraits {

package/dist/index.js

@@ -4149,6 +4149,39 @@ function shouldMaskValue(text, node, policy) {
   return cardShaped(text);
 }
 var cardShaped = (text) => looksLikeCardNumber(text) || mayBecomeCardNumber(text);
+var DIGIT_RUN = /[0-9]+(?:[  -][0-9]+)*/g;
+function maskCardRuns(text) {
+  if (!/[0-9]/.test(text)) return text;
+  return text.replace(DIGIT_RUN, (run) => {
+    const groups = run.split(/[  -]/);
+    const starts = [];
+    let at = 0;
+    for (const group of groups) {
+      starts.push(at);
+      at += group.length + 1;
+    }
+    const chars2 = run.split("");
+    let i = 0;
+    while (i < groups.length) {
+      let matched = -1;
+      for (let j = groups.length - 1; j >= i; j -= 1) {
+        const end2 = starts[j] + groups[j].length;
+        if (cardShaped(run.slice(starts[i], end2).replace(/ /g, " "))) {
+          matched = j;
+          break;
+        }
+      }
+      if (matched < 0) {
+        i += 1;
+        continue;
+      }
+      const end = starts[matched] + groups[matched].length;
+      for (let k = starts[i]; k < end; k += 1) if (chars2[k] !== " " && chars2[k] !== "\xA0" && chars2[k] !== "-") chars2[k] = "*";
+      i = matched + 1;
+    }
+    return chars2.join("");
+  });
+}
 var EDITABLE = '[contenteditable]:not([contenteditable="false"])';
 function insideEditable(node) {
   var _a;
@@ -4159,6 +4192,7 @@ function insideEditable(node) {
 var isEditableSerialised = (attributes) => attributes.contenteditable !== void 0 && attributes.contenteditable !== "false";
 var typedCardShaped = (text) => cardShaped(text.replace(/\u00a0/g, " ").trim());
 var maskText = (text) => text.replace(/\S/g, "*");
+var maskTyped = (text) => typedCardShaped(text) ? maskText(text) : maskCardRuns(text);
 var MUTATION = 0;
 var INPUT = 5;
 var ELEMENT_NODE = 2;
@@ -4173,14 +4207,20 @@ function maskTextChildren(node) {
     maskTextChildren(child);
   }
 }
+function maskCardRunsInChildren(node) {
+  var _a;
+  for (const child of (_a = node.childNodes) != null ? _a : []) {
+    if (child.type === TEXT_NODE && typeof child.textContent === "string") child.textContent = maskCardRuns(child.textContent);
+  }
+}
 function scrubTree(node, policy, masked, editable = false) {
   var _a, _b;
   if (!node) return;
   const attributes = (_a = node.attributes) != null ? _a : {};
   const inheritedMask = masked || hasClass(attributes, policy.maskClass);
   const inheritedEditable = editable || node.type === ELEMENT_NODE && isEditableSerialised(attributes);
-  if (editable && node.type === TEXT_NODE && typeof node.textContent === "string" && typedCardShaped(node.textContent)) {
-    node.textContent = maskText(node.textContent);
+  if (editable && node.type === TEXT_NODE && typeof node.textContent === "string") {
+    node.textContent = maskTyped(node.textContent);
   }
   if (node.type === ELEMENT_NODE && node.tagName && FIELD_TAGS.has(node.tagName.toLowerCase())) {
     const value = attributes.value;
@@ -4188,6 +4228,9 @@ function scrubTree(node, policy, masked, editable = false) {
     if (shouldMask) {
       if (typeof value === "string" && value !== "") attributes.value = maskValue(value);
       if (node.tagName.toLowerCase() === "textarea") maskTextChildren(node);
+    } else {
+      if (typeof value === "string") attributes.value = maskCardRuns(value);
+      if (node.tagName.toLowerCase() === "textarea") maskCardRunsInChildren(node);
     }
   }
   for (const child of (_b = node.childNodes) != null ? _b : []) scrubTree(child, policy, inheritedMask, inheritedEditable);
@@ -4206,7 +4249,7 @@ function scrubEvent(event, getNode, policy) {
     const node = typeof data.id === "number" ? getNode(data.id) : null;
     const type = ((_b = (_a = asElement(node)) == null ? void 0 : _a.type) != null ? _b : "").toLowerCase();
     if (type === "checkbox" || type === "radio") return;
-    if (shouldMaskValue(data.text, node, policy)) data.text = maskValue(data.text);
+    data.text = shouldMaskValue(data.text, node, policy) ? maskValue(data.text) : maskCardRuns(data.text);
     return;
   }
   if (data.source !== MUTATION) return;
@@ -4214,15 +4257,15 @@ function scrubEvent(event, getNode, policy) {
     const value = (_d = entry == null ? void 0 : entry.attributes) == null ? void 0 : _d.value;
     if (typeof value !== "string" || value === "") continue;
     const node = typeof entry.id === "number" ? getNode(entry.id) : null;
-    if (shouldMaskValue(value, node, policy)) entry.attributes.value = maskValue(value);
+    entry.attributes.value = shouldMaskValue(value, node, policy) ? maskValue(value) : maskCardRuns(value);
   }
   for (const add of (_e = data.adds) != null ? _e : []) {
     const parent = typeof (add == null ? void 0 : add.parentId) === "number" ? getNode(add.parentId) : null;
     scrubTree(add == null ? void 0 : add.node, policy, isMarkedByCustomer(parent, policy.maskClass), insideEditable(parent));
   }
   for (const change of (_f = data.texts) != null ? _f : []) {
-    if (typeof (change == null ? void 0 : change.value) !== "string" || !typedCardShaped(change.value)) continue;
-    if (typeof change.id === "number" && insideEditable(getNode(change.id))) change.value = maskText(change.value);
+    if (typeof (change == null ? void 0 : change.value) !== "string" || !/[0-9]/.test(change.value)) continue;
+    if (typeof change.id === "number" && insideEditable(getNode(change.id))) change.value = maskTyped(change.value);
   }
 }
 
@@ -5028,7 +5071,7 @@ var Transport = class {
 
 // src/version.ts
 var SDK_NAME = "@anyreplay/browser";
-var SDK_VERSION = true ? "0.2.1" : "0.0.0-dev";
+var SDK_VERSION = true ? "0.2.2" : "0.0.0-dev";
 var PLATFORM = "web";
 
 // src/visitor.ts
@@ -5276,7 +5319,14 @@ function createRecorder(rawOptions, shell) {
         initialSeq: who.nextSeq
       },
       {
-        onSeqReserved: (next) => reserveSeq(session, next),
+        onSeqReserved: (next) => {
+          var _a;
+          reserveSeq(session, next);
+          try {
+            (_a = shell == null ? void 0 : shell.onStateChanged) == null ? void 0 : _a.call(shell);
+          } catch (e) {
+          }
+        },
         onStopped: (reason) => {
           status = "stopped";
           stopRecording == null ? void 0 : stopRecording();