Method pkgDetails

src/main.js:189–250

(libNme)

    }
    
    async pkgDetails(libNme){
        
        let url = `https://api.cdnjs.com/libraries/${libNme}?fields=name,author,description,filename,version,versions,repository,license,assets`;
        try {
            loader.create('Loading','Fetching data...');
            const response = await fetch(url);
            let data = await response.json();
            loader.destroy();
            this.$plugPage1.classList.add('hide');
            this.$plugPage2.classList.remove('hide');
            this.libName.textContent = data.name;
            this.descrTxt.textContent = data.description;
            this.lisenceTxt.textContent = data.license;
            this.authrTxt.textContent = data.author;
            this.$sriObj = {};
            this.$sriObj = data.assets[0].sri;
            let filteredVersions = this.filterVersions(data.versions);
            let last50 = filteredVersions.slice(-50);
            
            for(let i = 0;i<last50.length;i++){
                if (last50[i] == data.version) {
                    this.versionSelector.innerHTML += `<option value="${last50[i]}" selected>${last50[i]}</option>`;
                } else {
                    this.versionSelector.innerHTML += `<option value="${last50[i]}">${last50[i]}</option>`;
                }
            }
            this.filesList.innerHTML ="";
            let filteredFiles = this.filterFiles(data.assets[0].files);
            for(let i = 0;i<filteredFiles.length;i++){
                if(data.filename == filteredFiles[i]){
                    const list = tag('li');
                    const filesCheckBox = tag('input',{
                        type: "checkbox",
                        className: "filesCheckBox",
                        value: filteredFiles[i],
                        checked: true,
                    });
                    const filesLabel = tag('p',{
                        textContent: filteredFiles[i],
                        className: "filesLabel"
                    });
                    list.append(...[filesCheckBox,filesLabel]);
                    this.filesList.append(list);
                }else{
                    const list = tag('li');
                    const filesCheckBox = tag('input',{
                        type: "checkbox",
                        className: "filesCheckBox",
                        value: filteredFiles[i],
                    });
                    const filesLabel = tag('p',{
                        textContent: filteredFiles[i],
                        className: "filesLabel"
                    });
                    list.append(...[filesCheckBox,filesLabel]);
                    this.filesList.append(list);
                    }
            }