@appsurify-testmap/rrweb-snapshot 3.11.0-alpha.1 → 3.12.0-alpha.1

package/dist/index.d.cts

@@ -1,4 +1,5 @@
 import { DataURLOptions } from '@appsurify-testmap/rrweb-types';
+import { default as default_2 } from '@appsurify-testmap/rrweb-utils';
 import { IMirror } from '@appsurify-testmap/rrweb-types';
 import { serializedElementNodeWithId } from '@appsurify-testmap/rrweb-types';
 import { serializedNode } from '@appsurify-testmap/rrweb-types';
@@ -76,7 +77,7 @@ export declare function isElement(n: Node): n is Element;
 
 export declare function isElementInteractive(n: Node): boolean;
 
-export declare function isElementVisible(el: Element): boolean;
+export declare function isElementVisible(el: Element): ReturnType<typeof default_2.getElementVisibility>;
 
 export declare function isExcludeAttribute(name: string, exclude: string | RegExp | undefined): boolean;
 

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { DataURLOptions } from '@appsurify-testmap/rrweb-types';
+import { default as default_2 } from '@appsurify-testmap/rrweb-utils';
 import { IMirror } from '@appsurify-testmap/rrweb-types';
 import { serializedElementNodeWithId } from '@appsurify-testmap/rrweb-types';
 import { serializedNode } from '@appsurify-testmap/rrweb-types';
@@ -76,7 +77,7 @@ export declare function isElement(n: Node): n is Element;
 
 export declare function isElementInteractive(n: Node): boolean;
 
-export declare function isElementVisible(el: Element): boolean;
+export declare function isElementVisible(el: Element): ReturnType<typeof default_2.getElementVisibility>;
 
 export declare function isExcludeAttribute(name: string, exclude: string | RegExp | undefined): boolean;
 

package/dist/rrweb-snapshot.cjs

@@ -172,16 +172,30 @@ function describeNode(el) {
   const classes = el.classList.length ? "." + Array.from(el.classList).join(".") : "";
   return `${tag}${id}${classes}`;
 }
+function isAncestorOpacityVisible(el, win) {
+  var _a;
+  let node2 = el.parentElement;
+  while (node2) {
+    const s = (_a = win.getComputedStyle) == null ? void 0 : _a.call(win, node2);
+    if (s && (parseFloat(s.opacity) || 0) <= 0) {
+      return false;
+    }
+    node2 = node2.parentElement;
+  }
+  return true;
+}
 function getElementVisibility(el) {
   var _a, _b;
   const win = ((_a = el.ownerDocument) == null ? void 0 : _a.defaultView) ?? window;
   const rect = el.getBoundingClientRect();
   const viewportWidth = win.innerWidth || win.document.documentElement.clientWidth || 0;
   const viewportHeight = win.innerHeight || win.document.documentElement.clientHeight || 0;
-  const isRectVisible = rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth;
+  const elHasSize = rect.width > 0 && rect.height > 0;
+  const isViewportVisible = elHasSize && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth;
   const style = (_b = win.getComputedStyle) == null ? void 0 : _b.call(win, el);
-  const isStyleVisible = !!style && style.display !== "none" && style.visibility !== "hidden" && (parseFloat(style.opacity) || 0) > 0;
-  const isVisible = isStyleVisible && isRectVisible;
+  const isOwnStyleVisible = !!style && style.display !== "none" && style.visibility !== "hidden" && (parseFloat(style.opacity) || 0) > 0;
+  const isCSSVisible = isOwnStyleVisible && isAncestorOpacityVisible(el, win);
+  const isVisible = isCSSVisible && isViewportVisible;
   let ratio = 0;
   if (isVisible) {
     const xOverlap = Math.max(
@@ -198,6 +212,9 @@ function getElementVisibility(el) {
   }
   return {
     isVisible,
+    isCSSVisible,
+    isViewportVisible,
+    hasSize: elHasSize,
     ratio
   };
 }
@@ -649,19 +666,18 @@ function isTextVisible(n) {
   var _a;
   const parent = index.parentNode(n);
   const parentElement2 = parent && parent;
-  if (!parentElement2) {
+  if (!parentElement2 || parentElement2.nodeType !== Node.ELEMENT_NODE) {
     return false;
   }
-  const isParentVisible = isElementVisible(parentElement2);
-  if (!isParentVisible) {
+  const parentVis = isElementVisible(parentElement2);
+  if (!parentVis.isVisible) {
     return false;
   }
   const textContent2 = (_a = n.textContent) == null ? void 0 : _a.trim();
   return textContent2 !== "";
 }
 function isElementVisible(el) {
-  const visibility = index.getElementVisibility(el);
-  return visibility.isVisible;
+  return index.getElementVisibility(el);
 }
 const interactiveEvents = [
   "change",
@@ -3091,7 +3107,11 @@ function serializeNodeWithId(n, options) {
       serializedNode.isVisible = isTextVisible(n);
     }
     if (n.nodeType === Node.ELEMENT_NODE) {
-      serializedNode.isVisible = isElementVisible(n);
+      const vis = isElementVisible(n);
+      serializedNode.isVisible = vis.isVisible;
+      serializedNode.isCSSVisible = vis.isCSSVisible;
+      serializedNode.isViewportVisible = vis.isViewportVisible;
+      serializedNode.hasSize = vis.hasSize;
       serializedNode.isInteractive = isElementInteractive(n);
     }
   }