\n \n \n",[18,91],"9065c61a-b09a-11f0-802a-0224a6c84d84",["D",1761283834240],[18,134],"26f734c4-b09b-11f0-ac31-0224a6c84d84",["D",1761284086850],[18,190],"pulls","branches","forks","envVars",{"_298":300,"_301":26},"connections",{"_298":26,"_299":26},"count","unfilledCount",5,"emptyCount",{"_46":363,"_13":362,"_75":356,"_56":-5,"_48":49,"_263":364,"_265":24,"_50":365,"_52":267,"_78":108,"_268":-5,"_80":30,"_269":-5,"_320":366,"_17":367},{"_46":354,"_13":355,"_75":203,"_56":356,"_48":49,"_263":357,"_265":24,"_50":358,"_52":300,"_78":318,"_268":359,"_80":30,"_269":-5,"_320":360,"_17":361},{"_46":262,"_13":18,"_75":191,"_56":-5,"_48":49,"_263":264,"_265":24,"_50":351,"_52":267,"_78":108,"_268":-5,"_80":30,"_269":-5,"_320":352,"_17":353},{"_46":288,"_13":190,"_75":181,"_56":191,"_48":49,"_263":185,"_265":24,"_50":348,"_52":267,"_78":108,"_268":-5,"_80":30,"_269":-5,"_320":349,"_17":350},{"_46":341,"_13":342,"_75":343,"_56":181,"_48":49,"_263":227,"_265":24,"_50":344,"_52":282,"_78":79,"_268":345,"_80":30,"_269":-5,"_320":346,"_17":347},{"_46":285,"_13":134,"_75":125,"_56":191,"_48":49,"_263":129,"_265":24,"_50":338,"_52":267,"_78":108,"_268":-5,"_80":30,"_269":-5,"_320":339,"_17":340},{"_46":329,"_13":330,"_75":331,"_56":125,"_48":49,"_263":332,"_265":24,"_50":333,"_52":334,"_78":21,"_268":335,"_80":30,"_269":-5,"_320":336,"_17":337},{"_46":280,"_13":91,"_75":76,"_56":191,"_48":49,"_263":145,"_265":24,"_50":326,"_52":282,"_78":21,"_268":283,"_80":30,"_269":-5,"_320":327,"_17":328},{"_46":275,"_13":166,"_75":157,"_56":191,"_48":49,"_263":169,"_265":24,"_50":323,"_52":277,"_78":79,"_268":278,"_80":30,"_269":-5,"_320":324,"_17":325},{"_46":312,"_13":313,"_75":314,"_56":-5,"_48":49,"_263":315,"_265":24,"_50":316,"_52":317,"_78":318,"_268":319,"_80":30,"_269":-5,"_320":321,"_17":322},"1ec8ae40-afd3-11f0-ac7f-0224a6c84d84","main.ts","da8f60b8-afcb-11f0-a9e3-0224a6c84d84",12,["D",1761198173778],11,"http","import { Hono } from \"https://esm.sh/hono@4.5.10\";\nimport { html } from \"https://esm.sh/hono@4.5.10/html\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe\";\n\n/** === Config === */\nconst OWNER = Deno.env.get(\"GITHUB_OWNER\");\nconst REPO = Deno.env.get(\"GITHUB_REPO\");\nconst FILE = Deno.env.get(\"GITHUB_FILE\");\nconst TOKEN = Deno.env.get(\"GITHUB_TOKEN\")!;\nconst ALLOWED = (Deno.env.get(\"ALLOWED_EMAILS\") ?? \"\")\n .split(\",\")\n .map((s) => s.trim().toLowerCase())\n .filter(Boolean);\n\nconst PUBLIC_ROUTES = new Set([\"/api/health\"]);\n\nif (!OWNER || !REPO || !FILE || !TOKEN) {\n throw new Error(\n \"Missing required env: GITHUB_OWNER, GITHUB_REPO, GITHUB_FILE, GITHUB_TOKEN\",\n );\n}\n\n/** === Helpers (GitHub) === */\nfunction base64EncodeUtf8(utf8String: string) {\n const bytes = new TextEncoder().encode(utf8String);\n let bin = \"\";\n for (const b of bytes) bin += String.fromCharCode(b);\n return btoa(bin);\n}\n\nfunction base64DecodeUtf8(base64: string) {\n const bin = atob(base64);\n const bytes = Uint8Array.from(bin, (c) => c.charCodeAt(0));\n return new TextDecoder().decode(bytes);\n}\n\nasync function ghGetFile() {\n const response = await fetch(\n `https://api.github.com/repos/${OWNER}/${REPO}/contents/${\n encodeURIComponent(FILE)\n }`,\n {\n headers: {\n Authorization: `Bearer ${TOKEN}`,\n Accept: \"application/vnd.github+json\",\n },\n },\n );\n if (!response.ok) {\n if (response.status === 404) {\n return { jokes: [], sha: undefined as string | undefined };\n }\n throw new Response(`Github get error (${response.status})`, {\n status: 502,\n });\n }\n const data = await response.json();\n const content = Array.isArray(data)\n ? \"[]\"\n : base64DecodeUtf8((data as any).content ?? \"\");\n const jokes = JSON.parse(content || \"[]\");\n const sha = (data as any).sha as string | undefined;\n return { jokes, sha };\n}\n\nasync function ghPutFile(jokes: Array, sha: string | undefined, message: string) {\n const body = {\n message,\n content: base64EncodeUtf8(JSON.stringify(jokes, null, 2)),\n ...(sha && { sha }), // Include sha if it exists\n };\n const response = await fetch(\n `https://api.github.com/repos/${OWNER}/${REPO}/contents/${\n encodeURIComponent(FILE)\n }`,\n {\n method: 'PUT',\n headers: {\n Authorization: `Bearer ${TOKEN}`,\n Accept: \"application/vnd.github+json\",\n },\n body: JSON.stringify(body),\n },\n );\n if (!response.ok) {\n const text = response.text();\n throw new Response(`Github put error (${response.status}): ${text}`, { status: 502 });\n }\n return await response.json();\n}\n\n/** === Application & Auth === */\nconst app = new Hono();\n\napp.use(\"*\", async (c, next) => {\n const url = new URL(c.req.url);\n if (PUBLIC_ROUTES.has(url.pathname)) return next();\n\n const email = c.req.header(\"X-LastLogin-Email\")?.toLowerCase();\n if (!email) {\n return c.html(\n html`\n \n \n \n

Sign in required

\n Sign in with LastLogin\n

Access restricted

\n \n \n `,\n 401,\n );\n }\n if (ALLOWED.length && !ALLOWED.includes(email)) {\n return c.text('Forbidden', 403);\n }\n c.set('userEmail', email);\n await next();\n});\n\n/** === Views === */\n\napp.get(\"/\", async (c) => {\n const email = c.get(\"userEmail\");\n return c.html(html`\n \n \n \n \n \n HP Joke Editor (GitHub JSON)\n \n \n \n

HP Joke Editor (GitHub JSON)

Signed in as ${email}

\n\n

Add a joke

\n \n

\n\n

All jokes

\n \n \n \n

ID	Setup	Punchline	Actions

\n\n

Random (public)

\n \n

\n\n \n \n \n `);\n});\n\napp.get('/api/health', (c) => c.json({ ok: true }));\n\napp.get('/api/jokes', async (c) => {\n const { jokes } = await ghGetFile();\n const items = (Array.isArray(jokes) ? jokes : []).map((j) => ({\n id: Number(j.id),\n setup: String(j.setup ?? ''),\n punchline: String(j.punchline ?? ''),\n })).sort((a, b) => b.id - a.id);\n return c.json(items);\n});\n\napp.post('/api/jokes', async (c) => {\n const { jokes, sha } = await ghGetFile();\n const body = await c.req.json().catch(() => ({}));\n const setup = (body?.setup ?? '').toString().trim();\n const punchline = (body?.punchline ?? '').toString().trim();\n if (!setup || !punchline) return c.text('Missing fields', 400);\n\n const arr = Array.isArray(jokes) ? jokes : [];\n const nextId = arr.length ? Math.max(...arr.map((j: any) => Number(j.id) || 0)) + 1 : 1;\n arr.push({ id: nextId, setup, punchline });\n\n await ghPutFile(arr, sha, `:sparkles: Add joke ${nextId}`);\n return c.json({ ok: true, id: nextId });\n});\n\napp.put(\"/api/jokes/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n if (!Number.isFinite(id)) return c.text(\"Bad id\", 400);\n\n const { jokes, sha } = await ghGetFile();\n const arr = Array.isArray(jokes) ? jokes : [];\n const idx = arr.findIndex((j: any) => Number(j.id) === id);\n if (idx === -1) return c.text(\"Not found\", 404);\n\n const body = await c.req.json().catch(() => ({}));\n const setup = (body?.setup ?? arr[idx].setup).toString();\n const punchline = (body?.punchline ?? arr[idx].punchline).toString();\n\n arr[idx] = { ...arr[idx], setup, punchline };\n await ghPutFile(arr, sha, `Edit joke ${id}`);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/jokes/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n if (!Number.isFinite(id)) return c.text(\"Bad id\", 400);\n\n const { jokes, sha } = await ghGetFile();\n const arr = Array.isArray(jokes) ? jokes : [];\n const next = arr.filter((j: any) => Number(j.id) !== id);\n if (next.length === arr.length) return c.text(\"Not found\", 404);\n\n await ghPutFile(next, sha, `Delete joke ${id}`);\n return c.json({ ok: true });\n});\n\n/** === Export with LastLogin === */\nasync function handler(req: Request) {\n return app.fetch(req);\n}\nexport default lastlogin(handler);","children",[],[313],["D",1761284072341],[],[18,166],["D",1761283938244],[],[18,91],"9203f96a-b09a-11f0-b809-0224a6c84d84","reset.css","7cb88f30-b09a-11f0-8a8e-0224a6c84d84",34,["D",1761283836954],4,"/* 1. Use a more-intuitive box-sizing model */\n*, *::before, *::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin */\n* {\n margin: 0;\n}\n\n/* 3. Enable keyword animations */\n@media (prefers-reduced-motion: no-preference) {\n html {\n interpolate-size: allow-keywords;\n }\n}\n\nbody {\n /* 4. Add accessible line-height */\n line-height: 1.5;\n /* 5. Improve text rendering */\n -webkit-font-smoothing: antialiased;\n}\n\n/* 6. Improve media defaults */\nimg, picture, video, canvas, svg {\n display: block;\n max-width: 100%;\n}\n\n/* 7. Inherit fonts for form controls */\ninput, button, textarea, select {\n font: inherit;\n}\n\n/* 8. Avoid text overflows */\np, h1, h2, h3, h4, h5, h6 {\n overflow-wrap: break-word;\n}\n\n/* 9. Improve line wrapping */\np {\n text-wrap: pretty;\n}\nh1, h2, h3, h4, h5, h6 {\n text-wrap: balance;\n}\n\n/*\n 10. Create a root stacking context\n*/\n#root, #__next {\n isolation: isolate;\n}",[],[18,134,330],["D",1761283834240],[308],[18,134],"55139992-b09b-11f0-acdc-0224a6c84d84","App.tsx","2ae81846-b09b-11f0-aa80-0224a6c84d84",["D",1761284164209],"/** @jsxImportSource https://esm.sh/react@19.2.0 */\n\nexport default function App() {\n return (\n

Hello World!

\n );\n}",[],[18,190,342],["D",1761284086850],[306],[18,190],["D",1761283436227],[305,307,309,310],[18],"9e372924-b099-11f0-96d9-0224a6c84d84","index.ts","c8ee3cb2-b098-11f0-beb3-0224a6c84d84",20,["D",1761283427917],"import { Hono } from \"https://esm.sh/hono@4.10.2\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// Serve static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Catch-all route for SPA routing\napp.get(\"*\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[362,355],"backend","cb0a9400-b098-11f0-9040-0224a6c84d84",15,["D",1761283073614],[303],[362],["D",1761195052829],{"_11":12,"_240":83},{"_11":12,"_236":-5,"_82":83,"_31":81,"_237":238,"_239":30},{"_52":227,"_13":16,"_46":49,"_228":193,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":-5,"_234":14,"_235":12},"ctx",{"_65":-5,"_259":405,"_406":407,"_408":409,"_410":30,"_411":30,"_412":30,"_413":24,"_414":-5,"_415":-7,"_416":-7,"_417":26,"_418":30,"_419":30,"_420":-5,"_421":30,"_422":30,"_423":30,"_424":-5},"ENV",{"_376":377,"_378":379,"_380":16,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404},"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"]

History · frontend