const distro_names = new Map([['archlinux', 'arch'],
])

String.prototype.toTitleCase = function () {
    if (this.length == 0) return ""

    return this[0].toUpperCase() + this.substring(1).toLowerCase()
}

async function pdb(type, query) {
    const url = new URL('/pdb', window.location)
    const payload = JSON.stringify(query)
    url.searchParams.append('type', type);
    url.searchParams.append('query', payload);
    let response = await fetch (url.href)
    if (! response.ok) {
        throw response.text()
    }
    return response.json()

}

function upcasePuppet(s) {
    return s.split('::').map(s => s.toTitleCase()).join('::')
}

function downcasePuppet(s) {
    return s.split('::').map(s => s.toLowerCase()).join('::')
}

function formatValue(value, target) {
    if (value instanceof Array) {
        let ul = document.createElement('ul');
        for (let item of value) {
            let li = document.createElement('li');
            formatValue(item, li);
            ul.appendChild(li);
        }
        target.appendChild(ul);
    } else if (value instanceof Object) {
        let dl = document.createElement('dl');
        for (let [k, v] of Object.entries(value)) {
            let dt = document.createElement('dt');
            let dd = document.createElement('dd');
            dt.textContent = k;
            formatValue(v, dd);
            dl.appendChild(dt);
            dl.appendChild(dd);
        }
        target.appendChild(dl);
    } else {
        target.textContent = value;
    }
}


/* For host page, find all classes that host has, and display it along with all
   its parameters */
async function populate_host_classes(class_container, fqdn) {
    const resources = await pdb('resources', ['extract', ['title', 'parameters'],
                                              ['and',
                                               ['=', 'certname', fqdn],
                                               ['=', 'type', 'Class']]])
    if (resources.length == 0) {
        class_container.textContent = 'No classes found'
        return
    }
    let root = document.createElement('dl');
    class_container.appendChild(root);
    for (let item of resources) {
        let dt = document.createElement('dt');
        let a = document.createElement('a');
        a.textContent = item['title']
        a.href = '/class/' + downcasePuppet(item['title'])
        dt.appendChild(a)

        // let dd = document.createElement('dd');
        // let dl = document.createElement('dl');
        // dd.appendChild(dl);
        // for (let [key, value] of Object.entries(item['parameters'])) {
        //     let dt_ = document.createElement('dt');
        //     dt_.textContent = key;
        //     dl.appendChild(dt_);

        //     let dd_ = document.createElement('dd');
        //     formatValue(value, dd_);
        //     dl.appendChild(dd_);
        // }
        root.appendChild(dt);
        // root.appendChild(dd);
    }
}

async function populate_class_hosts(host_container, title) {
    // resources[certname, file]{type = "Class" and title = "Puppet"}
    const resources = await pdb('resources', ['extract', ['certname', 'file'],
                                              ['and',
                                               ['=', 'title', upcasePuppet(title)],
                                               ['=', 'type', 'Class']]])
    if (resources.length == 0) {
        host_container.textContent = 'No hosts uses this class'
        return
    }

    let ul = document.createElement('ul');
    host_container.appendChild(ul);
    for (let item of resources) {
        let fqdn = item['certname']
        let include_position = item['filename']

        let li = document.createElement('li');
        let a = document.createElement('a');
        a.textContent = fqdn
        a.href = `/host/${fqdn}`

        let span = document.createElement('span');
        span.textContent = include_position;
        span.classList.add('include-position');

        li.appendChild(a, span);
        ul.appendChild(li);
    }
}

window.addEventListener('load', async function () {
    {/* for host list */
        let j = await pdb('facts', ['extract', ['certname', 'value'], ['=', 'name', 'operatingsystem']])
        for (let item of j) {
            // NOTE these should always be cached
            const target = document.querySelector(`img.distroicon[data-host="${item["certname"]}"]`);
            if (! target) continue;

            let value = item['value']
            target.alt = value
            let name = value.toLowerCase()
            let filename = distro_names.get(name) || name
            target.src = `/static/distro-icon/128_${filename}.png`
        }
    }

    {/* For class list */
        let m = new Map
        let j = await pdb('resources',
                          ['extract', [['function', 'count'], 'title'],
                           ['=', 'type', 'Class'],
                           ['group_by', 'title']])
        for (let item of j) {
            m.set(item['title'], item['count']);
        }

        for (let el of document.querySelectorAll('[data-cls]')) {
            let count = m.get(upcasePuppet(el.dataset.cls)) || '0'
            el.innerText = `(${count})`;
        }
    }

    // {/* For environment list */
    //     for (let env_type of ['facts_environment', 'report_environment']) {
    //         pdb('nodes', ['extract', [['function', 'count'],  env_type],
    //                       ['group_by', env_type]])
    //     }
    // }

});