ValPush

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_227":228,"_229":230},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":48,"_120":121,"_122":25,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":48},"version",408,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","pushSendNotification_negrel.tsx","latestPath","fileId","b15ec75e-7eae-11f0-b5e3-0224a6c84d84","name","fileType","script","content","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};","createdAt",["D",1755823157983],"branchVersion","branchId","91b26898-2756-11f0-86ff-569c3dd06744","id","91b216ae-2756-11f0-86ff-569c3dd06744","push",["D",1746191321350],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Send push notifications from your vals!","imageUrl","32f53dae-c440-4f1f-9e35-482384bf3e1f","pinnedFileId","91b567b4-2756-11f0-86ff-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount",3,"orgId","cfc37693-eb92-4a95-a7dd-f5f2f9075890","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":48},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"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=1789592399&sig=fbdee201454f4b4ca42642fd2f557f3e84805c2c718f9a68df926a2a84a4acb6","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":223,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":224,"_80":225,"_82":226,"_84":48},"tree",[198,199,200,201,202,203],"files",[198,199,200,201,202,203],"counts",{"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":177,"_32":178,"_30":179,"_136":-5,"_40":41,"_39":180,"_138":48,"_37":181,"_13":182,"_33":34,"_35":183,"_24":48,"_142":-5,"_27":184},{"_42":168,"_32":169,"_30":57,"_136":-5,"_40":41,"_39":170,"_138":48,"_37":171,"_13":172,"_33":173,"_35":174,"_24":48,"_142":175,"_27":176},{"_42":160,"_32":161,"_30":162,"_136":-5,"_40":41,"_39":163,"_138":25,"_37":164,"_13":165,"_33":34,"_35":166,"_24":48,"_142":-5,"_27":167},{"_42":152,"_32":153,"_30":154,"_136":-5,"_40":41,"_39":155,"_138":48,"_37":156,"_13":157,"_33":34,"_35":158,"_24":48,"_142":-5,"_27":159},{"_42":144,"_32":145,"_30":146,"_136":-5,"_40":41,"_39":147,"_138":48,"_37":148,"_13":149,"_33":34,"_35":150,"_24":48,"_142":-5,"_27":151},{"_42":133,"_32":134,"_30":135,"_136":-5,"_40":41,"_39":137,"_138":48,"_37":139,"_13":140,"_33":34,"_35":141,"_24":48,"_142":-5,"_27":143},"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",[134],"9fdea0b2-7eef-11f0-ba6d-0224a6c84d84","subscription.tsx","da733624-7eb9-11f0-9dba-0224a6c84d84",399,["D",1755822809280],19,"import { valStorageFile } from \"https://esm.town/v/jrmann100/util/valStorage.tsx\";\nimport configurator from \"./configurator.ts\";\n\nexport default valStorageFile(configurator.vapidDetailsStorageKey);",[145],"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};",[153],"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};",[161],"63106110-7ef0-11f0-8e47-0224a6c84d84","main.tsx",406,["D",1755823136764],263,"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\nconsole.log(Deno.env.toObject());\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",[169],"1ab87840-7eef-11f0-8495-0224a6c84d84","getVapidDetails.tsx","a9817266-7ecc-11f0-805e-0224a6c84d84",384,["D",1755822585892],46,"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(configurator.vapidDetailsStorageKey);\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};",[178],"pulls",0,"branches",1,"forks",5,"envVars",{"_195":186,"_197":186},"connections",{"_195":186,"_196":186},"count","unfilledCount","emptyCount",{"_42":177,"_32":178,"_30":179,"_136":-5,"_40":41,"_39":180,"_138":48,"_37":220,"_13":182,"_33":34,"_35":183,"_24":48,"_142":-5,"_205":221,"_27":222},{"_42":168,"_32":169,"_30":57,"_136":-5,"_40":41,"_39":170,"_138":48,"_37":217,"_13":172,"_33":173,"_35":174,"_24":48,"_142":175,"_205":218,"_27":219},{"_42":160,"_32":161,"_30":162,"_136":-5,"_40":41,"_39":163,"_138":25,"_37":214,"_13":165,"_33":34,"_35":166,"_24":48,"_142":-5,"_205":215,"_27":216},{"_42":152,"_32":153,"_30":154,"_136":-5,"_40":41,"_39":155,"_138":48,"_37":211,"_13":157,"_33":34,"_35":158,"_24":48,"_142":-5,"_205":212,"_27":213},{"_42":144,"_32":145,"_30":146,"_136":-5,"_40":41,"_39":147,"_138":48,"_37":208,"_13":149,"_33":34,"_35":150,"_24":48,"_142":-5,"_205":209,"_27":210},{"_42":133,"_32":134,"_30":135,"_136":-5,"_40":41,"_39":137,"_138":48,"_37":204,"_13":140,"_33":34,"_35":141,"_24":48,"_142":-5,"_205":206,"_27":207},["D",1755809777975],"children",[],[134],["D",1755822809280],[],[145],["D",1755800080290],[],[153],["D",1755797352634],[],[161],["D",1755823136764],[],[169],["D",1755822585892],[],[178],["D",1746191321350],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":48},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":260,"_261":262,"_263":264,"_265":48,"_266":48,"_267":48,"_268":25,"_269":-5,"_270":-7,"_271":-7,"_272":186,"_273":48,"_274":48,"_275":-5,"_276":48,"_277":48,"_278":48,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":86,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v408