@posthog/rrweb 0.0.48 → 0.0.50

package/dist/rrweb.d.cts

@@ -70,7 +70,7 @@ export declare const freezePage: () => void;
 
 declare function getBaseDimension(node: Node, rootIframe: Node): DocumentDimension;
 
-declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule;
+declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule | null;
 
 declare function getPositionsAndIndex(nestedIndex: number[]): {
     positions: number[];

package/dist/rrweb.d.ts

@@ -70,7 +70,7 @@ export declare const freezePage: () => void;
 
 declare function getBaseDimension(node: Node, rootIframe: Node): DocumentDimension;
 
-declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule;
+declare function getNestedRule(rules: CSSRuleList, position: number[]): CSSGroupingRule | null;
 
 declare function getPositionsAndIndex(nestedIndex: number[]): {
     positions: number[];

package/dist/rrweb.js

@@ -1125,7 +1125,9 @@ function slimDOMExcluded(sn, slimDOMOptions) {
       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" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
+    ) || 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$/)) {
@@ -1133,13 +1135,25 @@ function slimDOMExcluded(sn, slimDOMOptions) {
       } 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 && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
+      } 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 && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
+      } 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 && (lowerIfExists(sn.attributes.name) === "google-site-verification" || lowerIfExists(sn.attributes.name) === "yandex-verification" || lowerIfExists(sn.attributes.name) === "csrf-token" || lowerIfExists(sn.attributes.name) === "p:domain_verify" || lowerIfExists(sn.attributes.name) === "verify-v1" || lowerIfExists(sn.attributes.name) === "verification" || lowerIfExists(sn.attributes.name) === "shopify-checkout-api-token")) {
+      } 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;
       }
     }
@@ -1392,6 +1406,27 @@ function serializeNodeWithId(n2, options) {
   }
   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(n2, options) {
   const {
     mirror: mirror2 = new Mirror(),
@@ -1436,22 +1471,7 @@ function snapshot(n2, options) {
   } : maskAllInputs === false ? {
     password: true
   } : maskAllInputs;
-  const slimDOMOptions = slimDOM === true || slimDOM === "all" ? (
-    // if true: set of sensible options that should not throw away any information
-    {
-      script: true,
-      comment: true,
-      headFavicon: true,
-      headWhitespace: true,
-      headMetaDescKeywords: slimDOM === "all",
-      // destructive
-      headMetaSocial: true,
-      headMetaRobots: true,
-      headMetaHttpEquiv: true,
-      headMetaAuthorship: true,
-      headMetaVerification: true
-    }
-  ) : slimDOM === false ? {} : slimDOM;
+  const slimDOMOptions = slimDOMDefaults(slimDOM);
   return serializeNodeWithId(n2, {
     doc: n2,
     mirror: mirror2,
@@ -11737,14 +11757,14 @@ function hasShadowRoot(n2) {
   return Boolean(index.shadowRoot(n2));
 }
 function getNestedRule(rules2, position) {
-  const rule2 = rules2[position[0]];
+  const rule2 = rules2 == null ? void 0 : rules2[position[0]];
+  if (!rule2) {
+    return null;
+  }
   if (position.length === 1) {
     return rule2;
   } else {
-    return getNestedRule(
-      rule2.cssRules[position[1]].cssRules,
-      position.slice(2)
-    );
+    return getNestedRule(rule2.cssRules, position.slice(1));
   }
 }
 function getPositionsAndIndex(nestedIndex) {
@@ -12288,10 +12308,18 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      item.attributes.value = Array.from(
+      const value = Array.from(
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
+      item.attributes.value = maskInputValue({
+        element: textarea,
+        maskInputOptions: this.maskInputOptions,
+        tagName: textarea.tagName,
+        type: getInputType(textarea),
+        value,
+        maskInputFn: this.maskInputFn
+      });
     });
     __publicField(this, "processMutation", (m) => {
       if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
@@ -12964,6 +12992,7 @@ function getNestedCSSRulePositions(rule2) {
       );
       const index2 = rules2.indexOf(childRule);
       pos.unshift(index2);
+      return recurse(childRule.parentRule, pos);
     } else if (childRule.parentStyleSheet) {
       const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
       const index2 = rules2.indexOf(childRule);
@@ -14402,17 +14431,19 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win, d
 }
 function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector, dataURLOptions) {
   const handlers = [];
-  handlers.push(
-    ...patchGLPrototype(
-      win.WebGLRenderingContext.prototype,
-      CanvasContext.WebGL,
-      cb,
-      blockClass,
-      blockSelector,
-      win,
-      dataURLOptions
-    )
-  );
+  if (typeof win.WebGLRenderingContext !== "undefined") {
+    handlers.push(
+      ...patchGLPrototype(
+        win.WebGLRenderingContext.prototype,
+        CanvasContext.WebGL,
+        cb,
+        blockClass,
+        blockSelector,
+        win,
+        dataURLOptions
+      )
+    );
+  }
   if (typeof win.WebGL2RenderingContext !== "undefined") {
     handlers.push(
       ...patchGLPrototype(
@@ -14879,21 +14910,9 @@ function record(options = {}) {
     select: true,
     password: true
   } : _maskInputOptions !== void 0 ? _maskInputOptions : { password: true };
-  const slimDOMOptions = _slimDOMOptions === true || _slimDOMOptions === "all" ? {
-    script: true,
-    comment: true,
-    headFavicon: true,
-    headWhitespace: true,
-    headMetaSocial: true,
-    headMetaRobots: true,
-    headMetaHttpEquiv: true,
-    headMetaVerification: true,
-    // the following are off for slimDOMOptions === true,
-    // as they destroy some (hidden) info:
-    headMetaAuthorship: _slimDOMOptions === "all",
-    headMetaDescKeywords: _slimDOMOptions === "all",
-    headTitleMutations: _slimDOMOptions === "all"
-  } : _slimDOMOptions ? _slimDOMOptions : {};
+  const slimDOMOptions = slimDOMDefaults(
+    _slimDOMOptions !== void 0 ? _slimDOMOptions : false
+  );
   polyfill$1();
   let lastFullSnapshotEvent;
   let incrementalSnapshotCount = 0;
@@ -15279,7 +15298,7 @@ function record(options = {}) {
       handlers.push(observe(document));
       recording = true;
     };
-    if (document.readyState === "interactive" || document.readyState === "complete") {
+    if (["interactive", "complete"].includes(document.readyState)) {
       init();
     } else {
       handlers.push(
@@ -15306,7 +15325,17 @@ function record(options = {}) {
       );
     }
     return () => {
-      handlers.forEach((h) => h());
+      handlers.forEach((h) => {
+        try {
+          h();
+        } catch (error) {
+          const msg = String(error);
+          const isCrossOriginFrameError = msg.includes("from accessing a cross-origin frame") && msg.includes("Blocked a frame with origin");
+          if (!isCrossOriginFrameError) {
+            throw error;
+          }
+        }
+      });
       processedNodeManager.destroy();
       iframeManager.removeLoadListener();
       iframeManager.destroy();
@@ -17874,18 +17903,27 @@ class Replayer {
                   const newSn = mirror2.getMeta(
                     target
                   );
+                  const newNode = buildNodeWithSN(
+                    {
+                      ...newSn,
+                      attributes: {
+                        ...newSn.attributes,
+                        ...mutation.attributes
+                      }
+                    },
+                    {
+                      doc: target.ownerDocument,
+                      // can be Document or RRDocument
+                      mirror: mirror2,
+                      skipChild: true,
+                      hackCss: true,
+                      cache: this.cache
+                    }
+                  );
                   Object.assign(
                     newSn.attributes,
                     mutation.attributes
                   );
-                  const newNode = buildNodeWithSN(newSn, {
-                    doc: target.ownerDocument,
-                    // can be Document or RRDocument
-                    mirror: mirror2,
-                    skipChild: true,
-                    hackCss: true,
-                    cache: this.cache
-                  });
                   const siblingNode = target.nextSibling;
                   const parentNode2 = target.parentNode;
                   if (newNode && parentNode2) {
@@ -18035,7 +18073,7 @@ class Replayer {
         if (Array.isArray(nestedIndex)) {
           const { positions, index: index2 } = getPositionsAndIndex(nestedIndex);
           const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-          nestedRule.insertRule(rule2, index2);
+          nestedRule == null ? void 0 : nestedRule.insertRule(rule2, index2);
         } else {
           const index2 = nestedIndex === void 0 ? void 0 : Math.min(nestedIndex, styleSheet.cssRules.length);
           styleSheet == null ? void 0 : styleSheet.insertRule(rule2, index2);
@@ -18048,19 +18086,19 @@ class Replayer {
         if (Array.isArray(nestedIndex)) {
           const { positions, index: index2 } = getPositionsAndIndex(nestedIndex);
           const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-          nestedRule.deleteRule(index2 || 0);
+          nestedRule == null ? void 0 : nestedRule.deleteRule(index2 || 0);
         } else {
           styleSheet == null ? void 0 : styleSheet.deleteRule(nestedIndex);
         }
       } catch (e2) {
       }
     });
-    if (data.replace)
+    if (typeof data.replace === "string")
       try {
         void ((_c = styleSheet.replace) == null ? void 0 : _c.call(styleSheet, data.replace));
       } catch (e2) {
       }
-    if (data.replaceSync)
+    if (typeof data.replaceSync === "string")
       try {
         (_d = styleSheet.replaceSync) == null ? void 0 : _d.call(styleSheet, data.replaceSync);
       } catch (e2) {