ValPush

\n\n

\n\n\n\n\n\n`);\n});\n\napp.put(\"/subscription\", async (c) => {\n const subscription = await c.req.json();\n await storedSubscription.set(subscription);\n if (subscription !== null) {\n await pushSendNotification(vapidDetails, subscription, \"👋\");\n return c.text(\"Subscribed!\");\n }\n return c.text(\"Unsubscribed!\");\n});\n\nexport const sendNotification = async (...params: PushParams) => {\n const subscription = await storedSubscription.get();\n if (subscription === null) return false;\n await pushSendNotification(vapidDetails, subscription, ...params);\n return true;\n};\n\napp.post(\"/push\", async (c) => {\n await sendNotification(...((await c.req.json()) as PushParams));\n return c.text(\"done\");\n});\n\nexport default codeOnValTownBanner(\n passwordAuth(app.fetch, { verifyPassword: verifyToken }),\n);","valpush",[],[186],{"_102":195,"_95":196,"_155":197,"_157":-5,"_158":140,"_159":198,"_161":117,"_104":199,"_99":200,"_164":180,"_166":201,"_168":22,"_169":-5,"_170":202,"_98":203},"5a867494-7eb4-11f0-959b-0224a6c84d84","pushFrontend.js","193012be-7eac-11f0-9402-0224a6c84d84",238,["D",1755797352634],4,"export default async () => {\n const status: HTMLElement = document.querySelector(\"#status\");\n const button: HTMLButtonElement = document.querySelector(\"#button\");\n if (status === null || button === null) {\n throw new Error(\"could not find required elements\");\n }\n navigator.serviceWorker.register(\"/serviceWorker.js\");\n const registration = await navigator.serviceWorker.ready;\n if (!(\"pushManager\" in registration)) {\n status.textContent = \"No notification support, try installing PWA?\";\n button.hidden = true;\n return;\n }\n let clientSubscription = await registration.pushManager.getSubscription();\n let serverSubscription = await (await fetch(\"/subscription\")).json();\n\n if (clientSubscription === null) {\n if (serverSubscription !== null) {\n status.textContent =\n \"Another device is currently receiving notifications.\";\n }\n button.textContent = \"Subscribe\";\n } else {\n if (serverSubscription === null) {\n status.textContent = \"Server was reset.\";\n clientSubscription.unsubscribe();\n clientSubscription = null;\n button.textContent = \"Subscribe\";\n } else if (\n clientSubscription?.toJSON().keys.p256dh === serverSubscription\n ) {\n status.textContent = \"This device is subscribed to notifications.\";\n button.textContent = \"Unsubscribe\";\n } else {\n status.textContent =\n \"Another device is currently receiving notifications.\";\n clientSubscription.unsubscribe();\n clientSubscription = null;\n button.textContent = \"Subscribe\";\n }\n }\n\n button.disabled = false;\n button.addEventListener(\n \"click\",\n async () => {\n button.disabled = true;\n button.textContent = await (\n await fetch(\"/subscription\", {\n method: \"PUT\",\n body: JSON.stringify(\n clientSubscription\n ? (await clientSubscription.unsubscribe(), null)\n : await registration.pushManager.subscribe({\n userVisibleOnly: true,\n applicationServerKey: await (\n await fetch(\"/vapidPublicKey\")\n ).text(),\n }),\n ),\n })\n ).text();\n },\n { once: true },\n );\n};",[],[196],{"_102":205,"_95":206,"_155":207,"_157":-5,"_158":140,"_159":208,"_161":117,"_104":209,"_99":210,"_164":180,"_166":211,"_168":22,"_169":-5,"_170":212,"_98":213},"badce7da-7f6b-11f0-aecc-0224a6c84d84","pushSendNotification.tsx","044b1fb0-7eac-11f0-88b6-0224a6c84d84",427,["D",1755876112164],14,"import webPush, {\n PushSubscription as WebPushSubscriptionJSON,\n} from \"npm:web-push\";\n\nexport type PushParams = Parameters<\n ServiceWorkerRegistration[\"showNotification\"]\n>;\n\nexport default async (\n { url, pubKey, privKey }: { url: string; pubKey: string; privKey: string },\n subscription: PushSubscriptionJSON,\n ...params: Parameters\n) => {\n webPush.setVapidDetails(url, pubKey, privKey);\n if (!subscription) throw new Error(\"subscription is falsy\");\n await webPush.sendNotification(\n subscription as WebPushSubscriptionJSON,\n JSON.stringify(params),\n { TTL: 3600 },\n );\n};",[],[206],{"_102":215,"_95":216,"_155":217,"_157":-5,"_158":140,"_159":218,"_161":117,"_104":219,"_99":220,"_164":180,"_166":221,"_168":22,"_169":-5,"_170":222,"_98":223},"7b33f676-7ef0-11f0-9b7c-0224a6c84d84","subscription.tsx","da733624-7eb9-11f0-9dba-0224a6c84d84",410,["D",1755823177265],20,"import { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\n\nexport default valStorageFile();",[],[216],{"_102":225,"_95":226,"_155":227,"_157":-5,"_158":140,"_159":228,"_161":117,"_104":229,"_99":230,"_164":180,"_166":231,"_168":22,"_169":-5,"_170":232,"_98":233},"30982aa2-7ef4-11f0-ab3b-0224a6c84d84","tryPush.tsx","9736f510-7eac-11f0-88b6-0224a6c84d84",421,["D",1755824770070],8,"import { sendNotification } from \"./main.tsx\";\n\nconsole.log(\n await sendNotification(\"Example notification\", {\n data: { url: \"https://example.com\" },\n }),\n);",[],[226],"files",[152,173,184,194,204,214,224],"counts",{"_238":32,"_239":240,"_241":242,"_243":32},"pulls","branches",1,"forks",5,"envVars","contents",[246,249,252,255,258,261,264],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":117,"_104":247,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":248},["D",1755875837283],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":177,"_161":117,"_104":250,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_98":251},["D",1755823218865],[175],{"_102":185,"_95":186,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":117,"_104":253,"_99":188,"_164":189,"_166":190,"_168":22,"_169":191,"_98":254},["D",1755876155274],[186],{"_102":195,"_95":196,"_155":197,"_157":-5,"_158":140,"_159":198,"_161":117,"_104":256,"_99":200,"_164":180,"_166":201,"_168":22,"_169":-5,"_98":257},["D",1755797352634],[196],{"_102":205,"_95":206,"_155":207,"_157":-5,"_158":140,"_159":208,"_161":117,"_104":259,"_99":210,"_164":180,"_166":211,"_168":22,"_169":-5,"_98":260},["D",1755876112164],[206],{"_102":215,"_95":216,"_155":217,"_157":-5,"_158":140,"_159":218,"_161":117,"_104":262,"_99":220,"_164":180,"_166":221,"_168":22,"_169":-5,"_98":263},["D",1755823177265],[216],{"_102":225,"_95":226,"_155":227,"_157":-5,"_158":140,"_159":228,"_161":117,"_104":265,"_99":230,"_164":180,"_166":231,"_168":22,"_169":-5,"_98":266},["D",1755824770070],[226],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_99":-7,"_98":72,"_100":275,"_150":280,"_234":302,"_165":-7,"_244":303,"_318":-5,"_319":22,"_320":-5,"_321":-5,"_322":-5,"_323":324},{"_102":103,"_95":96,"_104":276,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":277,"_134":278,"_137":279,"_149":22},["D",1746191321350],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[281,284,287,290,293,296,299],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":117,"_104":162,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":282,"_98":283},[],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":177,"_161":117,"_104":178,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_170":285,"_98":286},[],[175],{"_102":185,"_95":186,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":117,"_104":187,"_99":188,"_164":189,"_166":190,"_168":22,"_169":191,"_170":288,"_98":289},[],[186],{"_102":195,"_95":196,"_155":197,"_157":-5,"_158":140,"_159":198,"_161":117,"_104":199,"_99":200,"_164":180,"_166":201,"_168":22,"_169":-5,"_170":291,"_98":292},[],[196],{"_102":205,"_95":206,"_155":207,"_157":-5,"_158":140,"_159":208,"_161":117,"_104":209,"_99":210,"_164":180,"_166":211,"_168":22,"_169":-5,"_170":294,"_98":295},[],[206],{"_102":215,"_95":216,"_155":217,"_157":-5,"_158":140,"_159":218,"_161":117,"_104":219,"_99":220,"_164":180,"_166":221,"_168":22,"_169":-5,"_170":297,"_98":298},[],[216],{"_102":225,"_95":226,"_155":227,"_157":-5,"_158":140,"_159":228,"_161":117,"_104":229,"_99":230,"_164":180,"_166":231,"_168":22,"_169":-5,"_170":300,"_98":301},[],[226],[281,284,287,290,293,296,299],[304,306,308,310,312,314,316],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":117,"_104":247,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":305},[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":177,"_161":117,"_104":250,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_98":307},[175],{"_102":185,"_95":186,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":117,"_104":253,"_99":188,"_164":189,"_166":190,"_168":22,"_169":191,"_98":309},[186],{"_102":195,"_95":196,"_155":197,"_157":-5,"_158":140,"_159":198,"_161":117,"_104":256,"_99":200,"_164":180,"_166":201,"_168":22,"_169":-5,"_98":311},[196],{"_102":205,"_95":206,"_155":207,"_157":-5,"_158":140,"_159":208,"_161":117,"_104":259,"_99":210,"_164":180,"_166":211,"_168":22,"_169":-5,"_98":313},[206],{"_102":215,"_95":216,"_155":217,"_157":-5,"_158":140,"_159":218,"_161":117,"_104":262,"_99":220,"_164":180,"_166":221,"_168":22,"_169":-5,"_98":315},[216],{"_102":225,"_95":226,"_155":227,"_157":-5,"_158":140,"_159":228,"_161":117,"_104":265,"_99":230,"_164":180,"_166":231,"_168":22,"_169":-5,"_98":317},[226],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]