Files
Loki/internal/loki/ui/sw.js
T
Claude e9ec8ae3a8 Notifications Web Push (+ manifeste PWA)
Reprise d'AJEAN : le serveur pousse une notification vers les navigateurs
abonnés, directement via leur service de push — donc app fermée et téléphone
verrouillé, là où une notification côté page ne peut rien (un onglet caché
relâche son flux SSE).

Deux déclencheurs : la fin d'un tour utilisateur (sauf interruption par le
bouton stop : celui qui a coupé est devant l'écran) et — ajout propre à Loki
— la fin d'une TÂCHE PLANIFIÉE, succès comme échec. C'est le cas qui compte
le plus : une tâche tourne justement quand personne ne regarde.

Clés VAPID générées à la première demande et rangées dans la base ;
abonnements persistés et purgés quand le service de push répond 404/410.
Corps de notification générique, sans extrait de réponse : elle transite par
Apple ou Google. /sw.js et /manifest.webmanifest sont servis à la racine
(un service worker doit venir de l'origine) ; le worker ne fait QUE recevoir
les push, sans cache — mettre l'UI en cache servirait une interface périmée
après une mise à jour de l'image.

Interrupteur dans Réglages → Mode agent, à armer sur chaque appareil. L'UI
dit ce qui manque plutôt que d'échouer : HTTPS requis, notifications
bloquées, ou iPhone à ajouter d'abord à l'écran d'accueil.

Nouvelle dépendance : github.com/SherClockHolmes/webpush-go (RFC 8291).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K6CAgoLJzufeA8rZTSpSpY
2026-09-22 13:37:16 +00:00

42 lines
2.3 KiB
JavaScript

// Loki service worker — UNIQUEMENT les notifications Web Push.
//
// ⚠️ VOLONTAIREMENT sans cache ni handler `fetch` : l'interface est un seul
// index.html régénéré à chaque build (assemble-ui) et servi depuis le binaire.
// Un service worker qui interposerait une réponse en cache servirait une UI
// périmée après une mise à jour de l'image, sans moyen simple de s'en rendre
// compte. Ce worker ne fait donc QUE recevoir les push du serveur et afficher
// la notification.
//
// Le SERVEUR (push.go) pousse à la fin d'un tour utilisateur et à la fin d'une
// tâche planifiée, même app fermée ou téléphone verrouillé — c'est tout
// l'intérêt par rapport à une notification côté page, que l'onglet caché ne
// peut plus produire (il relâche son flux SSE).
self.addEventListener('install', function(){ self.skipWaiting(); });
self.addEventListener('activate', function(e){ e.waitUntil(self.clients.claim()); });
self.addEventListener('push', function(e){
var data = { title: 'Loki', body: 'Réponse prête' };
try { if (e.data) data = Object.assign(data, e.data.json()); } catch (_){}
e.waitUntil(self.registration.showNotification(data.title, {
body: data.body,
// tag + renotify : une nouvelle réponse REMPLACE l'ancienne notif (pas
// d'empilement), mais re-sonne/vibre pour signaler qu'elle est fraîche.
tag: data.tag || 'loki-turn',
renotify: true,
// Icône = le carré « loki », en data-URI : aucun fichier externe à servir.
icon: "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><rect width='12' height='12' rx='2' ry='2' fill='%235E7F5A'/><rect x='6' y='3' width='2' height='2' fill='%23fff'/><rect x='6' y='5' width='2' height='2' fill='%23fff'/><rect x='4' y='7' width='2' height='2' fill='%23fff'/></svg>"
}));
});
// Clic sur la notif : ramène l'onglet Loki au premier plan s'il est déjà ouvert,
// sinon en ouvre un. `includeUncontrolled` : les onglets ouverts AVANT que ce
// worker prenne le contrôle comptent aussi.
self.addEventListener('notificationclick', function(e){
e.notification.close();
e.waitUntil(self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then(function(cl){
for (var i = 0; i < cl.length; i++){ if ('focus' in cl[i]) return cl[i].focus(); }
if (self.clients.openWindow) return self.clients.openWindow('/');
}));
});