ValPush

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"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",407,"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","configurator.ts","latestPath","fileId","562701b4-7eed-11f0-b194-0224a6c84d84","name","fileType","script","content","import { whoami } from \"https://esm.town/v/jrmann100/remix__whoami/main.tsx\";\nexport default new (class {\n whoami: string | undefined;\n\n configure() {\n console.log(\"configuring\");\n this.whoami = whoami()[1];\n }\n\n get vapidDetailsStorageKey() {\n console.log(\"getting vapid storage key\");\n if (this.whoami === undefined) return undefined;\n return `${this.whoami}-pushVapidDetails`;\n }\n\n get subscriptionStorageKey() {\n console.log(\"getting sub storage key\");\n if (this.whoami === undefined) return undefined;\n return `${this.whoami}-pushSubscription`;\n }\n})();","createdAt",["D",1755823142254],"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=1789588799&sig=0b799bf2d73410b8c6c0a6a0c47001410ca7ad83570779aef8f7eb629600d37e","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":236,"_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":237,"_80":238,"_82":239,"_84":48},"tree",[207,208,209,210,211,212,213],"files",[207,208,209,210,211,212,213],"counts",{"_194":195,"_196":197,"_198":199,"_200":201,"_202":203},"contents",[127,128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":186,"_32":187,"_30":188,"_137":-5,"_40":41,"_39":189,"_139":48,"_37":190,"_13":191,"_33":34,"_35":192,"_24":48,"_143":-5,"_27":193},{"_42":177,"_32":178,"_30":57,"_137":-5,"_40":41,"_39":179,"_139":48,"_37":180,"_13":181,"_33":182,"_35":183,"_24":48,"_143":184,"_27":185},{"_42":169,"_32":170,"_30":171,"_137":-5,"_40":41,"_39":172,"_139":25,"_37":173,"_13":174,"_33":34,"_35":175,"_24":48,"_143":-5,"_27":176},{"_42":161,"_32":162,"_30":163,"_137":-5,"_40":41,"_39":164,"_139":48,"_37":165,"_13":166,"_33":34,"_35":167,"_24":48,"_143":-5,"_27":168},{"_42":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":48,"_37":157,"_13":158,"_33":34,"_35":159,"_24":48,"_143":-5,"_27":160},{"_42":145,"_32":146,"_30":147,"_137":-5,"_40":41,"_39":148,"_139":48,"_37":149,"_13":150,"_33":34,"_35":151,"_24":48,"_143":-5,"_27":152},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":48,"_37":140,"_13":141,"_33":34,"_35":142,"_24":48,"_143":-5,"_27":144},"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",[135],"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);",[146],"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};",[154],"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};",[162],"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};",[170],"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",[178],"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};",[187],"pulls",0,"branches",1,"forks",5,"envVars",{"_204":195,"_206":195},"connections",{"_204":195,"_205":195},"count","unfilledCount","emptyCount",{"_42":186,"_32":187,"_30":188,"_137":-5,"_40":41,"_39":189,"_139":48,"_37":233,"_13":191,"_33":34,"_35":192,"_24":48,"_143":-5,"_215":234,"_27":235},{"_42":177,"_32":178,"_30":57,"_137":-5,"_40":41,"_39":179,"_139":48,"_37":230,"_13":181,"_33":182,"_35":183,"_24":48,"_143":184,"_215":231,"_27":232},{"_42":169,"_32":170,"_30":171,"_137":-5,"_40":41,"_39":172,"_139":25,"_37":227,"_13":174,"_33":34,"_35":175,"_24":48,"_143":-5,"_215":228,"_27":229},{"_42":161,"_32":162,"_30":163,"_137":-5,"_40":41,"_39":164,"_139":48,"_37":224,"_13":166,"_33":34,"_35":167,"_24":48,"_143":-5,"_215":225,"_27":226},{"_42":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":48,"_37":221,"_13":158,"_33":34,"_35":159,"_24":48,"_143":-5,"_215":222,"_27":223},{"_42":145,"_32":146,"_30":147,"_137":-5,"_40":41,"_39":148,"_139":48,"_37":218,"_13":150,"_33":34,"_35":151,"_24":48,"_143":-5,"_215":219,"_27":220},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":48,"_37":214,"_13":141,"_33":34,"_35":142,"_24":48,"_143":-5,"_215":216,"_27":217},["D",1755809777975],"children",[],[135],["D",1755822809280],[],[146],["D",1755794929584],[],[154],["D",1755800080290],[],[162],["D",1755797352634],[],[170],["D",1755823136764],[],[178],["D",1755822585892],[],[187],["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":273,"_274":275,"_276":277,"_278":48,"_279":48,"_280":48,"_281":25,"_282":-5,"_283":-7,"_284":-7,"_285":195,"_286":48,"_287":48,"_288":-5,"_289":48,"_290":48,"_291":48,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":86,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v407