00397| details.textContent = ""; 00398| return; 00399| } 00400| 00401| if (result.state === "missing-key") { 00402| statusBlocks.forEach((status) => { 00403| status.innerHTML = `API key required`; 00404| }); 00405| summary.textContent = ""; 00406| details.textContent = ""; 00407| return; 00408| } 00409| 00410| if (result.state === "error") { 00411| statusBlocks.forEach((status) => { 00412| status.innerHTML = `${result.message}`; 00413| }); 00414| summary.textContent = ""; 00415| details.textContent = ""; 00416| return; 00417| } 00418| 00419| if (result.state === "not-expert") { 00420| statusBlocks.forEach((status) => { 00421| status.innerHTML = ""; 00422| }); 00423| summary.innerHTML = `No profile found on the Open Source Explorer. Explore`; 00424| details.innerHTML = ""; 00425| return; 00426| } 00427| 00428| if (result.state === "expert") { 00429| statusBlocks.forEach((status) => { 00430| status.innerHTML = ""; 00431| }); 00432| const info = result.expert && result.expert.expert ? result.expert.expert : result.expert; 00433| summary.textContent = buildSummary(info, result.username); 00434| details.innerHTML = renderExpertDetails(info, result.username); 00435| } 00436| } 00437| 00438| function buildSummary(info, username) { 00439| if (!info) return `This PR was opened by ${username}.`; 00440| const name = info.name || username; 00441| const downloadsRaw = Number(info.total_downloads || 0); 00442| const downloads = downloadsRaw > 0 ? formatCompactNumber(downloadsRaw) : null; 00443| const stars = formatCompactNumber(info.total_stars); 00444| const downloadText = downloads ? `${downloads} total downloads` : ""; 00445| const starsText = stars ? `${stars} stars on repos` : ""; 00446| const stats = [downloadText, starsText].filter(Boolean).join(", "); 00447| if (!stats) return `This PR was opened by ${name} (${username}).`; 00448| return `This PR was opened by ${name} (${username}). They have received ${stats}.`; 00449| } 00450| 00451| function formatCompactNumber(value) { 00452| if (value === null || value === undefined) return null; 00453| const num = Number(value); 00454| if (Number.isNaN(num)) return null; 00455| return new Intl.NumberFormat("en", { 00456| notation: "compact", 00457| maximumFractionDigits: 1 00458| }).format(num); 00459| } 00460| 00461| function renderExpertDetails(info, username) { 00462| const profileUrl = `https://explore.market.dev/experts/${encodeURIComponent(username)}`; 00463| if (!info) { 00464| return `Expert profile: Open`; 00465| } 00466| 00467| const name = info.name || username; 00468| const avatarUrl = info.avatar_url || info.avatar || null; 00469| const location = info.location || info.display_location || ""; 00470| 00471| const stats = [ 00472| { label: "Projects", value: formatCompactNumber(info.projects_count) }, 00473| { label: "Downloads", value: formatCompactNumber(info.total_downloads) }, 00474| { label: "Stars", value: formatCompactNumber(info.total_stars) } 00475| ].filter((stat) => stat.value !== null); 00476| 00477| const projects = Array.isArray(info.projects) ? info.projects : []; 00478| const sortedProjects = [...projects].sort((a, b) => { 00479| const starsA = Number(a.total_stars || a.stars || 0); 00480| const starsB = Number(b.total_stars || b.stars || 0); 00481| if (starsB !== starsA) return starsB - starsA; 00482| const downloadsA = Number(a.total_downloads || a.downloads || 0); 00483| const downloadsB = Number(b.total_downloads || b.downloads || 0); 00484| return downloadsB - downloadsA; 00485| }); 00486| const maintainerItems = sortedProjects.slice(0, 10).map((project) => { 00487| const role = project.role || project.project_experts?.[0]?.role; 00488| const name = project.name || project.slug || ""; 00489| if (!name) return null; 00490| const stars = formatCompactNumber(project.total_stars || project.stars); 00491| const downloads = formatCompactNumber(project.total_downloads || project.downloads); 00492| const metaParts = [stars ? `${stars} stars` : null, downloads ? `${downloads} downloads` : null] 00493| .filter(Boolean) 00494| .join(" · "); 00495| const label = role ? `${role} of ${name}` : name; 00496| const projectSlug = project.slug || project.name || ""; 00497| const projectUrl = 00498| project.github_url || 00499| project.repo_url || 00500| project.url || 00501| (projectSlug ? `https://explore.market.dev/projects/${encodeURIComponent(projectSlug)}` : null); 00502| return { label, meta: metaParts, url: projectUrl }; 00503| }).filter(Boolean); 00504| 00505| const ecosystems = 00506| (Array.isArray(info.ecosystems) && info.ecosystems) || 00507| (Array.isArray(info.ecosystem_names) && info.ecosystem_names) || 00508| []; 00509| 00510| const ecosystemNames = ecosystems 00511| .map((eco) => (typeof eco === "string" ? eco : eco.name)) 00512| .filter(Boolean) 00513| .slice(0, 8) 00514| .map((name) => ({ 00515| name, 00516| url: `https://explore.market.dev/ecosystems/${encodeURIComponent(name)}` 00517| })); 00518| 00519| return ` 00520|

00521|

00522|

00523| ${avatarUrl ? `

` : name.slice(0, 1).toUpperCase()} 00524|

00525|

00526|

${name}

00527|

@${username}${location ? ` · ${location}` : ""}

00528|

00529| GitHub 00530| Explore 00531|

00532|

00533|

00534| ${stats.length ? ` 00535|

00536| ${stats 00537| .map( 00538| (stat) => ` 00539|

00540| ${stat.label} 00541| ${stat.value} 00542|

00543| ` 00544| ) 00545| .join("")} 00546|

00547| ` : ""} 00548| ${ecosystemNames.length ? ` 00549|

00550|

Ecosystems

00551|

00552| ${ecosystemNames 00553| .map((eco) => `${eco.name}`) 00554| .join("")} 00555|

00556|

00557| ` : ""} 00558| ${maintainerItems.length ? ` 00559|

00560|

Projects

00561|

00562| ${maintainerItems 00563| .map( 00564| (item) => ` 00565|

00566| ${item.url ? `${item.label}` : `${item.label}`} 00567| ${item.meta ? `${item.meta}` : ""} 00568|

00569| ` 00570| ) 00571| .join("")} 00572|

00573|

00574| ` : ""} 00575|

00576| `; 00577| } 00578| 00579| function findPrAuthor() { 00580| const selectors = [ 00581| ".gh-header-meta .author", 00582| ".js-discussion .timeline-comment-header .author", 00583| ".js-discussion .author", 00584| ".timeline-comment-header .author", 00585| "a.author" 00586| ]; 00587| for (const selector of selectors) { 00588| const el = document.querySelector(selector); 00589| if (el && el.textContent.trim()) return el.textContent.trim(); 00590| } 00591| return null; 00592| } 00593| 00594| function removeBadge() { 00595| const existing = document.getElementById(BADGE_ID); 00596| if (existing) existing.remove(); 00597| } 00598| 00599| function updateBadge(result) { 00600| const header = document.querySelector(".gh-header-title") || document.querySelector(".gh-header-meta"); 00601| if (!header) return; 00602| 00603| removeBadge(); 00604| if (!result || result.state === "error" || result.state === "missing-key") return; 00605| 00606| const badge = document.createElement("span"); 00607| badge.id = BADGE_ID; 00608| 00609| if (result.state === "not-expert") { 00610| badge.className = "md-pr-badge-error"; 00611| badge.textContent = "No Profile"; 00612| header.appendChild(badge); 00613| } 00614| } 00615| 00616| async function fetchExpert(username) { 00617| const apiKey = String(state.config.apiKey || "").trim(); 00618| if (!apiKey) return { state: "missing-key" }; 00619| 00620| const url = `https://explore.market.dev/api/v1/experts/${encodeURIComponent(username)}`; 00621| 00622| try { 00623| const response = await fetch(url, { 00624| headers: { 00625| Authorization: `Bearer ${apiKey}`, 00626| Accept: "application/json" 00627| } 00628| }); 00629| const text = await response.text(); 00630| let data = null; 00631| try { 00632| data = text ? JSON.parse(text) : null; 00633| } catch (error) { 00634| data = null; 00635| } 00636| 00637| if (response.status === 200) return { state: "expert", expert: data }; 00638| if (response.status === 404) return { state: "not-expert" }; 00639| if (response.status === 401) return { state: "error", message: "Auth failed" }; 00640| return { state: "error", message: "API request failed" }; 00641| } catch (error) { 00642| return { state: "error", message: "API request failed" }; 00643| } 00644| } 00645| 00646| async function applyCheck() { 00647| ensurePanel(); 00648| if (!isPullDetailPage()) return; 00649| 00650| const username = findPrAuthor(); 00651| if (!username) { 00652| state.currentResult = { state: "error", message: "PR author not found" }; 00653| updateBadge(state.currentResult); 00654| const panel = document.getElementById(PANEL_ID); 00655| if (panel) updatePanel(panel); 00656| return; 00657| } 00658| 00659| state.currentResult = null; 00660| const panel = document.getElementById(PANEL_ID); 00661| if (panel) updatePanel(panel); 00662| 00663| const result = await fetchExpert(username); 00664| state.currentResult = { ...result, username }; 00665| updateBadge(state.currentResult); 00666| if (panel) updatePanel(panel); 00667| } 00668| 00669| function init() { 00670| applyCheck(); 00671| } 00672| 00673| if (document.readyState === "loading") { 00674| document.addEventListener("DOMContentLoaded", init); 00675| } else { 00676| init(); 00677| } 00678| })(); 00679| #${PANEL_ID} .md-pr-summary { 00680| margin-top: 6px; 00681| font-size: 13px; 00682| color: #111827; 00683| font-weight: 600; 00684| } 00685| (End of file - total 685 lines)