Initial commit

Author: shaikhshahnawaz13

repo-intel.html

@@ -360,7 +360,7 @@
   align-items:center;justify-content:center;backdrop-filter:blur(4px);
 }
 #key-modal.show{display:flex}
-.km-box{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:20px;max-width:380px;width:90%}
+.km-box{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:24px;max-width:440px;width:90%}
 .km-input{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:5px;padding:8px 12px;font-family:var(--mono);font-size:12px;color:var(--text);outline:none;margin-bottom:10px}
 .km-input:focus{border-color:var(--acc)}
 .km-btn{background:var(--acc);color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;width:100%}
@@ -388,8 +388,8 @@
     <button id="analyze-btn" type="button" onclick="startAnalysis()">Analyze</button>
   </form>
   <div class="top-right">
-    <div class="key-badge" onclick="showKeyModal()" title="Set Groq API key for AI summaries">
-      <span id="key-indicator">⚡ AI Key</span>
+    <div class="key-badge" onclick="showKeyModal()" title="Set GitHub token (fixes rate limits) + Groq AI key">
+      <span id="key-indicator">⚡ Set Keys</span>
     </div>
   </div>
 </div>
@@ -439,6 +439,10 @@
       </div>
       <h1 class="landing-title">Repository Intelligence</h1>
       <p class="landing-sub">Paste any GitHub repository URL and instantly understand the entire codebase — dependency graph, architecture, health score, AI summaries and more.</p>
+      <div id="landing-key-notice" style="display:none;align-items:center;gap:8px;background:#0f0f1a;border:1px solid #f59e0b30;border-radius:8px;padding:10px 14px;font-size:11.5px;color:#f59e0b;margin-bottom:12px;max-width:480px;text-align:left">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" style="flex-shrink:0"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" stroke="#f59e0b" stroke-width="1.5"/><line x1="12" y1="9" x2="12" y2="13" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"/><circle cx="12" cy="17" r="1" fill="#f59e0b"/></svg>
+        <span>No GitHub token set — analysis may hit rate limits (60 req/hr). <button onclick="showKeyModal()" style="background:transparent;border:none;color:#f59e0b;text-decoration:underline;cursor:pointer;font-size:11.5px;padding:0">Add a token ↗</button> for best results.</span>
+      </div>
       <div class="landing-examples">
         <div class="ex-btn" onclick="loadExample('facebook/react')">facebook/react</div>
         <div class="ex-btn" onclick="loadExample('vercel/next.js')">vercel/next.js</div>
@@ -541,24 +545,27 @@ <h1 class="landing-title">Repository Intelligence</h1>
 <!-- KEY MODAL -->
 <div id="key-modal" onclick="if(event.target===this)hideKeyModal()">
   <div class="km-box">
-    <div style="font-size:14px;font-weight:600;margin-bottom:4px">Groq API Key</div>
-    <div style="font-size:11px;color:var(--t2);margin-bottom:12px;line-height:1.6">Required for AI summaries. Get a free key at <a href="https://console.groq.com" target="_blank">console.groq.com</a></div>
+    <div style="font-size:14px;font-weight:600;margin-bottom:16px">API Keys</div>
+
+    <div style="font-size:11px;font-weight:600;color:var(--t2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px">GitHub Token <span style="color:var(--ylw)">(recommended)</span></div>
+    <div style="font-size:11px;color:var(--t3);margin-bottom:8px;line-height:1.6">Avoids rate limits (60 req/hr without token → 5000/hr with token). <a href="https://github.com/settings/tokens/new?scopes=public_repo&description=Devora+Repo+Intel" target="_blank" style="color:var(--acc2)">Generate a token ↗</a> — only needs <code style="font-size:10px;background:var(--s3);padding:1px 4px;border-radius:3px">public_repo</code> scope.</div>
+    <input class="km-input" id="km-gh-input" type="password" placeholder="ghp_xxxx or github_pat_xxxx" style="margin-bottom:16px">
+
+    <div style="font-size:11px;font-weight:600;color:var(--t2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px">Groq API Key <span style="color:var(--t3)">(optional)</span></div>
+    <div style="font-size:11px;color:var(--t3);margin-bottom:8px;line-height:1.6">Powers AI summaries &amp; explanations. Get a free key at <a href="https://console.groq.com" target="_blank" style="color:var(--acc2)">console.groq.com ↗</a></div>
     <input class="km-input" id="km-key-input" type="password" placeholder="gsk_xxxx">
-    <button class="km-btn" onclick="saveKey()">Save Key</button>
+
+    <button class="km-btn" onclick="saveKey()">Save Keys</button>
   </div>
 </div>
 
 <script>
 // ── CONFIG ──────────────────────────────────────────────────────────────
-const GH_TOKEN = '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';
-const GROQ_KEYS = [
-  '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',
-  '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',
-  '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',
-  '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',
-];
+// NOTE: Never hardcode API tokens — they get auto-revoked on public repos.
+// Tokens are provided by the user and stored in localStorage only.
 const GROQ_MODELS = ['llama-3.3-70b-versatile','llama-3.1-8b-instant','gemma2-9b-it'];
 let _groqKey = localStorage.getItem('ri_groq') || '';
+let _ghToken = localStorage.getItem('ri_gh') || '';
 let _gki = 0;
 
 // ── STATE ───────────────────────────────────────────────────────────────
@@ -580,22 +587,51 @@ <h1 class="landing-title">Repository Intelligence</h1>
 };
 
 // ── KEY MANAGEMENT ──────────────────────────────────────────────────────
-function showKeyModal(){document.getElementById('key-modal').classList.add('show');document.getElementById('km-key-input').value=_groqKey;}
+function _updateKeyBadge(){
+  const hasGh=!!_ghToken, hasGroq=!!_groqKey;
+  document.getElementById('key-indicator').textContent=
+    hasGh&&hasGroq?'✓ GH + AI':hasGh?'✓ GH Token':hasGroq?'✓ AI Key':'⚡ Set Keys';
+}
+function showKeyModal(){
+  document.getElementById('key-modal').classList.add('show');
+  document.getElementById('km-key-input').value=_groqKey;
+  document.getElementById('km-gh-input').value=_ghToken;
+}
 function hideKeyModal(){document.getElementById('key-modal').classList.remove('show');}
-function saveKey(){_groqKey=document.getElementById('km-key-input').value.trim();localStorage.setItem('ri_groq',_groqKey);document.getElementById('key-indicator').textContent=_groqKey?'✓ Key Set':'⚡ AI Key';hideKeyModal();}
-if(_groqKey) document.getElementById('key-indicator').textContent='✓ Key Set';
+function saveKey(){
+  _groqKey=document.getElementById('km-key-input').value.trim();
+  _ghToken=document.getElementById('km-gh-input').value.trim();
+  localStorage.setItem('ri_groq',_groqKey);
+  if(_ghToken) localStorage.setItem('ri_gh',_ghToken);
+  else localStorage.removeItem('ri_gh');
+  _updateKeyBadge();
+  hideKeyModal();
+}
+_updateKeyBadge();
 
 // ── GITHUB API ──────────────────────────────────────────────────────────
 async function ghFetch(path){
-  const r=await fetch('https://api.github.com'+path,{headers:{'Authorization':'Bearer '+GH_TOKEN,'Accept':'application/vnd.github.v3+json'}});
+  const headers={'Accept':'application/vnd.github.v3+json'};
+  if(_ghToken) headers['Authorization']='Bearer '+_ghToken;
+  const r=await fetch('https://api.github.com'+path,{headers});
+  if(r.status===401){
+    // Token is invalid — clear it so user knows to re-enter
+    _ghToken=''; localStorage.removeItem('ri_gh'); _updateKeyBadge();
+    throw new Error('GitHub token invalid or expired. Click ⚡ Set Keys to add a new one.');
+  }
+  if(r.status===403){
+    const isRateLimit=(await r.clone().json().catch(()=>({}))).message?.includes('rate limit');
+    if(isRateLimit&&!_ghToken) throw new Error('GitHub rate limit hit (60 req/hr for unauthenticated). Click ⚡ Set Keys to add a GitHub token for 5000 req/hr.');
+    throw new Error('GitHub API 403: '+path);
+  }
   if(!r.ok) throw new Error('GitHub API '+r.status+': '+path);
   return r.json();
 }
 async function ghSafe(path){try{return await ghFetch(path);}catch{return null;}}
 
 // ── GROQ AI ─────────────────────────────────────────────────────────────
 async function callGroq(prompt,maxTok=600){
-  const key=_groqKey||null;
+  if(!_groqKey) return null; // No key — AI features disabled, not an error
   const tryOne=async(k,m)=>{
     try{
       const r=await fetch('https://api.groq.com/openai/v1/chat/completions',{
@@ -609,10 +645,7 @@ <h1 class="landing-title">Repository Intelligence</h1>
       return d.choices?.[0]?.message?.content?.trim()||null;
     }catch{return null;}
   };
-  if(key){for(const m of GROQ_MODELS){const t=await tryOne(key,m);if(t)return t;}}
-  for(let i=_gki;i<GROQ_KEYS.length;i++){
-    for(const m of GROQ_MODELS){const t=await tryOne(GROQ_KEYS[i],m);if(t){_gki=i;return t;}}
-  }
+  for(const m of GROQ_MODELS){const t=await tryOne(_groqKey,m);if(t)return t;}
   return null;
 }
 
@@ -630,23 +663,38 @@ <h1 class="landing-title">Repository Intelligence</h1>
 async function startAnalysis(){
   const input=document.getElementById('url-input').value;
   const repo=parseRepoUrl(input);
-  if(!repo){alert('Please enter a valid GitHub repo URL or owner/name');return;}
+  if(!repo){showInlineError('Please enter a valid GitHub repo URL (e.g. github.com/owner/repo)');return;}
   S.repo=repo;
   document.getElementById('analyze-btn').disabled=true;
   document.getElementById('analyze-btn').textContent='Analyzing…';
+  clearInlineError();
 
   showLoading();
   try{
     await runAnalysis();
   }catch(e){
     console.error(e);
-    alert('Error analyzing repository: '+e.message);
+    const isAuthErr=e.message.includes('token')||e.message.includes('401')||e.message.includes('rate limit')||e.message.includes('403');
+    showInlineError(e.message, isAuthErr);
     showLanding();
   }
   document.getElementById('analyze-btn').disabled=false;
   document.getElementById('analyze-btn').textContent='Analyze';
 }
 
+function showInlineError(msg, showKeyBtn=false){
+  let el=document.getElementById('inline-error');
+  if(!el){
+    el=document.createElement('div');
+    el.id='inline-error';
+    el.style.cssText='position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:999;background:#1a0f0f;border:1px solid #f8717140;border-radius:8px;padding:10px 16px;font-size:12px;color:#f87171;display:flex;align-items:center;gap:10px;max-width:520px;box-shadow:0 4px 24px #00000060;';
+    document.body.appendChild(el);
+  }
+  el.innerHTML=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#f87171" stroke-width="1.5"/><line x1="12" y1="8" x2="12" y2="12" stroke="#f87171" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="16" r="1" fill="#f87171"/></svg><span style="flex:1">${msg}</span>${showKeyBtn?`<button onclick="showKeyModal();clearInlineError()" style="background:#f8717118;border:1px solid #f8717140;color:#f87171;border-radius:5px;padding:4px 10px;font-size:11px;cursor:pointer;white-space:nowrap">⚡ Set Keys</button>`:''}<button onclick="clearInlineError()" style="background:transparent;border:none;color:#f87171;cursor:pointer;font-size:16px;padding:0 0 0 4px">×</button>`;
+  el.style.display='flex';
+}
+function clearInlineError(){const el=document.getElementById('inline-error');if(el)el.style.display='none';}
+
 function step(id,state){
   const el=document.getElementById(id);
   if(!el)return;
@@ -1699,7 +1747,19 @@ <h2 style="font-size:16px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px
 
 // Init
 document.getElementById('url-input').addEventListener('keydown',e=>{if(e.key==='Enter')startAnalysis();});
+
+// Show no-token warning on landing if user hasn't set a GH token
+function showLandingKeyNotice(){
+  const notice=document.getElementById('landing-key-notice');
+  if(notice) notice.style.display=_ghToken?'none':'flex';
+}
+
+// Patch showKeyModal/saveKey to refresh the notice
+const _origSave=saveKey;
+saveKey=function(){_origSave();showLandingKeyNotice();};
+
 showLanding();
+showLandingKeyNotice();
 </script>
 </body>
-</html>
+</html>