shellphone.app/app/service-worker/push.ts

26 lines
868 B
TypeScript
Raw Normal View History

2022-06-01 21:56:37 +00:00
import type { NotificationPayload } from "~/utils/web-push.server";
import { addBadge } from "~/utils/pwa.client";
declare const self: ServiceWorkerGlobalScope;
2022-06-01 21:56:37 +00:00
const defaultOptions: NotificationOptions = {
icon: "/icons/android-chrome-192x192.png",
badge: "/icons/android-chrome-48x48.png",
dir: "auto",
image: undefined,
silent: false,
};
export default async function handlePush(event: PushEvent) {
const payload: NotificationPayload = event.data!.json();
2022-06-01 21:56:37 +00:00
const options = Object.assign({}, defaultOptions, payload);
const revalidateChannel = new BroadcastChannel("revalidate");
// should revalidate just "/messages" and `/messages/${encodeURIComponent(payload.data.recipient)}`
revalidateChannel.postMessage("revalidateLoaderData");
revalidateChannel.close();
await self.registration.showNotification(payload.title, options);
await addBadge(1);
2022-06-01 21:56:37 +00:00
}