Vibe coding para extensão Chrome capturar título de página SPA: Medium entrega o domínio

Uma extensão de favoritos que lê o título cedo demais numa página SPA guarda o nome do domínio. gbrl808 recarregou a extensão, fez login de novo e favoritou 1 artigo do Medium. O save passou, a pesquisa passou e o título da página não veio.

Página médio, mas não apanhou o título, certo?

O bookm já gravava o link. Faltava o título que o artigo mostra depois que o JavaScript hidrata a página. A correção desta live de 99 min é esperar esse título real e acrescentar as permissões no manifest. Sem essa espera, a extensão lê o que o browser ainda tem: o nome genérico do domínio.

A mesma live já tem o recorte de não deixar o agente mudar a migração no redesign. Nesta cena a extensão lê o Medium cedo demais.

O save da extensão passou no Medium sem o título

Ele descreveu o buraco 2 vezes. A primeira foi falando, depois do reload e do login. A extensão que falhou no Medium era a extensão recém-carregada.

O save pela extensão e também a pesquisa está a funcionar. No entanto, notei que num teste aqui que tentei arranjar um link do medium, a extensão não conseguiu capturar o título da página.

A segunda foi o prompt para o agente. O mesmo teste, agora escrito para a IA verificar:

Eu fiz aqui um teste da extensão e verifiquei que está a guardar corretamente o favorito, no entanto fui testar guardando um artigo do medium e ela não conseguiu capturar o título da página. Consegue dar uma verificada nisso?

O save e a pesquisa já estavam ok. O título era o que falhou no Medium. A fala registra o que ele viu e o prompt é o texto que o agente lê.

A extensão já estava no desenho do produto em React Native vs Flutter. O teste desta cena é o artigo do Medium. YouTube entra no diagnóstico do agente, ao lado do Medium, como página que também carrega o conteúdo via JavaScript. O save gravado é o do Medium. Isso aparece também em pagina em construção.

O browser da SPA ainda tem o nome genérico do domínio

O agente leu a tela e ele leu o diagnóstico em voz alta. A transcrição saiu esburacada. Os pedaços intactos dizem o que o agente viu.

Medium, como o YouTube, "carrega o conteúdo via JavaScript". O título real do artigo vai para tags e meta, Open Graph e H1. O browser recebe só o "nome genérico do domínio" antes da hidratação. A transcrição gravou "ridização". Fora das aspas, o que ele leu é hidratação.

A correção que ele aceita na hora: esperar o título real e adicionar "as permissões no manifest". A live não mostra o JSON do manifest nem o código da espera. O que fica gravado é o diagnóstico e a reação:

boa sacada.

O agente nomeou a classe de página (Medium e YouTube) a partir do 1 artigo que ele trouxe. O teste gravado continua a ser o Medium. O agente generalizou a classe para o YouTube sem um save gravado lá. No vibe coding, o agente acerta quando o builder entrega o artigo que falha. Isso aparece também em gerenciador de favoritos.

No vibe coding a extensão espera o título da SPA

Ele pediu verificação. O agente devolveu o diagnóstico, mexeu na captura e nas permissões do manifest. Depois do ajuste, o resumo do agente fala no fluxo principal do MVP "com captura inteligente de títulos".

Ele olhou o resultado:

Uau, perfeito. Este aqui ficou perfeito.

Quem faz vibe coding de extensão Chrome testa o artigo que hidrata tarde. Amanhã recarrega a extensão, faz login de novo, abre 1 artigo do Medium ou outra SPA que hidrata tarde e confere o título no favorito. Se vier o domínio, o prompt para o agente é o dele: o save funciona, o título não veio, verifica. A live de 99 min registra o buraco e o "boa sacada." Dá para assistir à live no trecho em que ele testa o Medium e lê o diagnóstico.