querySelector and querySelectorAll that looks in the ShadowDOM

querySelector_shadowDOM.js

// quick and ugly implementation to be able to query both dom and shadowdom
function find(elem, selector) {

    for(var i = 0; i < elem.children.length; i++){
        let child = elem.children[i];
        if(child.matches(selector))
            return child;
        found = find(child, selector);
        if(found)
            return found;
        if(child.shadowRoot) {
            found = find(child.shadowRoot, selector)
            if(found)
                return found;
        }
    }
    return null;
}

function findAll(elem, selector, acc) {
    if(!acc) {
        acc = [];
    }
    for(var i = 0; i < elem.children.length; i++){
        let child = elem.children[i];
        var found = null;
        if(child.matches(selector))
            acc.push(child);
        found = findAll(child, selector, acc);
        if(child.shadowRoot) {
            findAll(child.shadowRoot, selector, acc);
        }
    }
    return acc;
}