Adrian Larson

Tailored version (in progress):

let grid, cards;
grid = document.querySelector('dx-section[title="Browse Documentation"] dw-docs-grid').shadowRoot.childNodes[0];
cards = grid.querySelector("dx-grid").childNodes;
const readCard = (card) => {
const anchor = card.shadowRoot.childNodes[0];
const title = anchor.querySelector("dx-card-title").shadowRoot.textContent;
const description = anchor.text;
const href = anchor.href;
return ` - **[${title}](${href})** \n ${description}`
}
console.log(Array.from(cards).reduce((output, card) => output + "\n" + readCard(card), ""));

Fixed up generic version (still not working):

const getShadowDomHtml = (shadowRoot) => {
let shadowHTML = '';
for (let element of shadowRoot.childNodes) {
shadowHTML += element .nodeValue || element.outerHTML;
}
return shadowHTML;
};
const replaceShadowDomsWithHtml = (rootElement) => {
for (let element of rootElement.querySelectorAll('*')) {
if (element.shadowRoot) {
replaceShadowDomsWithHtml(element.shadowRoot);
element.innerHTML += getShadowDomHtml(element.shadowRoot);
}
}
};
replaceShadowDomsWithHtml(document.body);GEN