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);",[],[184],{"_103":192,"_95":193,"_156":194,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":195,"_100":32,"_164":178,"_166":196,"_168":22,"_169":-5,"_170":197,"_98":198},"e7897068-8c00-11f0-af39-0224a6c84d84","pushFrontend.js","019924d5-812d-7444-8aee-1ab162230e41",["D",1757259595991],"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};",[],[193],{"_103":200,"_95":201,"_156":202,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":203,"_100":32,"_164":178,"_166":204,"_168":22,"_169":-5,"_170":205,"_98":206},"e7897338-8c00-11f0-af39-0224a6c84d84","pushSendNotification.tsx","019924d5-812d-7444-8aee-1c4d342dd173",["D",1757259595991],"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};",[],[201],{"_103":208,"_95":209,"_156":210,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":211,"_100":32,"_164":178,"_166":212,"_168":22,"_169":-5,"_170":213,"_98":214},"e78974b4-8c00-11f0-af39-0224a6c84d84","subscription.tsx","019924d5-812d-7444-8aee-20c5fbf44853",["D",1757259595991],"import { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\n\nexport default valStorageFile();",[],[209],{"_103":216,"_95":99,"_156":217,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":218,"_100":32,"_164":178,"_166":219,"_168":22,"_169":-5,"_170":220,"_98":221},"e78975ea-8c00-11f0-af39-0224a6c84d84","019924d5-812d-7444-8aee-27f9d05e42ce",["D",1757259595991],"import { sendNotification } from \"./main.tsx\";\n\nconsole.log(\n await sendNotification(\"Example notification\", {\n data: { url: \"https://example.com\" },\n }),\n);",[],[99],"files",[153,173,182,191,199,207,215],"counts",{"_226":32,"_227":136,"_228":32,"_229":32},"pulls","branches","forks","envVars","contents",[],{"_103":216,"_95":99,"_156":217,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":233,"_100":32,"_164":178,"_166":219,"_168":22,"_169":-5,"_98":234},["D",1757259595991],[99],"upstreamProject",{"_103":145,"_95":96,"_111":237,"_112":-5,"_109":110,"_23":238},"Send push notifications from your vals!",{"_93":239,"_129":240},"jrmann100","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ae2a2475-0cad-47ce-b146-1157b8ed4f00/square512","upstreamBranch",{"_103":140,"_105":243,"_244":245,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_246":247,"_107":-5,"_150":22,"_109":110,"_149":239,"_16":147,"_148":96},["D",1746191321350],"updatedAt",["D",1755876155274],"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":254,"_151":259,"_222":281,"_165":282,"_230":284,"_285":286,"_289":22,"_290":-5,"_291":32,"_292":32,"_293":294},{"_103":104,"_95":96,"_105":255,"_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":256,"_131":257,"_134":258,"_150":22},["D",1757259595991],{"_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},[260,263,266,269,272,275,278],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":163,"_100":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":261,"_98":262},[],[155],{"_103":174,"_95":175,"_156":176,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":177,"_100":32,"_164":178,"_166":179,"_168":22,"_169":-5,"_170":264,"_98":265},[],[175],{"_103":183,"_95":184,"_156":185,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":186,"_100":32,"_164":187,"_166":188,"_168":22,"_169":-5,"_170":267,"_98":268},[],[184],{"_103":192,"_95":193,"_156":194,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":195,"_100":32,"_164":178,"_166":196,"_168":22,"_169":-5,"_170":270,"_98":271},[],[193],{"_103":200,"_95":201,"_156":202,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":203,"_100":32,"_164":178,"_166":204,"_168":22,"_169":-5,"_170":273,"_98":274},[],[201],{"_103":208,"_95":209,"_156":210,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":211,"_100":32,"_164":178,"_166":212,"_168":22,"_169":-5,"_170":276,"_98":277},[],[209],{"_103":216,"_95":99,"_156":217,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":218,"_100":32,"_164":178,"_166":219,"_168":22,"_169":-5,"_170":279,"_98":280},[],[99],[260,263,266,269,272,275,278],{"_103":216,"_95":99,"_156":217,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":233,"_100":32,"_164":178,"_166":219,"_168":22,"_169":-5,"_98":283},[99],[],"upstream",{"_103":140,"_105":287,"_244":288,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_246":247,"_107":-5,"_150":22,"_109":110,"_149":239,"_16":147,"_148":96},["D",1746191321350],["D",1755876155274],"showCompareCallout","pull","ahead","behind","templates",[295,312],{"_103":296,"_95":297,"_105":298,"_107":-5,"_108":22,"_109":110,"_111":299,"_112":300,"_14":301,"_114":302,"_115":162,"_116":303,"_117":304,"_16":305,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":306,"_131":309,"_134":310,"_150":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":307,"_129":308},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":307,"_133":308},{"_103":311,"_95":43,"_100":303,"_138":296,"_139":-5,"_141":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":313,"_95":314,"_105":315,"_107":-5,"_108":22,"_109":110,"_111":316,"_112":-5,"_14":317,"_114":318,"_115":162,"_116":319,"_117":320,"_16":321,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":322,"_131":325,"_134":326,"_150":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":323,"_129":324},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":323,"_133":324},{"_103":327,"_95":43,"_100":328,"_138":313,"_139":-5,"_141":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]