@posthog/rrweb-snapshot 0.0.55 → 0.0.57

package/dist/record.umd.cjs

@@ -559,1042 +559,1007 @@ var require_types_BjupQhwp = __commonJS({
   }
 });
 
-// dist/record-Rc5ocxPN.cjs
-var require_record_Rc5ocxPN = __commonJS({
-  "dist/record-Rc5ocxPN.cjs"(exports2) {
-    "use strict";
-    var types2 = require_types_BjupQhwp();
-    var _id = 1;
-    var tagNameRegex = new RegExp("[^a-z0-9-_:]");
-    var IGNORED_NODE = -2;
-    function genId() {
-      return _id++;
-    }
-    function getValidTagName(element) {
-      if (element instanceof HTMLFormElement) {
-        return "form";
-      }
-      const processedTagName = types2.toLowerCase(element.tagName);
-      if (tagNameRegex.test(processedTagName)) {
-        return "div";
-      }
-      return processedTagName;
-    }
-    var canvasService;
-    var canvasCtx;
-    var SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
-    var SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
-    function getAbsoluteSrcsetString(doc, attributeValue) {
-      if (attributeValue.trim() === "") {
-        return attributeValue;
-      }
-      let pos = 0;
-      function collectCharacters(regEx) {
-        let chars;
-        const match = regEx.exec(attributeValue.substring(pos));
-        if (match) {
-          chars = match[0];
-          pos += chars.length;
-          return chars;
-        }
-        return "";
-      }
-      const output = [];
+// dist/record.cjs
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var types = require_types_BjupQhwp();
+var _id = 1;
+var tagNameRegex = new RegExp("[^a-z0-9-_:]");
+var IGNORED_NODE = -2;
+function genId() {
+  return _id++;
+}
+function getValidTagName(element) {
+  if (element instanceof HTMLFormElement) {
+    return "form";
+  }
+  const processedTagName = types.toLowerCase(element.tagName);
+  if (tagNameRegex.test(processedTagName)) {
+    return "div";
+  }
+  return processedTagName;
+}
+var canvasService;
+var canvasCtx;
+var SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
+var SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
+function getAbsoluteSrcsetString(doc, attributeValue) {
+  if (attributeValue.trim() === "") {
+    return attributeValue;
+  }
+  let pos = 0;
+  function collectCharacters(regEx) {
+    let chars;
+    const match = regEx.exec(attributeValue.substring(pos));
+    if (match) {
+      chars = match[0];
+      pos += chars.length;
+      return chars;
+    }
+    return "";
+  }
+  const output = [];
+  while (true) {
+    collectCharacters(SRCSET_COMMAS_OR_SPACES);
+    if (pos >= attributeValue.length) {
+      break;
+    }
+    let url = collectCharacters(SRCSET_NOT_SPACES);
+    if (url.slice(-1) === ",") {
+      url = absoluteToDoc(doc, url.substring(0, url.length - 1));
+      output.push(url);
+    } else {
+      let descriptorsStr = "";
+      url = absoluteToDoc(doc, url);
+      let inParens = false;
       while (true) {
-        collectCharacters(SRCSET_COMMAS_OR_SPACES);
-        if (pos >= attributeValue.length) {
+        const c = attributeValue.charAt(pos);
+        if (c === "") {
+          output.push((url + descriptorsStr).trim());
           break;
-        }
-        let url = collectCharacters(SRCSET_NOT_SPACES);
-        if (url.slice(-1) === ",") {
-          url = absoluteToDoc(doc, url.substring(0, url.length - 1));
-          output.push(url);
-        } else {
-          let descriptorsStr = "";
-          url = absoluteToDoc(doc, url);
-          let inParens = false;
-          while (true) {
-            const c = attributeValue.charAt(pos);
-            if (c === "") {
-              output.push((url + descriptorsStr).trim());
-              break;
-            } else if (!inParens) {
-              if (c === ",") {
-                pos += 1;
-                output.push((url + descriptorsStr).trim());
-                break;
-              } else if (c === "(") {
-                inParens = true;
-              }
-            } else {
-              if (c === ")") {
-                inParens = false;
-              }
-            }
-            descriptorsStr += c;
+        } else if (!inParens) {
+          if (c === ",") {
             pos += 1;
+            output.push((url + descriptorsStr).trim());
+            break;
+          } else if (c === "(") {
+            inParens = true;
+          }
+        } else {
+          if (c === ")") {
+            inParens = false;
           }
         }
+        descriptorsStr += c;
+        pos += 1;
       }
-      return output.join(", ");
-    }
-    var cachedDocument = /* @__PURE__ */ new WeakMap();
-    function absoluteToDoc(doc, attributeValue) {
-      if (!attributeValue || attributeValue.trim() === "") {
-        return attributeValue;
-      }
-      return getHref(doc, attributeValue);
-    }
-    function isSVGElement(el) {
-      return Boolean(el.tagName === "svg" || el.ownerSVGElement);
     }
-    function getHref(doc, customHref) {
-      let a = cachedDocument.get(doc);
-      if (!a) {
-        a = doc.createElement("a");
-        cachedDocument.set(doc, a);
+  }
+  return output.join(", ");
+}
+var cachedDocument = /* @__PURE__ */ new WeakMap();
+function absoluteToDoc(doc, attributeValue) {
+  if (!attributeValue || attributeValue.trim() === "") {
+    return attributeValue;
+  }
+  return getHref(doc, attributeValue);
+}
+function isSVGElement(el) {
+  return Boolean(el.tagName === "svg" || el.ownerSVGElement);
+}
+function getHref(doc, customHref) {
+  let a = cachedDocument.get(doc);
+  if (!a) {
+    a = doc.createElement("a");
+    cachedDocument.set(doc, a);
+  }
+  if (!customHref) {
+    customHref = "";
+  } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
+    return customHref;
+  }
+  a.setAttribute("href", customHref);
+  return a.href;
+}
+function transformAttribute(doc, tagName, name, value, element, dataURLOptions) {
+  if (!value) {
+    return value;
+  }
+  if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
+    const transformedValue = absoluteToDoc(doc, value);
+    if (tagName === "img" && transformedValue.startsWith("data:") && element) {
+      const img = element;
+      let processedDataURL = transformedValue;
+      if ((dataURLOptions == null ? void 0 : dataURLOptions.type) || (dataURLOptions == null ? void 0 : dataURLOptions.quality) !== void 0) {
+        processedDataURL = types.recompressBase64Image(
+          img,
+          transformedValue,
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
       }
-      if (!customHref) {
-        customHref = "";
-      } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
-        return customHref;
+      if (dataURLOptions == null ? void 0 : dataURLOptions.maxBase64ImageLength) {
+        processedDataURL = types.checkDataURLSize(
+          processedDataURL,
+          dataURLOptions.maxBase64ImageLength
+        );
       }
-      a.setAttribute("href", customHref);
-      return a.href;
-    }
-    function transformAttribute(doc, tagName, name, value, element, dataURLOptions) {
-      if (!value) {
-        return value;
+      return processedDataURL;
+    }
+    return transformedValue;
+  } else if (name === "xlink:href" && value[0] !== "#") {
+    return absoluteToDoc(doc, value);
+  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
+    return absoluteToDoc(doc, value);
+  } else if (name === "srcset") {
+    return getAbsoluteSrcsetString(doc, value);
+  } else if (name === "style") {
+    return types.absolutifyURLs(value, getHref(doc));
+  } else if (tagName === "object" && name === "data") {
+    return absoluteToDoc(doc, value);
+  }
+  return value;
+}
+function ignoreAttribute(tagName, name, _value) {
+  return (tagName === "video" || tagName === "audio") && name === "autoplay";
+}
+function _isBlockedElement(element, blockClass, blockSelector) {
+  try {
+    if (typeof blockClass === "string") {
+      if (element.classList.contains(blockClass)) {
+        return true;
       }
-      if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
-        const transformedValue = absoluteToDoc(doc, value);
-        if (tagName === "img" && transformedValue.startsWith("data:") && element) {
-          const img = element;
-          let processedDataURL = transformedValue;
-          if ((dataURLOptions == null ? void 0 : dataURLOptions.type) || (dataURLOptions == null ? void 0 : dataURLOptions.quality) !== void 0) {
-            processedDataURL = types2.recompressBase64Image(
-              img,
-              transformedValue,
-              dataURLOptions.type,
-              dataURLOptions.quality
-            );
-          }
-          if (dataURLOptions == null ? void 0 : dataURLOptions.maxBase64ImageLength) {
-            processedDataURL = types2.checkDataURLSize(
-              processedDataURL,
-              dataURLOptions.maxBase64ImageLength
-            );
-          }
-          return processedDataURL;
+    } else {
+      for (let eIndex = element.classList.length; eIndex--; ) {
+        const className = element.classList[eIndex];
+        if (blockClass.test(className)) {
+          return true;
         }
-        return transformedValue;
-      } else if (name === "xlink:href" && value[0] !== "#") {
-        return absoluteToDoc(doc, value);
-      } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
-        return absoluteToDoc(doc, value);
-      } else if (name === "srcset") {
-        return getAbsoluteSrcsetString(doc, value);
-      } else if (name === "style") {
-        return types2.absolutifyURLs(value, getHref(doc));
-      } else if (tagName === "object" && name === "data") {
-        return absoluteToDoc(doc, value);
       }
-      return value;
     }
-    function ignoreAttribute(tagName, name, _value) {
-      return (tagName === "video" || tagName === "audio") && name === "autoplay";
+    if (blockSelector) {
+      return element.matches(blockSelector);
     }
-    function _isBlockedElement(element, blockClass, blockSelector) {
-      try {
-        if (typeof blockClass === "string") {
-          if (element.classList.contains(blockClass)) {
-            return true;
-          }
-        } else {
-          for (let eIndex = element.classList.length; eIndex--; ) {
-            const className = element.classList[eIndex];
-            if (blockClass.test(className)) {
-              return true;
-            }
-          }
-        }
-        if (blockSelector) {
-          return element.matches(blockSelector);
-        }
-      } catch (e) {
-      }
+  } catch (e) {
+  }
+  return false;
+}
+function classMatchesRegex(node, regex, checkAncestors) {
+  if (!node) return false;
+  if (node.nodeType !== node.ELEMENT_NODE) {
+    if (!checkAncestors) return false;
+    return classMatchesRegex(types.index.parentNode(node), regex, checkAncestors);
+  }
+  for (let eIndex = node.classList.length; eIndex--; ) {
+    const className = node.classList[eIndex];
+    if (regex.test(className)) {
+      return true;
+    }
+  }
+  if (!checkAncestors) return false;
+  return classMatchesRegex(types.index.parentNode(node), regex, checkAncestors);
+}
+function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
+  let el;
+  if (types.isElement(node)) {
+    el = node;
+    if (!types.index.childNodes(el).length) {
       return false;
     }
-    function classMatchesRegex(node, regex, checkAncestors) {
-      if (!node) return false;
-      if (node.nodeType !== node.ELEMENT_NODE) {
-        if (!checkAncestors) return false;
-        return classMatchesRegex(types2.index.parentNode(node), regex, checkAncestors);
-      }
-      for (let eIndex = node.classList.length; eIndex--; ) {
-        const className = node.classList[eIndex];
-        if (regex.test(className)) {
-          return true;
-        }
-      }
-      if (!checkAncestors) return false;
-      return classMatchesRegex(types2.index.parentNode(node), regex, checkAncestors);
-    }
-    function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
-      let el;
-      if (types2.isElement(node)) {
-        el = node;
-        if (!types2.index.childNodes(el).length) {
-          return false;
-        }
-      } else if (types2.index.parentElement(node) === null) {
-        return false;
+  } else if (types.index.parentElement(node) === null) {
+    return false;
+  } else {
+    el = types.index.parentElement(node);
+  }
+  try {
+    if (typeof maskTextClass === "string") {
+      if (checkAncestors) {
+        if (el.closest(`.${maskTextClass}`)) return true;
       } else {
-        el = types2.index.parentElement(node);
-      }
-      try {
-        if (typeof maskTextClass === "string") {
-          if (checkAncestors) {
-            if (el.closest(`.${maskTextClass}`)) return true;
-          } else {
-            if (el.classList.contains(maskTextClass)) return true;
-          }
-        } else {
-          if (classMatchesRegex(el, maskTextClass, checkAncestors)) return true;
-        }
-        if (maskTextSelector) {
-          if (checkAncestors) {
-            if (el.closest(maskTextSelector)) return true;
-          } else {
-            if (el.matches(maskTextSelector)) return true;
-          }
-        }
-      } catch (e) {
+        if (el.classList.contains(maskTextClass)) return true;
       }
-      return false;
+    } else {
+      if (classMatchesRegex(el, maskTextClass, checkAncestors)) return true;
     }
-    function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
-      const win = iframeEl.contentWindow;
-      if (!win) {
-        return;
-      }
-      let fired = false;
-      let readyState;
-      try {
-        readyState = win.document.readyState;
-      } catch (error) {
-        return;
-      }
-      if (readyState !== "complete") {
-        const timer = setTimeout(() => {
-          if (!fired) {
-            listener();
-            fired = true;
-          }
-        }, iframeLoadTimeout);
-        iframeEl.addEventListener("load", () => {
-          clearTimeout(timer);
-          fired = true;
-          listener();
-        });
-        return;
-      }
-      const blankUrl = "about:blank";
-      if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
-        setTimeout(listener, 0);
-        return iframeEl.addEventListener("load", listener);
+    if (maskTextSelector) {
+      if (checkAncestors) {
+        if (el.closest(maskTextSelector)) return true;
+      } else {
+        if (el.matches(maskTextSelector)) return true;
       }
-      iframeEl.addEventListener("load", listener);
     }
-    function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
-      let fired = false;
-      let styleSheetLoaded;
-      try {
-        styleSheetLoaded = link.sheet;
-      } catch (error) {
-        return;
-      }
-      if (styleSheetLoaded) return;
-      const timer = setTimeout(() => {
-        if (!fired) {
-          listener();
-          fired = true;
-        }
-      }, styleSheetLoadTimeout);
-      link.addEventListener("load", () => {
-        clearTimeout(timer);
-        fired = true;
+  } catch (e) {
+  }
+  return false;
+}
+function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
+  const win = iframeEl.contentWindow;
+  if (!win) {
+    return;
+  }
+  let fired = false;
+  let readyState;
+  try {
+    readyState = win.document.readyState;
+  } catch (error) {
+    return;
+  }
+  if (readyState !== "complete") {
+    const timer = setTimeout(() => {
+      if (!fired) {
         listener();
-      });
-    }
-    function serializeNode(n, options) {
-      const {
-        doc,
-        mirror,
-        blockClass,
-        blockSelector,
-        needsMask,
-        inlineStylesheet,
-        maskInputOptions = {},
-        maskTextFn,
-        maskInputFn,
-        dataURLOptions = {},
-        inlineImages,
-        recordCanvas,
-        keepIframeSrcFn,
-        newlyAddedElement = false
-      } = options;
-      const rootId = getRootId(doc, mirror);
-      switch (n.nodeType) {
-        case n.DOCUMENT_NODE:
-          if (n.compatMode !== "CSS1Compat") {
-            return {
-              type: types2.NodeType$1.Document,
-              childNodes: [],
-              compatMode: n.compatMode
-              // probably "BackCompat"
-            };
-          } else {
-            return {
-              type: types2.NodeType$1.Document,
-              childNodes: []
-            };
-          }
-        case n.DOCUMENT_TYPE_NODE:
-          return {
-            type: types2.NodeType$1.DocumentType,
-            name: n.name,
-            publicId: n.publicId,
-            systemId: n.systemId,
-            rootId
-          };
-        case n.ELEMENT_NODE:
-          return serializeElementNode(n, {
-            doc,
-            blockClass,
-            blockSelector,
-            inlineStylesheet,
-            maskInputOptions,
-            maskInputFn,
-            dataURLOptions,
-            inlineImages,
-            recordCanvas,
-            keepIframeSrcFn,
-            newlyAddedElement,
-            rootId
-          });
-        case n.TEXT_NODE:
-          return serializeTextNode(n, {
-            doc,
-            needsMask,
-            maskTextFn,
-            rootId
-          });
-        case n.CDATA_SECTION_NODE:
-          return {
-            type: types2.NodeType$1.CDATA,
-            textContent: "",
-            rootId
-          };
-        case n.COMMENT_NODE:
-          return {
-            type: types2.NodeType$1.Comment,
-            textContent: types2.index.textContent(n) || "",
-            rootId
-          };
-        default:
-          return false;
-      }
-    }
-    function getRootId(doc, mirror) {
-      if (!mirror.hasNode(doc)) return void 0;
-      const docId = mirror.getId(doc);
-      return docId === 1 ? void 0 : docId;
-    }
-    function serializeTextNode(n, options) {
-      var _a;
-      const { needsMask, maskTextFn, rootId } = options;
-      const parent = types2.index.parentNode(n);
-      const parentTagName = parent && parent.tagName;
-      let text = types2.index.textContent(n);
-      const isStyle = parentTagName === "STYLE" ? true : void 0;
-      const isScript = parentTagName === "SCRIPT" ? true : void 0;
-      if (isStyle && text) {
-        try {
-          if (n.nextSibling || n.previousSibling) {
-          } else if ((_a = parent.sheet) == null ? void 0 : _a.cssRules) {
-            text = types2.stringifyStylesheet(parent.sheet);
-          }
-        } catch (err) {
-          console.warn(
-            `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-            n
-          );
-        }
-        text = types2.absolutifyURLs(text, getHref(options.doc));
-      }
-      if (isScript) {
-        text = "SCRIPT_PLACEHOLDER";
+        fired = true;
       }
-      if (!isStyle && !isScript && text && needsMask) {
-        text = maskTextFn ? maskTextFn(text, types2.index.parentElement(n)) : text.replace(/[\S]/g, "*");
+    }, iframeLoadTimeout);
+    iframeEl.addEventListener("load", () => {
+      clearTimeout(timer);
+      fired = true;
+      listener();
+    });
+    return;
+  }
+  const blankUrl = "about:blank";
+  if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
+    setTimeout(listener, 0);
+    return iframeEl.addEventListener("load", listener);
+  }
+  iframeEl.addEventListener("load", listener);
+}
+function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
+  let fired = false;
+  let styleSheetLoaded;
+  try {
+    styleSheetLoaded = link.sheet;
+  } catch (error) {
+    return;
+  }
+  if (styleSheetLoaded) return;
+  const timer = setTimeout(() => {
+    if (!fired) {
+      listener();
+      fired = true;
+    }
+  }, styleSheetLoadTimeout);
+  link.addEventListener("load", () => {
+    clearTimeout(timer);
+    fired = true;
+    listener();
+  });
+}
+function serializeNode(n, options) {
+  const {
+    doc,
+    mirror,
+    blockClass,
+    blockSelector,
+    needsMask,
+    inlineStylesheet,
+    maskInputOptions = {},
+    maskTextFn,
+    maskInputFn,
+    dataURLOptions = {},
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement = false
+  } = options;
+  const rootId = getRootId(doc, mirror);
+  switch (n.nodeType) {
+    case n.DOCUMENT_NODE:
+      if (n.compatMode !== "CSS1Compat") {
+        return {
+          type: types.NodeType$1.Document,
+          childNodes: [],
+          compatMode: n.compatMode
+          // probably "BackCompat"
+        };
+      } else {
+        return {
+          type: types.NodeType$1.Document,
+          childNodes: []
+        };
       }
+    case n.DOCUMENT_TYPE_NODE:
       return {
-        type: types2.NodeType$1.Text,
-        textContent: text || "",
-        isStyle,
+        type: types.NodeType$1.DocumentType,
+        name: n.name,
+        publicId: n.publicId,
+        systemId: n.systemId,
         rootId
       };
-    }
-    function findStylesheet(doc, href) {
-      return Array.from(doc.styleSheets).find((s) => s.href === href);
-    }
-    function hrefFrom(n) {
-      return n.href;
-    }
-    function serializeElementNode(n, options) {
-      var _a, _b;
-      const {
+    case n.ELEMENT_NODE:
+      return serializeElementNode(n, {
         doc,
         blockClass,
         blockSelector,
         inlineStylesheet,
-        maskInputOptions = {},
+        maskInputOptions,
         maskInputFn,
-        dataURLOptions = {},
+        dataURLOptions,
         inlineImages,
         recordCanvas,
         keepIframeSrcFn,
-        newlyAddedElement = false,
+        newlyAddedElement,
         rootId
-      } = options;
-      const needBlock = _isBlockedElement(n, blockClass, blockSelector);
-      const tagName = getValidTagName(n);
-      let attributes = {};
-      const len = n.attributes.length;
-      for (let i = 0; i < len; i++) {
-        const attr = n.attributes[i];
-        if (!ignoreAttribute(tagName, attr.name, attr.value)) {
-          attributes[attr.name] = transformAttribute(
-            doc,
-            tagName,
-            types2.toLowerCase(attr.name),
-            attr.value,
-            n,
-            dataURLOptions
-          );
-        }
-      }
-      if (tagName === "link" && inlineStylesheet) {
-        const href = hrefFrom(n);
-        if (href) {
-          let stylesheet = findStylesheet(doc, href);
-          if (!stylesheet && href.includes(".css")) {
-            const rootDomain = window.location.origin;
-            const stylesheetPath = href.replace(window.location.href, "");
-            const potentialStylesheetHref = rootDomain + "/" + stylesheetPath;
-            stylesheet = findStylesheet(doc, potentialStylesheetHref);
-          }
-          let cssText = null;
-          if (stylesheet) {
-            cssText = types2.stringifyStylesheet(stylesheet);
-          }
-          if (cssText) {
-            delete attributes.rel;
-            delete attributes.href;
-            attributes._cssText = cssText;
-          }
-        }
+      });
+    case n.TEXT_NODE:
+      return serializeTextNode(n, {
+        doc,
+        needsMask,
+        maskTextFn,
+        rootId
+      });
+    case n.CDATA_SECTION_NODE:
+      return {
+        type: types.NodeType$1.CDATA,
+        textContent: "",
+        rootId
+      };
+    case n.COMMENT_NODE:
+      return {
+        type: types.NodeType$1.Comment,
+        textContent: types.index.textContent(n) || "",
+        rootId
+      };
+    default:
+      return false;
+  }
+}
+function getRootId(doc, mirror) {
+  if (!mirror.hasNode(doc)) return void 0;
+  const docId = mirror.getId(doc);
+  return docId === 1 ? void 0 : docId;
+}
+function serializeTextNode(n, options) {
+  var _a;
+  const { needsMask, maskTextFn, rootId } = options;
+  const parent = types.index.parentNode(n);
+  const parentTagName = parent && parent.tagName;
+  let text = types.index.textContent(n);
+  const isStyle = parentTagName === "STYLE" ? true : void 0;
+  const isScript = parentTagName === "SCRIPT" ? true : void 0;
+  if (isStyle && text) {
+    try {
+      if (n.nextSibling || n.previousSibling) {
+      } else if ((_a = parent.sheet) == null ? void 0 : _a.cssRules) {
+        text = types.stringifyStylesheet(parent.sheet);
+      }
+    } catch (err) {
+      console.warn(
+        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
+        n
+      );
+    }
+    text = types.absolutifyURLs(text, getHref(options.doc));
+  }
+  if (isScript) {
+    text = "SCRIPT_PLACEHOLDER";
+  }
+  if (!isStyle && !isScript && text && needsMask) {
+    text = maskTextFn ? maskTextFn(text, types.index.parentElement(n)) : text.replace(/[\S]/g, "*");
+  }
+  return {
+    type: types.NodeType$1.Text,
+    textContent: text || "",
+    isStyle,
+    rootId
+  };
+}
+function findStylesheet(doc, href) {
+  return Array.from(doc.styleSheets).find((s) => s.href === href);
+}
+function hrefFrom(n) {
+  return n.href;
+}
+function serializeElementNode(n, options) {
+  var _a, _b;
+  const {
+    doc,
+    blockClass,
+    blockSelector,
+    inlineStylesheet,
+    maskInputOptions = {},
+    maskInputFn,
+    dataURLOptions = {},
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement = false,
+    rootId
+  } = options;
+  const needBlock = _isBlockedElement(n, blockClass, blockSelector);
+  const tagName = getValidTagName(n);
+  let attributes = {};
+  const len = n.attributes.length;
+  for (let i = 0; i < len; i++) {
+    const attr = n.attributes[i];
+    if (!ignoreAttribute(tagName, attr.name, attr.value)) {
+      attributes[attr.name] = transformAttribute(
+        doc,
+        tagName,
+        types.toLowerCase(attr.name),
+        attr.value,
+        n,
+        dataURLOptions
+      );
+    }
+  }
+  if (tagName === "link" && inlineStylesheet) {
+    const href = hrefFrom(n);
+    if (href) {
+      let stylesheet = findStylesheet(doc, href);
+      if (!stylesheet && href.includes(".css")) {
+        const rootDomain = window.location.origin;
+        const stylesheetPath = href.replace(window.location.href, "");
+        const potentialStylesheetHref = rootDomain + "/" + stylesheetPath;
+        stylesheet = findStylesheet(doc, potentialStylesheetHref);
+      }
+      let cssText = null;
+      if (stylesheet) {
+        cssText = types.stringifyStylesheet(stylesheet);
+      }
+      if (cssText) {
+        delete attributes.rel;
+        delete attributes.href;
+        attributes._cssText = cssText;
       }
-      if (tagName === "style" && n.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-      !(n.innerText || types2.index.textContent(n) || "").trim().length) {
-        const cssText = types2.stringifyStylesheet(
-          n.sheet
+    }
+  }
+  if (tagName === "style" && n.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+  !(n.innerText || types.index.textContent(n) || "").trim().length) {
+    const cssText = types.stringifyStylesheet(
+      n.sheet
+    );
+    if (cssText) {
+      attributes._cssText = cssText;
+    }
+  }
+  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
+    const value = n.value;
+    const checked = n.checked;
+    if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
+      attributes.value = types.maskInputValue({
+        element: n,
+        type: types.getInputType(n),
+        tagName,
+        value,
+        maskInputOptions,
+        maskInputFn
+      });
+    } else if (checked) {
+      attributes.checked = checked;
+    }
+  }
+  if (tagName === "option") {
+    if (n.selected && !maskInputOptions["select"]) {
+      attributes.selected = true;
+    } else {
+      delete attributes.selected;
+    }
+  }
+  if (tagName === "dialog" && n.open) {
+    try {
+      attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
+    } catch (e) {
+      attributes.rr_open_mode = "modal";
+      attributes.ph_rr_could_not_detect_modal = true;
+    }
+  }
+  if (tagName === "canvas" && recordCanvas) {
+    if (n.__context === "2d") {
+      if (!types.is2DCanvasBlank(n)) {
+        attributes.rr_dataURL = n.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
         );
-        if (cssText) {
-          attributes._cssText = cssText;
-        }
       }
-      if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-        const value = n.value;
-        const checked = n.checked;
-        if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
-          attributes.value = types2.maskInputValue({
-            element: n,
-            type: types2.getInputType(n),
-            tagName,
-            value,
-            maskInputOptions,
-            maskInputFn
-          });
-        } else if (checked) {
-          attributes.checked = checked;
-        }
+    } else if (!("__context" in n)) {
+      const canvasDataURL = n.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
+      const blankCanvas = doc.createElement("canvas");
+      blankCanvas.width = n.width;
+      blankCanvas.height = n.height;
+      const blankCanvasDataURL = blankCanvas.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
+      if (canvasDataURL !== blankCanvasDataURL) {
+        attributes.rr_dataURL = canvasDataURL;
       }
-      if (tagName === "option") {
-        if (n.selected && !maskInputOptions["select"]) {
-          attributes.selected = true;
+    }
+  }
+  if (tagName === "img" && inlineImages) {
+    if (!canvasService) {
+      canvasService = doc.createElement("canvas");
+      canvasCtx = canvasService.getContext("2d");
+    }
+    const image = n;
+    const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+    const priorCrossOrigin = image.crossOrigin;
+    const recordInlineImage = () => {
+      image.removeEventListener("load", recordInlineImage);
+      try {
+        canvasService.width = image.naturalWidth;
+        canvasService.height = image.naturalHeight;
+        canvasCtx.drawImage(image, 0, 0);
+        attributes.rr_dataURL = canvasService.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
+      } catch (err) {
+        if (image.crossOrigin !== "anonymous") {
+          image.crossOrigin = "anonymous";
+          if (image.complete && image.naturalWidth !== 0)
+            recordInlineImage();
+          else image.addEventListener("load", recordInlineImage);
+          return;
         } else {
-          delete attributes.selected;
-        }
-      }
-      if (tagName === "dialog" && n.open) {
-        try {
-          attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
-        } catch (e) {
-          attributes.rr_open_mode = "modal";
-          attributes.ph_rr_could_not_detect_modal = true;
-        }
-      }
-      if (tagName === "canvas" && recordCanvas) {
-        if (n.__context === "2d") {
-          if (!types2.is2DCanvasBlank(n)) {
-            attributes.rr_dataURL = n.toDataURL(
-              dataURLOptions.type,
-              dataURLOptions.quality
-            );
-          }
-        } else if (!("__context" in n)) {
-          const canvasDataURL = n.toDataURL(
-            dataURLOptions.type,
-            dataURLOptions.quality
-          );
-          const blankCanvas = doc.createElement("canvas");
-          blankCanvas.width = n.width;
-          blankCanvas.height = n.height;
-          const blankCanvasDataURL = blankCanvas.toDataURL(
-            dataURLOptions.type,
-            dataURLOptions.quality
+          console.warn(
+            `Cannot inline img src=${imageSrc}! Error: ${err}`
           );
-          if (canvasDataURL !== blankCanvasDataURL) {
-            attributes.rr_dataURL = canvasDataURL;
-          }
         }
       }
-      if (tagName === "img" && inlineImages) {
-        if (!canvasService) {
-          canvasService = doc.createElement("canvas");
-          canvasCtx = canvasService.getContext("2d");
-        }
-        const image = n;
-        const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
-        const priorCrossOrigin = image.crossOrigin;
-        const recordInlineImage = () => {
-          image.removeEventListener("load", recordInlineImage);
-          try {
-            canvasService.width = image.naturalWidth;
-            canvasService.height = image.naturalHeight;
-            canvasCtx.drawImage(image, 0, 0);
-            attributes.rr_dataURL = canvasService.toDataURL(
-              dataURLOptions.type,
-              dataURLOptions.quality
-            );
-          } catch (err) {
-            if (image.crossOrigin !== "anonymous") {
-              image.crossOrigin = "anonymous";
-              if (image.complete && image.naturalWidth !== 0)
-                recordInlineImage();
-              else image.addEventListener("load", recordInlineImage);
-              return;
-            } else {
-              console.warn(
-                `Cannot inline img src=${imageSrc}! Error: ${err}`
-              );
-            }
-          }
-          if (image.crossOrigin === "anonymous") {
-            priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
-          }
-        };
-        if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-        else image.addEventListener("load", recordInlineImage);
-      }
-      if (tagName === "audio" || tagName === "video") {
-        const mediaAttributes = attributes;
-        mediaAttributes.rr_mediaState = n.paused ? "paused" : "played";
-        mediaAttributes.rr_mediaCurrentTime = n.currentTime;
-        mediaAttributes.rr_mediaPlaybackRate = n.playbackRate;
-        mediaAttributes.rr_mediaMuted = n.muted;
-        mediaAttributes.rr_mediaLoop = n.loop;
-        mediaAttributes.rr_mediaVolume = n.volume;
-      }
-      if (!newlyAddedElement) {
-        if (n.scrollLeft) {
-          attributes.rr_scrollLeft = n.scrollLeft;
-        }
-        if (n.scrollTop) {
-          attributes.rr_scrollTop = n.scrollTop;
-        }
-      }
-      if (needBlock) {
-        const { width, height, left, top } = n.getBoundingClientRect();
-        attributes = {
-          class: attributes.class,
-          rr_width: `${width}px`,
-          rr_height: `${height}px`,
-          rr_left: `${Math.floor(left + (((_a = doc.defaultView) == null ? void 0 : _a.scrollX) || 0))}px`,
-          rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
-        };
+      if (image.crossOrigin === "anonymous") {
+        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
       }
-      if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
-        if (!n.contentDocument) {
-          attributes.rr_src = attributes.src;
-        }
-        delete attributes.src;
-      }
-      let isCustomElement;
-      try {
-        if (customElements.get(tagName)) isCustomElement = true;
-      } catch (e) {
-      }
-      return {
-        type: types2.NodeType$1.Element,
-        tagName,
-        attributes,
-        childNodes: [],
-        isSVG: isSVGElement(n) || void 0,
-        needBlock,
-        rootId,
-        isCustom: isCustomElement
-      };
+    };
+    if (image.complete && image.naturalWidth !== 0) recordInlineImage();
+    else image.addEventListener("load", recordInlineImage);
+  }
+  if (tagName === "audio" || tagName === "video") {
+    const mediaAttributes = attributes;
+    mediaAttributes.rr_mediaState = n.paused ? "paused" : "played";
+    mediaAttributes.rr_mediaCurrentTime = n.currentTime;
+    mediaAttributes.rr_mediaPlaybackRate = n.playbackRate;
+    mediaAttributes.rr_mediaMuted = n.muted;
+    mediaAttributes.rr_mediaLoop = n.loop;
+    mediaAttributes.rr_mediaVolume = n.volume;
+  }
+  if (!newlyAddedElement) {
+    if (n.scrollLeft) {
+      attributes.rr_scrollLeft = n.scrollLeft;
     }
-    function lowerIfExists(maybeAttr) {
-      if (maybeAttr === void 0 || maybeAttr === null) {
-        return "";
-      } else {
-        return maybeAttr.toLowerCase();
-      }
+    if (n.scrollTop) {
+      attributes.rr_scrollTop = n.scrollTop;
     }
-    function slimDOMExcluded(sn, slimDOMOptions) {
-      if (slimDOMOptions.comment && sn.type === types2.NodeType$1.Comment) {
+  }
+  if (needBlock) {
+    const { width, height, left, top } = n.getBoundingClientRect();
+    attributes = {
+      class: attributes.class,
+      rr_width: `${width}px`,
+      rr_height: `${height}px`,
+      rr_left: `${Math.floor(left + (((_a = doc.defaultView) == null ? void 0 : _a.scrollX) || 0))}px`,
+      rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
+    };
+  }
+  if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
+    if (!n.contentDocument) {
+      attributes.rr_src = attributes.src;
+    }
+    delete attributes.src;
+  }
+  let isCustomElement;
+  try {
+    if (customElements.get(tagName)) isCustomElement = true;
+  } catch (e) {
+  }
+  return {
+    type: types.NodeType$1.Element,
+    tagName,
+    attributes,
+    childNodes: [],
+    isSVG: isSVGElement(n) || void 0,
+    needBlock,
+    rootId,
+    isCustom: isCustomElement
+  };
+}
+function lowerIfExists(maybeAttr) {
+  if (maybeAttr === void 0 || maybeAttr === null) {
+    return "";
+  } else {
+    return maybeAttr.toLowerCase();
+  }
+}
+function slimDOMExcluded(sn, slimDOMOptions) {
+  if (slimDOMOptions.comment && sn.type === types.NodeType$1.Comment) {
+    return true;
+  } else if (sn.type === types.NodeType$1.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 === "prefetch" && typeof sn.attributes.href === "string" && types.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(
+      /^msapplication-tile(image|color)$/
+    ) || lowerIfExists(sn.attributes.name) === "application-name" || ["icon", "apple-touch-icon", "shortcut icon"].includes(
+      lowerIfExists(sn.attributes.rel)
+    )))) {
+      return true;
+    } else if (sn.tagName === "meta") {
+      if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
+        return true;
+      } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
+      lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
+        return true;
+      } else if (slimDOMOptions.headMetaRobots && ["robots", "googlebot", "bingbot"].includes(
+        lowerIfExists(sn.attributes.name)
+      )) {
+        return true;
+      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
+        return true;
+      } else if (slimDOMOptions.headMetaAuthorship && (["author", "generator", "framework", "publisher", "progid"].includes(
+        lowerIfExists(sn.attributes.name)
+      ) || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
+        return true;
+      } else if (slimDOMOptions.headMetaVerification && [
+        "google-site-verification",
+        "yandex-verification",
+        "csrf-token",
+        "p:domain_verify",
+        "verify-v1",
+        "verification",
+        "shopify-checkout-api-token"
+      ].includes(lowerIfExists(sn.attributes.name))) {
         return true;
-      } else if (sn.type === types2.NodeType$1.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 === "prefetch" && typeof sn.attributes.href === "string" && types2.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(
-          /^msapplication-tile(image|color)$/
-        ) || lowerIfExists(sn.attributes.name) === "application-name" || ["icon", "apple-touch-icon", "shortcut icon"].includes(
-          lowerIfExists(sn.attributes.rel)
-        )))) {
-          return true;
-        } else if (sn.tagName === "meta") {
-          if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
-            return true;
-          } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
-          lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
-            return true;
-          } else if (slimDOMOptions.headMetaRobots && ["robots", "googlebot", "bingbot"].includes(
-            lowerIfExists(sn.attributes.name)
-          )) {
-            return true;
-          } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
-            return true;
-          } else if (slimDOMOptions.headMetaAuthorship && (["author", "generator", "framework", "publisher", "progid"].includes(
-            lowerIfExists(sn.attributes.name)
-          ) || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
-            return true;
-          } else if (slimDOMOptions.headMetaVerification && [
-            "google-site-verification",
-            "yandex-verification",
-            "csrf-token",
-            "p:domain_verify",
-            "verify-v1",
-            "verification",
-            "shopify-checkout-api-token"
-          ].includes(lowerIfExists(sn.attributes.name))) {
-            return true;
-          }
-        }
       }
-      return false;
-    }
-    var DEFAULT_MAX_DEPTH = 50;
-    var _maxDepthWarned = false;
-    var _maxDepthReached = false;
-    function wasMaxDepthReached() {
-      return _maxDepthReached;
     }
-    function resetMaxDepthState() {
-      _maxDepthReached = false;
-      _maxDepthWarned = false;
+  }
+  return false;
+}
+var DEFAULT_MAX_DEPTH = 50;
+var _maxDepthWarned = false;
+var _maxDepthReached = false;
+function wasMaxDepthReached() {
+  return _maxDepthReached;
+}
+function resetMaxDepthState() {
+  _maxDepthReached = false;
+  _maxDepthWarned = false;
+}
+function serializeNodeWithId(n, options) {
+  const {
+    doc,
+    mirror,
+    blockClass,
+    blockSelector,
+    maskTextClass,
+    maskTextSelector,
+    skipChild = false,
+    inlineStylesheet = true,
+    maskInputOptions = {},
+    maskTextFn,
+    maskInputFn,
+    slimDOMOptions,
+    dataURLOptions = {},
+    inlineImages = false,
+    recordCanvas = false,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout = 5e3,
+    onStylesheetLoad,
+    stylesheetLoadTimeout = 5e3,
+    keepIframeSrcFn = () => false,
+    newlyAddedElement = false,
+    depth = 0,
+    maxDepth = DEFAULT_MAX_DEPTH
+  } = options;
+  let { needsMask } = options;
+  let { preserveWhiteSpace = true } = options;
+  if (depth >= maxDepth) {
+    _maxDepthReached = true;
+    if (!_maxDepthWarned) {
+      _maxDepthWarned = true;
+      console.warn(
+        `[rrweb-snapshot] DOM tree depth exceeded max depth of ${maxDepth}. Children beyond this depth will not be recorded. This may indicate deeply nested DOM structures.`
+      );
     }
-    function serializeNodeWithId(n, options) {
-      const {
-        doc,
-        mirror,
-        blockClass,
-        blockSelector,
-        maskTextClass,
-        maskTextSelector,
-        skipChild = false,
-        inlineStylesheet = true,
-        maskInputOptions = {},
-        maskTextFn,
-        maskInputFn,
-        slimDOMOptions,
-        dataURLOptions = {},
-        inlineImages = false,
-        recordCanvas = false,
-        onSerialize,
-        onIframeLoad,
-        iframeLoadTimeout = 5e3,
-        onStylesheetLoad,
-        stylesheetLoadTimeout = 5e3,
-        keepIframeSrcFn = () => false,
-        newlyAddedElement = false,
-        depth = 0,
-        maxDepth = DEFAULT_MAX_DEPTH
-      } = options;
-      let { needsMask } = options;
-      let { preserveWhiteSpace = true } = options;
-      if (depth >= maxDepth) {
-        _maxDepthReached = true;
-        if (!_maxDepthWarned) {
-          _maxDepthWarned = true;
-          console.warn(
-            `[rrweb-snapshot] DOM tree depth exceeded max depth of ${maxDepth}. Children beyond this depth will not be recorded. This may indicate deeply nested DOM structures.`
-          );
+    return null;
+  }
+  if (!needsMask) {
+    const checkAncestors = needsMask === void 0;
+    needsMask = needMaskingText(
+      n,
+      maskTextClass,
+      maskTextSelector,
+      checkAncestors
+    );
+  }
+  const _serializedNode = serializeNode(n, {
+    doc,
+    mirror,
+    blockClass,
+    blockSelector,
+    needsMask,
+    inlineStylesheet,
+    maskInputOptions,
+    maskTextFn,
+    maskInputFn,
+    dataURLOptions,
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement
+  });
+  if (!_serializedNode) {
+    console.warn(n, "not serialized");
+    return null;
+  }
+  let id;
+  if (mirror.hasNode(n)) {
+    id = mirror.getId(n);
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === types.NodeType$1.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+    id = IGNORED_NODE;
+  } else {
+    id = genId();
+  }
+  const serializedNode = Object.assign(_serializedNode, { id });
+  mirror.add(n, serializedNode);
+  if (id === IGNORED_NODE) {
+    return null;
+  }
+  if (onSerialize) {
+    onSerialize(n);
+  }
+  let recordChild = !skipChild;
+  if (serializedNode.type === types.NodeType$1.Element) {
+    recordChild = recordChild && !serializedNode.needBlock;
+    delete serializedNode.needBlock;
+    const shadowRootEl = types.index.shadowRoot(n);
+    if (shadowRootEl && types.isNativeShadowDom(shadowRootEl))
+      serializedNode.isShadowHost = true;
+  }
+  if ((serializedNode.type === types.NodeType$1.Document || serializedNode.type === types.NodeType$1.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "head") {
+      preserveWhiteSpace = false;
+    }
+    const bypassOptions = {
+      doc,
+      mirror,
+      blockClass,
+      blockSelector,
+      needsMask,
+      maskTextClass,
+      maskTextSelector,
+      skipChild,
+      inlineStylesheet,
+      maskInputOptions,
+      maskTextFn,
+      maskInputFn,
+      slimDOMOptions,
+      dataURLOptions,
+      inlineImages,
+      recordCanvas,
+      preserveWhiteSpace,
+      onSerialize,
+      onIframeLoad,
+      iframeLoadTimeout,
+      onStylesheetLoad,
+      stylesheetLoadTimeout,
+      keepIframeSrcFn,
+      depth: depth + 1,
+      maxDepth
+    };
+    if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    else {
+      for (const childN of Array.from(types.index.childNodes(n))) {
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        if (serializedChildNode) {
+          serializedNode.childNodes.push(serializedChildNode);
         }
-        return null;
-      }
-      if (!needsMask) {
-        const checkAncestors = needsMask === void 0;
-        needsMask = needMaskingText(
-          n,
-          maskTextClass,
-          maskTextSelector,
-          checkAncestors
-        );
-      }
-      const _serializedNode = serializeNode(n, {
-        doc,
-        mirror,
-        blockClass,
-        blockSelector,
-        needsMask,
-        inlineStylesheet,
-        maskInputOptions,
-        maskTextFn,
-        maskInputFn,
-        dataURLOptions,
-        inlineImages,
-        recordCanvas,
-        keepIframeSrcFn,
-        newlyAddedElement
-      });
-      if (!_serializedNode) {
-        console.warn(n, "not serialized");
-        return null;
-      }
-      let id;
-      if (mirror.hasNode(n)) {
-        id = mirror.getId(n);
-      } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === types2.NodeType$1.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
-        id = IGNORED_NODE;
-      } else {
-        id = genId();
-      }
-      const serializedNode = Object.assign(_serializedNode, { id });
-      mirror.add(n, serializedNode);
-      if (id === IGNORED_NODE) {
-        return null;
-      }
-      if (onSerialize) {
-        onSerialize(n);
       }
-      let recordChild = !skipChild;
-      if (serializedNode.type === types2.NodeType$1.Element) {
-        recordChild = recordChild && !serializedNode.needBlock;
-        delete serializedNode.needBlock;
-        const shadowRootEl = types2.index.shadowRoot(n);
-        if (shadowRootEl && types2.isNativeShadowDom(shadowRootEl))
-          serializedNode.isShadowHost = true;
-      }
-      if ((serializedNode.type === types2.NodeType$1.Document || serializedNode.type === types2.NodeType$1.Element) && recordChild) {
-        if (slimDOMOptions.headWhitespace && serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "head") {
-          preserveWhiteSpace = false;
+    }
+    let shadowRootEl = null;
+    if (types.isElement(n) && (shadowRootEl = types.index.shadowRoot(n))) {
+      for (const childN of Array.from(types.index.childNodes(shadowRootEl))) {
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+        if (serializedChildNode) {
+          types.isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
+          serializedNode.childNodes.push(serializedChildNode);
         }
-        const bypassOptions = {
-          doc,
-          mirror,
-          blockClass,
-          blockSelector,
-          needsMask,
-          maskTextClass,
-          maskTextSelector,
-          skipChild,
-          inlineStylesheet,
-          maskInputOptions,
-          maskTextFn,
-          maskInputFn,
-          slimDOMOptions,
-          dataURLOptions,
-          inlineImages,
-          recordCanvas,
-          preserveWhiteSpace,
-          onSerialize,
-          onIframeLoad,
-          iframeLoadTimeout,
-          onStylesheetLoad,
-          stylesheetLoadTimeout,
-          keepIframeSrcFn,
-          depth: depth + 1,
-          maxDepth
-        };
-        if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
-        else {
-          for (const childN of Array.from(types2.index.childNodes(n))) {
-            const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-            if (serializedChildNode) {
-              serializedNode.childNodes.push(serializedChildNode);
-            }
+      }
+    }
+  }
+  const parent = types.index.parentNode(n);
+  if (parent && types.isShadowRoot(parent) && types.isNativeShadowDom(parent)) {
+    serializedNode.isShadow = true;
+  }
+  if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "iframe") {
+    onceIframeLoaded(
+      n,
+      () => {
+        const iframeDoc = n.contentDocument;
+        if (iframeDoc && onIframeLoad) {
+          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+            doc: iframeDoc,
+            mirror,
+            blockClass,
+            blockSelector,
+            needsMask,
+            maskTextClass,
+            maskTextSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            maskTextFn,
+            maskInputFn,
+            slimDOMOptions,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+            onStylesheetLoad,
+            stylesheetLoadTimeout,
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
+          });
+          if (serializedIframeNode) {
+            onIframeLoad(
+              n,
+              serializedIframeNode
+            );
           }
         }
-        let shadowRootEl = null;
-        if (types2.isElement(n) && (shadowRootEl = types2.index.shadowRoot(n))) {
-          for (const childN of Array.from(types2.index.childNodes(shadowRootEl))) {
-            const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-            if (serializedChildNode) {
-              types2.isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
-              serializedNode.childNodes.push(serializedChildNode);
-            }
+      },
+      iframeLoadTimeout
+    );
+  }
+  if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && types.extractFileExtension(serializedNode.attributes.href) === "css")) {
+    onceStylesheetLoaded(
+      n,
+      () => {
+        if (onStylesheetLoad) {
+          const serializedLinkNode = serializeNodeWithId(n, {
+            doc,
+            mirror,
+            blockClass,
+            blockSelector,
+            needsMask,
+            maskTextClass,
+            maskTextSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            maskTextFn,
+            maskInputFn,
+            slimDOMOptions,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+            onStylesheetLoad,
+            stylesheetLoadTimeout,
+            keepIframeSrcFn,
+            depth,
+            maxDepth
+          });
+          if (serializedLinkNode) {
+            onStylesheetLoad(
+              n,
+              serializedLinkNode
+            );
           }
         }
-      }
-      const parent = types2.index.parentNode(n);
-      if (parent && types2.isShadowRoot(parent) && types2.isNativeShadowDom(parent)) {
-        serializedNode.isShadow = true;
-      }
-      if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "iframe") {
-        onceIframeLoaded(
-          n,
-          () => {
-            const iframeDoc = n.contentDocument;
-            if (iframeDoc && onIframeLoad) {
-              const serializedIframeNode = serializeNodeWithId(iframeDoc, {
-                doc: iframeDoc,
-                mirror,
-                blockClass,
-                blockSelector,
-                needsMask,
-                maskTextClass,
-                maskTextSelector,
-                skipChild: false,
-                inlineStylesheet,
-                maskInputOptions,
-                maskTextFn,
-                maskInputFn,
-                slimDOMOptions,
-                dataURLOptions,
-                inlineImages,
-                recordCanvas,
-                preserveWhiteSpace,
-                onSerialize,
-                onIframeLoad,
-                iframeLoadTimeout,
-                onStylesheetLoad,
-                stylesheetLoadTimeout,
-                keepIframeSrcFn,
-                depth: depth + 1,
-                maxDepth
-              });
-              if (serializedIframeNode) {
-                onIframeLoad(
-                  n,
-                  serializedIframeNode
-                );
-              }
-            }
-          },
-          iframeLoadTimeout
-        );
-      }
-      if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && types2.extractFileExtension(serializedNode.attributes.href) === "css")) {
-        onceStylesheetLoaded(
-          n,
-          () => {
-            if (onStylesheetLoad) {
-              const serializedLinkNode = serializeNodeWithId(n, {
-                doc,
-                mirror,
-                blockClass,
-                blockSelector,
-                needsMask,
-                maskTextClass,
-                maskTextSelector,
-                skipChild: false,
-                inlineStylesheet,
-                maskInputOptions,
-                maskTextFn,
-                maskInputFn,
-                slimDOMOptions,
-                dataURLOptions,
-                inlineImages,
-                recordCanvas,
-                preserveWhiteSpace,
-                onSerialize,
-                onIframeLoad,
-                iframeLoadTimeout,
-                onStylesheetLoad,
-                stylesheetLoadTimeout,
-                keepIframeSrcFn,
-                depth,
-                maxDepth
-              });
-              if (serializedLinkNode) {
-                onStylesheetLoad(
-                  n,
-                  serializedLinkNode
-                );
-              }
-            }
-          },
-          stylesheetLoadTimeout
-        );
-      }
-      return serializedNode;
-    }
-    function slimDOMDefaults(slimDOM) {
-      if (slimDOM === true || slimDOM === "all") {
-        return {
-          script: true,
-          comment: true,
-          headFavicon: true,
-          headWhitespace: true,
-          headMetaSocial: true,
-          headMetaRobots: true,
-          headMetaHttpEquiv: true,
-          headMetaVerification: true,
-          headMetaAuthorship: slimDOM === "all",
-          headMetaDescKeywords: slimDOM === "all",
-          headTitleMutations: slimDOM === "all"
-        };
-      }
-      if (slimDOM === false) {
-        return {};
-      }
-      return slimDOM;
-    }
-    function snapshot(n, options) {
-      const {
-        mirror = new types2.Mirror(),
-        blockClass = "rr-block",
-        blockSelector = null,
-        maskTextClass = "rr-mask",
-        maskTextSelector = null,
-        inlineStylesheet = true,
-        inlineImages = false,
-        recordCanvas = false,
-        maskAllInputs = false,
-        maskTextFn,
-        maskInputFn,
-        slimDOM = false,
-        dataURLOptions,
-        preserveWhiteSpace,
-        onSerialize,
-        onIframeLoad,
-        iframeLoadTimeout,
-        onStylesheetLoad,
-        stylesheetLoadTimeout,
-        keepIframeSrcFn = () => false,
-        maxDepth
-      } = options || {};
-      const maskInputOptions = maskAllInputs === true ? {
-        color: true,
-        date: true,
-        "datetime-local": true,
-        email: true,
-        month: true,
-        number: true,
-        range: true,
-        search: true,
-        tel: true,
-        text: true,
-        time: true,
-        url: true,
-        week: true,
-        textarea: true,
-        select: true,
-        password: true
-      } : maskAllInputs === false ? {
-        password: true
-      } : maskAllInputs;
-      const slimDOMOptions = slimDOMDefaults(slimDOM);
-      return serializeNodeWithId(n, {
-        doc: n,
-        mirror,
-        blockClass,
-        blockSelector,
-        maskTextClass,
-        maskTextSelector,
-        skipChild: false,
-        inlineStylesheet,
-        maskInputOptions,
-        maskTextFn,
-        maskInputFn,
-        slimDOMOptions,
-        dataURLOptions,
-        inlineImages,
-        recordCanvas,
-        preserveWhiteSpace,
-        onSerialize,
-        onIframeLoad,
-        iframeLoadTimeout,
-        onStylesheetLoad,
-        stylesheetLoadTimeout,
-        keepIframeSrcFn,
-        newlyAddedElement: false,
-        maxDepth
-      });
+      },
+      stylesheetLoadTimeout
+    );
+  }
+  return serializedNode;
+}
+function slimDOMDefaults(slimDOM) {
+  if (slimDOM === true || slimDOM === "all") {
+    return {
+      script: true,
+      comment: true,
+      headFavicon: true,
+      headWhitespace: true,
+      headMetaSocial: true,
+      headMetaRobots: true,
+      headMetaHttpEquiv: true,
+      headMetaVerification: true,
+      headMetaAuthorship: slimDOM === "all",
+      headMetaDescKeywords: slimDOM === "all",
+      headTitleMutations: slimDOM === "all"
+    };
+  }
+  if (slimDOM === false) {
+    return {};
+  }
+  return slimDOM;
+}
+function snapshot(n, options) {
+  const {
+    mirror = new types.Mirror(),
+    blockClass = "rr-block",
+    blockSelector = null,
+    maskTextClass = "rr-mask",
+    maskTextSelector = null,
+    inlineStylesheet = true,
+    inlineImages = false,
+    recordCanvas = false,
+    maskAllInputs = false,
+    maskTextFn,
+    maskInputFn,
+    slimDOM = false,
+    dataURLOptions,
+    preserveWhiteSpace,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout,
+    onStylesheetLoad,
+    stylesheetLoadTimeout,
+    keepIframeSrcFn = () => false,
+    maxDepth
+  } = options || {};
+  const maskInputOptions = maskAllInputs === true ? {
+    color: true,
+    date: true,
+    "datetime-local": true,
+    email: true,
+    month: true,
+    number: true,
+    range: true,
+    search: true,
+    tel: true,
+    text: true,
+    time: true,
+    url: true,
+    week: true,
+    textarea: true,
+    select: true,
+    password: true
+  } : maskAllInputs === false ? {
+    password: true
+  } : maskAllInputs;
+  const slimDOMOptions = slimDOMDefaults(slimDOM);
+  return serializeNodeWithId(n, {
+    doc: n,
+    mirror,
+    blockClass,
+    blockSelector,
+    maskTextClass,
+    maskTextSelector,
+    skipChild: false,
+    inlineStylesheet,
+    maskInputOptions,
+    maskTextFn,
+    maskInputFn,
+    slimDOMOptions,
+    dataURLOptions,
+    inlineImages,
+    recordCanvas,
+    preserveWhiteSpace,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout,
+    onStylesheetLoad,
+    stylesheetLoadTimeout,
+    keepIframeSrcFn,
+    newlyAddedElement: false,
+    maxDepth
+  });
+}
+function visitSnapshot(node, onVisit) {
+  function walk(current) {
+    onVisit(current);
+    if (current.type === types.NodeType$1.Document || current.type === types.NodeType$1.Element) {
+      current.childNodes.forEach(walk);
     }
-    function visitSnapshot(node, onVisit) {
-      function walk(current) {
-        onVisit(current);
-        if (current.type === types2.NodeType$1.Document || current.type === types2.NodeType$1.Element) {
-          current.childNodes.forEach(walk);
-        }
-      }
-      walk(node);
-    }
-    function cleanupSnapshot() {
-      _id = 1;
-    }
-    exports2.DEFAULT_MAX_DEPTH = DEFAULT_MAX_DEPTH;
-    exports2.IGNORED_NODE = IGNORED_NODE;
-    exports2.classMatchesRegex = classMatchesRegex;
-    exports2.cleanupSnapshot = cleanupSnapshot;
-    exports2.genId = genId;
-    exports2.ignoreAttribute = ignoreAttribute;
-    exports2.needMaskingText = needMaskingText;
-    exports2.resetMaxDepthState = resetMaxDepthState;
-    exports2.serializeNodeWithId = serializeNodeWithId;
-    exports2.slimDOMDefaults = slimDOMDefaults;
-    exports2.snapshot = snapshot;
-    exports2.transformAttribute = transformAttribute;
-    exports2.visitSnapshot = visitSnapshot;
-    exports2.wasMaxDepthReached = wasMaxDepthReached;
   }
-});
-
-// dist/record.cjs
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var record = require_record_Rc5ocxPN();
-var types = require_types_BjupQhwp();
-exports.DEFAULT_MAX_DEPTH = record.DEFAULT_MAX_DEPTH;
-exports.IGNORED_NODE = record.IGNORED_NODE;
-exports.classMatchesRegex = record.classMatchesRegex;
-exports.cleanupSnapshot = record.cleanupSnapshot;
-exports.genId = record.genId;
-exports.ignoreAttribute = record.ignoreAttribute;
-exports.needMaskingText = record.needMaskingText;
-exports.serializeNodeWithId = record.serializeNodeWithId;
-exports.snapshot = record.snapshot;
-exports.transformAttribute = record.transformAttribute;
-exports.visitSnapshot = record.visitSnapshot;
-exports.wasMaxDepthReached = record.wasMaxDepthReached;
+  walk(node);
+}
+function cleanupSnapshot() {
+  _id = 1;
+}
 exports.Mirror = types.Mirror;
 exports.NodeType = types.NodeType;
 exports.absolutifyURLs = types.absolutifyURLs;
@@ -1616,6 +1581,20 @@ exports.recompressBase64Image = types.recompressBase64Image;
 exports.stringifyRule = types.stringifyRule;
 exports.stringifyStylesheet = types.stringifyStylesheet;
 exports.toLowerCase = types.toLowerCase;
+exports.DEFAULT_MAX_DEPTH = DEFAULT_MAX_DEPTH;
+exports.IGNORED_NODE = IGNORED_NODE;
+exports.classMatchesRegex = classMatchesRegex;
+exports.cleanupSnapshot = cleanupSnapshot;
+exports.genId = genId;
+exports.ignoreAttribute = ignoreAttribute;
+exports.needMaskingText = needMaskingText;
+exports.resetMaxDepthState = resetMaxDepthState;
+exports.serializeNodeWithId = serializeNodeWithId;
+exports.slimDOMDefaults = slimDOMDefaults;
+exports.snapshot = snapshot;
+exports.transformAttribute = transformAttribute;
+exports.visitSnapshot = visitSnapshot;
+exports.wasMaxDepthReached = wasMaxDepthReached;
 ;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {