tree component for silex

silex tree component.js

function buildTree(element, elements = silex.getElements(), _id) {
    if(!element) {
        console.error('element is undefined', _id)
        silex.updateElements(silex.getElements().filter(el => el.id !== _id))
        return []
    }
    const children = (element.children || [])
    .map(id => buildTree(silex.getElementById(id), elements, id))
    const root = document.createElement('details')
    root.setAttribute('data-id', element.id)
    const summary = document.createElement('summary')
    summary.innerHTML = element.tagName+'.'+(element.classList || []).join('.')
    root.append(summary, ...children)
    return root
}
console.log(silex.getBody())
buildTree(silex.getBody())