Phase 4: Web Push notifications (pywebpush + VAPID)

Backend: PushSubscription model/migration, VAPID config + `cli.py
generate-vapid-keys`, push_service.send_push_to_user (upsert-by-endpoint
subscribe/unsubscribe, auto-cleanup of expired 404/410 subscriptions),
/api/push/* router, and ConnectionManager now tracks connected user IDs
per room so chat.py can push only to offline members after broadcasting
to online ones.

Two test-infra bugs found and fixed along the way: send_push_to_user
takes the caller's AsyncSession and is awaited inline rather than fired
via asyncio.create_task with its own session (background tasks were
outliving the test event loop); and the ws_client fixture now uses
NullPool to eliminate a connection-pool checkout race that was failing
WS tests intermittently.

Frontend: service worker rebuilt with vite-plugin-pwa's injectManifest
strategy (custom src/sw.ts) so it can add push/notificationclick
handlers alongside the existing precaching and StaleWhileRevalidate
routes ported over from generateSW. New subscribe/unsubscribe flow
(lib/push.ts, api/push.ts) with a toggle in the account menu.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-14 06:53:07 -06:00
co-authored by Claude Sonnet 5
parent aeb2f3f6a5
commit d09bf4a30a
27 changed files with 876 additions and 95 deletions
+28
View File
@@ -0,0 +1,28 @@
import { apiFetch } from './client'
export interface PushSubscriptionPayload {
endpoint: string
keys: { p256dh: string; auth: string }
}
interface VapidPublicKeyResponse {
public_key: string | null
}
export function getVapidPublicKey(): Promise<VapidPublicKeyResponse> {
return apiFetch<VapidPublicKeyResponse>('/api/push/vapid-public-key')
}
export function subscribePush(subscription: PushSubscriptionPayload): Promise<void> {
return apiFetch<void>('/api/push/subscribe', {
method: 'POST',
body: JSON.stringify(subscription),
})
}
export function unsubscribePush(endpoint: string): Promise<void> {
return apiFetch<void>('/api/push/subscribe', {
method: 'DELETE',
body: JSON.stringify({ endpoint }),
})
}