@ubio/webvision 1.0.2 → 1.1.0

package/build/page.mjs

@@ -1,3 +1,146 @@
+// src/page/highlight.ts
+function highlightSnapshot(snapshot, nodeMap) {
+  const container = getHighlightContainer();
+  container.innerHTML = "";
+  highlightRecursive(snapshot, nodeMap, container);
+}
+function highlightRecursive(snapshot, nodeMap, container) {
+  highlightEl(snapshot, nodeMap, container);
+  for (const child of snapshot.children ?? []) {
+    highlightRecursive(child, nodeMap, container);
+  }
+}
+function highlightEl(snapshot, nodeMap, container) {
+  const isContainerEl = !snapshot.leaf && snapshot.children?.every((child) => child.nodeType === "element");
+  if (isContainerEl) {
+    return;
+  }
+  const node = nodeMap.get(snapshot.nodeId);
+  if (!(node instanceof Element)) {
+    return;
+  }
+  const color = getColor(snapshot.nodeId);
+  const rect = node.getBoundingClientRect();
+  const overlay = document.createElement("div");
+  container.appendChild(overlay);
+  overlay.style.position = "absolute";
+  overlay.style.top = `${rect.top}px`;
+  overlay.style.left = `${rect.left}px`;
+  overlay.style.width = `${rect.width}px`;
+  overlay.style.height = `${rect.height}px`;
+  overlay.style.border = `2px solid ${color}`;
+  const label = document.createElement("div");
+  overlay.appendChild(label);
+  label.style.position = "absolute";
+  label.style.bottom = `100%`;
+  label.style.left = `0`;
+  label.style.backgroundColor = color;
+  label.style.color = "white";
+  label.style.fontSize = "10px";
+  label.style.fontFamily = "monospace";
+  label.style.fontWeight = "normal";
+  label.style.fontStyle = "normal";
+  label.style.opacity = "0.8";
+  label.style.padding = "0 2px";
+  label.style.transform = "translateY(50%)";
+  label.textContent = String(snapshot.nodeId);
+}
+function removeHighlight() {
+  const container = getHighlightContainer();
+  document.documentElement.removeChild(container);
+}
+function getHighlightContainer() {
+  let container = document.querySelector("#webvision-highlight");
+  if (!container) {
+    container = document.createElement("div");
+    container.id = "webvision-highlight";
+    container.style.position = "absolute";
+    container.style.pointerEvents = "none";
+    container.style.top = "0";
+    container.style.left = "0";
+    container.style.width = "100%";
+    container.style.height = "100%";
+    container.style.zIndex = "2147483646";
+    document.documentElement.appendChild(container);
+  }
+  return container;
+}
+function getColor(index) {
+  const hue = index * 120 * 0.382 % 360;
+  return `hsl(${hue}, 85%, 50%)`;
+}
+
+// src/page/html.ts
+function captureAncestorHtml(el) {
+  const html = [];
+  let current = el;
+  while (current) {
+    html.push(captureHtmlLine(current));
+    current = current.parentElement;
+  }
+  return html.reverse().join("\n");
+}
+function captureHtmlLine(el) {
+  const html = [];
+  html.push(`${el.tagName.toLowerCase()}`);
+  for (const attr of el.attributes) {
+    html.push(`${attr.name}="${attr.value}"`);
+  }
+  return `<${html.join(" ")}>`;
+}
+
+// src/page/render.ts
+function renderSnapshot(snapshot, options = {}) {
+  const opts = {
+    depth: 0,
+    includeNodeId: true,
+    includeClassList: true,
+    ...options
+  };
+  if (opts.maxHeight && snapshot.rect.y > opts.maxHeight) {
+    return "";
+  }
+  const buffer = [
+    renderLine(snapshot, opts)
+  ];
+  for (const child of snapshot.children ?? []) {
+    const childSnapshot = renderSnapshot(child, {
+      ...opts,
+      depth: opts.depth + 1
+    });
+    if (childSnapshot) {
+      buffer.push(childSnapshot);
+    }
+  }
+  return buffer.join("\n");
+}
+function renderLine(snapshot, options) {
+  const indent = "  ".repeat(options.depth);
+  const components = [indent];
+  if (snapshot.nodeType === "text") {
+    return [indent, snapshot.textContent].filter(Boolean).join(" ");
+  }
+  components.push(snapshot.tagName ?? "");
+  if (options.includeNodeId) {
+    components.push(`[nodeId=${snapshot.nodeId}]`);
+  }
+  if (options.includeClassList) {
+    for (const className of snapshot.classList ?? []) {
+      components.push(`.${className}`);
+    }
+  }
+  if (snapshot.src) {
+    components.push(`(${snapshot.src})`);
+  }
+  if (snapshot.href) {
+    components.push(`(${snapshot.href})`);
+  }
+  if (snapshot.textContent) {
+    components.push(" " + snapshot.textContent);
+  }
+  return components.filter(Boolean).join("");
+}
+
 // src/page/utils.ts
 function isHidden(element, options = {}) {
   const {
@@ -10,7 +153,7 @@ function isHidden(element, options = {}) {
   const display = style.display;
   const visibility = style.visibility;
   const transform = style.transform;
-  if (display === "none" || checkOpacity && opacity < 0.1 || checkVisibility && visibility === "hidden" || checkTransform && transform.includes("scale(0)")) {
+  if (display === "none" || checkOpacity && opacity === 0 || checkVisibility && visibility === "hidden" || checkTransform && transform.includes("scale(0)")) {
     return true;
   }
   if (!element.checkVisibility()) {
@@ -35,8 +178,8 @@ function deepIsHidden(element, options = {}) {
 function normalizeText(str) {
   return str.replace(/\p{Cf}/gu, " ").replace(/\s+/g, " ").trim();
 }
-function containsImage(el) {
-  return el.matches("img") || !!el.querySelector("img");
+function containsSelector(el, selector) {
+  return el.matches(selector) || !!el.querySelector(selector);
 }
 function isRecursiveInline(el, ignoreTags = []) {
   for (const child of el.childNodes) {
@@ -106,20 +249,36 @@ var DEFAULT_SEMANTIC_TAGS = [
   "sub",
   "sup"
 ];
-var DomSnapshot = class _DomSnapshot {
-  constructor(node, parent, options) {
+function createSnapshot(root, options = {}) {
+  const opts = {
+    startId: 0,
+    skipHidden: true,
+    skipEmptyText: true,
+    skipImages: false,
+    skipIframes: false,
+    skipTags: DEFAULT_SKIP_TAGS,
+    tagPreference: DEFAULT_SEMANTIC_TAGS,
+    collapseInline: true,
+    ...options
+  };
+  const counter = new Counter(opts.startId);
+  const nodeMap = /* @__PURE__ */ new Map();
+  const tree = new SnapshotTree(root, null, counter, opts);
+  tree.fillMap(nodeMap);
+  return {
+    nodeMap,
+    snapshot: tree.toJson(),
+    maxId: counter.value
+  };
+}
+var SnapshotTree = class _SnapshotTree {
+  constructor(node, parent, counter, options) {
     this.node = node;
     this.parent = parent;
+    this.counter = counter;
+    this.options = options;
     this.children = [];
-    this.options = {
-      skipHidden: true,
-      skipEmptyText: true,
-      skipImages: false,
-      skipTags: DEFAULT_SKIP_TAGS,
-      tagPreference: DEFAULT_SEMANTIC_TAGS,
-      collapseInline: true,
-      ...options
-    };
+    this.nodeId = this.counter.next();
     this.classList = [...this.element?.classList ?? []];
     if (this.element) {
       this.parseTree(this.element, this.getAcceptedChildren(this.element));
@@ -135,36 +294,25 @@ var DomSnapshot = class _DomSnapshot {
     const text = this.node instanceof HTMLElement ? this.node.innerText : this.node.textContent;
     return normalizeText(text ?? "");
   }
-  get indent() {
-    return "  ".repeat(this.depth);
-  }
-  get isLeaf() {
+  get leaf() {
     return this.children.length === 0;
   }
   get tagName() {
-    return this.node instanceof Element ? this.node.tagName.toLowerCase() : "";
+    return this.node instanceof Element ? this.node.tagName.toLowerCase() : void 0;
   }
   get href() {
-    return this.node instanceof HTMLAnchorElement ? this.node.href : "";
+    return this.node instanceof HTMLAnchorElement ? this.node.href : void 0;
   }
   get src() {
-    return this.node instanceof HTMLImageElement ? this.node.src : "";
+    return this.node.src ?? void 0;
   }
-  getFontSize() {
-    if (this.node instanceof Text) {
-      return this.parent?.getFontSize() ?? 0;
-    }
-    return Number(getComputedStyle(this.node).fontSize?.replace("px", ""));
-  }
-  getTextSize(rootFontSize) {
-    const ownFontSize = this.getFontSize();
-    if (ownFontSize > 1.2 * rootFontSize) {
-      return "large";
-    }
-    if (ownFontSize < 0.85 * rootFontSize) {
-      return "small";
+  get clientRect() {
+    if (this.node instanceof Element) {
+      return this.node.getBoundingClientRect();
     }
-    return "normal";
+    const range = document.createRange();
+    range.selectNodeContents(this.node);
+    return range.getBoundingClientRect();
   }
   parseTree(el, childNodes) {
     this.children = [];
@@ -175,7 +323,7 @@ var DomSnapshot = class _DomSnapshot {
       return;
     }
     for (const childNode of childNodes) {
-      const snapshot = new _DomSnapshot(childNode, this, this.options);
+      const snapshot = new _SnapshotTree(childNode, this, this.counter, this.options);
       this.children.push(snapshot);
     }
   }
@@ -207,10 +355,16 @@ var DomSnapshot = class _DomSnapshot {
         return false;
       }
       if (node instanceof Element) {
-        if (this.options.skipHidden && deepIsHidden(node, { checkOpacity: false })) {
+        if (this.options.skipHidden && deepIsHidden(node)) {
           return false;
         }
-        if (!this.options.skipImages && containsImage(node)) {
+        if (containsSelector(node, "input")) {
+          return true;
+        }
+        if (!this.options.skipIframes && containsSelector(node, "iframe")) {
+          return true;
+        }
+        if (!this.options.skipImages && containsSelector(node, "img")) {
           return true;
         }
         if (this.options.skipTags.includes(node.tagName.toLowerCase())) {
@@ -226,43 +380,60 @@ var DomSnapshot = class _DomSnapshot {
       return true;
     });
   }
-  toIndentedText() {
-    const buffer = [
-      this.renderLine()
-    ];
+  fillMap(map) {
+    map.set(this.nodeId, this.node);
     for (const child of this.children) {
-      buffer.push(child.toIndentedText());
+      child.fillMap(map);
     }
-    return buffer.join("\n");
   }
-  renderLine() {
-    const indent = "  ".repeat(this.depth);
-    const components = [indent];
-    if (this.node instanceof Text) {
-      return [indent, this.inlineText].filter(Boolean).join(" ");
-    }
-    const { tagName, src, href } = this;
-    components.push(tagName);
-    if (src) {
-      components.push(`(${src})`);
-    }
-    if (href) {
-      components.push(`(${href})`);
-    }
-    if (this.isLeaf) {
-      components.push(" " + this.inlineText);
-    }
-    return components.filter(Boolean).join("");
+  toJson() {
+    const { top, left, width, height } = this.clientRect;
+    return {
+      nodeId: this.nodeId,
+      nodeType: this.node instanceof Element ? "element" : "text",
+      leaf: this.leaf,
+      tagName: this.tagName,
+      rect: {
+        x: left,
+        y: top,
+        width,
+        height
+      },
+      classList: this.node instanceof Element ? this.classList : void 0,
+      textContent: this.leaf ? this.inlineText : void 0,
+      href: this.href,
+      src: this.src,
+      children: this.leaf ? void 0 : this.children.map((child) => child.toJson())
+    };
+  }
+};
+var Counter = class {
+  constructor(value = 0) {
+    this.value = value;
+  }
+  next() {
+    this.value += 1;
+    return this.value;
   }
 };
 export {
+  Counter,
   DEFAULT_SEMANTIC_TAGS,
   DEFAULT_SKIP_TAGS,
-  DomSnapshot,
-  containsImage,
+  SnapshotTree,
+  captureAncestorHtml,
+  captureHtmlLine,
+  containsSelector,
+  createSnapshot,
   deepIsHidden,
+  getHighlightContainer,
   hasVisibleArea,
+  highlightEl,
+  highlightSnapshot,
   isHidden,
   isRecursiveInline,
-  normalizeText
+  normalizeText,
+  removeHighlight,
+  renderLine,
+  renderSnapshot
 };

package/out/page/highlight.d.ts

@@ -0,0 +1,5 @@
+import { SnapshotItem, SnapshotNode } from './snapshot.js';
+export declare function highlightSnapshot(snapshot: SnapshotItem, nodeMap: Map<number, SnapshotNode>): void;
+export declare function highlightEl(snapshot: SnapshotItem, nodeMap: Map<number, SnapshotNode>, container: HTMLElement): void;
+export declare function removeHighlight(): void;
+export declare function getHighlightContainer(): HTMLElement;

package/out/page/highlight.js

@@ -0,0 +1,71 @@
+export function highlightSnapshot(snapshot, nodeMap) {
+    const container = getHighlightContainer();
+    container.innerHTML = '';
+    highlightRecursive(snapshot, nodeMap, container);
+}
+function highlightRecursive(snapshot, nodeMap, container) {
+    highlightEl(snapshot, nodeMap, container);
+    for (const child of snapshot.children ?? []) {
+        highlightRecursive(child, nodeMap, container);
+    }
+}
+export function highlightEl(snapshot, nodeMap, container) {
+    const isContainerEl = !snapshot.leaf && snapshot.children?.every(child => child.nodeType === 'element');
+    if (isContainerEl) {
+        return;
+    }
+    const node = nodeMap.get(snapshot.nodeId);
+    if (!(node instanceof Element)) {
+        return;
+    }
+    const color = getColor(snapshot.nodeId);
+    const rect = node.getBoundingClientRect();
+    const overlay = document.createElement('div');
+    container.appendChild(overlay);
+    overlay.style.position = 'absolute';
+    overlay.style.top = `${rect.top}px`;
+    overlay.style.left = `${rect.left}px`;
+    overlay.style.width = `${rect.width}px`;
+    overlay.style.height = `${rect.height}px`;
+    overlay.style.border = `2px solid ${color}`;
+    const label = document.createElement('div');
+    overlay.appendChild(label);
+    label.style.position = 'absolute';
+    label.style.bottom = `100%`;
+    label.style.left = `0`;
+    label.style.backgroundColor = color;
+    label.style.color = 'white';
+    label.style.fontSize = '10px';
+    label.style.fontFamily = 'monospace';
+    label.style.fontWeight = 'normal';
+    label.style.fontStyle = 'normal';
+    label.style.opacity = '0.8';
+    label.style.padding = '0 2px';
+    label.style.transform = 'translateY(50%)';
+    label.textContent = String(snapshot.nodeId);
+}
+export function removeHighlight() {
+    const container = getHighlightContainer();
+    document.documentElement.removeChild(container);
+}
+export function getHighlightContainer() {
+    let container = document.querySelector('#webvision-highlight');
+    if (!container) {
+        container = document.createElement('div');
+        container.id = 'webvision-highlight';
+        container.style.position = 'absolute';
+        container.style.pointerEvents = 'none';
+        container.style.top = '0';
+        container.style.left = '0';
+        container.style.width = '100%';
+        container.style.height = '100%';
+        container.style.zIndex = '2147483646'; // Maximum z-index value
+        document.documentElement.appendChild(container);
+    }
+    return container;
+}
+function getColor(index) {
+    const hue = (index * 120 * .382) % 360;
+    return `hsl(${hue}, 85%, 50%)`;
+}
+//# sourceMappingURL=highlight.js.map

package/out/page/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../src/page/highlight.ts"],"names":[],"mappings":"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"}

package/out/page/html.d.ts

@@ -0,0 +1,2 @@
+export declare function captureAncestorHtml(el: HTMLElement): string;
+export declare function captureHtmlLine(el: HTMLElement): string;

package/out/page/html.js

@@ -0,0 +1,18 @@
+export function captureAncestorHtml(el) {
+    const html = [];
+    let current = el;
+    while (current) {
+        html.push(captureHtmlLine(current));
+        current = current.parentElement;
+    }
+    return html.reverse().join('\n');
+}
+export function captureHtmlLine(el) {
+    const html = [];
+    html.push(`${el.tagName.toLowerCase()}`);
+    for (const attr of el.attributes) {
+        html.push(`${attr.name}="${attr.value}"`);
+    }
+    return `<${html.join(' ')}>`;
+}
+//# sourceMappingURL=html.js.map

package/out/page/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../src/page/html.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,EAAe;IAC/C,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,GAAuB,EAAE,CAAC;IACrC,OAAO,OAAO,EAAE,CAAC;QACb,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;QACpC,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAe;IAC3C,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IACzC,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACjC,CAAC"}

package/out/page/index.d.ts

@@ -1,2 +1,5 @@
+export * from './highlight.js';
+export * from './html.js';
+export * from './render.js';
 export * from './snapshot.js';
 export * from './utils.js';

package/out/page/index.js

@@ -1,3 +1,6 @@
+export * from './highlight.js';
+export * from './html.js';
+export * from './render.js';
 export * from './snapshot.js';
 export * from './utils.js';
 //# sourceMappingURL=index.js.map

package/out/page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/out/page/render.d.ts

@@ -0,0 +1,9 @@
+import { SnapshotItem } from './snapshot.js';
+export interface SnapshotRenderOptions {
+    depth: number;
+    includeNodeId: boolean;
+    includeClassList: boolean;
+    maxHeight?: number;
+}
+export declare function renderSnapshot(snapshot: SnapshotItem, options?: Partial<SnapshotRenderOptions>): string;
+export declare function renderLine(snapshot: SnapshotItem, options: SnapshotRenderOptions): string;

package/out/page/render.js

@@ -0,0 +1,51 @@
+export function renderSnapshot(snapshot, options = {}) {
+    const opts = {
+        depth: 0,
+        includeNodeId: true,
+        includeClassList: true,
+        ...options,
+    };
+    if (opts.maxHeight && snapshot.rect.y > opts.maxHeight) {
+        return '';
+    }
+    const buffer = [
+        renderLine(snapshot, opts),
+    ];
+    for (const child of snapshot.children ?? []) {
+        const childSnapshot = renderSnapshot(child, {
+            ...opts,
+            depth: opts.depth + 1,
+        });
+        if (childSnapshot) {
+            buffer.push(childSnapshot);
+        }
+    }
+    return buffer.join('\n');
+}
+export function renderLine(snapshot, options) {
+    const indent = '  '.repeat(options.depth);
+    const components = [indent];
+    if (snapshot.nodeType === 'text') {
+        return [indent, snapshot.textContent].filter(Boolean).join(' ');
+    }
+    components.push(snapshot.tagName ?? '');
+    if (options.includeNodeId) {
+        components.push(`[nodeId=${snapshot.nodeId}]`);
+    }
+    if (options.includeClassList) {
+        for (const className of snapshot.classList ?? []) {
+            components.push(`.${className}`);
+        }
+    }
+    if (snapshot.src) {
+        components.push(`(${snapshot.src})`);
+    }
+    if (snapshot.href) {
+        components.push(`(${snapshot.href})`);
+    }
+    if (snapshot.textContent) {
+        components.push(' ' + snapshot.textContent);
+    }
+    return components.filter(Boolean).join('');
+}
+//# sourceMappingURL=render.js.map

package/out/page/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/page/render.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,cAAc,CAAC,QAAsB,EAAE,UAA0C,EAAE;IAC/F,MAAM,IAAI,GAA0B;QAChC,KAAK,EAAE,CAAC;QACR,aAAa,EAAE,IAAI;QACnB,gBAAgB,EAAE,IAAI;QACtB,GAAG,OAAO;KACb,CAAC;IACF,IAAI,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACrD,OAAO,EAAE,CAAC;IACd,CAAC;IACD,MAAM,MAAM,GAAG;QACX,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC;KAC7B,CAAC;IACF,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;QAC1C,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,EAAE;YACxC,GAAG,IAAI;YACP,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC;SACxB,CAAC,CAAC;QACH,IAAI,aAAa,EAAE,CAAC;YAChB,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,QAAsB,EAAE,OAA8B;IAC7E,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAyB,CAAC,MAAM,CAAC,CAAC;IAClD,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC;IACD,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IACxC,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,WAAW,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACnD,CAAC;IACD,IAAI,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAC3B,KAAK,MAAM,SAAS,IAAI,QAAQ,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC;YAC/C,UAAU,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;QACf,UAAU,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChB,UAAU,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC;IACD,OAAO,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,CAAC"}

package/out/page/snapshot.d.ts

@@ -1,31 +1,55 @@
 export declare const DEFAULT_SKIP_TAGS: string[];
 export declare const DEFAULT_SEMANTIC_TAGS: string[];
 export type SnapshotNode = Element | Text;
-export interface DomSnapshotOptions {
+export interface SnapshotOptions {
+    startId: number;
     skipHidden: boolean;
     skipImages: boolean;
+    skipIframes: boolean;
     skipEmptyText: boolean;
     skipTags: string[];
     tagPreference: string[];
     collapseInline: boolean;
 }
-export declare class DomSnapshot {
+export interface SnapshotItem {
+    nodeId: number;
+    nodeType: 'element' | 'text';
+    leaf: boolean;
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    tagName?: string;
+    classList?: string[];
+    textContent?: string;
+    href?: string;
+    src?: string;
+    children?: SnapshotItem[];
+}
+export declare function createSnapshot(root: SnapshotNode, options?: Partial<SnapshotOptions>): {
+    nodeMap: Map<number, SnapshotNode>;
+    snapshot: SnapshotItem;
+    maxId: number;
+};
+export declare class SnapshotTree {
     node: Element | Text;
-    parent: DomSnapshot | null;
-    options: DomSnapshotOptions;
+    parent: SnapshotTree | null;
+    counter: Counter;
+    options: SnapshotOptions;
+    nodeId: number;
     classList: string[];
-    children: DomSnapshot[];
-    constructor(node: Element | Text, parent: DomSnapshot | null, options: Partial<DomSnapshotOptions>);
+    children: SnapshotTree[];
+    constructor(node: Element | Text, parent: SnapshotTree | null, counter: Counter, options: SnapshotOptions);
     get element(): Element | null;
     get depth(): number;
     get inlineText(): string;
-    get indent(): string;
-    get isLeaf(): boolean;
-    get tagName(): string;
-    get href(): string;
-    get src(): string;
-    getFontSize(): number;
-    getTextSize(rootFontSize: number): "large" | "small" | "normal";
+    get leaf(): boolean;
+    get tagName(): string | undefined;
+    get href(): string | undefined;
+    get src(): any;
+    get clientRect(): DOMRect;
     private parseTree;
     /**
      * Collapses an element with only one visible child into one.
@@ -35,6 +59,11 @@ export declare class DomSnapshot {
      */
     private collapseWrapper;
     private getAcceptedChildren;
-    toIndentedText(): string;
-    renderLine(): string;
+    fillMap(map: Map<number, SnapshotNode>): void;
+    toJson(): SnapshotItem;
+}
+export declare class Counter {
+    value: number;
+    constructor(value?: number);
+    next(): number;
 }

package/out/page/snapshot.js

@@ -1,4 +1,4 @@
-import { containsImage, deepIsHidden, isRecursiveInline, normalizeText } from './utils.js';
+import { containsSelector, deepIsHidden, isRecursiveInline, normalizeText } from './utils.js';
 export const DEFAULT_SKIP_TAGS = ['svg', 'script', 'noscript', 'style', 'link', 'meta'];
 export const DEFAULT_SEMANTIC_TAGS = [
     'a', 'button', 'label', 'section',
@@ -10,20 +10,36 @@ export const DEFAULT_SEMANTIC_TAGS = [
     'form', 'input', 'textarea', 'select', 'option', 'fieldset', 'legend',
     'strong', 'em', 'sub', 'sup',
 ];
-export class DomSnapshot {
-    constructor(node, parent, options) {
+export function createSnapshot(root, options = {}) {
+    const opts = {
+        startId: 0,
+        skipHidden: true,
+        skipEmptyText: true,
+        skipImages: false,
+        skipIframes: false,
+        skipTags: DEFAULT_SKIP_TAGS,
+        tagPreference: DEFAULT_SEMANTIC_TAGS,
+        collapseInline: true,
+        ...options,
+    };
+    const counter = new Counter(opts.startId);
+    const nodeMap = new Map();
+    const tree = new SnapshotTree(root, null, counter, opts);
+    tree.fillMap(nodeMap);
+    return {
+        nodeMap,
+        snapshot: tree.toJson(),
+        maxId: counter.value,
+    };
+}
+export class SnapshotTree {
+    constructor(node, parent, counter, options) {
         this.node = node;
         this.parent = parent;
+        this.counter = counter;
+        this.options = options;
         this.children = [];
-        this.options = {
-            skipHidden: true,
-            skipEmptyText: true,
-            skipImages: false,
-            skipTags: DEFAULT_SKIP_TAGS,
-            tagPreference: DEFAULT_SEMANTIC_TAGS,
-            collapseInline: true,
-            ...options,
-        };
+        this.nodeId = this.counter.next();
         this.classList = [...(this.element?.classList ?? [])];
         if (this.element) {
             this.parseTree(this.element, this.getAcceptedChildren(this.element));
@@ -41,36 +57,25 @@ export class DomSnapshot {
             this.node.textContent;
         return normalizeText(text ?? '');
     }
-    get indent() {
-        return '  '.repeat(this.depth);
-    }
-    get isLeaf() {
+    get leaf() {
         return this.children.length === 0;
     }
     get tagName() {
-        return this.node instanceof Element ? this.node.tagName.toLowerCase() : '';
+        return this.node instanceof Element ? this.node.tagName.toLowerCase() : undefined;
     }
     get href() {
-        return this.node instanceof HTMLAnchorElement ? this.node.href : '';
+        return this.node instanceof HTMLAnchorElement ? this.node.href : undefined;
     }
     get src() {
-        return this.node instanceof HTMLImageElement ? this.node.src : '';
+        return this.node.src ?? undefined;
     }
-    getFontSize() {
-        if (this.node instanceof Text) {
-            return this.parent?.getFontSize() ?? 0;
+    get clientRect() {
+        if (this.node instanceof Element) {
+            return this.node.getBoundingClientRect();
         }
-        return Number(getComputedStyle(this.node).fontSize?.replace('px', ''));
-    }
-    getTextSize(rootFontSize) {
-        const ownFontSize = this.getFontSize();
-        if (ownFontSize > 1.2 * rootFontSize) {
-            return 'large';
-        }
-        if (ownFontSize < 0.85 * rootFontSize) {
-            return 'small';
-        }
-        return 'normal';
+        const range = document.createRange();
+        range.selectNodeContents(this.node);
+        return range.getBoundingClientRect();
     }
     parseTree(el, childNodes) {
         this.children = [];
@@ -82,7 +87,7 @@ export class DomSnapshot {
             return;
         }
         for (const childNode of childNodes) {
-            const snapshot = new DomSnapshot(childNode, this, this.options);
+            const snapshot = new SnapshotTree(childNode, this, this.counter, this.options);
             this.children.push(snapshot);
         }
     }
@@ -118,11 +123,19 @@ export class DomSnapshot {
             if (node instanceof Element) {
                 // Skip hidden elements (opacity, display, visibility, etc)
                 // TODO checkOpacity breaks PDF viewer
-                if (this.options.skipHidden && deepIsHidden(node, { checkOpacity: false })) {
+                if (this.options.skipHidden && deepIsHidden(node)) {
                     return false;
                 }
-                // Do not skip images even if other criteria are met
-                if (!this.options.skipImages && containsImage(node)) {
+                // Always include inputs
+                if (containsSelector(node, 'input')) {
+                    return true;
+                }
+                // Always include iframes, unless explicitly skipped
+                if (!this.options.skipIframes && containsSelector(node, 'iframe')) {
+                    return true;
+                }
+                // Always include images, unless explicitly skipped
+                if (!this.options.skipImages && containsSelector(node, 'img')) {
                     return true;
                 }
                 // Skip listed tags
@@ -140,33 +153,40 @@ export class DomSnapshot {
             return true;
         });
     }
-    toIndentedText() {
-        const buffer = [
-            this.renderLine(),
-        ];
+    fillMap(map) {
+        map.set(this.nodeId, this.node);
         for (const child of this.children) {
-            buffer.push(child.toIndentedText());
+            child.fillMap(map);
         }
-        return buffer.join('\n');
     }
-    renderLine() {
-        const indent = '  '.repeat(this.depth);
-        const components = [indent];
-        if (this.node instanceof Text) {
-            return [indent, this.inlineText].filter(Boolean).join(' ');
-        }
-        const { tagName, src, href } = this;
-        components.push(tagName);
-        if (src) {
-            components.push(`(${src})`);
-        }
-        if (href) {
-            components.push(`(${href})`);
-        }
-        if (this.isLeaf) {
-            components.push(' ' + this.inlineText);
-        }
-        return components.filter(Boolean).join('');
+    toJson() {
+        const { top, left, width, height } = this.clientRect;
+        return {
+            nodeId: this.nodeId,
+            nodeType: this.node instanceof Element ? 'element' : 'text',
+            leaf: this.leaf,
+            tagName: this.tagName,
+            rect: {
+                x: left,
+                y: top,
+                width,
+                height,
+            },
+            classList: this.node instanceof Element ? this.classList : undefined,
+            textContent: this.leaf ? this.inlineText : undefined,
+            href: this.href,
+            src: this.src,
+            children: this.leaf ? undefined : this.children.map(child => child.toJson()),
+        };
+    }
+}
+export class Counter {
+    constructor(value = 0) {
+        this.value = value;
+    }
+    next() {
+        this.value += 1;
+        return this.value;
     }
 }
 //# sourceMappingURL=snapshot.js.map

package/out/page/snapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../../src/page/snapshot.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../../src/page/snapshot.ts"],"names":[],"mappings":"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"}

package/out/page/utils.d.ts

@@ -15,5 +15,5 @@ export declare function isHidden(element: Element, options?: Partial<VisibilityO
 export declare function hasVisibleArea(element: Element): boolean;
 export declare function deepIsHidden(element: Element, options?: Partial<VisibilityOptions>): boolean;
 export declare function normalizeText(str: string): string;
-export declare function containsImage(el: Element): boolean;
+export declare function containsSelector(el: Element, selector: string): boolean;
 export declare function isRecursiveInline(el: Element, ignoreTags?: string[]): boolean;

package/out/page/utils.js

@@ -14,7 +14,7 @@ export function isHidden(element, options = {}) {
     const visibility = style.visibility;
     const transform = style.transform;
     if (display === 'none' ||
-        (checkOpacity && opacity < 0.1) ||
+        (checkOpacity && opacity === 0) ||
         (checkVisibility && (visibility === 'hidden')) ||
         (checkTransform && transform.includes('scale(0)'))) {
         return true;
@@ -44,8 +44,8 @@ export function normalizeText(str) {
         .replace(/\s+/g, ' ')
         .trim();
 }
-export function containsImage(el) {
-    return el.matches('img') || !!el.querySelector('img');
+export function containsSelector(el, selector) {
+    return el.matches(selector) || !!el.querySelector(selector);
 }
 export function isRecursiveInline(el, ignoreTags = []) {
     for (const child of el.childNodes) {

package/out/page/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/page/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/page/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "@ubio/webvision",
-    "version": "1.0.2",
+    "version": "1.1.0",
     "main": "out/main/index.js",
     "type": "module",
     "exports": {
-        "./page": "./out/page/index.js"
+        ".": "./out/page/index.js",
+        "./page": "./build/page.mjs"
     },
     "files": [
         "out/main",