Function getPathFromNode

src/scripts/utils/utils.js:47–86

(node)

 * @returns {Object[] | null}
 */
export function getPathFromNode(node) {
    
    let curElement = node;
    let path = [];
    let curRoot = null;

    do {
        // get root node of current element. Might be a shadow-root or an iframe document
        curRoot = curElement.getRootNode();
        

        let pathFragment = {
            index: Array.from(curRoot.querySelectorAll('*')).findIndex((el) => el === curElement),
            type: "document"
        }
    
        if (curRoot instanceof ShadowRoot) {
            // element is inside a shadowRoot
            pathFragment.type = "shadow";
            
            // if it's inside a closed shadow root, just return null, since it will be unreachable from the outside
            if (curRoot.mode === "closed") {
                return null;
            }
            
            curElement = curRoot.host;
        }
        else if (curRoot !== document) {
            // is inside an iframe
            pathFragment.type = "iframe";

            curElement = curRoot.defaultView.frameElement;
        }
    
        path.push(pathFragment);

    } while (curRoot !== document);

    return path.reverse();
}

/**
 * Get a Node from the path generated by the getPathFromNode function