diff --git a/TESTE_VARIAVEIS_NAVEGADOR.md b/TESTE_VARIAVEIS_NAVEGADOR.md new file mode 100644 index 0000000..10cac77 --- /dev/null +++ b/TESTE_VARIAVEIS_NAVEGADOR.md @@ -0,0 +1,104 @@ +# 🧪 TESTE DE VARIÁVEIS NO NAVEGADOR + +## ❌ ERRO NO CONSOLE + +O comando `import.meta.env` NÃO funciona no console do navegador! + +Ele só funciona dentro do código da aplicação durante o build. + +--- + +## ✅ COMO TESTAR CORRETAMENTE + +### Opção 1: Verificar no código fonte + +1. Abra: https://rdo.tracksteel.com.br +2. Pressione **F12** (DevTools) +3. Vá na aba **Sources** ou **Debugger** +4. Procure por arquivos `.js` no painel esquerdo +5. Abra qualquer arquivo e procure por `xzudfhifaancyxxfdejx` +6. Se encontrar = ✅ Variáveis configuradas! +7. Se NÃO encontrar = ❌ Variáveis não foram injetadas no build + +--- + +### Opção 2: Verificar no Network + +1. Abra: https://rdo.tracksteel.com.br +2. Pressione **F12** (DevTools) +3. Vá na aba **Network** +4. Clique em "Login com Google" +5. Procure por requisições para `xzudfhifaancyxxfdejx.supabase.co` +6. Se aparecer = ✅ Variáveis configuradas! +7. Se NÃO aparecer = ❌ Variáveis não foram injetadas + +--- + +### Opção 3: Adicionar console.log temporário + +Adicione este código no arquivo `src/lib/supabase.ts` (linha 6): + +```typescript +const supabaseUrl = import.meta.env.VITE_SUPABASE_URL +const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY + +// ADICIONAR ESTAS LINHAS TEMPORÁRIAS: +console.log('🔍 SUPABASE URL:', supabaseUrl) +console.log('🔍 SUPABASE KEY:', supabaseAnonKey?.substring(0, 30) + '...') +``` + +Depois faça commit, push e aguarde o deploy no Netlify. + +Quando abrir o site, vai aparecer no console! + +--- + +## 🚨 PROBLEMA IDENTIFICADO + +O erro **401 Unauthorized** com `grant_type=pkce` indica que: + +1. ✅ As variáveis de ambiente ESTÃO configuradas (senão daria outro erro) +2. ❌ O flowType estava configurado como `pkce` que não funciona bem em produção +3. ✅ JÁ CORRIGI mudando para `implicit` + +--- + +## 📋 PRÓXIMOS PASSOS + +1. ✅ **Código corrigido** (mudei flowType para implicit) +2. ✅ **Push feito** para o GitHub +3. ⏳ **Aguardar deploy** no Netlify (2-3 minutos) +4. 🧪 **Testar login** novamente + +--- + +## ⏰ AGUARDE O DEPLOY + +O Netlify precisa fazer o build novamente com o código corrigido. + +**Como verificar se o deploy terminou:** + +1. Acesse: https://app.netlify.com +2. Clique no seu site +3. Vá em **Deploys** +4. Aguarde o deploy mais recente ficar **"Published"** (verde) +5. Depois teste o login! + +--- + +## 🎯 TESTE APÓS O DEPLOY + +1. Abra: https://rdo.tracksteel.com.br +2. Limpe o cache (Ctrl+Shift+Delete → Limpar tudo) +3. Recarregue a página (Ctrl+F5) +4. Clique em "Login com Google" +5. Deve funcionar agora! + +--- + +## 🔍 SE AINDA DER ERRO + +Me envie print do console (F12) mostrando: +- Aba **Console** (mensagens de erro) +- Aba **Network** (requisições falhando) +