Upload index.html

templates/index.html

@@ -510,17 +510,58 @@ function resetThreads(){
 /* ── SOCKET.IO ── */
 let socket=null,running=false;
 function initSocket(){
-  socket=io({
+  // Configuração ultra-compatível para Hugging Face
+  socket = io({
     transports: ['polling', 'websocket'],
-    reconnection: true,
-    reconnectionAttempts: Infinity,
-    reconnectionDelay: 500,
-    reconnectionDelayMax: 2000,
-    timeout: 20000,
-    autoConnect: true
+    upgrade: true,
+    rememberUpgrade: true
   });
   
-  socket.on('sync_state', d => {
+  socket.on('update_stats', d => {
+    updateStats(d);
+  });
+
+  socket.on('log', d => {
+    addLog(d.type, d.badge, d.card, d.msg, null, d.slot, d.tempo);
+  });
+
+  socket.on('thread_status', d => {
+    if (d.status === 'active') {
+      threadStart(d.id, d.card);
+    } else {
+      threadDone(d.id, d.status);
+    }
+  });
+
+  socket.on('live_card', d => {
+    addLive(d.card, d.tempo, d.msg);
+    pulseLive();
+    playLiveSound();
+    toast('🟢 LIVE: ' + d.card.split('|')[0], 'ok');
+  });
+
+  socket.on('set_ui', d => {
+    setUI(d.on);
+    if (!d.on) {
+      running = false;
+      stopEl();
+      resetThreads();
+    } else {
+      running = true;
+      startEl();
+    }
+  });
+
+  socket.on('process_complete', d => {
+    addLog('info', 'SYS', null, '✔ Checker finalizado!', null, null, null);
+    toast('Checker finalizado!', 'info');
+    running = false;
+    setUI(false);
+    stopEl();
+    resetThreads();
+  });
+
+  socket.on('sync_state_disabled', d => {
     updateStats(d);
     if(d.running){
       running = true;
@@ -748,32 +789,23 @@ async function doStart(){
   const cards=document.getElementById('cardsInput').value.trim();
   if(!cards){toast('Cole os cartões antes de iniciar!','err');return}
   const threads=parseInt(document.getElementById('thrSlider').value)||1;
+  
+  if(!socket || !socket.connected) {
+    toast('Erro: Socket não conectado. Aguarde...','err');
+    return;
+  }
+
   clearLives();
   clearLog();
-  document.getElementById('progBar').style.width='0%';
-  document.getElementById('progPct').textContent='0%';
-  document.getElementById('progLbl').textContent='0 / 0';
-  document.getElementById('vLive').textContent='0';
-  document.getElementById('vDie').textContent='0';
-  document.getElementById('vErr').textContent='0';
-  document.getElementById('vTot').textContent='0';
-  document.getElementById('rLive').textContent='0%';
-  document.getElementById('rDie').textContent='0%';
-  document.getElementById('rErr').textContent='0%';
-  document.getElementById('rTot').textContent='0 checked';
   resetThreads();
-  try{
-    const r=await fetch('/api/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({cards,threads})});
-    const d=await r.json();
-    if(!r.ok)toast(d.msg||'Erro ao iniciar','err');
-  }catch(e){toast('Erro de conexão','err')}
+  
+  socket.emit('start_process', {cards, threads});
 }
 
 async function doStop(){
-  try{
-    document.getElementById('btnStop').disabled=true;
-    await fetch('/api/stop',{method:'POST'});
-  }catch(e){toast('Erro ao parar','err')}
+  if(socket && socket.connected) {
+    socket.emit('stop_process');
+  }
 }
 
 async function downloadLives(){