@sqaitech/shared 0.5.0

package/dist/lib/extractor/util.js

@@ -0,0 +1,335 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    midsceneGenerateHash: ()=>midsceneGenerateHash,
+    validTextNodeContent: ()=>validTextNodeContent,
+    setNodeHashCacheListOnWindow: ()=>setNodeHashCacheListOnWindow,
+    overlappedRect: ()=>overlappedRect,
+    isElementPartiallyInViewport: ()=>isElementPartiallyInViewport,
+    elementRect: ()=>elementRect,
+    getTopDocument: ()=>getTopDocument,
+    setMidsceneVisibleRectOnWindow: ()=>setMidsceneVisibleRectOnWindow,
+    getNodeFromCacheList: ()=>getNodeFromCacheList,
+    getNodeAttributes: ()=>getNodeAttributes,
+    generateId: ()=>generateId,
+    setNodeToCacheList: ()=>setNodeToCacheList,
+    logger: ()=>logger,
+    getPseudoElementContent: ()=>getPseudoElementContent,
+    getDebugMode: ()=>getDebugMode,
+    hasOverflowY: ()=>hasOverflowY,
+    getRect: ()=>getRect,
+    setDebugMode: ()=>setDebugMode,
+    setExtractTextWithPositionOnWindow: ()=>setExtractTextWithPositionOnWindow,
+    setGenerateHashOnWindow: ()=>setGenerateHashOnWindow
+});
+const external_utils_js_namespaceObject = require("../utils.js");
+const external_web_extractor_js_namespaceObject = require("./web-extractor.js");
+const MAX_VALUE_LENGTH = 300;
+let debugMode = false;
+function setDebugMode(mode) {
+    debugMode = mode;
+}
+function getDebugMode() {
+    return debugMode;
+}
+function logger(..._msg) {
+    if (!debugMode) return;
+    console.log(..._msg);
+}
+function isElementPartiallyInViewport(rect, currentWindow, currentDocument, visibleAreaRatio = 2 / 3) {
+    const elementHeight = rect.height;
+    const elementWidth = rect.width;
+    const viewportRect = {
+        left: 0,
+        top: 0,
+        width: currentWindow.innerWidth || currentDocument.documentElement.clientWidth,
+        height: currentWindow.innerHeight || currentDocument.documentElement.clientHeight,
+        right: currentWindow.innerWidth || currentDocument.documentElement.clientWidth,
+        bottom: currentWindow.innerHeight || currentDocument.documentElement.clientHeight,
+        x: 0,
+        y: 0,
+        zoom: 1
+    };
+    const overlapRect = overlappedRect(rect, viewportRect);
+    if (!overlapRect) return false;
+    const visibleArea = overlapRect.width * overlapRect.height;
+    const totalArea = elementHeight * elementWidth;
+    return visibleArea / totalArea >= visibleAreaRatio;
+}
+function getPseudoElementContent(element, currentWindow) {
+    if (!(element instanceof currentWindow.HTMLElement)) return {
+        before: '',
+        after: ''
+    };
+    const beforeContent = currentWindow.getComputedStyle(element, '::before').getPropertyValue('content');
+    const afterContent = currentWindow.getComputedStyle(element, '::after').getPropertyValue('content');
+    return {
+        before: 'none' === beforeContent ? '' : beforeContent.replace(/"/g, ''),
+        after: 'none' === afterContent ? '' : afterContent.replace(/"/g, '')
+    };
+}
+function hasOverflowY(element, currentWindow) {
+    const style = currentWindow.getComputedStyle(element);
+    return 'scroll' === style.overflowY || 'auto' === style.overflowY || 'hidden' === style.overflowY;
+}
+function overlappedRect(rect1, rect2) {
+    const left = Math.max(rect1.left, rect2.left);
+    const top = Math.max(rect1.top, rect2.top);
+    const right = Math.min(rect1.right, rect2.right);
+    const bottom = Math.min(rect1.bottom, rect2.bottom);
+    if (left < right && top < bottom) return {
+        left,
+        top,
+        right,
+        bottom,
+        width: right - left,
+        height: bottom - top,
+        x: left,
+        y: top,
+        zoom: 1
+    };
+    return null;
+}
+function getRect(el, baseZoom, currentWindow) {
+    let originalRect;
+    let newZoom = 1;
+    if (el instanceof currentWindow.HTMLElement) {
+        originalRect = el.getBoundingClientRect();
+        if (!('currentCSSZoom' in el)) newZoom = Number.parseFloat(currentWindow.getComputedStyle(el).zoom) || 1;
+    } else {
+        const range = currentWindow.document.createRange();
+        range.selectNodeContents(el);
+        originalRect = range.getBoundingClientRect();
+    }
+    const zoom = newZoom * baseZoom;
+    return {
+        width: originalRect.width * zoom,
+        height: originalRect.height * zoom,
+        left: originalRect.left * zoom,
+        top: originalRect.top * zoom,
+        right: originalRect.right * zoom,
+        bottom: originalRect.bottom * zoom,
+        x: originalRect.x * zoom,
+        y: originalRect.y * zoom,
+        zoom
+    };
+}
+const isElementCovered = (el, rect, currentWindow)=>{
+    const x = rect.left + rect.width / 2;
+    const y = rect.top + rect.height / 2;
+    const topElement = currentWindow.document.elementFromPoint(x, y);
+    if (!topElement) return false;
+    if (topElement === el) return false;
+    if (null == el ? void 0 : el.contains(topElement)) return false;
+    if (null == topElement ? void 0 : topElement.contains(el)) return false;
+    const rectOfTopElement = getRect(topElement, 1, currentWindow);
+    const overlapRect = overlappedRect(rect, rectOfTopElement);
+    if (!overlapRect) return false;
+    logger(el, 'Element is covered by another element', {
+        topElement,
+        el,
+        rect,
+        x,
+        y
+    });
+    return true;
+};
+function elementRect(el, currentWindow, currentDocument, baseZoom = 1) {
+    if (!el) {
+        logger(el, 'Element is not in the DOM hierarchy');
+        return false;
+    }
+    if (!(el instanceof currentWindow.HTMLElement) && el.nodeType !== Node.TEXT_NODE && 'svg' !== el.nodeName.toLowerCase()) {
+        logger(el, 'Element is not in the DOM hierarchy');
+        return false;
+    }
+    if (el instanceof currentWindow.HTMLElement) {
+        const style = currentWindow.getComputedStyle(el);
+        if ('none' === style.display || 'hidden' === style.visibility || '0' === style.opacity && 'INPUT' !== el.tagName) {
+            logger(el, 'Element is hidden');
+            return false;
+        }
+    }
+    const rect = getRect(el, baseZoom, currentWindow);
+    if (0 === rect.width && 0 === rect.height) {
+        logger(el, 'Element has no size');
+        return false;
+    }
+    if (1 === baseZoom && isElementCovered(el, rect, currentWindow)) return false;
+    const isVisible = isElementPartiallyInViewport(rect, currentWindow, currentDocument);
+    let parent = el;
+    const parentUntilNonStatic = (currentNode)=>{
+        let parent = null == currentNode ? void 0 : currentNode.parentElement;
+        while(parent){
+            const style = currentWindow.getComputedStyle(parent);
+            if ('static' !== style.position) return parent;
+            parent = parent.parentElement;
+        }
+        return null;
+    };
+    while(parent && parent !== currentDocument.body){
+        if (!(parent instanceof currentWindow.HTMLElement)) {
+            parent = parent.parentElement;
+            continue;
+        }
+        const parentStyle = currentWindow.getComputedStyle(parent);
+        if ('hidden' === parentStyle.overflow) {
+            const parentRect = getRect(parent, 1, currentWindow);
+            const tolerance = 10;
+            if (rect.right < parentRect.left - tolerance || rect.left > parentRect.right + tolerance || rect.bottom < parentRect.top - tolerance || rect.top > parentRect.bottom + tolerance) {
+                logger(el, 'element is partially or totally hidden by an ancestor', {
+                    rect,
+                    parentRect
+                });
+                return false;
+            }
+        }
+        if ('fixed' === parentStyle.position || 'sticky' === parentStyle.position) break;
+        parent = 'absolute' === parentStyle.position ? parentUntilNonStatic(parent) : parent.parentElement;
+    }
+    return {
+        left: Math.round(rect.left),
+        top: Math.round(rect.top),
+        width: Math.round(rect.width),
+        height: Math.round(rect.height),
+        zoom: rect.zoom,
+        isVisible
+    };
+}
+function validTextNodeContent(node) {
+    if (!node) return false;
+    if (node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.TEXT_NODE && '#text' !== node.nodeName) return false;
+    const content = node.textContent || node.innerText;
+    if (content && !/^\s*$/.test(content)) return content.trim();
+    return false;
+}
+function getNodeAttributes(node, currentWindow) {
+    if (!node || !(node instanceof currentWindow.HTMLElement) || !node.attributes) return {};
+    const attributesList = Array.from(node.attributes).map((attr)=>{
+        if ('class' === attr.name) return [
+            attr.name,
+            `.${attr.value.split(' ').join('.')}`
+        ];
+        if (!attr.value) return [];
+        let value = attr.value;
+        if (value.startsWith('data:image')) value = 'image';
+        if (value.length > MAX_VALUE_LENGTH) value = `${value.slice(0, MAX_VALUE_LENGTH)}...`;
+        return [
+            attr.name,
+            value
+        ];
+    });
+    return Object.fromEntries(attributesList);
+}
+function midsceneGenerateHash(node, content, rect) {
+    const slicedHash = (0, external_utils_js_namespaceObject.generateHashId)(rect, content);
+    if (node) {
+        if (!window.midsceneNodeHashCacheList) setNodeHashCacheListOnWindow();
+        setNodeToCacheList(node, slicedHash);
+    }
+    return slicedHash;
+}
+function setNodeHashCacheListOnWindow() {
+    if ('undefined' != typeof window) window.midsceneNodeHashCacheList = [];
+}
+function setNodeToCacheList(node, id) {
+    if ('undefined' != typeof window) {
+        var _window_midsceneNodeHashCacheList;
+        if (getNodeFromCacheList(id)) return;
+        null == (_window_midsceneNodeHashCacheList = window.midsceneNodeHashCacheList) || _window_midsceneNodeHashCacheList.push({
+            node,
+            id
+        });
+    }
+}
+function getNodeFromCacheList(id) {
+    if ('undefined' != typeof window) {
+        var _window_midsceneNodeHashCacheList_find, _window_midsceneNodeHashCacheList;
+        return null == (_window_midsceneNodeHashCacheList = window.midsceneNodeHashCacheList) ? void 0 : null == (_window_midsceneNodeHashCacheList_find = _window_midsceneNodeHashCacheList.find((item)=>item.id === id)) ? void 0 : _window_midsceneNodeHashCacheList_find.node;
+    }
+    return null;
+}
+function generateId(numberId) {
+    return `${numberId}`;
+}
+function setGenerateHashOnWindow() {
+    if ('undefined' != typeof window) window.midsceneGenerateHash = midsceneGenerateHash;
+}
+function setMidsceneVisibleRectOnWindow() {
+    if ('undefined' != typeof window) window.midsceneVisibleRect = elementRect;
+}
+function setExtractTextWithPositionOnWindow() {
+    if ('undefined' != typeof window) window.extractTextWithPosition = external_web_extractor_js_namespaceObject.extractTextWithPosition;
+}
+function getTopDocument() {
+    const container = document.body || document;
+    return container;
+}
+exports.elementRect = __webpack_exports__.elementRect;
+exports.generateId = __webpack_exports__.generateId;
+exports.getDebugMode = __webpack_exports__.getDebugMode;
+exports.getNodeAttributes = __webpack_exports__.getNodeAttributes;
+exports.getNodeFromCacheList = __webpack_exports__.getNodeFromCacheList;
+exports.getPseudoElementContent = __webpack_exports__.getPseudoElementContent;
+exports.getRect = __webpack_exports__.getRect;
+exports.getTopDocument = __webpack_exports__.getTopDocument;
+exports.hasOverflowY = __webpack_exports__.hasOverflowY;
+exports.isElementPartiallyInViewport = __webpack_exports__.isElementPartiallyInViewport;
+exports.logger = __webpack_exports__.logger;
+exports.midsceneGenerateHash = __webpack_exports__.midsceneGenerateHash;
+exports.overlappedRect = __webpack_exports__.overlappedRect;
+exports.setDebugMode = __webpack_exports__.setDebugMode;
+exports.setExtractTextWithPositionOnWindow = __webpack_exports__.setExtractTextWithPositionOnWindow;
+exports.setGenerateHashOnWindow = __webpack_exports__.setGenerateHashOnWindow;
+exports.setMidsceneVisibleRectOnWindow = __webpack_exports__.setMidsceneVisibleRectOnWindow;
+exports.setNodeHashCacheListOnWindow = __webpack_exports__.setNodeHashCacheListOnWindow;
+exports.setNodeToCacheList = __webpack_exports__.setNodeToCacheList;
+exports.validTextNodeContent = __webpack_exports__.validTextNodeContent;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "elementRect",
+    "generateId",
+    "getDebugMode",
+    "getNodeAttributes",
+    "getNodeFromCacheList",
+    "getPseudoElementContent",
+    "getRect",
+    "getTopDocument",
+    "hasOverflowY",
+    "isElementPartiallyInViewport",
+    "logger",
+    "midsceneGenerateHash",
+    "overlappedRect",
+    "setDebugMode",
+    "setExtractTextWithPositionOnWindow",
+    "setGenerateHashOnWindow",
+    "setMidsceneVisibleRectOnWindow",
+    "setNodeHashCacheListOnWindow",
+    "setNodeToCacheList",
+    "validTextNodeContent"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/extractor/web-extractor.js

@@ -0,0 +1,356 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    collectElementInfo: ()=>collectElementInfo,
+    extractTreeNodeAsString: ()=>extractTreeNodeAsString,
+    extractTreeNode: ()=>extractTreeNode,
+    mergeElementAndChildrenRects: ()=>mergeElementAndChildrenRects,
+    extractTextWithPosition: ()=>extractTextWithPosition
+});
+const index_js_namespaceObject = require("../constants/index.js");
+const external_dom_util_js_namespaceObject = require("./dom-util.js");
+const external_tree_js_namespaceObject = require("./tree.js");
+const external_util_js_namespaceObject = require("./util.js");
+let indexId = 0;
+function tagNameOfNode(node) {
+    let tagName = '';
+    if (node instanceof HTMLElement) {
+        var _node_tagName;
+        tagName = null == (_node_tagName = node.tagName) ? void 0 : _node_tagName.toLowerCase();
+    } else {
+        const parentElement = node.parentElement;
+        if (parentElement && parentElement instanceof HTMLElement) {
+            var _parentElement_tagName;
+            tagName = null == (_parentElement_tagName = parentElement.tagName) ? void 0 : _parentElement_tagName.toLowerCase();
+        }
+    }
+    return tagName ? `<${tagName}>` : '';
+}
+function collectElementInfo(node, currentWindow, currentDocument, baseZoom = 1, basePoint = {
+    left: 0,
+    top: 0
+}, isContainer = false) {
+    const rect = (0, external_util_js_namespaceObject.elementRect)(node, currentWindow, currentDocument, baseZoom);
+    if (!rect) return null;
+    if (rect.width < index_js_namespaceObject.CONTAINER_MINI_WIDTH || rect.height < index_js_namespaceObject.CONTAINER_MINI_HEIGHT) return null;
+    if (0 !== basePoint.left || 0 !== basePoint.top) {
+        rect.left += basePoint.left;
+        rect.top += basePoint.top;
+    }
+    if (rect.height >= window.innerHeight && rect.width >= window.innerWidth) return null;
+    if ((0, external_dom_util_js_namespaceObject.isFormElement)(node)) {
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        let valueContent = attributes.value || attributes.placeholder || node.textContent || '';
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, valueContent, rect);
+        const tagName = node.tagName.toLowerCase();
+        if ('select' === node.tagName.toLowerCase()) {
+            const selectedOption = node.options[node.selectedIndex];
+            valueContent = (null == selectedOption ? void 0 : selectedOption.textContent) || '';
+        }
+        if (('input' === node.tagName.toLowerCase() || 'textarea' === node.tagName.toLowerCase()) && node.value) valueContent = node.value;
+        const elementInfo = {
+            id: nodeHashId,
+            nodeHashId,
+            nodeType: index_js_namespaceObject.NodeType.FORM_ITEM,
+            indexId: indexId++,
+            attributes: {
+                ...attributes,
+                htmlTagName: `<${tagName}>`,
+                nodeType: index_js_namespaceObject.NodeType.FORM_ITEM
+            },
+            content: valueContent.trim(),
+            rect,
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    if ((0, external_dom_util_js_namespaceObject.isButtonElement)(node)) {
+        const rect = mergeElementAndChildrenRects(node, currentWindow, currentDocument, baseZoom);
+        if (!rect) return null;
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        const pseudo = (0, external_util_js_namespaceObject.getPseudoElementContent)(node, currentWindow);
+        const content = node.innerText || pseudo.before || pseudo.after || '';
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, content, rect);
+        const elementInfo = {
+            id: nodeHashId,
+            indexId: indexId++,
+            nodeHashId,
+            nodeType: index_js_namespaceObject.NodeType.BUTTON,
+            attributes: {
+                ...attributes,
+                htmlTagName: tagNameOfNode(node),
+                nodeType: index_js_namespaceObject.NodeType.BUTTON
+            },
+            content,
+            rect,
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    if ((0, external_dom_util_js_namespaceObject.isImgElement)(node)) {
+        var _node_nodeName;
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, '', rect);
+        const elementInfo = {
+            id: nodeHashId,
+            indexId: indexId++,
+            nodeHashId,
+            attributes: {
+                ...attributes,
+                ...(null == (_node_nodeName = node.nodeName) ? void 0 : _node_nodeName.toLowerCase()) === 'svg' ? {
+                    svgContent: 'true'
+                } : {},
+                nodeType: index_js_namespaceObject.NodeType.IMG,
+                htmlTagName: tagNameOfNode(node)
+            },
+            nodeType: index_js_namespaceObject.NodeType.IMG,
+            content: '',
+            rect,
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    if ((0, external_dom_util_js_namespaceObject.isTextElement)(node)) {
+        var _node_textContent;
+        const text = null == (_node_textContent = node.textContent) ? void 0 : _node_textContent.trim().replace(/\n+/g, ' ');
+        if (!text) return null;
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        const attributeKeys = Object.keys(attributes);
+        if (!text.trim() && 0 === attributeKeys.length) return null;
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, text, rect);
+        const elementInfo = {
+            id: nodeHashId,
+            indexId: indexId++,
+            nodeHashId,
+            nodeType: index_js_namespaceObject.NodeType.TEXT,
+            attributes: {
+                ...attributes,
+                nodeType: index_js_namespaceObject.NodeType.TEXT,
+                htmlTagName: tagNameOfNode(node)
+            },
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            content: text,
+            rect,
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    if ((0, external_dom_util_js_namespaceObject.isAElement)(node)) {
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        const pseudo = (0, external_util_js_namespaceObject.getPseudoElementContent)(node, currentWindow);
+        const content = node.innerText || pseudo.before || pseudo.after || '';
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, content, rect);
+        const elementInfo = {
+            id: nodeHashId,
+            indexId: indexId++,
+            nodeHashId,
+            nodeType: index_js_namespaceObject.NodeType.A,
+            attributes: {
+                ...attributes,
+                htmlTagName: tagNameOfNode(node),
+                nodeType: index_js_namespaceObject.NodeType.A
+            },
+            content,
+            rect,
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    if ((0, external_dom_util_js_namespaceObject.isContainerElement)(node) || isContainer) {
+        const attributes = (0, external_util_js_namespaceObject.getNodeAttributes)(node, currentWindow);
+        const nodeHashId = (0, external_util_js_namespaceObject.midsceneGenerateHash)(node, '', rect);
+        const elementInfo = {
+            id: nodeHashId,
+            nodeHashId,
+            indexId: indexId++,
+            nodeType: index_js_namespaceObject.NodeType.CONTAINER,
+            attributes: {
+                ...attributes,
+                nodeType: index_js_namespaceObject.NodeType.CONTAINER,
+                htmlTagName: tagNameOfNode(node)
+            },
+            content: '',
+            rect,
+            center: [
+                Math.round(rect.left + rect.width / 2),
+                Math.round(rect.top + rect.height / 2)
+            ],
+            zoom: rect.zoom,
+            isVisible: rect.isVisible
+        };
+        return elementInfo;
+    }
+    return null;
+}
+function extractTextWithPosition(initNode, debugMode = false) {
+    const elementNode = extractTreeNode(initNode, debugMode);
+    const elementInfoArray = [];
+    function dfsTopChildren(node) {
+        if (node.node) elementInfoArray.push(node.node);
+        for(let i = 0; i < node.children.length; i++)dfsTopChildren(node.children[i]);
+    }
+    dfsTopChildren({
+        children: elementNode.children,
+        node: elementNode.node
+    });
+    return elementInfoArray;
+}
+function extractTreeNodeAsString(initNode, visibleOnly = false, debugMode = false) {
+    const elementNode = extractTreeNode(initNode, debugMode);
+    return (0, external_tree_js_namespaceObject.descriptionOfTree)(elementNode, void 0, false, visibleOnly);
+}
+function extractTreeNode(initNode, debugMode = false) {
+    (0, external_util_js_namespaceObject.setDebugMode)(debugMode);
+    indexId = 0;
+    const topDocument = (0, external_util_js_namespaceObject.getTopDocument)();
+    const startNode = initNode || topDocument;
+    const topChildren = [];
+    function dfs(node, currentWindow, currentDocument, baseZoom = 1, basePoint = {
+        left: 0,
+        top: 0
+    }) {
+        if (!node) return null;
+        if (node.nodeType && 10 === node.nodeType) return null;
+        const elementInfo = collectElementInfo(node, currentWindow, currentDocument, baseZoom, basePoint);
+        if (node instanceof currentWindow.HTMLIFrameElement) {
+            if (node.contentWindow && node.contentWindow) return null;
+        }
+        const nodeInfo = {
+            node: elementInfo,
+            children: []
+        };
+        if ((null == elementInfo ? void 0 : elementInfo.nodeType) === index_js_namespaceObject.NodeType.BUTTON || (null == elementInfo ? void 0 : elementInfo.nodeType) === index_js_namespaceObject.NodeType.IMG || (null == elementInfo ? void 0 : elementInfo.nodeType) === index_js_namespaceObject.NodeType.TEXT || (null == elementInfo ? void 0 : elementInfo.nodeType) === index_js_namespaceObject.NodeType.FORM_ITEM || (null == elementInfo ? void 0 : elementInfo.nodeType) === index_js_namespaceObject.NodeType.CONTAINER) return nodeInfo;
+        const rect = (0, external_util_js_namespaceObject.getRect)(node, baseZoom, currentWindow);
+        for(let i = 0; i < node.childNodes.length; i++){
+            (0, external_util_js_namespaceObject.logger)('will dfs', node.childNodes[i]);
+            const childNodeInfo = dfs(node.childNodes[i], currentWindow, currentDocument, rect.zoom, basePoint);
+            if (Array.isArray(childNodeInfo)) nodeInfo.children.push(...childNodeInfo);
+            else if (childNodeInfo) nodeInfo.children.push(childNodeInfo);
+        }
+        if (null === nodeInfo.node) {
+            if (0 === nodeInfo.children.length) return null;
+            return nodeInfo.children;
+        }
+        return nodeInfo;
+    }
+    const rootNodeInfo = dfs(startNode, window, document, 1, {
+        left: 0,
+        top: 0
+    });
+    if (Array.isArray(rootNodeInfo)) topChildren.push(...rootNodeInfo);
+    else if (rootNodeInfo) topChildren.push(rootNodeInfo);
+    if (startNode === topDocument) {
+        const iframes = document.querySelectorAll('iframe');
+        for(let i = 0; i < iframes.length; i++){
+            const iframe = iframes[i];
+            if (iframe.contentDocument && iframe.contentWindow) {
+                const iframeInfo = collectElementInfo(iframe, window, document, 1);
+                if (iframeInfo) {
+                    const iframeChildren = dfs(iframe.contentDocument.body, iframe.contentWindow, iframe.contentDocument, 1, {
+                        left: iframeInfo.rect.left,
+                        top: iframeInfo.rect.top
+                    });
+                    if (Array.isArray(iframeChildren)) topChildren.push(...iframeChildren);
+                    else if (iframeChildren) topChildren.push(iframeChildren);
+                }
+            }
+        }
+    }
+    return {
+        node: null,
+        children: topChildren
+    };
+}
+function mergeElementAndChildrenRects(node, currentWindow, currentDocument, baseZoom = 1) {
+    const selfRect = (0, external_util_js_namespaceObject.elementRect)(node, currentWindow, currentDocument, baseZoom);
+    if (!selfRect) return null;
+    let minLeft = selfRect.left;
+    let minTop = selfRect.top;
+    let maxRight = selfRect.left + selfRect.width;
+    let maxBottom = selfRect.top + selfRect.height;
+    function traverse(child) {
+        for(let i = 0; i < child.childNodes.length; i++){
+            const sub = child.childNodes[i];
+            if (1 === sub.nodeType) {
+                const rect = (0, external_util_js_namespaceObject.elementRect)(sub, currentWindow, currentDocument, baseZoom);
+                if (rect) {
+                    minLeft = Math.min(minLeft, rect.left);
+                    minTop = Math.min(minTop, rect.top);
+                    maxRight = Math.max(maxRight, rect.left + rect.width);
+                    maxBottom = Math.max(maxBottom, rect.top + rect.height);
+                }
+                traverse(sub);
+            }
+        }
+    }
+    traverse(node);
+    return {
+        ...selfRect,
+        left: minLeft,
+        top: minTop,
+        width: maxRight - minLeft,
+        height: maxBottom - minTop
+    };
+}
+exports.collectElementInfo = __webpack_exports__.collectElementInfo;
+exports.extractTextWithPosition = __webpack_exports__.extractTextWithPosition;
+exports.extractTreeNode = __webpack_exports__.extractTreeNode;
+exports.extractTreeNodeAsString = __webpack_exports__.extractTreeNodeAsString;
+exports.mergeElementAndChildrenRects = __webpack_exports__.mergeElementAndChildrenRects;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "collectElementInfo",
+    "extractTextWithPosition",
+    "extractTreeNode",
+    "extractTreeNodeAsString",
+    "mergeElementAndChildrenRects"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});