PrimoDev/ apps

Push Web (AlertWorker)

Notificações de trabalho encenadas pra gravar vídeo no iPhone

  • Web
  • iOS
  • Open source
Ver no GitHub
Testar

O que é o Push Web (AlertWorker)?

O Push Web (AlertWorker) é um PWA estático que dispara notificações falsas de chat e calendário no iPhone, pra você gravar a central de notificações cheia em vídeos e B-roll. Não tem backend: os textos e tempos ficam no próprio app e os avisos são agendados no aparelho.

É um projeto de demonstração, de uso pessoal, sem licença open source definida. Pra usar, abra o link no Safari do iPhone, adicione à Tela de Início e ative as notificações pelo app instalado.

O que ele faz

  1. 013 cenários prontos: Manhã corrida (8 avisos), Faltou nas calls (6 avisos) e Rajada rápida (12 avisos)
  2. 02Notificações de chat corporativo e de calendário com textos genéricos
  3. 03Simula o visual de outros apps, como WhatsApp, Telegram, Slack, Mensagens, Gmail e Calendário, com ícones genéricos
  4. 04Notificação personalizada com título, corpo, tag e atraso em segundos
  5. 05Fila de notificações personalizadas pra rodar em sequência
  6. 06Avisos avulsos pra disparar na hora
  7. 07Funciona sem backend, com textos e tempos editáveis no código

Perguntas frequentes

O Push Web é grátis?
Sim. É só abrir o link e usar, e o código está no GitHub. Ele não tem licença open source definida: o README diz que é pra uso pessoal e demonstração.
Funciona em qualquer iPhone?
Precisa de iOS 16.4 ou mais novo, porque o iOS só mostra notificações web em PWA instalado. Você tem que adicionar à Tela de Início pelo Safari e abrir pelo ícone, não pela aba do navegador.
Como faço pra gravar?
Ative as notificações, teste uma, escolha um cenário e toque em Iniciar sequência. Bloqueie a tela em 1 ou 2 segundos e puxe a central de notificações enquanto grava. Deixe o app em segundo plano: fechar o PWA cancela os timers.
As notificações são de verdade? Mandam alguma coisa pra alguém?
Não. São notificações locais encenadas, sem servidor e sem envio pra ninguém. Os nomes e textos são genéricos e o app avisa que não é um produto real.
Posso mudar os textos?
Pode. Dá pra criar notificações personalizadas e filas direto no app, ou editar títulos, corpos e atrasos dos cenários no arquivo js/scenarios.js.

Documentação

README do repositório lucianodiisouza/push-web, atualizado a cada deploy. O texto original é em inglês.

PWA estática que dispara notificações genéricas de trabalho (chat + calendário) para gravação no iPhone. Sem backend.

Publicar na Vercel

  1. Gere os ícones (uma vez):

    node scripts/generate-icons.mjs
  2. Envie para o GitHub e importe no Vercel, ou:

    npx vercel
  3. Abra a URL HTTPS de produção no Safari do iPhone.

Configuração no iPhone (importante)

  1. Safari → URL da Vercel
  2. Ativar notificações → Permitir
  3. Compartilhar → Adicionar à Tela de Início
  4. Abra o app pelo ícone na tela inicial (não por aba do Safari)
  5. Ative notificações de novo se pedir
  6. Toque em Testar uma, bloqueie a tela ou vá para a home
  7. Rode uma sequência, bloqueie o celular e grave o centro de notificações

O iOS só mostra notificações web em PWA instalado (iOS 16.4+). Teste antes da gravação — podem ser mais discretas que apps nativos.

Cenários

Cenário Uso
Manhã corrida Daily, chats, reuniões chegando
Faltou nas calls “Cadê você?” / calls perdidas
Rajada rápida Bandeja cheia para B-roll

Edite textos e tempos em js/scenarios.js.

Personalizar

  • Títulos e corpos: js/scenarios.js
  • Atrasos: delaySec em cada item
  • Nome na tela inicial: manifest.webmanifest → short_name

Dicas de gravação

  • Inicie a sequência e bloqueie a tela em 1–2 segundos.
  • Puxe o centro de notificações enquanto grava.
  • Não perturbe desligado; volume alto se quiser som (nem sempre funciona em web push).
  • Mantenha o PWA em segundo plano; fechar o app cancela os timers.

Licença

Uso pessoal / demonstração. Você é responsável pelo uso das notificações encenadas em conteúdo publicado.