Upload folder using huggingface_hub

index.html

@@ -693,8 +693,7 @@ https://www.douyin.com/video/7123456789012345680`;
     // Handle URL input
     function handleUrlInput() {
       const input = document.getElementById('urlInput').value;
-      const urlList = input.split('
-').filter(url => url.trim());
+      const urlList = input.split('\n').filter(url => url.trim());
       urls = urlList;
       document.getElementById('urlCount').textContent = urlList.length;
       updateUrlList();
@@ -736,13 +735,12 @@ https://www.douyin.com/video/7123456789012345680`;
     // Remove URL
     function removeUrl(index) {
       urls.splice(index, 1);
-      document.getElementById('urlInput').value = urls.join('
-');
+      document.getElementById('urlInput').value = urls.join('\n');
       handleUrlInput();
       showToast('info', 'URL Removida', 'A URL foi removida da lista');
     }
 
-    // Process URLs
+    // Process URLs - CORRECTED VERSION
     function processUrls() {
       if (urls.length === 0) {
         showToast('warning', 'Sem URLs', 'Adicione algumas URLs Douyin para processar');
@@ -752,14 +750,23 @@ https://www.douyin.com/video/7123456789012345680`;
       // Mark all as processing
       document.querySelectorAll('.url-item').forEach(item => {
         item.classList.add('processing');
-        item.querySelector('.status-badge').className = 'status-badge text-xs px-2 py-1 rounded-full bg-yellow-100 text-yellow-600';
-        item.querySelector('.status-badge').textContent = 'Processando';
+        const badge = item.querySelector('.status-badge');
+        if (badge) {
+          badge.className = 'status-badge text-xs px-2 py-1 rounded-full bg-yellow-100 text-yellow-600';
+          badge.textContent = 'Processando';
+        }
       });
       
-      // Create result inputs
+      // Create result inputs with proper event binding
       const resultsList = document.getElementById('resultsList');
-      resultsList.innerHTML = urls.map((url, index) => `
-        <div class="bg-gray-50 p-4 rounded-lg slide-in" style="animation-delay: ${index * 0.1}s">
+      resultsList.innerHTML = '';
+      
+      urls.forEach((url, index) => {
+        const resultDiv = document.createElement('div');
+        resultDiv.className = 'bg-gray-50 p-4 rounded-lg slide-in';
+        resultDiv.style.animationDelay = `${index * 0.1}s`;
+        
+        resultDiv.innerHTML = `
           <div class="flex items-center justify-between mb-2">
             <h4 class="font-semibold text-sm">URL ${index + 1}</h4>
             <span class="text-xs text-gray-500">${url}</span>
@@ -769,25 +776,102 @@ https://www.douyin.com/video/7123456789012345680`;
             rows="2"
             placeholder="Cole o link v3 extraído aqui..."
             class="w-full px-3 py-2 border border-gray-200 rounded focus:border-purple-500 focus:outline-none resize-none font-mono text-xs"
-            onchange="saveResult(${index}, this.value)"
           ></textarea>
           <div class="flex gap-2 mt-2">
-            <button onclick="copyResult(${index})" class="flex-1 px-3 py-1 bg-green-100 hover:bg-green-200 text-green-700 rounded text-xs transition">
+            <button data-action="copy" data-index="${index}" class="flex-1 px-3 py-1 bg-green-100 hover:bg-green-200 text-green-700 rounded text-xs transition">
               <i class="fas fa-copy mr-1"></i>Copiar
             </button>
-            <button onclick="downloadResult(${index})" class="flex-1 px-3 py-1 bg-purple-100 hover:bg-purple-200 text-purple-700 rounded text-xs transition">
+            <button data-action="download" data-index="${index}" class="flex-1 px-3 py-1 bg-purple-100 hover:bg-purple-200 text-purple-700 rounded text-xs transition">
               <i class="fas fa-download mr-1"></i>Baixar
             </button>
           </div>
-        </div>
-      `).join('');
+        `;
+        
+        resultsList.appendChild(resultDiv);
+      });
+      
+      // Add event listeners for dynamically created buttons
+      resultsList.addEventListener('click', handleResultButtonClick);
       
       showToast('info', 'URLs Processadas', 'Copie o código e execute nas páginas Douyin');
       
-      // Copy extraction code automatically
+      // Copy extraction code automatically with enhanced error handling
       copyExtractionCode();
     }
 
+    // Handle result button clicks - CORRECTED VERSION
+    function handleResultButtonClick(event) {
+      const button = event.target.closest('button[data-action]');
+      if (!button) return;
+      
+      const action = button.getAttribute('data-action');
+      const index = parseInt(button.getAttribute('data-index'));
+      
+      event.preventDefault();
+      event.stopPropagation();
+      
+      switch (action) {
+        case 'copy':
+          copyResult(index);
+          break;
+        case 'download':
+          downloadResult(index);
+          break;
+      }
+    }
+
+    // Enhanced copy extraction code - CORRECTED VERSION
+    function copyExtractionCode() {
+      const preElement = document.getElementById('extractionCode');
+      if (!preElement) {
+        showToast('error', 'Erro', 'Elemento de código não encontrado');
+        return;
+      }
+      
+      // Get the exact text content
+      const codeText = preElement.textContent;
+      
+      // Enhanced clipboard API with fallback
+      if (navigator.clipboard && window.isSecureContext) {
+        navigator.clipboard.writeText(codeText)
+          .then(() => {
+            showToast('success', 'Código Copiado!', 'Cole no console da página Douyin');
+          })
+          .catch(err => {
+            console.error('Clipboard API failed:', err);
+            fallbackCopyText(codeText);
+          });
+      } else {
+        fallbackCopyText(codeText);
+      }
+    }
+    
+    // Fallback copy method
+    function fallbackCopyText(text) {
+      try {
+        const textArea = document.createElement('textarea');
+        textArea.value = text;
+        textArea.style.position = 'fixed';
+        textArea.style.left = '-999999px';
+        textArea.style.top = '-999999px';
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        
+        const successful = document.execCommand('copy');
+        textArea.remove();
+        
+        if (successful) {
+          showToast('success', 'Código Copiado!', 'Método alternativo usado - cole no console da página Douyin');
+        } else {
+          throw new Error('Fallback copy failed');
+        }
+      } catch (err) {
+        console.error('All copy methods failed:', err);
+        showToast('error', 'Falha ao Copiar', 'Não foi possível copiar o código automaticamente. Copie manualmente.');
+      }
+    }
+
     // Save result
     function saveResult(index, value) {
       if (!results[index]) {
@@ -799,10 +883,15 @@ https://www.douyin.com/video/7123456789012345680`;
       if (value.trim()) {
         // Update URL item status
         const urlItem = document.querySelector(`.url-item[data-index="${index}"]`);
-        urlItem.classList.remove('processing');
-        urlItem.classList.add('success');
-        urlItem.querySelector('.status-badge').className = 'status-badge text-xs px-2 py-1 rounded-full bg-green-100 text-green-600';
-        urlItem.querySelector('.status-badge').textContent = 'Extraído';
+        if (urlItem) {
+          urlItem.classList.remove('processing');
+          urlItem.classList.add('success');
+          const badge = urlItem.querySelector('.status-badge');
+          if (badge) {
+            badge.className = 'status-badge text-xs px-2 py-1 rounded-full bg-green-100 text-green-600';
+            badge.textContent = 'Extraído';
+          }
+        }
         
         extractedCount++;
         updateStats();
@@ -810,33 +899,49 @@ https://www.douyin.com/video/7123456789012345680`;
       }
     }
 
-    // Copy extraction code
-    function copyExtractionCode() {
-      const code = document.getElementById('extractionCode').textContent;
-      navigator.clipboard.writeText(code).then(() => {
-        showToast('success', 'Código Copiado!', 'Cole no console da página Douyin');
-      });
-    }
-
     // Copy result
     function copyResult(index) {
-      const value = document.getElementById(`result-${index}`).value;
+      const textarea = document.getElementById(`result-${index}`);
+      if (!textarea) {
+        showToast('error', 'Erro', 'Campo de resultado não encontrado');
+        return;
+      }
+      
+      const value = textarea.value.trim();
       if (!value) {
         showToast('warning', 'Nenhum Link', 'Cole um link v3 antes de copiar');
         return;
       }
-      navigator.clipboard.writeText(value).then(() => {
-        showToast('success', 'Link Copiado!', `Link da URL ${index + 1} copiado para área de transferência`);
-      });
+      
+      // Enhanced clipboard API with fallback
+      if (navigator.clipboard && window.isSecureContext) {
+        navigator.clipboard.writeText(value)
+          .then(() => {
+            showToast('success', 'Link Copiado!', `Link da URL ${index + 1} copiado para área de transferência`);
+          })
+          .catch(err => {
+            console.error('Clipboard failed:', err);
+            fallbackCopyText(value);
+          });
+      } else {
+        fallbackCopyText(value);
+      }
     }
 
     // Download result
     function downloadResult(index) {
-      const value = document.getElementById(`result-${index}`).value;
+      const textarea = document.getElementById(`result-${index}`);
+      if (!textarea) {
+        showToast('error', 'Erro', 'Campo de resultado não encontrado');
+        return;
+      }
+      
+      const value = textarea.value.trim();
       if (!value) {
         showToast('warning', 'Nenhum Link', 'Cole um link v3 antes de baixar');
         return;
       }
+      
       const blob = new Blob([value], { type: 'text/plain' });
       const url = URL.createObjectURL(blob);
       const a = document.createElement('a');
@@ -849,98 +954,20 @@ https://www.douyin.com/video/7123456789012345680`;
 
     // Export all results
     function exportResults() {
-      if (results.length === 0) {
-        showToast('warning', 'Sem Resultados', 'Nenhum link v3 foi extraído ainda');
-        return;
-      }
-      
-      let exportData = results.map((result, index) => {
-        return `URL ${index + 1}: ${result.originalUrl}
-Link v3: ${result.v3Link || 'N/A'}
-`;
-      }).join('
-');
-      
-      const blob = new Blob([exportData], { type: 'text/plain' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = 'douyin_links_export.txt';
-      a.click();
-      URL.revokeObjectURL(url);
-      showToast('success', 'Exportação Concluída', 'Resultados exportados com sucesso');
-    }
-
-    // Copy all links
-    function copyAllLinks() {
-      if (results.length === 0) {
+      const allResults = Array.from(document.querySelectorAll('[id^="result-"]'));
+      if (allResults.length === 0) {
         showToast('warning', 'Sem Resultados', 'Nenhum link v3 foi extraído ainda');
         return;
       }
       
-      const allLinks = results.map((result, index) => {
-        return result.v3Link || '';
-      }).filter(link => link).join('
-');
-      
-      if (!allLinks) {
-        showToast('warning', 'Nenhum Link', 'Nenhum link v3 disponível para copiar');
-        return;
-      }
-      
-      navigator.clipboard.writeText(allLinks).then(() => {
-        showToast('success', 'Todos os Links Copiados!', `${results.length} links copiados para área de transferência`);
+      let exportData = '';
+      allResults.forEach((textarea, index) => {
+        const value = textarea.value.trim();
+        if (value) {
+          const url = urls[index] || 'Unknown URL';
+          exportData += `URL ${index + 1}: ${url}\nLink v3: ${value}\n\n`;
+        }
       });
-    }
-
-    // Download all links
-    function downloadAll() {
-      if (results.length === 0) {
-        showToast('warning', 'Sem Resultados', 'Nenhum link v3 foi extraído ainda');
-        return;
-      }
-      
-      const allLinks = results.map((result, index) => {
-        return result.v3Link || '';
-      }).filter(link => link).join('
-');
-      
-      if (!allLinks) {
-        showToast('warning', 'Nenhum Link', 'Nenhum link v3 disponível para baixar');
-        return;
-      }
       
-      const blob = new Blob([allLinks], { type: 'text/plain' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = 'douyin_all_links.txt';
-      a.click();
-      URL.revokeObjectURL(url);
-      showToast('success', 'Download Iniciado', 'Todos os links foram baixados');
-    }
-
-    // Clear all results
-    function clearResults() {
-      results = [];
-      extractedCount = 0;
-      updateStats();
-      document.getElementById('resultsList').innerHTML = `
-        <div class="text-center py-8 text-gray-400">
-          <i class="fas fa-clipboard-list text-4xl mb-2"></i>
-          <p class="text-sm">Nenhum resultado ainda</p>
-          <p class="text-xs mt-1">Processando URLs e cole os links v3 aqui</p>
-        </div>
-      `;
-      // Reset URL statuses
-      document.querySelectorAll('.url-item').forEach(item => {
-        item.classList.remove('processing', 'success');
-        item.querySelector('.status-badge').className = 'status-badge text-xs px-2 py-1 rounded-full bg-gray-200 text-gray-600';
-        item.querySelector('.status-badge').textContent = 'Pendente';
-      });
-      showToast('info', 'Resultados Limpos', 'Todos os resultados foram removidos');
-    }
-  </script>
-</body>
-
-</html>```
+      if (!exportData.trim()) {
+        showToast('warning