ValPush

/** @jsxImportSource npm:hono@3/jsx */ import { modifyFetchHandler as codeOnValTownBanner } from "https://esm.town/v/andreterron/codeOnValTown"; import { passwordAuth } from "https://esm.town/v/pomdtr/password_auth"; import { Hono } from "npm:hono@3"; // TODO: in an upcoming version of deno, you can also use npm:web-push which is much more popular // by just using pushSendNotification import pushSendNotification, { PushParams } from "https://esm.town/v/jrmann100/pushSendNotification_negrel"; import valStorage from "https://esm.town/v/jrmann100/valStorage"; import { verifyToken } from "https://esm.town/v/pomdtr/verifyToken?v=1"; import { thisWebURL } from "https://esm.town/v/stevekrouse/thisWebURL?v=2"; // .svg required for manifest, fav.farm doesn't seem to mind const iconURL = "https://fav.farm/%F0%9F%94%94.svg"; const app = new Hono(); // key format is same as web-push's generateVAPIDKeys const vapidDetails = { url: thisWebURL(), pubKey: Deno.env.get("pushVapidPublicKey"), privKey: Deno.env.get("pushVapidPrivateKey"), }; if (vapidDetails.privKey === undefined || vapidDetails.pubKey === undefined) { throw new Error("You must set pubKey and privKey secrets!"); } const storage = valStorage(); app.get("/serviceWorker.js", (c) => c.text( `self.addEventListener("push", (event) => event.waitUntil(self.registration.showNotification(...event.data?.json())) ); addEventListener("notificationclick", (event) => { if (typeof event.notification.data?.url === "string") { clients.openWindow(event.notification.data?.url); } });`, 200, { "Content-Type": "text/javascript" }, )); app.get("/manifest.json", (c) => c.json({ name: "ValPush", start_url: ".", display: "standalone", icons: [ { src: iconURL, sizes: "any", purpose: "any", }, ], })); app.get("/subscription", async (c) => { const subscription = await storage.get(); return c.json(subscription?.keys.p256dh ?? null); }); app.get("/vapidPublicKey", (c) => c.text(vapidDetails.pubKey)); app.get("/", async (c) => { const serverSubscription = await storage.get(); return c.html(` ValPush

`); }); app.put("/subscription", async (c) => { const subscription = await c.req.json(); await storage.set(subscription); if (subscription !== null) { await pushSendNotification(vapidDetails, subscription, "👋"); return c.text("Subscribed!"); } return c.text("Unsubscribed!"); }); export const sendNotification = async (...params: PushParams) => { const subscription = await storage.get(); if (subscription === null) return false; await pushSendNotification(vapidDetails, subscription, ...params); return true; }; app.post("/push", async (c) => { await sendNotification(...((await c.req.json()) as PushParams)); return c.text("done"); }); export default codeOnValTownBanner( passwordAuth(app.fetch, { verifyPassword: verifyToken }), );