@ubio/webvision 2.6.1 → 2.6.3

package/build/page.mjs

@@ -199,38 +199,73 @@ function fixZIndex(el) {
   }
 }
 
+// src/page/traverse.ts
+function* traverseVxNode(vxNode, depth = 0) {
+  yield { vxNode, depth };
+  for (const child of vxNode.children ?? []) {
+    yield* traverseVxNode(child, depth + 1);
+  }
+}
+function* traverseElements(element) {
+  yield element;
+  for (const child of element.children) {
+    yield* traverseElements(child);
+  }
+}
+
 // src/page/probe.ts
-function probeViewport(gridSize = 32) {
+function probeViewport() {
   const { width, height } = getViewportSize();
-  const elements = [];
-  for (let y = gridSize / 2; y < height; y += gridSize) {
-    for (let x = gridSize / 2; x < width; x += gridSize) {
-      const element = document.elementFromPoint(x, y);
-      if (element && !elements.includes(element)) {
-        elements.push(element);
+  const points = new PointSet(width, height);
+  const result = /* @__PURE__ */ new Set();
+  for (const el of traverseElements(document.body)) {
+    const rect = el.getBoundingClientRect();
+    points.add(rect.left, rect.top);
+    points.add(rect.right, rect.top);
+    points.add(rect.left, rect.bottom);
+    points.add(rect.right, rect.bottom);
+    points.add(rect.left + rect.width / 2, rect.top + rect.height / 2);
+  }
+  for (const { x, y } of points.getAll()) {
+    const element = document.elementFromPoint(x, y);
+    if (element && !result.has(element)) {
+      result.add(element);
+    }
+  }
+  return Array.from(result);
+}
+var PointSet = class {
+  constructor(maxX, maxY) {
+    this.maxX = maxX;
+    this.maxY = maxY;
+    this.map = /* @__PURE__ */ new Map();
+  }
+  *getAll() {
+    for (const [y, set] of this.map.entries()) {
+      for (const x of set) {
+        yield { x, y };
       }
     }
   }
-  return elements;
-}
-function checkOccluded(element, gridSize = 8) {
-  let total = 0;
-  let hits = 0;
-  const { top, left, width, height } = element.getBoundingClientRect();
-  for (let x = left + gridSize / 2; x < left + width; x += gridSize) {
-    for (let y = top + gridSize / 2; y < top + height; y += gridSize) {
-      total++;
-      const el = document.elementFromPoint(x, y);
-      if (!el) {
-        continue;
-      }
-      if (element.contains(el) || el.contains(element)) {
-        hits++;
-      }
+  has(x, y) {
+    if (x > this.maxX || y > this.maxY) {
+      return false;
     }
+    const set = this.map.get(y);
+    return set ? set.has(x) : false;
   }
-  return hits / total < 0.5;
-}
+  add(x, y) {
+    if (x > this.maxX || y > this.maxY) {
+      return;
+    }
+    const set = this.map.get(y);
+    if (set) {
+      set.add(x);
+    } else {
+      this.map.set(y, /* @__PURE__ */ new Set([x]));
+    }
+  }
+};
 
 // src/page/util.ts
 function isContainerNode(vxNode) {
@@ -322,7 +357,7 @@ var VxTreeParser = class {
     this.viewport = getViewportSize();
     this.counter = new Counter(startRef);
     if (options.probeViewport) {
-      this.probeElements = probeViewport(8);
+      this.probeElements = probeViewport();
     }
     const vxRoot = this.parseDocument();
     this.refRange = [startRef, this.counter.current()];
@@ -627,14 +662,6 @@ function getRandomColor(index) {
   return `hsl(${hue}, 85%, 50%)`;
 }
 
-// src/page/traverse.ts
-function* traverseVxNode(vxNode, depth = 0) {
-  yield { vxNode, depth };
-  for (const child of vxNode.children ?? []) {
-    yield* traverseVxNode(child, depth + 1);
-  }
-}
-
 // src/page/render.ts
 function renderVxNode(scope, options = {}) {
   const buffer = [];
@@ -902,6 +929,7 @@ export {
   Counter,
   INTERACTIVE_ROLES,
   INTERACTIVE_TAGS,
+  PointSet,
   VX_DOM_SYMBOL,
   VX_IGNORE_SYMBOL,
   VX_IGNORE_TAGS,
@@ -917,7 +945,6 @@ export {
   VxTreeParser,
   VxTreeView,
   captureSnapshot,
-  checkOccluded,
   clearOverlay,
   containsSelector,
   escapeAttribute,
@@ -942,6 +969,7 @@ export {
   renderVxNode,
   resolveDomNode,
   showPoint,
+  traverseElements,
   traverseVxNode,
   truncateAttrValue
 };