@glimt/record 0.0.2 → 0.0.3

package/dist/record.js

@@ -142,32 +142,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,
@@ -180,8 +154,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;
@@ -450,97 +423,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;
@@ -1022,19 +924,8 @@ function serializeElementNode(n2, options) {
     const image = n2;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
-    const cleanupCrossOriginAttribute = () => {
-      if (image.crossOrigin === "anonymous") {
-        if (priorCrossOrigin) {
-          image.setAttribute("crossorigin", priorCrossOrigin);
-          attributes.crossOrigin = priorCrossOrigin;
-        } else {
-          image.removeAttribute("crossorigin");
-        }
-      }
-    };
     const recordInlineImage = () => {
       image.removeEventListener("load", recordInlineImage);
-      image.removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = image.naturalWidth;
         canvasService.height = image.naturalHeight;
@@ -1048,10 +939,7 @@ function serializeElementNode(n2, options) {
           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(
@@ -1059,18 +947,12 @@ function serializeElementNode(n2, options) {
           );
         }
       }
-      cleanupCrossOriginAttribute();
-    };
-    const 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;
@@ -1132,7 +1014,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(
@@ -1276,10 +1158,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);
         }
@@ -1288,10 +1167,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);
@@ -8759,32 +8635,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,
@@ -8797,8 +8647,7 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor,
-  patch
+  mutationObserver: mutationObserverCtor
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -8881,6 +8730,32 @@ 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();
@@ -9442,18 +9317,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)) {