Manual changes saved

injector.js

@@ -1,36 +1,33 @@
 // Hugging Face AI Injector - Versão Corrigida
 // Este script injeta funcionalidades automatizadas nas páginas do Hugging Face
-
 (function() {
     'use strict';
-    
+
     // Verificar se já foi injetado
     if (window.hfInjectorLoaded) {
         console.log('HF Injector já foi carregado');
         return;
     }
     window.hfInjectorLoaded = true;
-    
+
     // Aguardar a página carregar completamente
     function waitForElement(selector, callback, maxAttempts = 50) {
         let attempts = 0;
-        
         function check() {
             attempts++;
             const element = document.querySelector(selector);
-            
             if (element) {
                 callback(element);
             } else if (attempts < maxAttempts) {
                 setTimeout(check, 200);
             } else {
+                // CORREÇÃO: Adicionadas crases ao redor da string do console.error
                 console.error(`Elemento não encontrado após ${maxAttempts} tentativas: ${selector}`);
             }
         }
-        
         check();
     }
-    
+
     // Injetar o painel de controle
     function injectControlPanel() {
         // Remover painel existente se houver
@@ -38,78 +35,56 @@
         if (existingPanel) {
             existingPanel.remove();
         }
-        
+
         // Criar painel
         const panel = document.createElement('div');
         panel.id = 'hf-ai-injector-panel';
-        panel.style.cssText = `
-            position: fixed !important;
-            top: 20px !important;
-            right: 20px !important;
-            width: 320px !important;
-            background: white !important;
-            border: 2px solid #6366f1 !important;
-            border-radius: 12px !important;
-            padding: 20px !important;
-            box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
-            z-index: 999999 !important;
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
-            font-size: 14px !important;
-        `;
-        
+        // CORREÇÃO: Adicionadas aspas simples no início e no final da string CSS
+        panel.style.cssText = 'position: fixed !important; top: 20px !important; right: 20px !important; width: 320px !important; background: white !important; border: 2px solid #6366f1 !important; border-radius: 12px !important; padding: 20px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important; z-index: 999999 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important;';
+
         // Determinar qual AI estamos
         const isQwen = window.location.href.includes('Qwen') || window.location.href.includes('qwen');
         const isZai = window.location.href.includes('zai-org') || window.location.href.includes('zai');
         const aiType = isQwen ? 'Qwen' : (isZai ? 'ZAI' : 'HF Chat');
-        panel.innerHTML = '<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">' +
-            '<h3 style="margin: 0; color: #333; font-size: 16px; font-weight: 600;">' +
-            '🤖 ' + aiType + ' Injector' +
-            '</h3>' +
-            '<button id="close-injector" style="background: none; border: none; font-size: 20px; cursor: pointer; color: #666; padding: 0; width: 24px; height: 24px;">×</button>' +
-            '</div>' +
-            '<div id="injector-controls">' +
-            '<button id="inject-prompt" style="width: 100%; background: #6366f1; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">' +
-            '📝 Injetar Prompt Otimizado' +
-            '</button>' +
-            '<button id="auto-fill" style="width: 100%; background: #10b981; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">' +
-            '🔄 Colar da Área de Transferência' +
-            '</button>' +
-            '<button id="extract-response" style="width: 100%; background: #f59e0b; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">' +
-            '📋 Copiar Resposta' +
-            '</button>' +
-            (isQwen ? '<button id="send-to-zai" style="width: 100%; background: #8b5cf6; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 13px;">' +
-            '➡️ Enviar para ZAI' +
-            '</button>' : '') +
-            '</div>' +
-            '<div id="status-message" style="margin-top: 10px; padding: 8px; background: #f0f9ff; border-radius: 6px; font-size: 12px; color: #0369a1; display: none; white-space: normal; word-wrap: break-word;">' +
-            '</div>';
-document.body.appendChild(panel);
-        
+
+        // CORREÇÃO: Adicionadas crases no início e no final da string HTML para permitir múltiplas linhas e template literals
+        panel.innerHTML = `
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
+                <h3 style="margin: 0; color: #333; font-size: 16px; font-weight: 600;">🤖 ${aiType} Injector</h3>
+                <button id="close-injector" style="background: none; border: none; font-size: 20px; cursor: pointer; color: #666; padding: 0; width: 24px; height: 24px;">×</button>
+            </div>
+            <div id="injector-controls">
+                <button id="inject-prompt" style="width: 100%; background: #6366f1; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">📝 Injetar Prompt Otimizado</button>
+                <button id="auto-fill" style="width: 100%; background: #10b981; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">🔄 Colar da Área de Transferência</button>
+                <button id="extract-response" style="width: 100%; background: #f59e0b; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; margin-bottom: 10px; font-weight: 500; font-size: 13px;">📋 Copiar Resposta</button>
+                ${isQwen ? '<button id="send-to-zai" style="width: 100%; background: #8b5cf6; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 13px;">➡️ Enviar para ZAI</button>' : ''}
+            </div>
+            <div id="status-message" style="margin-top: 10px; padding: 8px; background: #f0f9ff; border-radius: 6px; font-size: 12px; color: #0369a1; display: none; white-space: normal; word-wrap: break-word;"></div>
+        `;
+
+        document.body.appendChild(panel);
+
         // Adicionar event listeners
         document.getElementById('close-injector').onclick = () => {
             panel.remove();
             window.hfInjectorLoaded = false;
         };
-        
         document.getElementById('inject-prompt').onclick = injectPrompt;
         document.getElementById('auto-fill').onclick = autoFillFromClipboard;
         document.getElementById('extract-response').onclick = extractResponse;
-        
         if (isQwen) {
             document.getElementById('send-to-zai').onclick = sendToZai;
         }
-        
+
         showStatus('Injector ativado com sucesso!', 'success');
     }
-    
+
     // Mostrar mensagem de status
     function showStatus(message, type = 'info') {
         const statusEl = document.getElementById('status-message');
         if (!statusEl) return;
-        
         statusEl.textContent = message;
         statusEl.style.display = 'block';
-        
         if (type === 'error') {
             statusEl.style.background = '#fef2f2';
             statusEl.style.color = '#dc2626';
@@ -120,42 +95,58 @@ document.body.appendChild(panel);
             statusEl.style.background = '#f0f9ff';
             statusEl.style.color = '#0369a1';
         }
-        
         setTimeout(() => {
             statusEl.style.display = 'none';
         }, 4000);
     }
-    
+
     // Injetar prompt otimizado
     function injectPrompt() {
         const isQwen = window.location.href.includes('Qwen') || window.location.href.includes('qwen');
         let prompt;
+
+        // CORREÇÃO: Adicionadas crases para delimitar as strings de várias linhas
         if (isQwen) {
-            prompt = 'Você é um especialista em análise de código com alta autonomia.\n\n' +
-                '=== TAREFA PRINCIPAL ===\n' +
-                'Analise o código fornecido e identifique TODOS os problemas possíveis.\n\n' +
-                '=== FORMATO DE SAÍDA OBRIGATÓRIO ===\n' +
-                'Para cada arquivo com problemas:\n' +
-                'nome/do/arquivo.ext"código_completo_corrigido"\n\n' +
-                '=== REGRAS ===\n' +
-                '1. Use sempre aspas para delimitar o código\n' +
-                '2. Inclua o caminho completo do arquivo\n' +
-                '3. Forneça o código COMPLETO e corrigido\n' +
-                '4. Sem explicações extras, apenas o formato acima\n\n' +
-                '=== CÓDIGO PARA ANÁLISE ===';
+            prompt = `Você é um especialista em análise de código com alta autonomia.
+
+=== TAREFA PRINCIPAL ===
+Analise o código fornecido e identifique TODOS os problemas possíveis.
+
+=== FORMATO DE SAÍDA OBRIGATÓRIO ===
+Para cada arquivo com problemas:
+nome/do/arquivo.ext
+\`\`\`
+"código_completo_corrigido"
+\`\`\`
+
+=== REGRAS ===
+1. Use sempre aspas para delimitar o código
+2. Inclua o caminho completo do arquivo
+3. Forneça o código COMPLETO e corrigido
+4. Sem explicações extras, apenas o formato acima
+
+=== CÓDIGO PARA ANÁLISE ===`;
         } else {
-            prompt = 'Você é um finalizador de código.\n\n' +
-                '=== TAREFA ===\n' +
-                'Receba o diagnóstico do Qwen e produza o código final corrigido.\n\n' +
-                '=== FORMATO EXATO ===\n' +
-                'nome/do/arquivo.ext"código_final_completo"\n\n' +
-                '=== REGRAS ===\n' +
-                '1. Apenas o código corrigido\n' +
-                '2. Sem explicações\n' +
-                '3. Formato exato acima\n\n' +
-                '=== ENTRADA DO QWEN ===';
+            prompt = `Você é um finalizador de código.
+
+=== TAREFA ===
+Receba o diagnóstico do Qwen e produza o código final corrigido.
+
+=== FORMATO EXATO ===
+nome/do/arquivo.ext
+\`\`\`
+"código_final_completo"
+\`\`\`
+
+=== REGRAS ===
+1. Apenas o código corrigido
+2. Sem explicações
+3. Formato exato acima
+
+=== ENTRADA DO QWEN ===`;
         }
-// Tentar encontrar o textarea de várias maneiras
+
+        // Tentar encontrar o textarea de várias maneiras
         const selectors = [
             'textarea[data-testid="chat-input"]',
             'textarea[placeholder*="Message"]',
@@ -165,7 +156,7 @@ document.body.appendChild(panel);
             'textarea',
             '[contenteditable="true"]'
         ];
-        
+
         let textarea = null;
         for (const selector of selectors) {
             textarea = document.querySelector(selector);
@@ -174,23 +165,20 @@ document.body.appendChild(panel);
                 break;
             }
         }
-        
+
         if (textarea) {
             // Tentar diferentes métodos para definir o valor
             try {
                 if (textarea.tagName.toLowerCase() === 'textarea') {
                     textarea.value = prompt;
                     textarea.focus();
-                    
                     // Disparar eventos para garantir que o valor seja registrado
                     textarea.dispatchEvent(new Event('input', { bubbles: true }));
                     textarea.dispatchEvent(new Event('change', { bubbles: true }));
-                } else {
-                    // Para contenteditable
+                } else { // Para contenteditable
                     textarea.textContent = prompt;
                     textarea.focus();
                 }
-                
                 showStatus('Prompt injetado com sucesso!', 'success');
             } catch (error) {
                 console.error('Erro ao injetar prompt:', error);
@@ -200,12 +188,11 @@ document.body.appendChild(panel);
             showStatus('Campo de entrada não encontrado. Clique na caixa de texto primeiro.', 'error');
         }
     }
-    
+
     // Preencher automaticamente da área de transferência
     async function autoFillFromClipboard() {
         try {
             const text = await navigator.clipboard.readText();
-            
             const selectors = [
                 'textarea[data-testid="chat-input"]',
                 'textarea[placeholder*="Message"]',
@@ -215,7 +202,7 @@ document.body.appendChild(panel);
                 'textarea',
                 '[contenteditable="true"]'
             ];
-            
+
             let textarea = null;
             for (const selector of selectors) {
                 textarea = document.querySelector(selector);
@@ -223,7 +210,7 @@ document.body.appendChild(panel);
                     break;
                 }
             }
-            
+
             if (textarea) {
                 try {
                     if (textarea.tagName.toLowerCase() === 'textarea') {
@@ -235,7 +222,6 @@ document.body.appendChild(panel);
                         textarea.textContent = text;
                         textarea.focus();
                     }
-                    
                     showStatus('Conteúdo colado com sucesso!', 'success');
                 } catch (error) {
                     console.error('Erro ao colar:', error);
@@ -249,7 +235,7 @@ document.body.appendChild(panel);
             showStatus('Erro ao acessar área de transferência', 'error');
         }
     }
-    
+
     // Extrair resposta da IA
     function extractResponse() {
         // Tentar diferentes seletores para encontrar as mensagens
@@ -262,7 +248,7 @@ document.body.appendChild(panel);
             '[class*="response"]',
             '[class*="turn"]'
         ];
-        
+
         let messages = [];
         for (const selector of selectors) {
             messages = document.querySelectorAll(selector);
@@ -271,9 +257,10 @@ document.body.appendChild(panel);
                 break;
             }
         }
-        
+
         if (messages.length === 0) {
             // Tentar encontrar textos que parecem ser respostas
+            // CORREÇÃO: Alterado o seletor de '' para '*' para buscar todos os elementos.
             const allElements = document.querySelectorAll('*');
             for (const element of allElements) {
                 if (element.textContent && element.textContent.length > 100) {
@@ -286,11 +273,10 @@ document.body.appendChild(panel);
                 }
             }
         }
-        
+
         if (messages.length > 0) {
             const lastMessage = messages[messages.length - 1];
             let messageText = '';
-            
             // Tentar extrair texto de diferentes maneiras
             if (lastMessage.textContent) {
                 messageText = lastMessage.textContent.trim();
@@ -299,7 +285,7 @@ document.body.appendChild(panel);
             } else {
                 messageText = lastMessage.innerHTML.replace(/<[^>]*>/g, '').trim();
             }
-            
+
             if (messageText && messageText.length > 10) {
                 navigator.clipboard.writeText(messageText).then(() => {
                     showStatus('Resposta copiada com sucesso!', 'success');
@@ -320,7 +306,7 @@ document.body.appendChild(panel);
             showStatus('Nenhuma mensagem encontrada', 'error');
         }
     }
-    
+
     // Enviar para ZAI
     function sendToZai() {
         // Extrair resposta primeiro
@@ -330,7 +316,7 @@ document.body.appendChild(panel);
             '.message-content',
             '.markdown-body'
         ];
-        
+
         let messages = [];
         for (const selector of selectors) {
             messages = document.querySelectorAll(selector);
@@ -338,40 +324,38 @@ document.body.appendChild(panel);
                 break;
             }
         }
-        
+
         if (messages.length === 0) {
             showStatus('Nenhuma mensagem encontrada para enviar', 'error');
             return;
         }
-        
+
         const lastMessage = messages[messages.length - 1];
         let messageText = '';
-        
+
         if (lastMessage.textContent) {
             messageText = lastMessage.textContent.trim();
         } else if (lastMessage.innerText) {
             messageText = lastMessage.innerText.trim();
         }
-        
+
         if (messageText && messageText.length > 10) {
             // Armazenar em localStorage
             localStorage.setItem('qwen_to_zai_transfer', messageText);
-            
             // Abrir ZAI em nova aba
             const zaiUrl = 'https://huggingface.co/zai-org/GLM-4.6';
             window.open(zaiUrl, '_blank');
-            
             showStatus('Enviado para ZAI! Abrindo nova aba...', 'success');
         } else {
             showStatus('Não foi possível extrair o texto para enviar', 'error');
         }
     }
-    
+
     // Verificar dados recebidos do Qwen (apenas na página ZAI)
     function checkForIncomingData() {
         const isZai = window.location.href.includes('zai-org') || window.location.href.includes('zai');
         if (!isZai) return;
-        
+
         const incomingData = localStorage.getItem('qwen_to_zai_transfer');
         if (incomingData) {
             const selectors = [
@@ -382,7 +366,7 @@ document.body.appendChild(panel);
                 'textarea',
                 '[contenteditable="true"]'
             ];
-            
+
             let textarea = null;
             for (const selector of selectors) {
                 textarea = document.querySelector(selector);
@@ -390,7 +374,7 @@ document.body.appendChild(panel);
                     break;
                 }
             }
-            
+
             if (textarea) {
                 try {
                     if (textarea.tagName.toLowerCase() === 'textarea') {
@@ -402,7 +386,6 @@ document.body.appendChild(panel);
                         textarea.textContent = incomingData;
                         textarea.focus();
                     }
-                    
                     showStatus('Dados do Qwen recebidos e injetados!', 'success');
                     localStorage.removeItem('qwen_to_zai_transfer');
                 } catch (error) {
@@ -412,43 +395,31 @@ document.body.appendChild(panel);
             }
         }
     }
-    
+
     // Função principal de inicialização
     function init() {
         console.log('HF AI Injector: Inicializando...');
-        
         // Verificar se estamos em uma página suportada
-        const supportedUrls = [
-            'huggingface.co',
-            'Qwen',
-            'qwen',
-            'zai-org',
-            'zai'
-        ];
-        
-        const isSupported = supportedUrls.some(url => 
-            window.location.href.includes(url)
-        );
-        
+        const supportedUrls = ['huggingface.co', 'Qwen', 'qwen', 'zai-org', 'zai'];
+        const isSupported = supportedUrls.some(url => window.location.href.includes(url));
+
         if (!isSupported) {
             console.log('HF Injector: Página não suportada');
             return;
         }
-        
+
         // Aguardar um pouco para a página carregar
         setTimeout(() => {
             injectControlPanel();
-            
             // Verificar dados recebidos periodicamente (para ZAI)
             setInterval(checkForIncomingData, 3000);
         }, 1000);
     }
-    
+
     // Inicializar
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', init);
     } else {
         init();
     }
-    
 })();