retoorandClaude Opus 5
53ddf4f233
Split the push delivery library into a provider architecture. devplacepy/push becomes a package: a PushProvider protocol with a registry, the existing Web Push implementation moved unchanged behind it, a new APNs provider, a store owning every push_registration access, and a delivery loop that groups a user's subscriptions by provider, prepares each provider's payload once and sends over a single shared client. APNs delivers over HTTP/2 with an ES256 provider token cached per credential fingerprint, so a worker signs at most one token per 45 minutes. Registrations carry a hexadecimal device token; 410 and the Unregistered class of reasons soft delete the subscription exactly like a gone Web Push endpoint. All provider configuration is edited at /admin/services/push through the same ConfigField surface every other subsystem uses, assembled from the registry so a future provider needs no edit to the service. A provider that is disabled, unconfigured or holding an unusable credential accepts no registrations and is skipped during delivery, never failing the other providers. POST /push.json accepts a registration for any active provider; a body without a provider field is a Web Push body, so existing clients are unchanged. GET /push.json keeps publicKey at the top level and adds the active providers. push_registration gains provider and token columns, ensured in init_db with a converging backfill; existing rows are never rewritten. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
84 lines
2.6 KiB
JavaScript
84 lines
2.6 KiB
JavaScript
// retoor <retoor@molodetz.nl>
|
|
|
|
import { Http } from "./Http.js";
|
|
|
|
export class PushManager {
|
|
constructor() {
|
|
this.supported = "serviceWorker" in navigator && "PushManager" in window && "Notification" in window;
|
|
if (!this.supported) {
|
|
return;
|
|
}
|
|
this.userUid = document.body.dataset.userUid || "";
|
|
this.triggers = Array.from(document.querySelectorAll("[data-push-enable]"));
|
|
this.bindTriggers();
|
|
this.refreshTriggerVisibility();
|
|
this.register(true).catch((error) => console.error("Push silent register failed:", error));
|
|
}
|
|
|
|
bindTriggers() {
|
|
this.triggers.forEach((trigger) => {
|
|
trigger.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
this.optIn();
|
|
});
|
|
});
|
|
}
|
|
|
|
refreshTriggerVisibility() {
|
|
const granted = Notification.permission === "granted";
|
|
this.triggers.forEach((trigger) => {
|
|
trigger.hidden = granted;
|
|
});
|
|
}
|
|
|
|
async optIn() {
|
|
const permission = await Notification.requestPermission();
|
|
if (permission === "granted") {
|
|
await this.register(false);
|
|
}
|
|
}
|
|
|
|
async register(silent) {
|
|
try {
|
|
const registration = await navigator.serviceWorker.register("/service-worker.js");
|
|
await registration.update();
|
|
await navigator.serviceWorker.ready;
|
|
|
|
if (Notification.permission !== "granted") {
|
|
this.refreshTriggerVisibility();
|
|
return;
|
|
}
|
|
|
|
if (!this.userUid) {
|
|
return;
|
|
}
|
|
|
|
const keyData = await Http.getJson("/push.json");
|
|
if (!keyData.publicKey) {
|
|
return;
|
|
}
|
|
const applicationServerKey = Uint8Array.from(atob(keyData.publicKey), (c) => c.charCodeAt(0));
|
|
|
|
const subscription = await registration.pushManager.subscribe({
|
|
userVisibleOnly: true,
|
|
applicationServerKey: applicationServerKey,
|
|
});
|
|
|
|
await Http.postJson("/push.json", subscription.toJSON());
|
|
|
|
this.refreshTriggerVisibility();
|
|
} catch (error) {
|
|
if (error.status === 401) {
|
|
return;
|
|
}
|
|
console.error("Error registering push notifications:", error);
|
|
if (!silent) {
|
|
window.app.dialog.alert({
|
|
title: "Push notifications",
|
|
message: "Enabling push notifications failed. Please check your browser settings and try again.\n\n" + error,
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|