active-forks/js/main.js

78 lines
2.3 KiB
JavaScript

function fetchData() {
const repo = document.getElementById('repo').value
const re = /[-_\w]+\/[-_.\w]+/
if (re.test(repo)) {
fetchAndShow(repo)
} else {
showError('Invalid github repo given. Format is <username>/<repo>')
}
}
function fetchAndShow(repo) {
fetch(`https://api.github.com/repos/${repo}/forks?sort=stargazers`)
.then(function(response) {
response.json()
.then(function(data) {
showData(data)
})
})
}
function showError(msg) {
document.getElementById('data-body').innerHTML = `<div class="alert alert-danger">${msg}</div>`
}
function showData(data) {
if (!Array.isArray(data)) {
showError('Github Repo does not exist')
return
}
if (data.length === 0) {
document.getElementById('data-body').innerHTML = `<div class="alert alert-info">No forks exist</div>`
return
}
const thead = '<thead><tr><th>Repository</th><th>Stargazers</th><th>Forks</th><th>Last Update</th></tr></thead>'
const html = []
for (const fork of data) {
const item = `
<tr>
<td><a href="${fork.html_url}">${fork.full_name}</a></td>
<td>${fork.stargazers_count}</td>
<td>${fork.forks_count}</td>
<td>${timeSince(fork.updated_at)} ago</td>
</tr>
`
html.push(item)
}
document.getElementById('data-body').innerHTML = `<table class="table table-striped">${thead}<tbody>${html.join()}</tbody></table>`
}
function timeSince(date_str) {
const date = new Date(date_str)
const seconds = Math.floor((new Date() - date) / 1000);
let interval = Math.floor(seconds / 31536000);
if (interval > 1) {
return interval + " years";
}
interval = Math.floor(seconds / 2592000);
if (interval > 1) {
return interval + " months";
}
interval = Math.floor(seconds / 86400);
if (interval > 1) {
return interval + " days";
}
interval = Math.floor(seconds / 3600);
if (interval > 1) {
return interval + " hours";
}
interval = Math.floor(seconds / 60);
if (interval > 1) {
return interval + " minutes";
}
return Math.floor(seconds) + " seconds";
}