document.addEventListener('DOMContentLoaded', () => {
const repoForm = document.getElementById('repoForm');
const loading = document.getElementById('loading');
const results = document.getElementById('results');
repoForm.addEventListener('submit', async (e) => {
e.preventDefault();
const username = document.getElementById('username').value.trim();
const repo = document.getElementById('repo').value.trim();
if (!username || !repo) {
alert('Please enter both GitHub username and repository name');
return;
}
// Show loading indicator
loading.classList.remove('hidden');
results.classList.add('hidden');
try {
const response = await fetch(`https://api.github.com/repos/${username}/${repo}`);
if (!response.ok) {
throw new Error('Repository not found or API rate limit exceeded');
}
const data = await response.json();
displayResults(data, username, repo);
// Fetch README.md content
const readmeResponse = await fetch(`https://api.github.com/repos/${username}/${repo}/readme`, {
headers: {
'Accept': 'application/vnd.github.v3.raw'
}
});
if (readmeResponse.ok) {
const readmeContent = await readmeResponse.text();
displayReadme(readmeContent);
}
} catch (error) {
results.innerHTML = `
Error fetching repository
`;
feather.replace();
} finally {
loading.classList.add('hidden');
results.classList.remove('hidden');
}
});
function displayResults(data, username, repo) {
results.innerHTML = `
${data.name}
${data.description || 'No description'}
${data.stargazers_count}
${data.watchers_count}
${data.forks_count}
${data.open_issues_count}
View on GitHub
Repository Details
- Language ${data.language || 'Not specified'}
- License ${data.license?.name || 'Not specified'}
- Created ${new Date(data.created_at).toLocaleDateString()}
- Last Updated ${new Date(data.updated_at).toLocaleDateString()}
- Size ${Math.round(data.size / 1024)} MB
- Default Branch ${data.default_branch}
`;
feather.replace();
}
function displayReadme(content) {
const readmeContainer = document.getElementById('readme-content');
if (content) {
// Simple markdown to HTML conversion for basic formatting
let htmlContent = content
.replace(/^#\s(.+)$/gm, '$1
')
.replace(/^##\s(.+)$/gm, '$1
')
.replace(/^###\s(.+)$/gm, '$1
')
.replace(/\*\*(.+?)\*\*/g, '$1')
.replace(/\*(.+?)\*/g, '$1')
.replace(/`(.+?)`/g, '$1')
.replace(/!\[(.*?)\]\((.*?)\)/g, '
')
.replace(/\[(.*?)\]\((.*?)\)/g, '$1');
readmeContainer.innerHTML = htmlContent;
} else {
readmeContainer.innerHTML = 'No README found for this repository.
';
}
}
});