Pitch: Extensão do TabNews para navegador
Este é meu primeiro cliente consumindo a API do TabNews.
A extensão foi feita baseada na API do Chrome mas pode funcionar em outros navegadores com a mesma base.
Com certeza o código tem muito a ser melhorado (até porque essa é a minha primeira experiência desenvolvendo extensões para navegador) mas acredito que a funcionalidade básica está aceitável.
O que a extensão tem/faz:
- Verifica a cada X minutos por novos posts publicados no TabNews
- Se tiver novos posts um contador fica disponível ao lado do ícone
- Uma notificação é disparada no desktop
- Um painel com a últimas publicações fica sempre acessível ao clicar no ícone
Limitações
- Por enquanto a única ordenação disponível é pelas mais recentes
- A lista de publicações é limitada apenas a primeira página (30 mais recentes)
- Somente novas publicações são notificadas (não inclui comentários)
- Não tem uma tela de configuração ainda, mas é possível alterar o intervalo e configurar as notificações
- Por não estar na loja, será necessário baixar o código e usar o modo de desenvolvedor
Como usar
O código está nesse repositório: https://github.com/agjunior/tabnews-browser
No Chrome, basta acessar a página de extensões e habilitar o Modo do desenvolvedor no canto direito. Dos botões que aparecer, usar a opção Carregar sem compactação e selecionar a pasta da extensão (se baixar como zip precisa descompactar antes).
Configuração
Como ainda não existe uma página de configuração, há 3 constantes no arquivo background.js que é possível alterar:
UPDATE_INTERVAL_IN_MINUTES é o tempo em minutos que e extensão vai verificar por novos posts (o padrão é 5) NOTIFICATIONS_ENABLED habilita ou não as notificações no desktop (o badge do ícone sempre mostra novos posts) NOTIFICATIONS_GROUP_ENABLED mostra a quantidade em vez do conteúdo da última notificação se acumular mais de uma publicação não lida
Screenshots
Ainda tenho uma dúvida: no caso de publicar na loja há alguma restrição quando ao uso do nome e logo do TabNews?
No mais, estou aberto à críticas e sugestões sobre o projeto. E caso queiram opinar se vale ou não a pena ter uma extensão para navegador, fiquem à vontade também.
[edit] Também funciona no Edge. O processo é praticamente o mesmo. No Firefox não roda por ele ainda não dar suporte ao Manifest V3 (está em desenvolvimento).
Visitei o repositório e vi que ele só possui o código. Se você colocar o que escreveu nessa publicação no README, já irá melhorar bastante, porque assim quem for parar no seu GitHub sem ver essa publicação no TabNews conseguirá entender também 🤝
Sensacional meu caro, parabéns pelo projeto! Não vou conseguir testar em localhost, mas pela descrição que você deu, a idéia de mostrar o número das novas notícias é sensacional!!!
Em paralelo, a seção "Screenshots" não funcionou. Sugiro hospedar as imagens em https://imgur.com/
Ainda tenho uma dúvida: no caso de publicar na loja há alguma restrição quando ao uso do nome e logo do TabNews?
Não há restrição, pode usar como desejar mas pedimos apenas que identifique em algum lugar da descrição que é um client não oficial 🤝
[edit]
Agora as imagens estão funcionando 👍
E eu alterei o título da sua publicação para adicionar o prefixo Pitch 🤝
Excelente @agjunior!
Gostei muito e já estou usando a extensão! Assim como dito pelo @rodrigoborges foi também um primeiro contato pra mim no que diz respeito a criação de extensões. E sem dúvida já estou pensando em usar esta ideia em num projeto interno aqui.
Muito obrigado!
Parabéns pelo projeto e achei sensacional. Já dei uma estrela lá no git!
Para mim foi interessante ver até o código, pois nunca criei uma extensão para navegador e me deu algumas ideias!
Parabéns pelo lançamento da extensão, está com uma cara incrível! 🚀 A ideia de poder ficar por dentro das atualizações em tempo real é super conveniente.
Aproveitando o embalo, você tem planos para lançar uma versão compatível com o Firefox em breve? Gostaria de testá-lo.
Cara, genial! Parabens @agjunior!
Eu criei a um bom tempo uma extensão para o Chrome tbm, e nela me lembro de ter implementado um atalho para busca rapida, no caso é possivel implementar algo como, sempre que o usuário digitar tab e dar um tab, ele já meio que buscar no site, ou até mesmo no google usando site:tabnews.com.br, assim o usuário tambem teria uma busca rápida para o site usando a sua exetenção.