Extensão Chrome que monitora as legendas do YouTube em tempo real e bloqueia vídeos com palavras impróprias para crianças e idosos.
Funciona 100% offline — sem APIs externas, sem custo, sem envio de dados.
- Node.js versão 18 ou superior
- Google Chrome
npm install# Build de produção (uma vez)
npm run build
# Build de desenvolvimento com watch (recompila ao salvar)
npm run devIsso vai gerar a pasta /dist com os arquivos compilados.
- Abra o Chrome e vá em
chrome://extensions - Ative o Modo do desenvolvedor (canto superior direito)
- Clique em "Carregar sem compactação"
- Selecione a pasta raiz do projeto (
guardian-extension/) - A extensão aparece na barra do Chrome ✅
Toda vez que você modificar o código, rode
npm run builde clique no botão 🔄 emchrome://extensions.
- Clique no ícone 🛡️ na barra do Chrome
- Escolha o perfil (Idosa ou Criança)
- Escolha a ação (Pausar, Mutar, Pular ou Bloquear tela)
- Adicione palavras extras se quiser
- Pronto — o Guardian monitora automaticamente todo vídeo do YouTube
Edite o arquivo src/wordlist.ts e adicione ou remova palavras das listas crianca e idosa.
Após editar, rode npm run build e atualize a extensão no Chrome.
guardian-extension/
├── src/
│ ├── content.ts ← roda dentro da aba do YouTube
│ ├── background.ts ← service worker (gerencia estado)
│ ├── analyzer.ts ← detecta palavras no texto
│ ├── actions.ts ← pausa, muta, bloqueia tela
│ ├── wordlist.ts ← ⭐ suas listas de palavras
│ └── types.ts ← interfaces TypeScript
├── popup/
│ ├── popup.html ← painel da extensão
│ ├── popup.ts ← lógica do painel
│ └── popup.css ← estilos do painel
├── dist/ ← gerado pelo build (não edite)
├── manifest.json ← configuração da extensão
├── webpack.config.js ← empacotador
├── tsconfig.json ← configuração TypeScript
└── package.json
MIT — use, modifique e distribua à vontade. Feito com ❤️ para proteger famílias.