@glimt/record 0.0.8 → 0.0.9

package/dist/record.cjs

@@ -42,9 +42,9 @@ function getUntaintedPrototype$1(key) {
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
       (accessor) => {
-        var _a2, _b;
+        var _a2, _b2;
         return Boolean(
-          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
+          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
         );
       }
     )
@@ -144,6 +144,32 @@ function querySelectorAll$1(n2, selectors) {
 function mutationObserverCtor$1() {
   return getUntaintedPrototype$1("MutationObserver").constructor;
 }
+function patch$1(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+    };
+  }
+}
 const index$1 = {
   childNodes: childNodes$1,
   parentNode: parentNode$1,
@@ -156,7 +182,8 @@ const index$1 = {
   shadowRoot: shadowRoot$1,
   querySelector: querySelector$1,
   querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1
+  mutationObserver: mutationObserverCtor$1,
+  patch: patch$1
 };
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
@@ -425,26 +452,97 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-function normalizeCssString(cssText) {
-  return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
+function normalizeCssString(cssText, _testNoPxNorm = false) {
+  if (_testNoPxNorm) {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
+  } else {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
+  }
 }
-function splitCssText(cssText, style) {
+function splitCssText(cssText, style, _testNoPxNorm = false) {
   const childNodes2 = Array.from(style.childNodes);
   const splits = [];
+  let iterCount = 0;
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
-    const cssTextNorm = normalizeCssString(cssText);
+    let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
+    const normFactor = cssTextNorm.length / cssText.length;
     for (let i2 = 1; i2 < childNodes2.length; i2++) {
       if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
-        const textContentNorm = normalizeCssString(childNodes2[i2].textContent);
-        for (let j = 3; j < textContentNorm.length; j++) {
-          const bit = textContentNorm.substring(0, j);
-          if (cssTextNorm.split(bit).length === 2) {
-            const splitNorm = cssTextNorm.indexOf(bit);
-            for (let k = splitNorm; k < cssText.length; k++) {
-              if (normalizeCssString(cssText.substring(0, k)).length === splitNorm) {
+        const textContentNorm = normalizeCssString(
+          childNodes2[i2].textContent,
+          _testNoPxNorm
+        );
+        const jLimit = 100;
+        let j = 3;
+        for (; j < textContentNorm.length; j++) {
+          if (
+            // keep consuming css identifiers (to get a decent chunk more quickly)
+            textContentNorm[j].match(/[a-zA-Z0-9]/) || // substring needs to be unique to this section
+            textContentNorm.indexOf(textContentNorm.substring(0, j), 1) !== -1
+          ) {
+            continue;
+          }
+          break;
+        }
+        for (; j < textContentNorm.length; j++) {
+          let startSubstring = textContentNorm.substring(0, j);
+          let cssNormSplits = cssTextNorm.split(startSubstring);
+          let splitNorm = -1;
+          if (cssNormSplits.length === 2) {
+            splitNorm = cssNormSplits[0].length;
+          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
+            splitNorm = cssTextNorm.indexOf(startSubstring, 1);
+          } else if (cssNormSplits.length === 1) {
+            startSubstring = startSubstring.substring(
+              0,
+              startSubstring.length - 1
+            );
+            cssNormSplits = cssTextNorm.split(startSubstring);
+            if (cssNormSplits.length <= 1) {
+              splits.push(cssText);
+              return splits;
+            }
+            j = jLimit + 1;
+          } else if (j === textContentNorm.length - 1) {
+            splitNorm = cssTextNorm.indexOf(startSubstring);
+          }
+          if (cssNormSplits.length >= 2 && j > jLimit) {
+            const prevTextContent = childNodes2[i2 - 1].textContent;
+            if (prevTextContent && typeof prevTextContent === "string") {
+              const prevMinLength = normalizeCssString(prevTextContent).length;
+              splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
+            }
+            if (splitNorm === -1) {
+              splitNorm = cssNormSplits[0].length;
+            }
+          }
+          if (splitNorm !== -1) {
+            let k = Math.floor(splitNorm / normFactor);
+            for (; k > 0 && k < cssText.length; ) {
+              iterCount += 1;
+              if (iterCount > 50 * childNodes2.length) {
+                splits.push(cssText);
+                return splits;
+              }
+              const normPart = normalizeCssString(
+                cssText.substring(0, k),
+                _testNoPxNorm
+              );
+              if (normPart.length === splitNorm) {
                 splits.push(cssText.substring(0, k));
                 cssText = cssText.substring(k);
+                cssTextNorm = cssTextNorm.substring(splitNorm);
                 break;
+              } else if (normPart.length < splitNorm) {
+                k += Math.max(
+                  1,
+                  Math.floor((splitNorm - normPart.length) / normFactor)
+                );
+              } else {
+                k -= Math.max(
+                  1,
+                  Math.floor((normPart.length - splitNorm) * normFactor)
+                );
               }
             }
             break;
@@ -923,11 +1021,35 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    const image = n2;
+    let image = n2.cloneNode(true);
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
+    console.log(
+      "initializing inlineImages with image:",
+      image,
+      "imageSrc:",
+      imageSrc,
+      "priorCrossOrigin:",
+      priorCrossOrigin
+    );
+    const cleanupCrossOriginAttribute = () => {
+      console.log("cleaning up attributes");
+      console.log("priorCrossOrigin", priorCrossOrigin);
+      console.log("currentCrossOrigin", image.crossOrigin);
+      if (image.crossOrigin === "anonymous") {
+        if (priorCrossOrigin) {
+          image.setAttribute("crossorigin", priorCrossOrigin);
+          attributes.crossOrigin = priorCrossOrigin;
+        } else {
+          image.removeAttribute("crossorigin");
+        }
+      }
+      image = null;
+    };
     const recordInlineImage = () => {
+      console.log("recordInlineImage()");
       image.removeEventListener("load", recordInlineImage);
+      image.removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = image.naturalWidth;
         canvasService.height = image.naturalHeight;
@@ -937,11 +1059,15 @@ function serializeElementNode(n2, options) {
           dataURLOptions.quality
         );
       } catch (err) {
+        console.log("catched err", err);
         if (image.crossOrigin !== "anonymous") {
           image.crossOrigin = "anonymous";
           if (image.complete && image.naturalWidth !== 0)
             recordInlineImage();
-          else image.addEventListener("load", recordInlineImage);
+          else {
+            image.addEventListener("load", recordInlineImage);
+            image.addEventListener("error", onImageLoadError);
+          }
           return;
         } else {
           console.warn(
@@ -949,12 +1075,19 @@ function serializeElementNode(n2, options) {
           );
         }
       }
-      if (image.crossOrigin === "anonymous") {
-        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
-      }
+      cleanupCrossOriginAttribute();
+    };
+    const onImageLoadError = () => {
+      console.log("onImageLoadError()");
+      image.removeEventListener("load", recordInlineImage);
+      image.removeEventListener("error", onImageLoadError);
+      cleanupCrossOriginAttribute();
     };
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-    else image.addEventListener("load", recordInlineImage);
+    else {
+      image.addEventListener("load", recordInlineImage);
+      image.addEventListener("error", onImageLoadError);
+    }
   }
   if (tagName === "audio" || tagName === "video") {
     const mediaAttributes = attributes;
@@ -1016,7 +1149,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   } else if (sn.type === NodeType$3.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
-    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
       return true;
     } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
@@ -1160,7 +1293,10 @@ function serializeNodeWithId(n2, options) {
         bypassOptions.cssCaptured = true;
       }
       for (const childN of Array.from(index$1.childNodes(n2))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        const serializedChildNode = serializeNodeWithId(
+          childN,
+          bypassOptions
+        );
         if (serializedChildNode) {
           serializedNode.childNodes.push(serializedChildNode);
         }
@@ -1169,7 +1305,10 @@ function serializeNodeWithId(n2, options) {
     let shadowRootEl = null;
     if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
       for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        const serializedChildNode = serializeNodeWithId(
+          childN,
+          bypassOptions
+        );
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
           serializedNode.childNodes.push(serializedChildNode);
@@ -2114,16 +2253,6 @@ let Declaration$4$1 = class Declaration extends Node$3$1 {
 var declaration$1 = Declaration$4$1;
 Declaration$4$1.default = Declaration$4$1;
 let urlAlphabet$1 = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let customAlphabet$1 = (alphabet, defaultSize = 21) => {
-  return (size = defaultSize) => {
-    let id = "";
-    let i2 = size;
-    while (i2--) {
-      id += alphabet[Math.random() * alphabet.length | 0];
-    }
-    return id;
-  };
-};
 let nanoid$1$1 = (size = 21) => {
   let id = "";
   let i2 = size;
@@ -2132,7 +2261,7 @@ let nanoid$1$1 = (size = 21) => {
   }
   return id;
 };
-var nonSecure$1 = { nanoid: nanoid$1$1, customAlphabet: customAlphabet$1 };
+var nonSecure$1 = { nanoid: nanoid$1$1 };
 let { SourceMapConsumer: SourceMapConsumer$2$1, SourceMapGenerator: SourceMapGenerator$2$1 } = require$$2$1;
 let { existsSync: existsSync$1, readFileSync: readFileSync$1 } = require$$2$1;
 let { dirname: dirname$1$1, join: join$1 } = require$$2$1;
@@ -5666,16 +5795,6 @@ let Declaration$4 = class Declaration2 extends Node$3 {
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
 let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  return (size = defaultSize) => {
-    let id = "";
-    let i2 = size;
-    while (i2--) {
-      id += alphabet[Math.random() * alphabet.length | 0];
-    }
-    return id;
-  };
-};
 let nanoid$1 = (size = 21) => {
   let id = "";
   let i2 = size;
@@ -5684,7 +5803,7 @@ let nanoid$1 = (size = 21) => {
   }
   return id;
 };
-var nonSecure = { nanoid: nanoid$1, customAlphabet };
+var nonSecure = { nanoid: nanoid$1 };
 let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
 let { existsSync, readFileSync } = require$$2;
 let { dirname: dirname$1, join } = require$$2;
@@ -8535,9 +8654,9 @@ function getUntaintedPrototype(key) {
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
       (accessor) => {
-        var _a2, _b;
+        var _a2, _b2;
         return Boolean(
-          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
+          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
         );
       }
     )
@@ -8637,6 +8756,32 @@ function querySelectorAll(n2, selectors) {
 function mutationObserverCtor() {
   return getUntaintedPrototype("MutationObserver").constructor;
 }
+function patch(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+    };
+  }
+}
 const index = {
   childNodes,
   parentNode,
@@ -8649,7 +8794,8 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor
+  mutationObserver: mutationObserverCtor,
+  patch
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -8732,41 +8878,15 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
-function patch(source, name, replacement) {
-  try {
-    if (!(name in source)) {
-      return () => {
-      };
-    }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (typeof wrapped === "function") {
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __rrweb_original__: {
-          enumerable: false,
-          value: original
-        }
-      });
-    }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch {
-    return () => {
-    };
-  }
-}
 let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
 }
 function getWindowScroll(win) {
-  var _a2, _b, _c, _d;
+  var _a2, _b2, _c, _d;
   const doc = win.document;
   return {
-    left: doc.scrollingElement ? doc.scrollingElement.scrollLeft : win.pageXOffset !== void 0 ? win.pageXOffset : doc.documentElement.scrollLeft || (doc == null ? void 0 : doc.body) && ((_a2 = index.parentElement(doc.body)) == null ? void 0 : _a2.scrollLeft) || ((_b = doc == null ? void 0 : doc.body) == null ? void 0 : _b.scrollLeft) || 0,
+    left: doc.scrollingElement ? doc.scrollingElement.scrollLeft : win.pageXOffset !== void 0 ? win.pageXOffset : doc.documentElement.scrollLeft || (doc == null ? void 0 : doc.body) && ((_a2 = index.parentElement(doc.body)) == null ? void 0 : _a2.scrollLeft) || ((_b2 = doc == null ? void 0 : doc.body) == null ? void 0 : _b2.scrollLeft) || 0,
     top: doc.scrollingElement ? doc.scrollingElement.scrollTop : win.pageYOffset !== void 0 ? win.pageYOffset : (doc == null ? void 0 : doc.documentElement.scrollTop) || (doc == null ? void 0 : doc.body) && ((_c = index.parentElement(doc.body)) == null ? void 0 : _c.scrollTop) || ((_d = doc == null ? void 0 : doc.body) == null ? void 0 : _d.scrollTop) || 0
   };
 }
@@ -9319,10 +9439,18 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      item.attributes.value = Array.from(
+      const value = Array.from(
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
+      item.attributes.value = maskInputValue({
+        element: textarea,
+        maskInputOptions: this.maskInputOptions,
+        tagName: textarea.tagName,
+        type: getInputType(textarea),
+        value,
+        maskInputFn: this.maskInputFn
+      });
     });
     __publicField(this, "processMutation", (m) => {
       if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
@@ -10201,11 +10329,11 @@ function initAdoptedStyleSheetObserver({
   mirror: mirror2,
   stylesheetManager
 }, host2) {
-  var _a2, _b, _c;
+  var _a2, _b2, _c;
   let hostId = null;
   if (host2.nodeName === "#document") hostId = mirror2.getId(host2);
   else hostId = mirror2.getId(index.host(host2));
-  const patchTarget = host2.nodeName === "#document" ? (_a2 = host2.defaultView) == null ? void 0 : _a2.Document : (_c = (_b = host2.ownerDocument) == null ? void 0 : _b.defaultView) == null ? void 0 : _c.ShadowRoot;
+  const patchTarget = host2.nodeName === "#document" ? (_a2 = host2.defaultView) == null ? void 0 : _a2.Document : (_c = (_b2 = host2.ownerDocument) == null ? void 0 : _b2.defaultView) == null ? void 0 : _c.ShadowRoot;
   const originalPropertyDescriptor = (patchTarget == null ? void 0 : patchTarget.prototype) ? Object.getOwnPropertyDescriptor(
     patchTarget == null ? void 0 : patchTarget.prototype,
     "adoptedStyleSheets"
@@ -10718,7 +10846,7 @@ class IframeManager {
     this.loadListener = cb;
   }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b;
+    var _a2, _b2;
     this.mutationCb({
       adds: [
         {
@@ -10737,7 +10865,7 @@ class IframeManager {
         "message",
         this.handleMessage.bind(this)
       );
-    (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
+    (_b2 = this.loadListener) == null ? void 0 : _b2.call(this, iframeEl);
     if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
       this.stylesheetManager.adoptStyleSheets(
         iframeEl.contentDocument.adoptedStyleSheets,
@@ -12151,5 +12279,8 @@ var n;
 !function(t2) {
   t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
 }(n || (n = {}));
+const { addCustomEvent } = record;
+const { freezePage } = record;
+const { takeFullSnapshot } = record;
 exports.record = record;
 //# sourceMappingURL=record.cjs.map