@ubio/webvision 1.2.6 → 2.1.0

package/out/page/parser.js

@@ -0,0 +1,249 @@
+import { Counter } from './counter.js';
+import { fixZIndex, getViewportSize, hasVisibleArea, isInteractive, isRandomIdentifier, isRectInViewport, makeOverlaysOpaque, normalizeText, truncateAttrValue } from './dom.js';
+import { isHidden } from './dom.js';
+import { probeViewport } from './probe.js';
+import { isObjectEmpty } from './util.js';
+export const VX_NODE_SYMBOL = Symbol('vx:node');
+export const VX_IGNORE_SYMBOL = Symbol('vx:ignore');
+export const VX_IGNORE_TAGS = ['svg', 'script', 'noscript', 'style', 'link', 'meta'];
+export const VX_LABEL_ATTRS = ['title', 'alt', 'placeholder', 'aria-label'];
+export const VX_VALUE_ATTRS = ['value', 'checked', 'selected', 'disabled', 'readonly'];
+export const VX_SRC_ATTRS = ['src', 'href'];
+export const VX_TAG_PREFERENCE = [
+    'a', 'iframe', 'input', 'button', 'select', 'textarea', 'img', 'label',
+    'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+    'ul', 'ol', 'li', 'dl', 'dt', 'dd',
+    'section', 'article', 'main', 'header', 'footer', 'nav', 'aside',
+    'form', 'input', 'textarea', 'select', 'option', 'fieldset', 'legend',
+    'p', 'pre', 'code', 'blockquote', 'figure', 'figcaption',
+    'table', 'thead', 'tbody', 'tr', 'td', 'th',
+    'strong', 'em', 'sub', 'sup',
+];
+const VX_KEEP_SELECTOR = 'a, button, input, textarea, select, label, iframe';
+export class VxTreeParser {
+    constructor(options = {}) {
+        this.options = options;
+        this.probeElements = [];
+        this.domRefMap = new Map();
+        const { startRef = 0 } = options;
+        this.viewport = getViewportSize();
+        this.counter = new Counter(startRef);
+        if (options.probeViewport) {
+            this.probeElements = probeViewport(8);
+        }
+        const vxRoot = this.parseDocument();
+        this.refRange = [startRef, this.counter.current()];
+        this.vxNodes = this.pruneRecursive(vxRoot);
+    }
+    parseDocument() {
+        return this.parseNode(document.documentElement, null);
+    }
+    getNodes() {
+        return this.vxNodes;
+    }
+    getRefRange() {
+        return this.refRange;
+    }
+    getDomMap() {
+        return this.domRefMap;
+    }
+    parseNode(node, parent) {
+        if (node[VX_IGNORE_SYMBOL]) {
+            return null;
+        }
+        if (node instanceof Text) {
+            // Single instances of Text nodes can only occur in "text"
+            // (e.g. when regular text is interspersed with links and other elements)
+            const textContent = normalizeText(node.textContent ?? '');
+            if (textContent) {
+                return this.makeNode(node, {
+                    textContent,
+                    hasVisibleArea: parent?.hasVisibleArea,
+                    isOutsideViewport: parent?.isOutsideViewport,
+                    isProbeHit: parent?.isProbeHit,
+                });
+            }
+            return null;
+        }
+        if (node instanceof Element) {
+            if (this.options.opaqueOverlays) {
+                makeOverlaysOpaque(node);
+            }
+            fixZIndex(node);
+            return this.parseElement(node);
+        }
+        return null;
+    }
+    parseElement(el) {
+        if (VX_IGNORE_TAGS.includes(el.tagName.toLowerCase())) {
+            return null;
+        }
+        if (isHidden(el)) {
+            return null;
+        }
+        const rect = el.getBoundingClientRect();
+        const id = el.getAttribute('id') ?? '';
+        const vxNode = this.makeNode(el, {
+            tagName: el.tagName.toLowerCase(),
+            id: isRandomIdentifier(id) ? undefined : id,
+            classList: Array.from(el.classList)
+                .filter(cls => !isRandomIdentifier(cls))
+                .slice(0, 4),
+            labelAttrs: this.collectLabelAttrs(el),
+            valueAttrs: this.collectValueAttrs(el),
+            srcAttrs: this.collectSrcAttrs(el),
+            hasVisibleArea: hasVisibleArea(el),
+            isInteractive: isInteractive(el),
+            isOutsideViewport: !isRectInViewport(rect, this.viewport),
+            isProbeHit: this.isProbeHit(el),
+            isKept: el.matches(VX_KEEP_SELECTOR),
+        });
+        const children = [...el.childNodes]
+            .map(child => this.parseNode(child, vxNode))
+            .filter(_ => _ != null);
+        // Special case: if the only child is a text node, return a single node with the text content
+        if (children.length === 1 && !children[0]?.tagName) {
+            vxNode.textContent = normalizeText(children[0].textContent ?? '');
+        }
+        else {
+            vxNode.children = children;
+        }
+        return vxNode;
+    }
+    makeNode(node, spec) {
+        const ref = this.counter.next();
+        const vxNode = {
+            ...spec,
+            ref,
+        };
+        this.domRefMap.set(ref, node);
+        node[VX_NODE_SYMBOL] = vxNode;
+        return vxNode;
+    }
+    pruneRecursive(vxNode) {
+        if (!vxNode) {
+            return [];
+        }
+        const children = vxNode.children ?? [];
+        // Recursively prune children
+        const newChildren = children.flatMap(child => this.pruneRecursive(child));
+        // If the node itself is omitted, replace it with children
+        if (this.shouldOmit(vxNode)) {
+            return newChildren;
+        }
+        vxNode.children = newChildren;
+        // Collapse single-child elements
+        if (newChildren.length === 1) {
+            const child = newChildren[0];
+            return this.collapseSingleChild(vxNode, child);
+        }
+        return [vxNode];
+    }
+    collapseSingleChild(parent, child) {
+        const preferParent = this.collapsePreferParent(parent, child);
+        const merged = preferParent ?
+            this.collapseMerge(parent, child) :
+            this.collapseMerge(child, parent);
+        return this.pruneRecursive({
+            ...merged,
+            children: child.children,
+            textContent: child.textContent,
+        });
+    }
+    collapsePreferParent(parent, child) {
+        const parentRank = VX_TAG_PREFERENCE.indexOf(parent.tagName ?? '');
+        const childRank = VX_TAG_PREFERENCE.indexOf(child.tagName ?? '');
+        if (parentRank === -1 && childRank === -1) {
+            const parentAttrCount = Object.keys({
+                ...parent.labelAttrs,
+                ...parent.valueAttrs,
+                ...parent.srcAttrs,
+            }).length;
+            const childAttrCount = Object.keys({
+                ...child.labelAttrs,
+                ...child.valueAttrs,
+                ...child.srcAttrs,
+            }).length;
+            return parentAttrCount > childAttrCount;
+        }
+        return parentRank !== -1 && (childRank === -1 || parentRank < childRank);
+    }
+    collapseMerge(a, b) {
+        return {
+            ...b,
+            ...a,
+            labelAttrs: { ...b.labelAttrs, ...a.labelAttrs },
+            valueAttrs: { ...b.valueAttrs, ...a.valueAttrs },
+            srcAttrs: { ...b.srcAttrs, ...a.srcAttrs },
+        };
+    }
+    shouldOmit(vxNode) {
+        const tagName = vxNode.tagName ?? '';
+        if (!vxNode.hasVisibleArea) {
+            return true;
+        }
+        if (this.options.viewportOnly && vxNode.isOutsideViewport) {
+            return true;
+        }
+        if (this.options.probeViewport && !vxNode.isProbeHit) {
+            return true;
+        }
+        if (this.options.skipImages && vxNode.tagName === 'img') {
+            return true;
+        }
+        const hasText = !!vxNode.textContent;
+        const hasChildren = (vxNode.children ?? []).length > 0;
+        const hasAttrs = [vxNode.labelAttrs, vxNode.valueAttrs, vxNode.srcAttrs]
+            .some(attrs => !isObjectEmpty(attrs ?? {}));
+        if (this.options.unnestDivs) {
+            const isDivOrSpan = ['div', 'span'].includes(tagName);
+            if (isDivOrSpan && hasChildren && !hasAttrs) {
+                return true;
+            }
+        }
+        if (vxNode.isKept) {
+            return false;
+        }
+        return !hasText && !hasAttrs && !hasChildren;
+    }
+    isProbeHit(el) {
+        // TODO this is a bit brute-forcish, consider improving
+        for (const probeEl of this.probeElements) {
+            if (el.contains(probeEl) || probeEl.contains(el)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    collectLabelAttrs(el) {
+        const attrs = {};
+        for (const attr of VX_LABEL_ATTRS) {
+            const value = truncateAttrValue(el.getAttribute(attr) ?? '');
+            if (value) {
+                attrs[attr] = value;
+            }
+        }
+        return attrs;
+    }
+    collectValueAttrs(el) {
+        const attrs = {};
+        for (const attr of VX_VALUE_ATTRS) {
+            const value = el[attr] ?? '';
+            if (value) {
+                attrs[attr] = String(value);
+            }
+        }
+        return attrs;
+    }
+    collectSrcAttrs(el) {
+        const attrs = {};
+        for (const attr of VX_SRC_ATTRS) {
+            const value = truncateAttrValue(el[attr] ?? '');
+            if (value) {
+                attrs[attr] = value;
+            }
+        }
+        return attrs;
+    }
+}
+//# sourceMappingURL=parser.js.map

package/out/page/parser.js.map

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

package/out/page/probe.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Scans the viewport by picking elements in regular intervals.
+ */
+export declare function probeViewport(gridSize?: number): Element[];
+export declare function checkOccluded(element: Element, gridSize?: number): boolean;

package/out/page/probe.js

@@ -0,0 +1,36 @@
+import { getViewportSize } from './dom.js';
+/**
+ * Scans the viewport by picking elements in regular intervals.
+ */
+export function probeViewport(gridSize = 32) {
+    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);
+            }
+        }
+    }
+    return elements;
+}
+export 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++;
+            }
+        }
+    }
+    return (hits / total) < 0.5;
+}
+//# sourceMappingURL=probe.js.map

package/out/page/probe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"probe.js","sourceRoot":"","sources":["../../src/page/probe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,QAAQ,GAAG,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAc,EAAE,CAAC;IAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;QACrD,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;YACpD,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAChD,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3B,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,QAAQ,GAAG,CAAC;IACxD,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACrE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;QAClE,KAAK,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,MAAM,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;YACjE,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,EAAE,EAAE,CAAC;gBACN,SAAS;YACb,CAAC;YACD,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC/C,IAAI,EAAE,CAAC;YACX,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;AAChC,CAAC"}

package/out/page/render.d.ts

@@ -1,9 +1,13 @@
-import { SnapshotItem } from './snapshot.js';
-export interface SnapshotRenderOptions {
-    depth: number;
-    includeRef: boolean;
-    includeClassList: boolean;
-    maxHeight?: number;
+import { VxNode } from './parser.js';
+export interface VxRenderOptions {
+    renderStyle?: 'html' | 'line';
+    renderTagNames?: boolean;
+    renderIds?: boolean;
+    renderClassNames?: boolean;
+    renderRefs?: boolean | 'all';
+    renderLabelAttrs?: boolean;
+    renderValueAttrs?: boolean;
+    renderSrcAttrs?: boolean;
+    whitelistRefs?: number[];
 }
-export declare function renderSnapshot(snapshot: SnapshotItem, options?: Partial<SnapshotRenderOptions>): string;
-export declare function renderLine(snapshot: SnapshotItem, options: SnapshotRenderOptions): string;
+export declare function renderVxNode(scope: VxNode, options?: VxRenderOptions): string;

package/out/page/render.js

@@ -1,51 +1,86 @@
-export function renderSnapshot(snapshot, options = {}) {
-    const opts = {
-        depth: 0,
-        includeRef: false,
-        includeClassList: false,
-        ...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);
+import { truncateAttrValue } from './dom.js';
+import { traverseVxNode } from './traverse.js';
+import { isContainerNode } from './util.js';
+export function renderVxNode(scope, options = {}) {
+    const buffer = [];
+    const whitelistRefs = options.whitelistRefs ?? [];
+    for (const { vxNode, depth } of traverseVxNode(scope)) {
+        if (whitelistRefs.length > 0) {
+            if (!whitelistRefs.includes(vxNode.ref)) {
+                continue;
+            }
         }
+        const indent = '    '.repeat(depth);
+        buffer.push(renderIndentedLine(indent, vxNode, options));
     }
     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(' ');
+function renderIndentedLine(indent, vxNode, options = {}) {
+    if (!vxNode.tagName) {
+        return [indent, vxNode.textContent].filter(Boolean).join('');
     }
-    components.push(snapshot.tagName ?? '');
-    if (options.includeRef) {
-        components.push(`[ref=${snapshot.ref}]`);
+    const tagLine = renderTagLine(vxNode, options);
+    const htmlStyle = options.renderStyle === 'html';
+    return [
+        indent,
+        tagLine,
+        htmlStyle ? '' : ' ',
+        vxNode.textContent ?? '',
+    ].join('');
+}
+function renderTagLine(vxNode, options) {
+    const htmlStyle = options.renderStyle === 'html';
+    const components = [];
+    if (options.renderTagNames && vxNode.tagName) {
+        components.push(vxNode.tagName);
+    }
+    if (options.renderIds && vxNode.id) {
+        if (htmlStyle) {
+            components.push(`id="${vxNode.id}"`);
+        }
+        else {
+            components.push(`#${vxNode.id}`);
+        }
+    }
+    if (options.renderClassNames && vxNode.classList?.length) {
+        if (htmlStyle) {
+            components.push(`class="${vxNode.classList.join(' ')}"`);
+        }
+        else {
+            components.push('.' + vxNode.classList.join('.'));
+        }
+    }
+    if (options.renderRefs) {
+        const isRenderRef = [
+            options.renderRefs === 'all',
+            options.renderRefs === true && !isContainerNode(vxNode),
+        ].some(Boolean);
+        if (isRenderRef) {
+            components.push(`[@${vxNode.ref}]`);
+        }
     }
-    if (options.includeClassList) {
-        for (const className of snapshot.classList ?? []) {
-            components.push(`.${className}`);
+    const attrs = [];
+    if (options.renderLabelAttrs) {
+        for (const [attr, value] of Object.entries(vxNode.labelAttrs ?? {})) {
+            attrs.push(`${attr}="${truncateAttrValue(value)}"`);
         }
     }
-    if (snapshot.src) {
-        components.push(`(${snapshot.src})`);
+    if (options.renderValueAttrs) {
+        for (const [attr, value] of Object.entries(vxNode.valueAttrs ?? {})) {
+            attrs.push(`${attr}="${truncateAttrValue(value)}"`);
+        }
+    }
+    if (options.renderSrcAttrs) {
+        for (const [attr, value] of Object.entries(vxNode.srcAttrs ?? {})) {
+            attrs.push(`${attr}="${truncateAttrValue(value)}"`);
+        }
     }
-    if (snapshot.href) {
-        components.push(`(${snapshot.href})`);
+    if (htmlStyle) {
+        components.push(...attrs);
     }
-    if (snapshot.textContent) {
-        components.push(' ' + snapshot.textContent);
+    else {
+        components.push(...attrs.map(attr => `[${attr}]`));
     }
-    return components.filter(Boolean).join('');
+    return htmlStyle ? `<${components.join(' ')}>` : components.join('');
 }
 //# sourceMappingURL=render.js.map

package/out/page/render.js.map

@@ -1 +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,UAAU,EAAE,KAAK;QACjB,gBAAgB,EAAE,KAAK;QACvB,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,UAAU,EAAE,CAAC;QACrB,UAAU,CAAC,IAAI,CAAC,QAAQ,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC;IAC7C,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"}
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/page/render.ts"],"names":[],"mappings":"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"}

package/out/page/snapshot.d.ts

@@ -1,69 +1,10 @@
-export declare const DEFAULT_SKIP_TAGS: string[];
-export declare const DEFAULT_SEMANTIC_TAGS: string[];
-export type SnapshotNode = Element | Text;
-export interface SnapshotOptions {
-    startId: number;
-    skipHidden: boolean;
-    skipImages: boolean;
-    skipIframes: boolean;
-    skipEmptyText: boolean;
-    skipTags: string[];
-    tagPreference: string[];
-    collapseInline: boolean;
-}
-export interface SnapshotItem {
-    ref: 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>): {
-    refMap: Map<number, SnapshotNode>;
-    snapshot: SnapshotItem;
-    maxId: number;
+import { VxTreeOptions } from './parser.js';
+import { VxTreeView } from './tree.js';
+export declare const VX_DOM_SYMBOL: unique symbol;
+export declare const VX_TREE_SYMBOL: unique symbol;
+export declare function captureSnapshot(options?: VxTreeOptions): {
+    nodes: import("./parser.js").VxNode[];
+    refRange: [number, number];
 };
-export declare class SnapshotTree {
-    node: Element | Text;
-    parent: SnapshotTree | null;
-    counter: Counter;
-    options: SnapshotOptions;
-    ref: number;
-    classList: string[];
-    children: SnapshotTree[];
-    textContent?: string;
-    constructor(node: Element | Text, parent: SnapshotTree | null, counter: Counter, options: SnapshotOptions);
-    get element(): Element | null;
-    get depth(): number;
-    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.
-     *
-     * Wrapper element is preferred if it's a link or a button,
-     * in other cases child element is preferred.
-     */
-    private collapseWrapper;
-    private getAcceptedChildren;
-    fillMap(map: Map<number, SnapshotNode>): void;
-    toJson(): SnapshotItem;
-}
-export declare class Counter {
-    value: number;
-    constructor(value?: number);
-    next(): number;
-}
+export declare function getSnapshot(): VxTreeView;
+export declare function resolveDomNode(ref: number): Node | null;