Kram-Beckman Wall Display

Upload an image and it'll show up on the wall of our living room. It gets resized to fit the screen. See what's currently displayed.

\n\n \n\n \n\n \n

\n\n \n\n\n",[19,60],"b044021c-4050-11f1-ba84-42b51c65c3df","directory",0,["D",1777085072393],[19],{"_35":126,"_13":127,"_38":128,"_40":-5,"_42":43,"_44":81,"_46":47,"_48":129,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":130,"_18":131},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":102,"_18":103},{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":50,"_46":47,"_48":86,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":87,"_18":88},{"_35":76,"_13":77,"_38":78,"_40":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":81,"_51":24,"_53":82,"_55":56,"_57":-5,"_83":84,"_18":85},"eef59c66-4189-11f1-a992-42b51c65c3df","README.md","361280c0-417e-11f1-a09b-42b51c65c3df",39,["D",1777219610034],1,"# trmnlImage\n\nBackend for the [TRMNL screenshot plugin](https://help.trmnl.com/en/articles/10302121-screenshot). TRMNL points at `/display` and screenshots it onto its 800×480 e-ink panel. Friends and family upload images at `/`; the most recent upload is what shows on the wall.\n\n## Routes\n\n| Route | Purpose |\n|---|---|\n| `GET /` | Upload form (email required, image required, caption optional). |\n| `POST /upload` | Stores the processed image, caption, and uploader record. |\n| `GET /image` | Serves the current image as binary `image/png`. |\n| `GET /display` | The page TRMNL screenshots — image at 800×480 with optional caption bar. Public link to share with TRMNL. |\n| `GET /admin` | HTTP Basic auth (`admin` / `ADMIN_PASSWORD`). Lists every uploader with upload count, last upload, reminder state. |\n| `GET /admin/test-email?to=...` | Sends one reminder email to the given address. No state changes. |\n| `GET /admin/run-cron` | Manually triggers the reminder cron. Supports `?dry=1` (don't send/persist) and `?days_ahead=N` (simulate future time). Returns JSON summary. |\n| `GET /opt-out?email=...` | Flips `reminders` to `false` for an email. Linked from reminder emails. |\n\nPublic URL: `https://joshbeckman--b073704c405011f19b9c42b51c65c3df.web.val.run`. Friendlier alias for sharing: `http://www.joshbeckman.org/frametags/home-trmnl-small`.\n\n## Layout\n\n```\nbackend/\n index.ts # Hono HTTP app (all routes above)\n cron.ts # Daily reminder job (separate cron trigger in Val Town)\nfrontend/\n index.html # Upload form\n index.tsx # Client-side resize + upload (no dithering — TRMNL handles B&W)\n```\n\n## Image processing\n\nDone client-side in `frontend/index.tsx`:\n1. Draw the uploaded image onto an 800×480 canvas, scaled to cover.\n2. `canvas.toDataURL(\"image/png\")` → POST to `/upload`.\n\nWe **don't** dither to 1-bit ourselves — TRMNL converts the screenshot to B&W on its end, and pre-dithering caused weirdness. We also avoid `image-rendering: pixelated` on `/display` for the same reason. The `/image` endpoint decodes the stored data URL and serves binary PNG so `/display` references it as a real URL (TRMNL's screenshot pipeline doesn't like huge inline `data:` URIs).\n\n## Storage (Val Town blob)\n\n| Key | Shape |\n|---|---|\n| `trmnl_image_data` | `{ image: dataUrl, caption: string }` — current image only. |\n| `trmnl_uploaders` | `{ [email]: Uploader }` |\n\n```ts\ntype Uploader = {\n lastUpload: string; // ISO timestamp\n count: number; // total uploads\n reminders: boolean; // opt-in flag, default true\n lastReminded?: string | null;\n reminderCount?: number; // how many reminders sent in current cycle\n}\n```\n\nUploading resets `lastReminded` and `reminderCount` so the cycle starts over.\n\n## Reminder cron (`backend/cron.ts`)\n\nRuns daily. For each uploader with `reminders === true` and `reminderCount < 4`, sends a nudge if enough time has passed. The email body lives in `sendReminderEmail()` in `cron.ts` — `/admin/test-email` calls the same function. Backoff doubles each reminder:\n\n| Reminder # | Wait since previous touch |\n|---|---|\n| 1 | 14 days (since last upload) |\n| 2 | 28 days |\n| 3 | 56 days |\n| 4 | 112 days |\n| 5+ | never — silence |\n\nTotal: at most 4 emails over ~7 months, then we leave them alone. Each email contains an opt-out link.\n\n## Env vars\n\n- `ADMIN_PASSWORD` — required for `/admin`. Username is hardcoded to `admin`.\n\n## Local dev\n\n```sh\nvt watch # auto-sync edits to Val Town\nvt tail # stream logs\nvt browse # open in browser\n```\n","children",[],[77],["D",1777085072393],[89,90],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":94,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_83":95,"_18":96},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":91,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":92,"_18":93},["D",1777120954365],[],[19,37],["D",1777121354088],[],[19,60],"b0510c32-4050-11f1-bc39-42b51c65c3df","backend","b0510cf0-4050-11f1-bc39-42b51c65c3df",4,["D",1777085072479],[104,105],[98],{"_35":116,"_13":117,"_38":118,"_40":99,"_42":43,"_44":119,"_46":47,"_48":120,"_17":121,"_51":122,"_53":123,"_55":56,"_57":-5,"_83":124,"_18":125},{"_35":106,"_13":107,"_38":108,"_40":99,"_42":43,"_44":109,"_46":47,"_48":110,"_17":111,"_51":112,"_53":113,"_55":56,"_57":-5,"_83":114,"_18":115},"c41d4d54-4189-11f1-b1c6-42b51c65c3df","index.ts","b073704c-4050-11f1-9b9c-42b51c65c3df",37,["D",1777219538148],10,"http","import { Hono } from \"https://esm.sh/hono\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { runReminders, sendReminderEmail } from \"./cron.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nconst BLOB_KEY = \"trmnl_image_data\";\nconst UPLOADERS_KEY = \"trmnl_uploaders\";\n\ntype Uploader = {\n lastUpload: string;\n count: number;\n reminders: boolean;\n lastReminded?: string | null;\n reminderCount?: number;\n};\ntype Uploaders = Record;\n\nasync function getUploaders(): Promise {\n return (await blob.getJSON(UPLOADERS_KEY) as Uploaders) || {};\n}\n\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/frontend/*\", async (c) => {\n const { serveFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n return serveFile(c.req.path, import.meta.url);\n});\n\napp.post(\"/upload\", async (c) => {\n const body = await c.req.json();\n const { image, caption, email } = body;\n\n if (!image) {\n return c.json({ error: \"No image data provided\" }, 400);\n }\n if (!email) {\n return c.json({ error: \"Email is required\" }, 400);\n }\n\n await blob.setJSON(BLOB_KEY, { image, caption: caption || \"\" });\n\n const uploaders = await getUploaders();\n const existing = uploaders[email];\n uploaders[email] = {\n lastUpload: new Date().toISOString(),\n count: (existing?.count || 0) + 1,\n reminders: existing?.reminders ?? true,\n lastReminded: null,\n reminderCount: 0,\n };\n await blob.setJSON(UPLOADERS_KEY, uploaders);\n\n return c.json({ ok: true });\n});\n\nfunction requireAdmin(c: any): Response | null {\n const password = Deno.env.get(\"ADMIN_PASSWORD\");\n if (!password) {\n return new Response(\"ADMIN_PASSWORD env var not set\", { status: 500 });\n }\n const auth = c.req.header(\"authorization\");\n const expected = \"Basic \" + btoa(`admin:${password}`);\n if (auth !== expected) {\n return new Response(\"Auth required\", {\n status: 401,\n headers: { \"WWW-Authenticate\": 'Basic realm=\"admin\"' },\n });\n }\n return null;\n}\n\napp.get(\"/admin/test-email\", async (c) => {\n const denied = requireAdmin(c);\n if (denied) return denied;\n\n const to = c.req.query(\"to\");\n if (!to) return c.text(\"Missing ?to=email\", 400);\n\n await sendReminderEmail(to);\n return c.json({ ok: true, sentTo: to });\n});\n\napp.get(\"/admin/run-cron\", async (c) => {\n const denied = requireAdmin(c);\n if (denied) return denied;\n\n const dryRun = c.req.query(\"dry\") === \"1\";\n const daysAhead = parseInt(c.req.query(\"days_ahead\") || \"0\", 10) || 0;\n const now = Date.now() + daysAhead * 24 * 60 * 60 * 1000;\n\n const result = await runReminders({ now, dryRun });\n return c.json(result, 200, { \"Content-Type\": \"application/json\" });\n});\n\napp.get(\"/admin\", async (c) => {\n const denied = requireAdmin(c);\n if (denied) return denied;\n\n const uploaders = await getUploaders();\n const entries = Object.entries(uploaders).sort(\n ([, a], [, b]) => new Date(b.lastUpload).getTime() - new Date(a.lastUpload).getTime(),\n );\n\n const fmt = (iso: string | null | undefined) =>\n iso ? new Date(iso).toLocaleString(\"en-US\", { dateStyle: \"medium\", timeStyle: \"short\" }) : \"—\";\n\n const rows = entries.map(([addr, u]) => `\n${escapeHtml(addr)}\n${u.count}\n${fmt(u.lastUpload)}\n${u.reminders ? \"yes\" : \"no\"}\n${u.reminderCount ?? 0}\n${fmt(u.lastReminded)}\n`).join(\"\");\n\n return c.html(`Admin\n\n\n\n

Uploaders

${entries.length} ${entries.length === 1 ? \"person has\" : \"people have\"} uploaded.

\n\n\n${rows || ``}\n

Email	Uploads	Last upload	Reminders	# sent	Last reminded
No uploaders yet.

\n`);\n});\n\napp.get(\"/opt-out\", async (c) => {\n const email = c.req.query(\"email\");\n const shell = (title: string, body: string) => `\n\n\n

${title}

${body}

`;\n\n if (!email) {\n return c.html(shell(\"Missing email\", \"

No email address was provided.

\"));\n }\n\n const uploaders = await getUploaders();\n if (uploaders[email]) {\n uploaders[email].reminders = false;\n await blob.setJSON(UPLOADERS_KEY, uploaders);\n }\n\n return c.html(shell(\"Opted out\", `

You won't receive any more reminders.

Back to upload`));\n});\n\napp.get(\"/image\", async (c) => {\n const data = await blob.getJSON(BLOB_KEY) as { image: string; caption: string } | null;\n if (!data) {\n return c.text(\"No image\", 404);\n }\n\n const base64 = data.image.replace(/^data:image\\/png;base64,/, \"\");\n const binary = Uint8Array.from(atob(base64), (ch) => ch.charCodeAt(0));\n return new Response(binary, {\n headers: { \"Content-Type\": \"image/png\", \"Cache-Control\": \"no-cache\" },\n });\n});\n\napp.get(\"/display\", async (c) => {\n const data = await blob.getJSON(BLOB_KEY) as { image: string; caption: string } | null;\n\n if (!data) {\n return c.html(`\n\n

No image uploaded yet.

`);\n }\n\n const origin = new URL(c.req.url).origin;\n const captionHtml = data.caption\n ? `

${escapeHtml(data.caption)}

`\n : \"\";\n\n return c.html(`\n\n\n\n

\n${captionHtml}\n`);\n});\n\nfunction escapeHtml(s: string): string {\n return s.replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n}\n\nexport default app.fetch;\n",[],[98,107],"c426431e-4189-11f1-a107-42b51c65c3df","cron.ts","3bbbd114-40a4-11f1-b7ee-42b51c65c3df",38,["D",1777219538174],5,"interval","import { blob } from \"https://esm.town/v/std/blob\";\nimport { email } from \"https://esm.town/v/std/email\";\n\nconst UPLOADERS_KEY = \"trmnl_uploaders\";\nconst UPLOAD_URL = \"http://www.joshbeckman.org/frametags/home-trmnl-small\";\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst BASE_WAIT_DAYS = 14;\nconst MAX_REMINDERS = 4;\n\ntype Uploader = {\n lastUpload: string;\n count: number;\n reminders: boolean;\n lastReminded?: string | null;\n reminderCount?: number;\n};\ntype Uploaders = Record;\n\nexport async function sendReminderEmail(to: string): Promise {\n const optOutUrl = `https://joshbeckman--b073704c405011f19b9c42b51c65c3df.web.val.run/opt-out?email=${encodeURIComponent(to)}`;\n await email({\n to,\n replyTo: \"josh@joshbeckman.org\",\n subject: \"What's new with you? Update the Kram-Beckman wall display!\",\n html: `

Hey! It's been a while since you last uploaded an image to the Kram-Beckman wall display.

We'd love to see what's new with you. Upload a photo and it'll show up on the wall of our living room.

Upload a new image

\nStop receiving these reminders\n

`,\n });\n}\n\nexport type RunResult = {\n now: string;\n dryRun: boolean;\n considered: number;\n sent: { email: string; reminderNumber: number }[];\n skipped: { email: string; reason: string; waitDaysRemaining?: number }[];\n};\n\nexport async function runReminders(\n opts: { now?: number; dryRun?: boolean } = {},\n): Promise {\n const now = opts.now ?? Date.now();\n const dryRun = opts.dryRun ?? false;\n const uploaders = (await blob.getJSON(UPLOADERS_KEY) as Uploaders) || {};\n\n const result: RunResult = {\n now: new Date(now).toISOString(),\n dryRun,\n considered: 0,\n sent: [],\n skipped: [],\n };\n\n let changed = false;\n\n for (const [addr, uploader] of Object.entries(uploaders)) {\n result.considered++;\n\n if (!uploader.reminders) {\n result.skipped.push({ email: addr, reason: \"opted out\" });\n continue;\n }\n\n const reminderCount = uploader.reminderCount ?? 0;\n if (reminderCount >= MAX_REMINDERS) {\n result.skipped.push({ email: addr, reason: \"max reminders reached\" });\n continue;\n }\n\n const waitMs = BASE_WAIT_DAYS * Math.pow(2, reminderCount) * DAY_MS;\n const sinceLastTouch = uploader.lastReminded || uploader.lastUpload;\n const elapsed = now - new Date(sinceLastTouch).getTime();\n if (elapsed < waitMs) {\n result.skipped.push({\n email: addr,\n reason: \"not enough time elapsed\",\n waitDaysRemaining: Math.ceil((waitMs - elapsed) / DAY_MS),\n });\n continue;\n }\n\n if (!dryRun) {\n await sendReminderEmail(addr);\n uploader.lastReminded = new Date(now).toISOString();\n uploader.reminderCount = reminderCount + 1;\n changed = true;\n }\n\n result.sent.push({ email: addr, reminderNumber: reminderCount + 1 });\n }\n\n if (changed && !dryRun) {\n await blob.setJSON(UPLOADERS_KEY, uploaders);\n }\n\n return result;\n}\n\nexport default async function () {\n await runReminders();\n}\n",[],[98,117],"5a7b3ca6-4050-11f1-89ba-42b51c65c3df",".claude","5a7b3d50-4050-11f1-89ba-42b51c65c3df",["D",1777084928464],[132],[127],{"_35":133,"_13":134,"_38":135,"_40":128,"_42":43,"_44":136,"_46":47,"_48":137,"_17":100,"_51":24,"_53":138,"_55":56,"_57":-5,"_83":139,"_18":140},"9656c41c-40a4-11f1-9f45-42b51c65c3df","settings.local.json","5a8d55da-4050-11f1-89ba-42b51c65c3df",24,["D",1777121106612],"{\n \"permissions\": {\n \"allow\": [\n \"Bash(vt create:*)\",\n \"Bash(vt status:*)\",\n \"Bash(vt val:*)\",\n \"Bash(vt clone:*)\",\n \"Bash(vt push:*)\",\n \"Bash(vt browse:*)\",\n \"mcp__chrome-devtools__list_pages\",\n \"mcp__chrome-devtools__navigate_page\",\n \"mcp__chrome-devtools__take_screenshot\",\n \"mcp__chrome-devtools__take_snapshot\",\n \"mcp__chrome-devtools__upload_file\",\n \"mcp__chrome-devtools__click\",\n \"mcp__chrome-devtools__list_console_messages\",\n \"mcp__chrome-devtools__get_console_message\",\n \"mcp__chrome-devtools__list_network_requests\",\n \"mcp__chrome-devtools__evaluate_script\",\n \"mcp__chrome-devtools__wait_for\",\n \"mcp__chrome-devtools__fill\"\n ]\n }\n}\n",[],[127,134],"5a38035a-4050-11f1-99d7-42b51c65c3df",["D",1777084928031],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Backend for TRMNL screenshot plugin","imageUrl","userId","f8d90ec1-81be-4efc-b861-a032f3f5b85f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","b1ec36cc-9d04-4938-872f-34bf39599d6a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_194":190},"org",{"_11":12,"_188":-5,"_189":190,"_151":152,"_191":192,"_193":56},"branch",{"_17":79,"_13":16,"_35":43,"_180":141,"_181":-5,"_182":-5,"_183":-5,"_184":-5,"_185":-5,"_186":14,"_187":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJTZm1HaHJGdDFmQ2s5ME05RW9lT1JGbHZPYyIsImluaXRpYWxzIjoiSkIifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":141,"_13":14,"_48":256,"_143":-5,"_144":56,"_145":146,"_147":146,"_148":149,"_150":-5,"_151":152,"_153":-5,"_154":56,"_155":-5,"_156":-5,"_157":69,"_158":159,"_160":-5,"_161":-5,"_162":-5,"_163":-5,"_164":165,"_166":165,"_167":168,"_169":168,"_170":168,"_171":165,"_172":165,"_173":257,"_175":258,"_177":259,"_179":56},[229,231,234,237],"files",[229,230,231,232,233,234,235,236,237],"counts",{"_220":69,"_221":81,"_222":69,"_32":223,"_224":225},[216,217],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":50,"_46":47,"_48":214,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_18":215},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1777085072393],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_18":219},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":218},[19,37],[19,60],"pulls","branches","forks",{"_226":81,"_228":69},"connections",{"_226":69,"_227":69},"count","unfilledCount","emptyCount",{"_35":126,"_13":127,"_38":128,"_40":-5,"_42":43,"_44":81,"_46":47,"_48":129,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":254,"_18":255},{"_35":133,"_13":134,"_38":135,"_40":128,"_42":43,"_44":136,"_46":47,"_48":137,"_17":100,"_51":24,"_53":138,"_55":56,"_57":-5,"_83":252,"_18":253},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":250,"_18":251},{"_35":116,"_13":117,"_38":118,"_40":99,"_42":43,"_44":119,"_46":47,"_48":120,"_17":121,"_51":122,"_53":123,"_55":56,"_57":-5,"_83":248,"_18":249},{"_35":106,"_13":107,"_38":108,"_40":99,"_42":43,"_44":109,"_46":47,"_48":110,"_17":111,"_51":112,"_53":113,"_55":56,"_57":-5,"_83":246,"_18":247},{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":50,"_46":47,"_48":86,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_83":244,"_18":245},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":94,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_83":242,"_18":243},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":91,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":240,"_18":241},{"_35":76,"_13":77,"_38":78,"_40":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":81,"_51":24,"_53":82,"_55":56,"_57":-5,"_83":238,"_18":239},[],[77],[],[19,37],[],[19,60],[235,236],[19],[],[98,107],[],[98,117],[232,233],[98],[],[127,134],[230],[127],["D",1777084928031],{"_11":12,"_194":190},{"_11":12,"_188":-5,"_189":190,"_151":152,"_191":192,"_193":56},{"_17":79,"_13":16,"_35":43,"_180":141,"_181":-5,"_182":-5,"_183":-5,"_184":-5,"_185":-5,"_186":14,"_187":12},"ctx",{"_173":-5,"_211":293,"_294":295,"_296":297,"_298":56,"_299":56,"_300":56,"_301":47,"_302":-5,"_303":-7,"_304":-7,"_305":69,"_306":56,"_307":56,"_308":-5,"_309":56,"_310":56,"_311":56,"_312":-5},"ENV",{"_264":265,"_266":267,"_268":16,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Kram-Beckman Wall Display

Preview (800×480)

Uploaders

${title}