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);",[],[185],{"_103":193,"_95":194,"_156":195,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":196,"_100":32,"_165":179,"_167":197,"_169":22,"_170":-5,"_171":198,"_98":199},"62a4cebc-7f38-11f0-966e-0224a6c84d84","pushFrontend.js","0198d10e-b92e-72eb-be10-a323bef7532c",["D",1755854059729],"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};",[],[194],{"_103":201,"_95":202,"_156":203,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":204,"_100":32,"_165":179,"_167":205,"_169":22,"_170":-5,"_171":206,"_98":207},"62a4d0f6-7f38-11f0-966e-0224a6c84d84","pushSendNotification.tsx","0198d10e-b92e-72eb-be10-a67792481f08",["D",1755854059729],"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};",[],[202],{"_103":209,"_95":210,"_156":211,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":212,"_100":32,"_165":179,"_167":213,"_169":22,"_170":-5,"_171":214,"_98":215},"62a4d29a-7f38-11f0-966e-0224a6c84d84","subscription.tsx","0198d10e-b92e-72eb-be10-aa1de917027a",["D",1755854059729],"import { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\n\nexport default valStorageFile();",[],[210],{"_103":217,"_95":218,"_156":219,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":220,"_100":32,"_165":179,"_167":221,"_169":22,"_170":-5,"_171":222,"_98":223},"62a4d3a8-7f38-11f0-966e-0224a6c84d84","tryPush.tsx","0198d10e-b92e-72eb-be10-af55470f9f7e",["D",1755854059729],"import { sendNotification } from \"./main.tsx\";\n\nconsole.log(\n await sendNotification(\"Example notification\", {\n data: { url: \"https://example.com\" },\n }),\n);",[],[218],"files",[153,174,183,192,200,208,216],"counts",{"_228":32,"_229":177,"_230":32,"_231":32},"pulls","branches","forks","envVars","contents",[],{"_103":175,"_95":99,"_156":176,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":235,"_100":32,"_165":179,"_167":180,"_169":22,"_170":-5,"_98":236},["D",1755854059729],[99],"upstreamProject",{"_103":145,"_95":96,"_111":239,"_112":-5,"_109":110,"_23":240},"Send push notifications from your vals!",{"_93":241,"_129":242},"jrmann100","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ae2a2475-0cad-47ce-b146-1157b8ed4f00/square512","upstreamBranch",{"_103":140,"_105":245,"_246":247,"_95":43,"_138":145,"_100":248,"_139":-5,"_141":-5,"_249":250,"_107":-5,"_150":22,"_109":110,"_149":241,"_16":147,"_148":96},["D",1746191321350],"updatedAt",["D",1755876155274],429,"lockfileKey","1755877182722-esm.town_v_jrmann100_push@429-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":257,"_151":262,"_224":284,"_166":285,"_232":287,"_288":289,"_292":22,"_293":-5,"_294":32,"_295":296,"_297":298},{"_103":104,"_95":96,"_105":258,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":259,"_131":260,"_134":261,"_150":22},["D",1755854059729],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[263,266,269,272,275,278,281],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":163,"_100":164,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":264,"_98":265},[],[155],{"_103":175,"_95":99,"_156":176,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":178,"_100":32,"_165":179,"_167":180,"_169":22,"_170":-5,"_171":267,"_98":268},[],[99],{"_103":184,"_95":185,"_156":186,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":187,"_100":32,"_165":188,"_167":189,"_169":22,"_170":-5,"_171":270,"_98":271},[],[185],{"_103":193,"_95":194,"_156":195,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":196,"_100":32,"_165":179,"_167":197,"_169":22,"_170":-5,"_171":273,"_98":274},[],[194],{"_103":201,"_95":202,"_156":203,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":204,"_100":32,"_165":179,"_167":205,"_169":22,"_170":-5,"_171":276,"_98":277},[],[202],{"_103":209,"_95":210,"_156":211,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":212,"_100":32,"_165":179,"_167":213,"_169":22,"_170":-5,"_171":279,"_98":280},[],[210],{"_103":217,"_95":218,"_156":219,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":220,"_100":32,"_165":179,"_167":221,"_169":22,"_170":-5,"_171":282,"_98":283},[],[218],[263,266,269,272,275,278,281],{"_103":175,"_95":99,"_156":176,"_158":-5,"_159":137,"_160":177,"_161":162,"_105":235,"_100":32,"_165":179,"_167":180,"_169":22,"_170":-5,"_98":286},[99],[],"upstream",{"_103":140,"_105":290,"_246":291,"_95":43,"_138":145,"_100":248,"_139":-5,"_141":-5,"_249":250,"_107":-5,"_150":22,"_109":110,"_149":241,"_16":147,"_148":96},["D",1746191321350],["D",1755876155274],"showCompareCallout","pull","ahead","behind",6,"templates",[],"actionData","errors"]

pomdtr

push