ValPush

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_250":251,"_252":253},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":59,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",382,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","getVapidDetails.tsx","latestPath","fileId","a9817266-7ecc-11f0-805e-0224a6c84d84","name","fileType","script","content","import { httpEndpoint } from \"https://esm.town/v/std/utils/index.ts\";\nimport trace from \"https://esm.town/v/jrmann100/util/trace.ts\";\nimport { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\nimport configurator from \"./configurator.ts\"\nimport webpush from \"npm:web-push\";\n\ninterface VapidDetails {\n url: string;\n pubKey: string;\n privKey: string;\n}\n\nconst { get, set } = valStorageFile();\n\nexport default async () => {\n const current = await get();\n if (current === undefined) {\n const { publicKey: pubKey, privateKey: privKey } = webpush\n .generateVAPIDKeys();\n const url = await httpEndpoint(\"/main.tsx\", configurator.vapidDetailsStorageKey() ?? trace()[0]);\n const value = { url, pubKey, privKey };\n await set(value);\n return value;\n }\n return current;\n};","import { httpEndpoint } from \"https://esm.town/v/std/utils/index.ts\";\nimport trace from \"https://esm.town/v/jrmann100/util/trace.ts\";\nimport { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\nimport configurator from \"./configurator.ts\"\nimport webpush from \"npm:web-push\";\n\ninterface VapidDetails {\n url: string;\n pubKey: string;\n privKey: string;\n}\n\nconst { get, set } = valStorageFile();\n\nexport default async () => {\n const current = await get();\n if (current === undefined) {\n const { publicKey: pubKey, privateKey: privKey } = webpush\n .generateVAPIDKeys();\n const url = await httpEndpoint(\"/main.tsx\", trace()[0]);\n const value = { url, pubKey, privKey };\n await set(value);\n return value;\n }\n return current;\n};","createdAt",["D",1755822570221],"branchVersion","branchId","91b26898-2756-11f0-86ff-569c3dd06744","id","91b216ae-2756-11f0-86ff-569c3dd06744","push",["D",1746191321350],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Send push notifications from your vals!","imageUrl","32f53dae-c440-4f1f-9e35-482384bf3e1f","pinnedFileId","91b567b4-2756-11f0-86ff-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",3,"orgId","cfc37693-eb92-4a95-a7dd-f5f2f9075890","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",429,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jrmann100","handle","displayName","Jordan Mann","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ae2a2475-0cad-47ce-b146-1157b8ed4f00/square512?exp=1789590810&sig=cbdccedea2256280c38a896e996ddbadaee2e1062c6eae4da1bd9fa31bb1d14b","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":246,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":247,"_81":248,"_83":249,"_85":25},"tree",[213,214,215,216,217,218,219,220],"files",[213,214,215,216,217,218,219,220],"counts",{"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"contents",[128,129,130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":192,"_32":193,"_30":194,"_139":-5,"_41":42,"_40":195,"_141":25,"_38":196,"_13":197,"_33":34,"_35":198,"_24":25,"_145":-5,"_27":199},{"_43":188,"_32":28,"_30":31,"_139":-5,"_41":42,"_40":14,"_141":25,"_38":189,"_13":190,"_33":34,"_35":37,"_24":25,"_145":-5,"_27":191},{"_43":179,"_32":180,"_30":57,"_139":-5,"_41":42,"_40":181,"_141":25,"_38":182,"_13":183,"_33":184,"_35":185,"_24":25,"_145":186,"_27":187},{"_43":171,"_32":172,"_30":173,"_139":-5,"_41":42,"_40":174,"_141":59,"_38":175,"_13":176,"_33":34,"_35":177,"_24":25,"_145":-5,"_27":178},{"_43":163,"_32":164,"_30":165,"_139":-5,"_41":42,"_40":166,"_141":25,"_38":167,"_13":168,"_33":34,"_35":169,"_24":25,"_145":-5,"_27":170},{"_43":155,"_32":156,"_30":157,"_139":-5,"_41":42,"_40":158,"_141":25,"_38":159,"_13":160,"_33":34,"_35":161,"_24":25,"_145":-5,"_27":162},{"_43":147,"_32":148,"_30":149,"_139":-5,"_41":42,"_40":150,"_141":25,"_38":151,"_13":152,"_33":34,"_35":153,"_24":25,"_145":-5,"_27":154},{"_43":136,"_32":137,"_30":138,"_139":-5,"_41":42,"_40":140,"_141":25,"_38":142,"_13":143,"_33":34,"_35":144,"_24":25,"_145":-5,"_27":146},"489ba200-7ed1-11f0-a7d4-0224a6c84d84","tryPush.tsx","9736f510-7eac-11f0-88b6-0224a6c84d84","parentId",351,"latest",["D",1755809777975],7,"import { sendNotification } from \"./main.tsx\";\n\nconsole.log(\n await sendNotification(\"Example notification\", {\n data: { url: \"https://example.com\" },\n }),\n);","label",[137],"4eea8130-7ecc-11f0-93ed-0224a6c84d84","subscription.tsx","da733624-7eb9-11f0-9dba-0224a6c84d84",295,["D",1755807641080],10,"import { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\n\nexport default valStorageFile();",[148],"b6465278-7eae-11f0-80cb-0224a6c84d84","pushSendNotification_negrel.tsx","b15ec75e-7eae-11f0-b5e3-0224a6c84d84",235,["D",1755794929584],2,"import * as webpush from \"jsr:@negrel/webpush@^0.3.0\";\n\n// https://github.com/web-push-libs/web-push/blob/v3.4.4/README.md#using-vapid-key-for-applicationserverkey\nfunction urlBase64ToUint8Array(b64) {\n const padding = \"=\".repeat((4 - (b64.length % 4)) % 4);\n const base64 = (b64 + padding)\n .replace(/\\-/g, \"+\")\n .replace(/_/g, \"/\");\n\n const rawData = globalThis.atob(base64);\n const outputArray = new Uint8Array(rawData.length);\n\n for (let i = 0; i < rawData.length; ++i) {\n outputArray[i] = rawData.charCodeAt(i);\n }\n\n return outputArray;\n}\n\n// https://stackoverflow.com/a/56848917/9068081\nfunction getPrivKeyJWK(\n { pubKey, privKey }: { pubKey: string; privKey: string },\n) {\n const pubKeyArray = urlBase64ToUint8Array(pubKey);\n const privKeyArray = urlBase64ToUint8Array(privKey);\n\n const arrayBufToBase64UrlEncode = (buf) => {\n let binary = \"\";\n const bytes = new Uint8Array(buf);\n for (var i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return window.btoa(binary)\n .replace(/\\//g, \"_\")\n .replace(/=/g, \"\")\n .replace(/\\+/g, \"-\");\n };\n\n return {\n kty: \"EC\",\n crv: \"P-256\",\n d: arrayBufToBase64UrlEncode(privKeyArray),\n x: arrayBufToBase64UrlEncode(pubKeyArray.slice(1, 33)),\n y: arrayBufToBase64UrlEncode(pubKeyArray.slice(33, 66)),\n };\n}\n\nconst vapidKeysAlgo = {\n name: \"ECDSA\",\n namedCurve: \"P-256\",\n};\n\nasync function importVapidKeys(\n exportedKeys: { pubKey: string; privKey: string },\n { crypto = globalThis.crypto.subtle, extractable = false }: {\n crypto?: SubtleCrypto;\n extractable?: boolean;\n } = {},\n): Promise {\n return {\n publicKey: await crypto.importKey(\n \"raw\",\n urlBase64ToUint8Array(exportedKeys.pubKey),\n vapidKeysAlgo,\n true,\n [\"verify\"],\n ),\n privateKey: await crypto.importKey(\n \"jwk\",\n getPrivKeyJWK(exportedKeys),\n vapidKeysAlgo,\n extractable,\n [\"sign\"],\n ),\n };\n}\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: PushParams\n) => {\n const vapidKeys = await importVapidKeys({ pubKey, privKey }, {\n extractable: false,\n });\n\n const appServer = await webpush.ApplicationServer.new({\n contactInformation: url,\n vapidKeys,\n });\n\n if (!subscription) throw new Error(\"subscription is nullish\");\n\n const subscriber = appServer.subscribe(subscription);\n\n return await subscriber.pushTextMessage(JSON.stringify(params), {});\n};",[156],"b455baa6-7eba-11f0-a42a-0224a6c84d84","pushSendNotification.tsx","044b1fb0-7eac-11f0-88b6-0224a6c84d84",286,["D",1755800080290],12,"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};",[164],"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};",[172],"b309a53c-7ed2-11f0-bd4d-0224a6c84d84","main.tsx",356,["D",1755810386034],260,"http","/** @jsxImportSource npm:hono@3/jsx */\nimport { modifyFetchHandler as codeOnValTownBanner } from \"https://esm.town/v/andreterron/codeOnValTown\";\nimport { passwordAuth } from \"https://esm.town/v/pomdtr/password_auth/main.tsx\";\nimport { Hono } from \"npm:hono@3\";\n\nimport pushSendNotification, { PushParams } from \"./pushSendNotification.tsx\";\nimport storedSubscription from \"./subscription.tsx\";\nimport getVapidDetails from \"./getVapidDetails.tsx\";\nimport { verifyToken } from \"https://esm.town/v/pomdtr/verifyToken?v=1\";\n\n// .svg required for manifest, fav.farm doesn't seem to mind\nconst iconURL = \"https://fav.farm/%F0%9F%94%94.svg\";\n\nconst app = new Hono();\n\nconst vapidDetails = await getVapidDetails();\n\napp.get(\"/serviceWorker.js\", (c) =>\n c.text(\n `self.addEventListener(\"push\", (event) =>\n event.waitUntil(self.registration.showNotification(...event.data?.json()))\n);\naddEventListener(\"notificationclick\", (event) => {\n if (typeof event.notification.data?.url === \"string\") {\n clients.openWindow(event.notification.data?.url);\n }\n});`,\n 200,\n { \"Content-Type\": \"text/javascript\" },\n ));\n\napp.get(\"/manifest.json\", (c) =>\n c.json({\n name: \"ValPush\",\n start_url: \".\",\n display: \"standalone\",\n icons: [\n {\n src: iconURL,\n sizes: \"any\",\n purpose: \"any\",\n },\n ],\n }));\n\napp.get(\"/subscription\", async (c) => {\n const subscription = await storedSubscription.get();\n return c.json(subscription?.keys.p256dh ?? null);\n});\n\napp.get(\"/vapidPublicKey\", (c) => c.text(vapidDetails.pubKey));\n\napp.get(\"/\", async (c) => {\n const serverSubscription = await storedSubscription.get();\n return c.html(`\n\nValPush\n\n\n\n\n\n\n

\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",[180],"11605ab0-7eef-11f0-9e8b-0224a6c84d84",["D",1755822570221],44,[28],"a4855f30-7eee-11f0-8987-0224a6c84d84","configurator.ts","562701b4-7eed-11f0-b194-0224a6c84d84",379,["D",1755822387580],16,"import {whoami} from \"https://esm.town/v/jrmann100/remix__whoami/main.tsx\";\nexport default new (class {\n whoami: string | undefined;\n\n configure() {\n this.whoami = whoami()[1];\n }\n\n get vapidDetailsStorageKey() {\n if (this.whoami === undefined) { return undefined; }\n return `${this.whoami}-pushVapidDetails`;\n }\n\n get subscriptionStorageKey() {\n if (this.whoami === undefined) { return undefined; }\n return `${this.whoami}-pushSubscription`;\n }\n \n})();",[193],"pulls",0,"branches",1,"forks",5,"envVars",{"_210":201,"_212":201},"connections",{"_210":201,"_211":201},"count","unfilledCount","emptyCount",{"_43":192,"_32":193,"_30":194,"_139":-5,"_41":42,"_40":195,"_141":25,"_38":243,"_13":197,"_33":34,"_35":198,"_24":25,"_145":-5,"_222":244,"_27":245},{"_43":188,"_32":28,"_30":31,"_139":-5,"_41":42,"_40":14,"_141":25,"_38":240,"_13":190,"_33":34,"_35":37,"_24":25,"_145":-5,"_222":241,"_27":242},{"_43":179,"_32":180,"_30":57,"_139":-5,"_41":42,"_40":181,"_141":25,"_38":237,"_13":183,"_33":184,"_35":185,"_24":25,"_145":186,"_222":238,"_27":239},{"_43":171,"_32":172,"_30":173,"_139":-5,"_41":42,"_40":174,"_141":59,"_38":234,"_13":176,"_33":34,"_35":177,"_24":25,"_145":-5,"_222":235,"_27":236},{"_43":163,"_32":164,"_30":165,"_139":-5,"_41":42,"_40":166,"_141":25,"_38":231,"_13":168,"_33":34,"_35":169,"_24":25,"_145":-5,"_222":232,"_27":233},{"_43":155,"_32":156,"_30":157,"_139":-5,"_41":42,"_40":158,"_141":25,"_38":228,"_13":160,"_33":34,"_35":161,"_24":25,"_145":-5,"_222":229,"_27":230},{"_43":147,"_32":148,"_30":149,"_139":-5,"_41":42,"_40":150,"_141":25,"_38":225,"_13":152,"_33":34,"_35":153,"_24":25,"_145":-5,"_222":226,"_27":227},{"_43":136,"_32":137,"_30":138,"_139":-5,"_41":42,"_40":140,"_141":25,"_38":221,"_13":143,"_33":34,"_35":144,"_24":25,"_145":-5,"_222":223,"_27":224},["D",1755809777975],"children",[],[137],["D",1755807641080],[],[148],["D",1755794929584],[],[156],["D",1755800080290],[],[164],["D",1755797352634],[],[172],["D",1755810386034],[],[180],["D",1755822570221],[],[28],["D",1755822387580],[],[193],["D",1746191321350],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":283,"_284":285,"_286":287,"_288":25,"_289":25,"_290":25,"_291":59,"_292":-5,"_293":-7,"_294":-7,"_295":201,"_296":25,"_297":25,"_298":-5,"_299":25,"_300":25,"_301":25,"_302":-5},"ENV",{"_254":255,"_256":257,"_258":87,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v382