);
}
function CMetric({ label, value, sub, color }) {
return (
{label}
{value}
{sub}
);
}
function CChipGroup({ title, children }) {
return (
{title}
{children}
);
}
function CChip({ on, onClick, label, dot }) {
return (
);
}
function CSortHdr({ k, label, cur, dir, on }) {
const active = cur === k;
return (
);
}
function FKeyC({ n, l }) {
return {n}{l};
}
function RepoStat({ label, val }) {
return (
{label}{val}
);
}
// Pseudo-avatar: 2-letter monogram on a hashed color block
function Avatar({ handle, size = 24 }) {
const h = Array.from(handle).reduce((a,c) => (a*31 + c.charCodeAt(0)) >>> 0, 0);
const hue = h % 360;
const initials = handle.replace(/[^a-z0-9]/gi,'').slice(0, 2).toUpperCase();
return (
{initials}
);
}
function PMBar({ add, del }) {
const total = add + del || 1;
const aPct = (add / total) * 100;
return (
{fmtK(add+del)}
);
}
function Sparkline({ values }) {
const W = 420, H = 44;
const max = Math.max(...values);
const stepX = W / (values.length - 1);
const pts = values.map((v, i) => `${i*stepX},${H - (v/max)*H}`).join(' ');
const area = `0,${H} ${pts} ${W},${H}`;
return (
);
}
// ── Helpers ──
function fmtK(n) {
if (n == null) return '—';
if (n >= 1000) return (n/1000).toFixed(n >= 10000 ? 0 : 1).replace(/\.0$/,'') + 'k';
return n.toString();
}
function lastSort(a, b) {
// smaller = more recent
const score = s => {
const m = /^(\d+)(h|d)/.exec(s);
if (!m) return 999;
return parseInt(m[1]) * (m[2] === 'h' ? 1 : 24);
};
return score(a) - score(b);
}
function roleColor(r) {
if (r === 'maintainer') return CBG.acc;
if (r === 'core') return CBG.acc2;
return CBG.dim;
}
function rankIn(key, c) {
const sorted = [...NGCONTRIB].sort((a,b) => b[key] - a[key]);
return sorted.findIndex(x => x.handle === c.handle) + 1;
}
// ── Recent commits ── Live GitHub API per-contributor with session-scoped cache.
const RECENT_COMMITS_CACHE = new Map(); // handle -> { state: 'loading'|'ok'|'error'|'empty', commits, error }
const RECENT_COMMITS_LISTENERS = new Map(); // handle -> Set
const RECENT_COMMITS_REPO = (typeof NGREPO !== 'undefined' && NGREPO.name) ? NGREPO.name : 'ambicuity/New-Grad-Jobs';
function _notifyRecentCommits(handle) {
const listeners = RECENT_COMMITS_LISTENERS.get(handle);
if (listeners) listeners.forEach(cb => cb());
}
function _formatAgo(iso) {
const t = new Date(iso).getTime();
if (!t) return '—';
const diffSec = Math.max(0, (Date.now() - t) / 1000);
if (diffSec < 60) return `${Math.round(diffSec)}s`;
if (diffSec < 3600) return `${Math.round(diffSec / 60)}m`;
if (diffSec < 86400) return `${Math.round(diffSec / 3600)}h`;
if (diffSec < 86400 * 7) return `${Math.round(diffSec / 86400)}d`;
if (diffSec < 86400 * 30) return `${Math.round(diffSec / (86400 * 7))}w`;
if (diffSec < 86400 * 365) return `${Math.round(diffSec / (86400 * 30))}mo`;
return `${Math.round(diffSec / (86400 * 365))}y`;
}
async function _fetchRecentCommits(handle) {
const url = `https://api.github.com/repos/${RECENT_COMMITS_REPO}/commits?author=${encodeURIComponent(handle)}&per_page=4`;
const resp = await fetch(url, { headers: { 'Accept': 'application/vnd.github+json' } });
if (!resp.ok) {
throw new Error(`gh api ${resp.status}`);
}
const data = await resp.json();
return data.map(d => ({
sha: (d.sha || '').slice(0, 7),
msg: (d.commit && d.commit.message || '').split('\n')[0].slice(0, 80),
ago: _formatAgo(d.commit && d.commit.author && d.commit.author.date),
url: d.html_url || '',
}));
}
function useRecentCommits(handle) {
const [, force] = useStateC(0);
useEffectC(() => {
if (!handle) return;
const set = RECENT_COMMITS_LISTENERS.get(handle) || new Set();
const cb = () => force(n => n + 1);
set.add(cb);
RECENT_COMMITS_LISTENERS.set(handle, set);
if (!RECENT_COMMITS_CACHE.has(handle)) {
RECENT_COMMITS_CACHE.set(handle, { state: 'loading', commits: [] });
_fetchRecentCommits(handle).then(commits => {
RECENT_COMMITS_CACHE.set(handle, {
state: commits.length ? 'ok' : 'empty',
commits,
});
_notifyRecentCommits(handle);
}).catch(err => {
RECENT_COMMITS_CACHE.set(handle, { state: 'error', commits: [], error: String(err.message || err) });
_notifyRecentCommits(handle);
});
}
return () => {
const cur = RECENT_COMMITS_LISTENERS.get(handle);
if (cur) { cur.delete(cb); if (!cur.size) RECENT_COMMITS_LISTENERS.delete(handle); }
};
}, [handle]);
return RECENT_COMMITS_CACHE.get(handle) || { state: 'loading', commits: [] };
}
window.ContributorsView = ContributorsView;