@posthog/rrweb-snapshot 0.0.54 → 0.0.55

package/dist/record.js

@@ -1,1038 +1,38 @@
-import { M as Mirror, q as NodeType, u as index, b as isNativeShadowDom, i as isElement, a as isShadowRoot, n as extractFileExtension, r as recompressBase64Image, p as checkDataURLSize, o as absolutifyURLs, s as stringifyStylesheet, t as toLowerCase, m as maskInputValue, l as getInputType, j as is2DCanvasBlank } from "./types-D1TQIdgp.js";
-import { N, h, e, f, d, g, k, c } from "./types-D1TQIdgp.js";
-let _id = 1;
-const tagNameRegex = new RegExp("[^a-z0-9-_:]");
-const IGNORED_NODE = -2;
-function genId() {
-  return _id++;
-}
-function getValidTagName(element) {
-  if (element instanceof HTMLFormElement) {
-    return "form";
-  }
-  const processedTagName = toLowerCase(element.tagName);
-  if (tagNameRegex.test(processedTagName)) {
-    return "div";
-  }
-  return processedTagName;
-}
-let canvasService;
-let canvasCtx;
-const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
-const 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) {
-        const c2 = attributeValue.charAt(pos);
-        if (c2 === "") {
-          output.push((url + descriptorsStr).trim());
-          break;
-        } else if (!inParens) {
-          if (c2 === ",") {
-            pos += 1;
-            output.push((url + descriptorsStr).trim());
-            break;
-          } else if (c2 === "(") {
-            inParens = true;
-          }
-        } else {
-          if (c2 === ")") {
-            inParens = false;
-          }
-        }
-        descriptorsStr += c2;
-        pos += 1;
-      }
-    }
-  }
-  return output.join(", ");
-}
-const 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 = recompressBase64Image(
-          img,
-          transformedValue,
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
-      }
-      if (dataURLOptions == null ? void 0 : dataURLOptions.maxBase64ImageLength) {
-        processedDataURL = checkDataURLSize(
-          processedDataURL,
-          dataURLOptions.maxBase64ImageLength
-        );
-      }
-      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 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;
-      }
-    } 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 (e2) {
-  }
-  return false;
-}
-function classMatchesRegex(node, regex, checkAncestors) {
-  if (!node) return false;
-  if (node.nodeType !== node.ELEMENT_NODE) {
-    if (!checkAncestors) return false;
-    return classMatchesRegex(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(index.parentNode(node), regex, checkAncestors);
-}
-function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
-  let el;
-  if (isElement(node)) {
-    el = node;
-    if (!index.childNodes(el).length) {
-      return false;
-    }
-  } else if (index.parentElement(node) === null) {
-    return false;
-  } else {
-    el = 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 (e2) {
-  }
-  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();
-        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);
-  }
-  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: NodeType.Document,
-          childNodes: [],
-          compatMode: n.compatMode
-          // probably "BackCompat"
-        };
-      } else {
-        return {
-          type: NodeType.Document,
-          childNodes: []
-        };
-      }
-    case n.DOCUMENT_TYPE_NODE:
-      return {
-        type: NodeType.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: NodeType.CDATA,
-        textContent: "",
-        rootId
-      };
-    case n.COMMENT_NODE:
-      return {
-        type: NodeType.Comment,
-        textContent: 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 = index.parentNode(n);
-  const parentTagName = parent && parent.tagName;
-  let text = 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 = stringifyStylesheet(parent.sheet);
-      }
-    } catch (err) {
-      console.warn(
-        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n
-      );
-    }
-    text = absolutifyURLs(text, getHref(options.doc));
-  }
-  if (isScript) {
-    text = "SCRIPT_PLACEHOLDER";
-  }
-  if (!isStyle && !isScript && text && needsMask) {
-    text = maskTextFn ? maskTextFn(text, index.parentElement(n)) : text.replace(/[\S]/g, "*");
-  }
-  return {
-    type: NodeType.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,
-        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 = 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 || index.textContent(n) || "").trim().length) {
-    const cssText = 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 = maskInputValue({
-        element: n,
-        type: 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 {
-      attributes.rr_open_mode = "modal";
-      attributes.ph_rr_could_not_detect_modal = true;
-    }
-  }
-  if (tagName === "canvas" && recordCanvas) {
-    if (n.__context === "2d") {
-      if (!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
-      );
-      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 (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 (e2) {
-  }
-  return {
-    type: NodeType.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 === NodeType.Comment) {
-    return true;
-  } else if (sn.type === NodeType.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" && 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;
-}
-const DEFAULT_MAX_DEPTH = 50;
-let _maxDepthWarned = false;
-let _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.`
-      );
-    }
-    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 === NodeType.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 === NodeType.Element) {
-    recordChild = recordChild && !serializedNode.needBlock;
-    delete serializedNode.needBlock;
-    const shadowRootEl = index.shadowRoot(n);
-    if (shadowRootEl && isNativeShadowDom(shadowRootEl))
-      serializedNode.isShadowHost = true;
-  }
-  if ((serializedNode.type === NodeType.Document || serializedNode.type === NodeType.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType.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 === NodeType.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
-    else {
-      for (const childN of Array.from(index.childNodes(n))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          serializedNode.childNodes.push(serializedChildNode);
-        }
-      }
-    }
-    let shadowRootEl = null;
-    if (isElement(n) && (shadowRootEl = index.shadowRoot(n))) {
-      for (const childN of Array.from(index.childNodes(shadowRootEl))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
-          serializedNode.childNodes.push(serializedChildNode);
-        }
-      }
-    }
-  }
-  const parent = index.parentNode(n);
-  if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
-    serializedNode.isShadow = true;
-  }
-  if (serializedNode.type === NodeType.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 === NodeType.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && 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 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 === NodeType.Document || current.type === NodeType.Element) {
-      current.childNodes.forEach(walk);
-    }
-  }
-  walk(node);
-}
-function cleanupSnapshot() {
-  _id = 1;
-}
+import { D, I, b, c, g, i, n, a, s, t, v, w } from "./record-BhFABPFv.js";
+import { M, N, o, p, h, e, n as n2, f, l, j, d, g as g2, i as i2, b as b2, k, a as a2, m, r, c as c2, s as s2, t as t2 } from "./types-D1TQIdgp.js";
 export {
-  DEFAULT_MAX_DEPTH,
-  IGNORED_NODE,
-  Mirror,
+  D as DEFAULT_MAX_DEPTH,
+  I as IGNORED_NODE,
+  M as Mirror,
   N as NodeType,
-  absolutifyURLs,
-  checkDataURLSize,
-  classMatchesRegex,
-  cleanupSnapshot,
+  o as absolutifyURLs,
+  p as checkDataURLSize,
+  b as classMatchesRegex,
+  c as cleanupSnapshot,
   h as createMirror,
   e as escapeImportStatement,
-  extractFileExtension,
+  n2 as extractFileExtension,
   f as fixSafariColons,
-  genId,
-  getInputType,
-  ignoreAttribute,
-  is2DCanvasBlank,
+  g as genId,
+  l as getInputType,
+  i as ignoreAttribute,
+  j as is2DCanvasBlank,
   d as isCSSImportRule,
-  g as isCSSStyleRule,
-  isElement,
-  isNativeShadowDom,
+  g2 as isCSSStyleRule,
+  i2 as isElement,
+  b2 as isNativeShadowDom,
   k as isNodeMetaEqual,
-  isShadowRoot,
-  maskInputValue,
-  needMaskingText,
-  recompressBase64Image,
-  resetMaxDepthState,
-  serializeNodeWithId,
-  slimDOMDefaults,
-  snapshot,
-  c as stringifyRule,
-  stringifyStylesheet,
-  toLowerCase,
-  transformAttribute,
-  visitSnapshot,
-  wasMaxDepthReached
+  a2 as isShadowRoot,
+  m as maskInputValue,
+  n as needMaskingText,
+  r as recompressBase64Image,
+  a as serializeNodeWithId,
+  s as snapshot,
+  c2 as stringifyRule,
+  s2 as stringifyStylesheet,
+  t2 as toLowerCase,
+  t as transformAttribute,
+  v as visitSnapshot,
+  w as wasMaxDepthReached
 };
 //# sourceMappingURL=record.js.map