Josep Piguillem
233c46e9fa
- What reaches the bell also reaches the devices where the person turned «Avisos en este dispositivo» on, with TaskStream closed: the Notifier sends each new notification encrypted (aes128gcm) and signed with VAPID, and forgets subscriptions the push service dropped (404/410). A failure never blocks the event stream. - The API keeps one subscription per device (push_subscriptions) and exposes the VAPID public key in the notification settings; GraphQL subscribePush/unsubscribePush, REST /me/push-subscriptions. Without VAPID_PUBLIC_KEY and VAPID_PRIVATE_KEY push is off. - The web registers /push-sw.js, a service worker that only shows the notification and opens its ticket on a tap (no caching, served without cache by nginx), and a manifest that makes it installable, which iPhones need for push. - The bell's toggles show their text next to them. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
/*
|
|
* TaskStream's service worker: push notifications only. It caches nothing,
|
|
* so a new deploy never leaves an old version of the app behind.
|
|
*
|
|
* The API sends `{ title, body, url, tag }` (see Notifier's payloadOf).
|
|
*/
|
|
self.addEventListener('install', () => self.skipWaiting());
|
|
self.addEventListener('activate', (event) =>
|
|
event.waitUntil(self.clients.claim()),
|
|
);
|
|
|
|
self.addEventListener('push', (event) => {
|
|
let data = {};
|
|
try {
|
|
data = event.data ? event.data.json() : {};
|
|
} catch {
|
|
data = { body: event.data ? event.data.text() : '' };
|
|
}
|
|
event.waitUntil(
|
|
self.registration.showNotification(data.title || 'TaskStream', {
|
|
body: data.body || '',
|
|
tag: data.tag,
|
|
icon: '/logo-192.png',
|
|
badge: '/logo-96.png',
|
|
data: { url: data.url || '/' },
|
|
}),
|
|
);
|
|
});
|
|
|
|
// A tap opens the ticket: in a TaskStream tab already open, or in a new one.
|
|
self.addEventListener('notificationclick', (event) => {
|
|
event.notification.close();
|
|
const target = new URL(
|
|
event.notification.data?.url || '/',
|
|
self.location.origin,
|
|
).href;
|
|
event.waitUntil(
|
|
self.clients
|
|
.matchAll({ type: 'window', includeUncontrolled: true })
|
|
.then((tabs) => {
|
|
for (const tab of tabs) {
|
|
if (
|
|
new URL(tab.url).origin === self.location.origin &&
|
|
'focus' in tab
|
|
) {
|
|
return tab.focus().then(() => tab.navigate(target));
|
|
}
|
|
}
|
|
return self.clients.openWindow(target);
|
|
}),
|
|
);
|
|
});
|