Method loadLibraries

src/main.js:142–182

(url)

    }
    
    async loadLibraries(url){
        try {
            this.pkgLists.innerHTML = '';
            loader.create('Loading','Fetching data...');
            const response = await fetch(url);
            let data = await response.json();
            loader.destroy();
            let res = data.results;
            res.forEach(obj => {
                const li = tag('li');
                this.pkgLists.append(li);
                const pkgHeader = tag('div',{
                    className: "pkgHeader",
                });
                const pkgMain = tag('div',{
                    className: "pkgMain",
                });
                li.append(...[pkgHeader,pkgMain]);
                const heading1 = tag('h3',{
                    textContent: obj.name,
                });
                const heading2 = tag('h4',{
                    textContent: this.abbreviateNumber(obj.github.stargazers_count),
                });
                const heading3 = tag('h4',{
                    textContent: this.abbreviateNumber(obj.github.forks),
                });
                pkgHeader.append(...[heading1,heading2,heading3]);
                const descP = tag('p',{
                    textContent: obj.description,
                });
                const plusIcon = tag('span',{
                    textContent: '+',
                });
                pkgMain.append(...[descP,plusIcon]);
                li.onclick = this.pkgDetails.bind(this,obj.name);
            });
        } catch (e) {
            this.closePlugin();
        }
    }
    
    searchLib(){
        let query = this.$searchInput.value.toLowerCase()