301 lines
25 KiB
HTML
301 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>WEVAL — OSS Discovery</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
:root{--bg:#0a0e17;--bg2:#111827;--bg3:#1a2234;--bg4:#243049;--bd:#1e293b;--bd2:#334155;--wh:#f1f5f9;--mu:#64748b;--mu2:#94a3b8;--ac:#f59e0b;--ac2:#fbbf24;--gn:#22c55e;--gn2:#4ade80;--bl:#3b82f6;--bl2:#60a5fa;--cy:#22d3ee;--rd:#ef4444;--or:#f97316;--pk:#ec4899;--vi:#8b5cf6;--r1:6px;--r2:10px;--r3:14px;--font:'Plus Jakarta Sans',sans-serif;--mono:'JetBrains Mono',monospace}
|
|
body{background:var(--bg);color:var(--wh);font-family:var(--font);overflow-x:hidden}
|
|
a{color:var(--cy);text-decoration:none}a:hover{text-decoration:underline}
|
|
.hdr{background:linear-gradient(135deg,#0f172a 0%,#1a1040 50%,#0f172a 100%);border-bottom:1px solid var(--bd);padding:20px 32px;display:flex;align-items:center;justify-content:space-between}
|
|
.hdr-left{display:flex;align-items:center;gap:16px}
|
|
.hdr-logo{width:42px;height:42px;background:linear-gradient(135deg,var(--ac),var(--or));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#000}
|
|
.hdr h1{font-size:20px;font-weight:700;letter-spacing:-.5px}
|
|
.hdr h1 span{color:var(--ac);font-weight:800}
|
|
.hdr-sub{font-size:11px;color:var(--mu);margin-top:2px;font-family:var(--mono)}
|
|
.hdr-right{display:flex;gap:10px;align-items:center}
|
|
.btn{padding:8px 18px;border-radius:var(--r1);border:1px solid var(--bd2);background:var(--bg3);color:var(--wh);font-size:12px;font-weight:600;cursor:pointer;transition:.2s;font-family:var(--font);display:flex;align-items:center;gap:6px}
|
|
.btn:hover{background:var(--bg4);border-color:var(--ac)}.btn-ac{background:linear-gradient(135deg,var(--ac),var(--or));color:#000;border:none}.btn-ac:hover{opacity:.9}
|
|
.main{max-width:1440px;margin:0 auto;padding:24px}
|
|
.stats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:20px}
|
|
.stat{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r2);padding:16px 18px;position:relative;overflow:hidden;transition:.3s}
|
|
.stat:hover{border-color:var(--ac);transform:translateY(-2px)}
|
|
.stat::after{content:'';position:absolute;top:0;left:0;right:0;height:3px}
|
|
.stat.s-ac::after{background:linear-gradient(90deg,var(--ac),var(--or))}.stat.s-gn::after{background:linear-gradient(90deg,var(--gn),var(--cy))}.stat.s-bl::after{background:linear-gradient(90deg,var(--bl),var(--vi))}.stat.s-pk::after{background:linear-gradient(90deg,var(--pk),var(--vi))}.stat.s-cy::after{background:linear-gradient(90deg,var(--cy),var(--bl))}.stat.s-or::after{background:linear-gradient(90deg,var(--or),var(--rd))}
|
|
.st-l{font-size:10px;color:var(--mu);text-transform:uppercase;letter-spacing:.7px;font-weight:600}.st-v{font-size:26px;font-weight:800;margin:4px 0;font-family:var(--mono)}.st-s{font-size:10px;color:var(--mu2)}
|
|
.prog-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
|
|
.prog{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r2);padding:16px 20px}
|
|
.prog-top{display:flex;justify-content:space-between;margin-bottom:8px}
|
|
.prog-label{font-size:12px;font-weight:600}.prog-pct{font-family:var(--mono);font-weight:700}
|
|
.prog-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.prog-fill{height:100%;border-radius:4px;transition:width 1.2s ease}
|
|
.prog-sub{font-size:10px;color:var(--mu);margin-top:6px}
|
|
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
|
|
.card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden}
|
|
.card-h{padding:14px 18px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center}
|
|
.card-t{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
|
|
.card-b{padding:14px 18px}
|
|
.badge{font-size:10px;padding:3px 9px;border-radius:20px;font-weight:600;font-family:var(--mono)}
|
|
.b-ac{background:rgba(245,158,11,.15);color:var(--ac)}.b-gn{background:rgba(34,197,94,.15);color:var(--gn)}.b-bl{background:rgba(59,130,246,.15);color:var(--bl)}.b-cy{background:rgba(34,211,238,.15);color:var(--cy)}.b-rd{background:rgba(239,68,68,.15);color:var(--rd)}
|
|
.need-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--bd)}.need-row:last-child{border:none}
|
|
.need-name{width:95px;font-size:10px;font-weight:600;color:var(--mu2);text-transform:uppercase;flex-shrink:0}
|
|
.need-bar-wrap{flex:1;height:18px;background:var(--bg);border-radius:4px;overflow:hidden}.need-bar{height:100%;border-radius:4px;transition:width .8s ease}
|
|
.need-count{font-size:11px;font-weight:700;font-family:var(--mono);width:28px;text-align:right;flex-shrink:0}
|
|
.tbl{width:100%;border-collapse:collapse;font-size:11px}
|
|
.tbl th{text-align:left;padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);border-bottom:1px solid var(--bd2);font-weight:600;position:sticky;top:0;background:var(--bg2)}
|
|
.tbl td{padding:7px 10px;border-bottom:1px solid var(--bd);vertical-align:middle}
|
|
.tbl tr:hover td{background:rgba(245,158,11,.03)}
|
|
.score{font-family:var(--mono);font-weight:700;font-size:13px}.stars{color:var(--ac);font-family:var(--mono);font-size:10px}
|
|
.tag{font-size:8px;padding:2px 6px;border-radius:10px;font-weight:600;white-space:nowrap;display:inline-block;margin:1px}
|
|
.tag-rag{background:rgba(139,92,246,.2);color:var(--vi)}.tag-skill_agent{background:rgba(245,158,11,.2);color:var(--ac)}.tag-security{background:rgba(239,68,68,.2);color:var(--rd)}.tag-scraping{background:rgba(34,211,238,.2);color:var(--cy)}.tag-llm_local{background:rgba(59,130,246,.2);color:var(--bl)}.tag-pharma_health{background:rgba(34,197,94,.2);color:var(--gn)}.tag-email{background:rgba(249,115,22,.2);color:var(--or)}.tag-crm{background:rgba(236,72,153,.2);color:var(--pk)}.tag-automation{background:rgba(148,163,184,.2);color:var(--mu2)}.tag-erp{background:rgba(251,191,36,.2);color:var(--ac2)}.tag-verification{background:rgba(34,197,94,.2);color:var(--gn)}.tag-prompt_eng{background:rgba(139,92,246,.2);color:var(--vi)}.tag-devops{background:rgba(148,163,184,.2);color:var(--mu2)}.tag-pharma{background:rgba(34,197,94,.2);color:var(--gn)}.tag-cli{background:rgba(148,163,184,.2);color:var(--mu2)}
|
|
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
|
|
.skill-chip{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r1);padding:6px 10px;font-size:10px;font-family:var(--mono);transition:.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-chip:hover{border-color:var(--ac);background:var(--bg3)}
|
|
.wire-ok{color:var(--gn)}.wire-fail{color:var(--rd)}.test-pass{color:var(--gn);font-weight:700}.test-fail{color:var(--rd);font-weight:700}.test-pending{color:var(--ac)}
|
|
@media(max-width:1400px){.stats{grid-template-columns:repeat(4,1fr)}}
|
|
@media(max-width:900px){.grid,.prog-wrap{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
|
|
</style>
|
|
<link rel="stylesheet" href="/css/weval-premium.css">
|
|
</head>
|
|
<body><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"><body>#128200; <span id="ls-nr">152/153</span></div><div style="color:#34d399;font:700 10px sans-serif"><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}</style>
|
|
<div class="hdr">
|
|
<div class="hdr-left">
|
|
<div class="hdr-logo">🔍</div>
|
|
<div><h1><span>OSS</span> Discovery</h1><div class="hdr-sub">Sovereign Skill Learning Engine v2.0</div></div>
|
|
</div>
|
|
<div class="hdr-right">
|
|
<button class="btn" onclick="loadTrending()">📈 Trending</button>
|
|
<button class="btn btn-ac" id="scanBtn" onclick="runScan()">⚡ Scan Now</button>
|
|
<span class="badge b-gn" style="padding:8px 14px;font-size:11px">● Live</span>
|
|
</div>
|
|
</div>
|
|
<div class="main" id="app"><div style="text-align:center;padding:80px;color:var(--mu)"><div style="display:inline-block;width:32px;height:32px;border:3px solid var(--bd2);border-top-color:var(--ac);border-radius:50%;animation:spin .8s linear infinite"></div><p style="margin-top:14px">Chargement...</p></div></div>
|
|
<style>@keyframes spin{to{transform:rotate(360deg)}}</style>
|
|
<script>/*WEVAL_FIX*/var d=d||{};try{window.d=window.d||{};var d=d||{};
|
|
const CACHE='/api/oss-cache.json';
|
|
const API='/api/oss-discovery.php?k=WEVADS2026';
|
|
function fmt(n){return n>=1e3?(n/1e3).toFixed(1)+'K':n}
|
|
function tag(t){return`<span class="tag tag-${t||'default'}">${t}</span>`}
|
|
|
|
async function load(){
|
|
try{
|
|
const r=await fetch(CACHE+'?t='+Date.now());
|
|
if(!r.ok)throw new Error('cache '+r.status);
|
|
/* HTML_GUARD_V2_BATCH */ const _t_c=await r.text(); let c=null; {var _q=(_t_c||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){c={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{c=JSON.parse(_q)}catch(e){c={error:"[JSON] "+e.message}}}}
|
|
render(c.report,c.tools||{});
|
|
}catch(e){
|
|
_lastScan=d.scan_time||d.last_scan||'';
|
|
document.getElementById('app').innerHTML=`<div style="padding:40px;color:var(--rd)">Erreur: ${e.message}<br><button class="btn" style="margin-top:12px" onclick="load()">Retry</button></div>`;
|
|
}
|
|
}
|
|
|
|
function render(d,sk){
|
|
const needs=[];const _cats={};Object.values(sk||{}).forEach(t=>{var c2=t.category||"other";_cats[c2]=(_cats[c2]||0)+1});Object.entries(_cats).forEach(e=>needs.push(e));
|
|
const mx=Math.max(...needs.map(n=>n[1]),1);
|
|
const cl=['var(--ac)','var(--vi)','var(--bl)','var(--gn)','var(--cy)','var(--pk)','var(--or)','var(--rd)','var(--mu2)','var(--ac2)','var(--bl2)','var(--gn2)'];
|
|
const ws={success:d.wired||0,failed:d.not_wired||0};const ts={pass:d.wired||0,total:d.total||0};
|
|
const wr=ws.success?Math.round(ws.success/(ws.success+(ws.failed||0))*100):0;
|
|
const tr=ts.pass?Math.round(ts.pass/(ts.total||1)*100):0;
|
|
|
|
_lastScan=d.scan_time||d.last_scan||'';
|
|
document.getElementById('app').innerHTML=`
|
|
<div class="stats">
|
|
<div class="stat s-ac"><div class="st-l">Discovered</div><div class="st-v">${d.total}</div><div class="st-s">GitHub sources</div></div>
|
|
<div class="stat s-gn"><div class="st-l">Skills</div><div class="st-v">${d.with_readme||0}</div><div class="st-s">Auto-injected</div></div>
|
|
<div class="stat s-bl"><div class="st-l">Needs</div><div class="st-v">${needs.length}</div><div class="st-s">Scoring matrix</div></div>
|
|
<div class="stat s-pk"><div class="st-l">Prod OSS</div><div class="st-v">${d.wired||0}</div><div class="st-s">In production</div></div>
|
|
<div class="stat s-gn"><div class="st-l">Wire ✅</div><div class="st-v" style="color:var(--gn)">${ws.success||0}</div><div class="st-s">Success</div></div>
|
|
<div class="stat s-or"><div class="st-l">Wire ❌</div><div class="st-v" style="color:${ws.failed>0?'var(--rd)':'var(--gn)'}">${ws.failed||0}</div><div class="st-s">Failed</div></div>
|
|
<div class="stat s-cy"><div class="st-l">Tests</div><div class="st-v" style="color:var(--gn)">${ts.pass||0}<span style="font-size:12px;color:var(--mu)">/${ts.total||0}</span></div><div class="st-s">Pass rate</div></div>
|
|
<div class="stat s-ac"><div class="st-l">Last Scan</div><div class="st-v" style="font-size:12px">${(d.scan_time||d.last_scan||'never').replace('T',' ').slice(0,16)}</div><div class="st-s">Cron daily 4h</div></div>
|
|
</div>
|
|
|
|
<div class="prog-wrap">
|
|
<div class="prog">
|
|
<div class="prog-top"><span class="prog-label">⚡ Wire Success Rate</span><span class="prog-pct" style="color:${wr>=90?'var(--gn)':'var(--or)'}">${wr}%</span></div>
|
|
<div class="prog-bar"><div class="prog-fill" style="width:0%;background:linear-gradient(90deg,var(--gn),var(--cy))" data-w="${wr}%"></div></div>
|
|
<div class="prog-sub">${ws.success||0} success · ${ws.failed||0} failed</div>
|
|
</div>
|
|
<div class="prog">
|
|
<div class="prog-top"><span class="prog-label">🧪 Test Pass Rate</span><span class="prog-pct" style="color:${tr>=90?'var(--gn)':'var(--or)'}">${tr}%</span></div>
|
|
<div class="prog-bar"><div class="prog-fill" style="width:0%;background:linear-gradient(90deg,var(--ac),var(--or))" data-w="${tr}%"></div></div>
|
|
<div class="prog-sub">${ts.pass||0} pass · ${ts.fail||0} fail · ${ts.pending||0} pending</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid">
|
|
<div class="card">
|
|
<div class="card-h"><div class="card-t">📊 Coverage by Need</div><span class="badge b-ac">${needs.length}</span></div>
|
|
<div class="card-b">${needs.map(([k,v],i)=>`<div class="need-row"><div class="need-name">${k}</div><div class="need-bar-wrap"><div class="need-bar" style="width:0;background:${cl[i%cl.length]}" data-w="${(v/mx*100).toFixed(0)}%"></div></div><div class="need-count">${v}</div></div>`).join('')}</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-h"><div class="card-t">⭐ Tools — Wire & Test Status</div><span class="badge b-gn">${(d.top||[]).length}</span></div>
|
|
<div class="card-b" style="padding:0;max-height:440px;overflow-y:auto">
|
|
<table class="tbl"><tr><th>Score</th><th>Tool</th><th>★</th><th>Wire Date</th><th>Wire</th><th>Test</th><th>Needs</th></tr>
|
|
${(d.top||[]).map(t=>`<tr>
|
|
<td class="score" style="color:${t.score>=40?'var(--ac)':t.score>=25?'var(--gn)':'var(--mu2)'}">${t.score}</td>
|
|
<td><a href="https://github.com/${t.name}" target="_blank" title="${t.name}">${t.name.split('/').pop()}</a></td>
|
|
<td class="stars">${fmt(t.stars||0)}</td>
|
|
<td style="font-family:var(--mono);font-size:9px;color:var(--mu2)">${t.wire_date||'—'}</td>
|
|
<td class="${t.wire_status==='success'?'wire-ok':'wire-fail'}">${t.wire_status==='success'?'✅':'❌'}</td>
|
|
<td class="${t.test_status==='pass'?'test-pass':t.test_status==='fail'?'test-fail':'test-pending'}" style="font-size:10px">${t.test_status==='pass'?'PASS':t.test_status==='fail'?'FAIL':'⏳'}</td>
|
|
<td>${(t.needs||[]).slice(0,3).map(n=>tag(n)).join('')}</td>
|
|
</tr>`).join('')}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid">
|
|
<div class="card">
|
|
<div class="card-h"><div class="card-t">✅ Production OSS</div><span class="badge b-gn">${d.wired||0}</span></div>
|
|
<div class="card-b"><div class="skills-grid">${(d.already_wired||[]).map(w=>`<div class="skill-chip" style="border-color:var(--gn);color:var(--gn)">✓ ${w}</div>`).join('')}</div></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-h"><div class="card-t">🎯 Integration Map</div><span class="badge b-bl">${(d.integration_targets||[]).length}</span></div>
|
|
<div class="card-b" style="padding:0"><table class="tbl"><tr><th>Need</th><th>Target</th><th>Server</th></tr>
|
|
${[['skill_agent','skill_factory','S204'],['rag','qdrant_pipeline','S204'],['security','aegis_nuclei','S204'],['scraping','scraper_arsenal','S95'],['llm_local','ollama_models','S204'],['pharma_health','ethica_tools','S95'],['email','mta_tools','S95'],['automation','n8n_workflows','S95'],['crm','crm_extensions','S204'],['monitoring','monitoring','S204'],['verification','verifier_agent','S204'],['prompt_eng','prompt_library','S204']].map(([n,t,s])=>`<tr><td>${tag(n)}</td><td style="font-family:var(--mono);font-size:10px">${t}</td><td><span class="badge b-cy">${s}</span></td></tr>`).join('')}
|
|
</table></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="margin-bottom:20px">
|
|
<div class="card-h"><div class="card-t">🧩 All Injected Skills</div><span class="badge b-ac">${sk.total||0}</span></div>
|
|
<div class="card-b">
|
|
<div style="font-size:10px;color:var(--mu);margin-bottom:10px;font-family:var(--mono)">${(sk.path||"skills")+"/"}</div>
|
|
<div class="skills-grid">${Array.isArray(sk.skills)?sk.skills.map(s=>`<div class="skill-chip">${s.slug||s.name||s}</div>`).join(''):sk.skills?`<div style="padding:12px;color:var(--wh2);font-size:12px">📁 ${sk.total||sk.skills.total||0} skills disponibles dans /skills/ — <a href="/skills/" style="color:var(--ac)">parcourir</a></div>`:'<div style="padding:12px;color:var(--wh2)">Chargement...</div>'}</div>
|
|
</div>
|
|
</div>
|
|
<div id="trending-box"></div>`;
|
|
|
|
// Animate bars + progress
|
|
setTimeout(()=>{
|
|
document.querySelectorAll('.need-bar,.prog-fill').forEach(b=>{const w=b.dataset.w;if(w){b.style.width='0';setTimeout(()=>b.style.width=w,80)}});
|
|
},100);
|
|
}
|
|
|
|
async function runScan(){
|
|
const b=document.getElementById('scanBtn');
|
|
b.textContent='⏳ Scanning...';b.disabled=true;
|
|
try{
|
|
const r=await fetch(API+'&action=auto_run').catch(()=>fetch('/api/oss-cache.json'));
|
|
/* HTML_GUARD_V2_BATCH */ const _t_d=await r.text(); let d=null; {var _q=(_t_d||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){d={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{d=JSON.parse(_q)}catch(e){d={error:"[JSON] "+e.message}}}}
|
|
b.textContent=`✅ +${d.new_tools} tools`;
|
|
setTimeout(()=>{b.textContent='⚡ Scan Now';b.disabled=false;load()},3000);
|
|
}catch(e){b.textContent='❌ Error';setTimeout(()=>{b.textContent='⚡ Scan Now';b.disabled=false},2000)}
|
|
}
|
|
|
|
async function loadTrending(){
|
|
const box=document.getElementById('trending-box');
|
|
if(!box)return;
|
|
box.innerHTML='<div class="card"><div class="card-b" style="text-align:center;padding:30px;color:var(--mu)">Loading trending...</div></div>';
|
|
try{
|
|
const r=await fetch('/api/oss-trending.json?t='+Date.now());
|
|
/* HTML_GUARD_V2_BATCH */ const _t_d=await r.text(); let d=null; {var _q=(_t_d||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){d={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{d=JSON.parse(_q)}catch(e){d={error:"[JSON] "+e.message}}}}
|
|
box.innerHTML=`<div class="card"><div class="card-h"><div class="card-t">📈 GitHub Trending</div><span class="badge b-ac">${(d.trending||[]).length}</span></div>
|
|
<div class="card-b" style="padding:0;max-height:400px;overflow-y:auto"><table class="tbl"><tr><th>Score</th><th>★</th><th>Repo</th><th>Lang</th><th>Needs</th></tr>
|
|
${(d.trending||[]).map(t=>`<tr><td class="score" style="color:${t.score>=30?'var(--ac)':t.score>=15?'var(--gn)':'var(--mu2)'}">${t.score}</td><td class="stars">${fmt(t.stars)}</td><td><a href="${t.url}" target="_blank">${t.name.split('/').pop()}</a><br><span style="font-size:9px;color:var(--mu)">${(t.description||'').slice(0,70)}</span></td><td style="font-family:var(--mono);font-size:10px">${t.language||'?'}</td><td>${(t.needs||[]).slice(0,3).map(n=>tag(n)).join('')}</td></tr>`).join('')}
|
|
</table></div></div>`;
|
|
}catch(e){box.innerHTML=`<div class="card"><div class="card-b" style="color:var(--rd)">Error: ${e.message}</div></div>`}
|
|
}
|
|
|
|
load().then(()=>setTimeout(enrichUI,800));
|
|
|
|
function enrichUI(){
|
|
// Skills search
|
|
document.querySelectorAll('.card-h').forEach(h=>{
|
|
if(h.innerText.includes('Skills')&&h.innerText.includes('Injected')){
|
|
const b=h.querySelector('.badge');const w=document.createElement('div');
|
|
w.style.cssText='display:flex;gap:8px;align-items:center';
|
|
const inp=document.createElement('input');inp.id='skillSearch';inp.type='text';
|
|
inp.placeholder='Search skills...';
|
|
inp.style.cssText='background:var(--bg);border:1px solid var(--bd);color:var(--wh);padding:5px 10px;border-radius:4px;font-size:11px;width:180px;font-family:var(--mono)';
|
|
inp.oninput=function(){const q=this.value.toLowerCase();document.querySelectorAll('.skills-grid .skill-chip').forEach(c=>{c.style.display=c.textContent.toLowerCase().includes(q)?'':'none'})};
|
|
w.appendChild(inp);if(b){w.appendChild(b.cloneNode(true));b.remove()}h.appendChild(w);
|
|
}
|
|
});
|
|
// Tools search + filter
|
|
document.querySelectorAll('.card-h').forEach(h=>{
|
|
if(h.innerText.includes('Tools')&&h.innerText.includes('Wire')){
|
|
const b=h.querySelector('.badge');const w=document.createElement('div');
|
|
w.style.cssText='display:flex;gap:8px;align-items:center';
|
|
const inp=document.createElement('input');inp.id='toolSearch';inp.type='text';
|
|
inp.placeholder='Filter tools...';
|
|
inp.style.cssText='background:var(--bg);border:1px solid var(--bd);color:var(--wh);padding:5px 10px;border-radius:4px;font-size:11px;width:130px;font-family:var(--mono)';
|
|
inp.oninput=function(){const q=this.value.toLowerCase();const t=this.closest('.card').querySelector('.tbl');if(!t)return;t.querySelectorAll('tr').forEach((r,i)=>{if(i===0)return;r.style.display=r.textContent.toLowerCase().includes(q)?'':'none'})};
|
|
const sel=document.createElement('select');sel.id='toolFilter';
|
|
sel.style.cssText='background:var(--bg);border:1px solid var(--bd);color:var(--wh);padding:5px 8px;border-radius:4px;font-size:10px';
|
|
sel.innerHTML='<option value="">All needs</option>';
|
|
['skill_agent','llm_local','automation','rag','security','crm','scraping','email','pharma_health','erp','verification','prompt_eng','monitoring','analytics'].forEach(n=>{sel.innerHTML+='<option value="'+n+'">'+n+'</option>'});
|
|
sel.onchange=function(){const n=this.value;const t=this.closest('.card').querySelector('.tbl');if(!t)return;t.querySelectorAll('tr').forEach((r,i)=>{if(i===0)return;if(!n){r.style.display='';return}const tags=Array.from(r.querySelectorAll('.tag')).map(t=>t.textContent.trim());r.style.display=tags.includes(n)?'':'none'})};
|
|
w.appendChild(inp);w.appendChild(sel);if(b){w.appendChild(b.cloneNode(true));b.remove()}h.appendChild(w);
|
|
}
|
|
});
|
|
// Export button
|
|
const hr=document.querySelector('.hdr-right');
|
|
if(hr){const eb=document.createElement('button');eb.className='btn';eb.innerHTML='📥 Export';eb.onclick=()=>{fetch('/api/oss-cache.json').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BATCH */var q=(t||"").trim();if(q.startsWith("<!DOCTYPE")||q.startsWith("<html")){return{error:"[HTTP "+r.status+"]",isHtmlError:true}}try{return JSON.parse(q)}catch(e){return{error:"JSON "+e.message}}})).then(d=>{const bl=new Blob([JSON.stringify(d,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(bl);a.download='oss-export.json';a.click()})};hr.insertBefore(eb,hr.firstChild)}
|
|
// Clickable chips
|
|
document.querySelectorAll('.skills-grid .skill-chip').forEach(c=>{c.style.cursor='pointer';c.title='Click to search GitHub';c.onclick=function(){window.open('https://github.com/search?q='+encodeURIComponent(this.textContent.trim())+'&type=repositories','_blank')}});
|
|
}
|
|
|
|
|
|
|
|
|
|
// === ENRICHMENTS ===
|
|
window._allTools = [];
|
|
window._allSkills = [];
|
|
|
|
function filterSkills(q) {
|
|
const chips = document.querySelectorAll('#skillsGrid .skill-chip');
|
|
q = q.toLowerCase();
|
|
let shown = 0;
|
|
chips.forEach(c => {
|
|
const match = c.dataset.slug.toLowerCase().includes(q);
|
|
c.style.display = match ? '' : 'none';
|
|
if (match) shown++;
|
|
});
|
|
}
|
|
|
|
function filterTools(q) {
|
|
q = q.toLowerCase();
|
|
document.querySelectorAll('.tbl tbody tr, .tbl tr:not(:first-child)').forEach(r => {
|
|
const text = r.innerText.toLowerCase();
|
|
r.style.display = text.includes(q) ? '' : 'none';
|
|
});
|
|
}
|
|
|
|
function filterToolsByNeed(need) {
|
|
document.querySelectorAll('.tbl tbody tr, .tbl tr:not(:first-child)').forEach(r => {
|
|
if (!need) { r.style.display = ''; return; }
|
|
const tags = r.querySelectorAll('.tag');
|
|
const match = Array.from(tags).some(t => t.textContent.trim() === need);
|
|
r.style.display = match ? '' : 'none';
|
|
});
|
|
}
|
|
|
|
// Populate need filter dropdown after render
|
|
setTimeout(() => {
|
|
const sel = document.getElementById('toolFilter');
|
|
if (sel) {
|
|
const needs = ['skill_agent','llm_local','automation','rag','security','crm','scraping','email','pharma_health','monitoring','analytics','erp','code_quality'];
|
|
needs.forEach(n => { const o = document.createElement('option'); o.value = n; o.textContent = n; sel.appendChild(o); });
|
|
}
|
|
}, 2000);
|
|
|
|
// Auto-refresh timer
|
|
let _lastScan = '';
|
|
function updateTimer() {
|
|
const el = document.querySelector('.stat:last-child .st-v');
|
|
if (el && _lastScan) {
|
|
const diff = Math.floor((Date.now() - new Date(_lastScan).getTime()) / 60000);
|
|
const sub = document.querySelector('.stat:last-child .st-s');
|
|
if (sub && diff > 0) sub.textContent = diff < 60 ? diff + 'm ago' : Math.floor(diff/60) + 'h ' + (diff%60) + 'm ago';
|
|
}
|
|
}
|
|
setInterval(updateTimer, 30000);
|
|
|
|
}catch(e){console.warn('OSS fix:',e)}</script>
|
|
<script src="/api/live-stats.js"></script></body>
|
|
</html>
|