Logo

Com o Babel Fish AI, eu já apresentei uma extensão Chrome capaz de transformar voz em texto via a API Whisper da OpenAI, oferecendo também uma tradução em tempo real. Hoje, volto com um conjunto de novas funcionalidades e inúmeras melhorias: desde o menu de contexto até o auto-copy do texto transcrito, passando pela reformulação automática (agora ativável a partir de um botão na barra), este post faz um balanço das evoluções desde a primeira versão.

1. Apresentação: O que muda?

O Babel Fish AI continua em sua missão: permitir que você transcreva, traduza e reformule seus textos em um navegador, com total simplicidade. Aqui estão algumas das principais novidades desde o último artigo:

  • Menu de contexto poderoso:
    Clique com o botão direito sobre um texto selecionado para reformulá-lo (rephrase) ou traduzi-lo para o idioma de sua escolha. O texto original é substituído diretamente pela nova versão.

  • Controle imediato a partir da barra:
    Não é mais necessário acessar as opções para ativar/desativar a reformulação ou a tradução! Os botões da barra (no topo da tela durante a transcrição) permitem ajustar suas preferências em tempo real, de acordo com o que você deseja fazer com sua transcrição ou texto.

  • Função de auto-copy inteligente:
    Ative a opção Automatic copy to clipboard para copiar automaticamente o texto quando a caixa de diálogo é exibida e nenhum campo de entrada está em foco.

  • Melhorias na interface:

    • Botão de cópia melhor integrado.
    • Possibilidade de manter a caixa de diálogo aberta ou definir um tempo antes que ela se feche automaticamente.
    • Animações e estilo mais modernos (cantos arredondados, sombras, etc.).

  • Otimizações diversas:

    • Verificação da conexão (navigator.onLine) antes de cada chamada para evitar erros offline.
    • Melhor gerenciamento de erros e mensagens mais explícitas (chave API ausente, rede inativa, etc.).
    • Código mais modular (arquivos dedicados para os idiomas, o banner, a interface, etc.).

2. Os Vídeos: 15 Idiomas, 15 Demonstrações

Aqui está a lista dos vídeos, cada vídeo apresenta a transcrição de voz, a tradução em tempo real e a reformulação.

  1. Francês (FR) : https://youtu.be/7iLJ_MPQ33k
  2. Inglês (EN) : https://youtu.be/ie7vR_9IJCw
  3. Japonês (JA) : https://youtu.be/bjoGWvSyQPo
  4. Coreano (KO) : https://youtu.be/e4E5K4il6t8
  5. Chinês (ZH) : https://youtu.be/mdxffjYetJs
  6. Espanhol (ES) : https://youtu.be/pXvQBsjKHLk
  7. Alemão (DE) : https://youtu.be/FdjPCvDEYXc
  8. Polonês (PL) : https://youtu.be/ckkgQ1wtYok
  9. Italiano (IT) : https://youtu.be/1XTbqCksu2s
  10. Português (PT) : https://youtu.be/s6BcKsTdUdg
  11. Holandês (NL) : https://youtu.be/8jMHRjzNM2k
  12. Hindi (HI) : https://youtu.be/VFuh-qrAFKU
  13. Árabe (AR) : https://youtu.be/pMbzVmCudDQ
  14. Romeno (RO) : https://youtu.be/FmQgv3Ezu0s
  15. Sueco (SV) : https://youtu.be/1hHPh6cYOkY

Descubra como o Babel Fish AI facilita a comunicação no idioma de sua preferência!

3. Recapitulação das Últimas Versões

Aqui está um breve resumo das mudanças marcantes desde a versão 1.1.0:

3.1. Menu de contexto (v1.1.12)

  • Clique com o botão direito sobre um texto selecionado:
    • Rephrase Selection para reformular instantaneamente.
    • Translate Selection para traduzir o texto selecionado para qualquer idioma suportado.
  • Caixa de diálogo aprimorada:
    • Temporizador visual, botão “Keep Open”, estilo modernizado, botão de cópia integrado.

3.2. Auto-copy e gerenciamento do foco (v1.1.14 → v1.1.15)

  • Opção “Automatic copy to clipboard”:
    • Copia o texto apenas se a caixa de diálogo for exibida e nenhum campo estiver em foco.
  • Detecção aprimorada:
    • Evita sobrecarregar a área de transferência quando o texto já está inserido em um campo.
  • Preservação do foco e do cursor:
    • Você não perde mais sua posição no texto durante as interações com o banner ou os botões.

3.3. Melhorias na UI e UX (v1.1.13)

  • Controles reposicionados no topo da caixa de diálogo para melhor acessibilidade.
  • Interface mais compacta (espaçamento reduzido, margens ajustadas).
  • Melhor gerenciamento do temporizador (contador visual, opção “Keep Open”).

3.4. Diversas otimizações e correções

  • Refatoração do código: mais modular (arquivos separados para os idiomas, o banner, as chamadas de API, etc.).
  • Conexões mais confiáveis: verificação do estado offline para evitar chamadas de API desnecessárias.
  • Mensagens de erro mais claras: instruções detalhadas para resolver os problemas (chave API inválida, etc.).
  • Melhorias de segurança: window.clearTimeout, injeção mais segura, etc.

4. Implementação de Analisadores de Código

Em paralelo ao desenvolvimento assistido por IA via Roo Code (eu utilizo principalmente os modelos gemini-2.0-pro-exp-02-05, gemini-2.0-flash-thinking-exp-01-21 do Google, que estão atualmente gratuitos, e o Claude Sonnet 3.7 da Anthropic), integrei várias ferramentas de análise estática para garantir a qualidade e a segurança do código gerado:

  • SonarCloud
  • CodeFactor
  • Codacy
  • DeepSource

Em cada pull request no GitHub, esses serviços analisam o código e sinalizam imediatamente vulnerabilidades, dívidas técnicas ou práticas inadequadas. Os retornos aparecem diretamente na interface do GitHub, permitindo corrigir rapidamente antes de qualquer mesclagem na branch principal. Dessa forma, mesmo se as IAs produzirem grandes blocos de código, esses analyzers servem como guarda-costas para manter um código limpo e seguro.

5. Arquitetura Técnica Atualizada

Desde o meu último post, a estrutura da extensão evoluiu ligeiramente. Os pontos principais:

  • manifest.json (MV3): gerencia as permissões (activeTab, scripting, contextMenus…) e a injeção dinâmica.
  • background.js: Service worker responsável por reagir ao clique no ícone, aos atalhos e por injetar o content.js.
  • content.js: papel central para o áudio (MediaRecorder) e para a chamada às APIs (Whisper, GPT) através de módulos especializados.
  • Menu de contexto: criado pelo background.js, aplicado pelo content.js.
  • i18n.js e languages-shared.js: centralização dos dados de tradução.

6. Quer Testar?

7. Conclusão

Com essas atualizações, o Babel Fish AI se torna ainda mais versátil, ergonômico e inteligente. Graças ao menu de contexto, aos botões de reformulação/tradução acessíveis diretamente na barra, ao sistema de auto-copy e a uma análise de código reforçada, a experiência do usuário foi consideravelmente aprimorada.

Não deixe de assistir aos vídeos de demonstração. Obrigado pelo acompanhamento, e bons projetos de transcrição e tradução!

Este documento foi traduzido da versão fr para a língua pt utilizando o modelo o3-mini. Para mais informações sobre o processo de tradução, consulte https://gitlab.com/jls42/ai-powered-markdown-translator