GitHub-Widget/dist/widget.js

(function(){function appendToWidget(parentSelector,tag,classes,html){var parentNode=document.querySelector(parentSelector);var childNode=document.createElement(tag);childNode.innerHTML=html;childNode.className+=classes;parentNode.appendChild(childNode)}function getJSON(url,callback){var request=new XMLHttpRequest;request.open("GET",url,true);request.onload=function(){if(request.status===200){callback(JSON.parse(request.responseText))}};request.send()}function ready(func){if(document.readyState!=="loading"){func()}else{document.addEventListener("DOMContentLoaded",func)}}function start(){appendToWidget("body","style","","*:focus{outline: none;}.gh-widget-link,.gh-widget-link:hover{text-decoration:none}.gh-widget-container{display:flex;flex-direction:row;flex-wrap:no-wrap;align-items:center;justify-content:center;color:#333;font-family:'Noto Sans'}.gh-widget-personal-details .bio,.gh-widget-stats .count{color:#4078C0}.github-widget{border:1px solid #DDD;max-width:375px}.gh-widget-item{flex:1;text-align:center;padding:10px}.gh-widget-repositories .language{text-align:left}.gh-widget-repositories .language div,.gh-widget-repositories .stars div{padding:5px 0}.gh-widget-photo{flex:2}.gh-widget-photo img{border-radius:100%;max-width:90px}.gh-widget-personal-details{flex:6}.gh-widget-personal-details .full-name{font-size:1.5em;line-height:1.5em}.gh-widget-personal-details .location, .company{font-size:.8em}.gh-widget-stats .count{font-size:1.2em;font-weight:700}.gh-widget-repositories .names{flex:2;text-align:left}.gh-widget-repositories .names div{padding:5px 0;text-overflow:ellipsis}.gh-widget-follow{flex:2}.gh-div-follow a{color: white}.gh-widget-active-time{flex:4;font-size:.8em}.gh-widget-heading{font-weight:400;color:#666}.gh-widget-hr{border:1px solid #DDD}.gh-widget-link{color:#4078C0}.gh-widget-follow div{width:100%;background:#4078C0;border-radius:5px}");var widgets=document.querySelectorAll(".github-widget");for(var i=0;i<widgets.length;i++){var parentNode=widgets[i];parentNode.setAttribute("id","widget"+i);appendToWidget("#widget"+i,"div","",'<div class="gh-widget-container"><div class="gh-widget-item gh-widget-photo"></div><div class="gh-widget-item gh-widget-personal-details"></div></div><div class="gh-widget-container gh-widget-stats"></div><hr class="gh-widget-hr"><div class="gh-widget-container"><div class="gh-widget-item gh-widget-heading">Top repositories</div></div><div class="gh-widget-repositories"></div><div class="gh-widget-container"><div class="gh-widget-item gh-widget-follow"></div><div class="gh-widget-item gh-widget-active-time"></div></div>');var username=parentNode.dataset.username;fetchRepos(username,"#widget"+i);fetchUserDetails(username,"#widget"+i)}}function fetchRepos(username,widgetId){getJSON("https://api.github.com/users/"+username+"/repos",function(response){updateRepoDetails(topRepos(response),widgetId);updateLastPush(lastPushedDay(response),widgetId)})}function fetchUserDetails(username,widgetId){getJSON("https://api.github.com/users/"+username,function(response){updateUserDetails(response,widgetId)})}function updateLastPush(lastDay,widgetId){appendToWidget(widgetId+" .gh-widget-active-time","span","","Last active: "+(lastDay?lastDay+" day"+(lastDay>1?"s":"")+" ago":"Today"))}function lastPushedDay(repos){var now=new Date;var latestDate;var difference=9999999999999;for(var i=0;i<repos.length;i++){var pushedDate=new Date(repos[i].pushed_at);if(now-pushedDate<difference){latestDate=pushedDate;difference=now-pushedDate}}return Math.floor((now-latestDate)/(1e3*3600*24))}function updateUserDetails(user,widgetId){appendToWidget(widgetId+" .gh-widget-personal-details","div","full-name",user.name);if(user.bio){appendToWidget(widgetId+" .gh-widget-personal-details","div","bio",user.bio)}if(user.location){appendToWidget(widgetId+" .gh-widget-personal-details","div","location","&#9906; "+user.location)}if(user.company){appendToWidget(widgetId+" .gh-widget-personal-details","div","company","&#946; "+user.company)}appendToWidget(widgetId+" .gh-widget-stats","div","gh-widget-item",'<a class="gh-widget-link" href="'+user.html_url+'/followers" target="_blank"><div class="count">'+user.followers+"</div><div>Followers</div></a>");appendToWidget(widgetId+" .gh-widget-stats","div","gh-widget-item",'<a class="gh-widget-link" href="'+user.html_url+'/following" target="_blank"><div class="count">'+user.following+"</div><div>Following</div></a>");appendToWidget(widgetId+" .gh-widget-stats","div","gh-widget-item",'<a class="gh-widget-link" href="'+user.html_url+'/repositories" target="_blank"><div class="count">'+user.public_repos+"</div><div>Repositories</div></a>");appendToWidget(widgetId+" .gh-widget-stats","div","gh-widget-item",'<a class="gh-widget-link" href="https://gist.github.com/'+user.login+'" target="_blank"><div class="count">'+user.public_gists+"</div><div>Gists</div></a>");appendToWidget(widgetId+" .gh-widget-photo","span","",'<img src="'+user.avatar_url+'">');appendToWidget(widgetId+" .gh-widget-follow","div","gh-div-follow",'<a class="gh-widget-link" target="_blank" href="'+user.html_url+'">Follow</a>')}function updateRepoDetails(repos,widgetId){for(var i=0;i<repos.length;i++){appendToWidget(widgetId+" .gh-widget-repositories","div","gh-widget-container",'<div class="gh-widget-item names"><div><a class="gh-widget-link" href="'+repos[i].repoUrl+'">'+repos[i].name+'</a></div></div><div class="gh-widget-item language"><div>'+repos[i].language+'</div></div><div class="gh-widget-item stars"><div>&#9733;'+repos[i].stars+"</div></div>")}}function topRepos(repos){repos.sort(function(a,b){if(a.stargazers_count===b.stargazers_count){return 0}else if(a.stargazers_count>b.stargazers_count){return-1}else{return 1}});repos=repos.slice(0,3);var result=[];for(var i in repos){var repo=repos[i];result.push({name:repo.name,stars:repo.stargazers_count,language:repo.language?repo.language:"Unknown",repoUrl:repo.html_url})}return result}ready(start)})();