ars/iiEsaywebUIapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(stats): Update GitHub stats fetching to use data attributes and improve API request handling

Browse Source
This commit is contained in:
cogwheel0
2025-11-26 23:39:14 +05:30
parent 6829682c2a
commit 63dd7234d6
2 changed files with 61 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@@ -65,7 +65,7 @@
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
<span class="badge-value" id="github-stars">—</span>
<span class="badge-value" data-metric="stars">—</span>
<span class="badge-label">Stars</span>
</a>
<a href="https://github.com/cogwheel0/conduit/releases" target="_blank" class="social-badge">
@@ -74,7 +74,7 @@
<polyline points="7 10 12 15 17 10"/>
<line x1="12" y1="15" x2="12" y2="3"/>
</svg>
<span class="badge-value" id="github-downloads">—</span>
<span class="badge-value" data-metric="downloads">—</span>
<span class="badge-label">Downloads</span>
</a>
</div>

82
docs/script.js
View File

@@ -273,9 +273,9 @@ document.addEventListener('DOMContentLoaded', () => {
});
// ============================================
// FETCH GITHUB STATS
// FETCH REPOSITORY STATS
// ============================================
const formatNumber = (num) => {
const formatCount = (num) => {
if (num >= 1000000) {
return (num / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
}
@@ -285,47 +285,67 @@ document.addEventListener('DOMContentLoaded', () => {
return num.toString();
};
const starsElement = document.getElementById('github-stars');
const downloadsElement = document.getElementById('github-downloads');
// Use data attributes instead of IDs to avoid ad blocker element hiding
const starsEl = document.querySelector('[data-metric="stars"]');
const downloadsEl = document.querySelector('[data-metric="downloads"]');
// Fetch repo stats (stars)
if (starsElement) {
fetch('https://api.github.com/repos/cogwheel0/conduit')
.then(response => response.json())
.then(data => {
if (data.stargazers_count !== undefined) {
starsElement.textContent = formatNumber(data.stargazers_count);
starsElement.classList.add('loaded');
// Build API URL dynamically to avoid static pattern matching
const apiBase = ['https:/', '/api', '.github', '.com/'].join('');
const repoPath = 'repos/cogwheel0/conduit';
// Fetch repo stats using a class-based approach (less likely to be blocked)
const fetchRepoData = async () => {
try {
const endpoint = apiBase + repoPath;
const response = await fetch(endpoint);
if (!response.ok) throw new Error('API request failed');
return await response.json();
} catch (e) {
return null;
}
};
const fetchReleaseData = async () => {
try {
const endpoint = apiBase + repoPath + '/releases';
const response = await fetch(endpoint);
if (!response.ok) throw new Error('API request failed');
return await response.json();
} catch (e) {
return null;
}
};
// Initialize stats
if (starsEl) {
fetchRepoData().then(data => {
if (data && data.stargazers_count !== undefined) {
starsEl.textContent = formatCount(data.stargazers_count);
starsEl.classList.add('loaded');
} else {
starsEl.textContent = '★';
}
})
.catch(() => {
starsElement.textContent = '★';
});
}
// Fetch releases (downloads)
if (downloadsElement) {
fetch('https://api.github.com/repos/cogwheel0/conduit/releases')
.then(response => response.json())
.then(releases => {
if (downloadsEl) {
fetchReleaseData().then(releases => {
if (Array.isArray(releases)) {
const totalDownloads = releases.reduce((total, release) => {
return total + release.assets.reduce((assetTotal, asset) => {
return assetTotal + (asset.download_count || 0);
const total = releases.reduce((sum, release) => {
return sum + release.assets.reduce((assetSum, asset) => {
return assetSum + (asset.download_count || 0);
}, 0);
}, 0);
if (totalDownloads > 0) {
downloadsElement.textContent = formatNumber(totalDownloads);
if (total > 0) {
downloadsEl.textContent = formatCount(total);
} else {
// If no GitHub downloads, show a generic indicator
downloadsElement.textContent = 'New';
downloadsEl.textContent = 'New';
}
downloadsElement.classList.add('loaded');
downloadsEl.classList.add('loaded');
} else {
downloadsEl.textContent = '↓';
}
})
.catch(() => {
downloadsElement.textContent = '↓';
});
}