Add PWA reminders and flexible walk scoring
This commit is contained in:
@@ -0,0 +1,55 @@
|
||||
self.addEventListener("install", event => {
|
||||
event.waitUntil(self.skipWaiting());
|
||||
});
|
||||
|
||||
self.addEventListener("activate", event => {
|
||||
event.waitUntil(self.clients.claim());
|
||||
});
|
||||
|
||||
self.addEventListener("push", event => {
|
||||
let payload = {};
|
||||
|
||||
try {
|
||||
payload = event.data ? event.data.json() : {};
|
||||
} catch (error) {
|
||||
payload = {};
|
||||
}
|
||||
|
||||
const title = payload.title || "Mood-Board";
|
||||
const options = {
|
||||
body: payload.body || "Zeit für deinen heutigen Eintrag.",
|
||||
icon: payload.icon || "/assets/branding/logo-mark.svg",
|
||||
badge: payload.badge || "/assets/branding/favicon.svg",
|
||||
tag: payload.tag || "mood-reminder",
|
||||
data: {
|
||||
url: payload.url || "/track",
|
||||
},
|
||||
};
|
||||
|
||||
event.waitUntil(self.registration.showNotification(title, options));
|
||||
});
|
||||
|
||||
self.addEventListener("notificationclick", event => {
|
||||
event.notification.close();
|
||||
|
||||
const targetUrl = event.notification.data?.url || "/track";
|
||||
|
||||
event.waitUntil((async () => {
|
||||
const clients = await self.clients.matchAll({
|
||||
type: "window",
|
||||
includeUncontrolled: true,
|
||||
});
|
||||
|
||||
for (const client of clients) {
|
||||
const clientUrl = new URL(client.url);
|
||||
const target = new URL(targetUrl, self.location.origin);
|
||||
|
||||
if (clientUrl.pathname === target.pathname) {
|
||||
await client.focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
await self.clients.openWindow(targetUrl);
|
||||
})());
|
||||
});
|
||||
Reference in New Issue
Block a user