@glimt/record 0.0.9 → 0.0.11

package/dist/record.cjs

@@ -42,9 +42,9 @@ function getUntaintedPrototype$1(key) {
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
       (accessor) => {
-        var _a2, _b2;
+        var _a2, _b;
         return Boolean(
-          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
+          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
         );
       }
     )
@@ -144,32 +144,6 @@ 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,
@@ -182,8 +156,7 @@ const index$1 = {
   shadowRoot: shadowRoot$1,
   querySelector: querySelector$1,
   querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1,
-  patch: patch$1
+  mutationObserver: mutationObserverCtor$1
 };
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
@@ -452,97 +425,26 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-function normalizeCssString(cssText, _testNoPxNorm = false) {
-  if (_testNoPxNorm) {
-    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
-  } else {
-    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
-  }
+function normalizeCssString(cssText) {
+  return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
 }
-function splitCssText(cssText, style, _testNoPxNorm = false) {
+function splitCssText(cssText, style) {
   const childNodes2 = Array.from(style.childNodes);
   const splits = [];
-  let iterCount = 0;
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
-    let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
-    const normFactor = cssTextNorm.length / cssText.length;
+    const cssTextNorm = normalizeCssString(cssText);
     for (let i2 = 1; i2 < childNodes2.length; i2++) {
       if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
-        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) {
+        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) {
                 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;
@@ -1021,35 +923,11 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    let image = n2.cloneNode(true);
+    const image = n2;
     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;
@@ -1059,15 +937,11 @@ 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);
-            image.addEventListener("error", onImageLoadError);
-          }
+          else image.addEventListener("load", recordInlineImage);
           return;
         } else {
           console.warn(
@@ -1075,19 +949,12 @@ function serializeElementNode(n2, options) {
           );
         }
       }
-      cleanupCrossOriginAttribute();
-    };
-    const onImageLoadError = () => {
-      console.log("onImageLoadError()");
-      image.removeEventListener("load", recordInlineImage);
-      image.removeEventListener("error", onImageLoadError);
-      cleanupCrossOriginAttribute();
+      if (image.crossOrigin === "anonymous") {
+        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+      }
     };
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-    else {
-      image.addEventListener("load", recordInlineImage);
-      image.addEventListener("error", onImageLoadError);
-    }
+    else image.addEventListener("load", recordInlineImage);
   }
   if (tagName === "audio" || tagName === "video") {
     const mediaAttributes = attributes;
@@ -1149,7 +1016,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.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // 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(
@@ -1293,10 +1160,7 @@ 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);
         }
@@ -1305,10 +1169,7 @@ 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);
@@ -8654,9 +8515,9 @@ function getUntaintedPrototype(key) {
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
       (accessor) => {
-        var _a2, _b2;
+        var _a2, _b;
         return Boolean(
-          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
+          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
         );
       }
     )
@@ -8756,32 +8617,6 @@ 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,
@@ -8794,8 +8629,7 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor,
-  patch
+  mutationObserver: mutationObserverCtor
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -8878,15 +8712,41 @@ 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, _b2, _c, _d;
+  var _a2, _b, _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) || ((_b2 = doc == null ? void 0 : doc.body) == null ? void 0 : _b2.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) || ((_b = doc == null ? void 0 : doc.body) == null ? void 0 : _b.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
   };
 }
@@ -9439,18 +9299,10 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      const value = Array.from(
+      item.attributes.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)) {
@@ -10329,11 +10181,11 @@ function initAdoptedStyleSheetObserver({
   mirror: mirror2,
   stylesheetManager
 }, host2) {
-  var _a2, _b2, _c;
+  var _a2, _b, _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 = (_b2 = host2.ownerDocument) == null ? void 0 : _b2.defaultView) == null ? void 0 : _c.ShadowRoot;
+  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 originalPropertyDescriptor = (patchTarget == null ? void 0 : patchTarget.prototype) ? Object.getOwnPropertyDescriptor(
     patchTarget == null ? void 0 : patchTarget.prototype,
     "adoptedStyleSheets"
@@ -10846,7 +10698,7 @@ class IframeManager {
     this.loadListener = cb;
   }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b2;
+    var _a2, _b;
     this.mutationCb({
       adds: [
         {
@@ -10865,7 +10717,7 @@ class IframeManager {
         "message",
         this.handleMessage.bind(this)
       );
-    (_b2 = this.loadListener) == null ? void 0 : _b2.call(this, iframeEl);
+    (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
     if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
       this.stylesheetManager.adoptStyleSheets(
         iframeEl.contentDocument.adoptedStyleSheets,