[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"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":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",24,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path",".claude/settings.local.json","latestPath","fileId","5a8d55da-4050-11f1-89ba-42b51c65c3df","name","settings.local.json","fileType","content","{\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 ]\n }\n}\n","{\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","createdAt",["D",1777121106612],"branchVersion","branchId","5a3889ce-4050-11f1-99d7-42b51c65c3df","id","5a38035a-4050-11f1-99d7-42b51c65c3df","trmnlImage",["D",1777084928031],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Backend for TRMNL screenshot plugin","imageUrl","f8d90ec1-81be-4efc-b861-a032f3f5b85f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","b1ec36cc-9d04-4938-872f-34bf39599d6a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",39,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","joshbeckman","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJTZm1HaHJGdDFmQ2s5ME05RW9lT1JGbHZPYyIsImluaXRpYWxzIjoiSkIifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":219,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":220,"_79":221,"_81":222,"_83":25},"tree",[161,163,166],"files",[161,162,163,164,165,166,167,168],"counts",{"_151":61,"_152":148,"_153":61,"_154":155,"_156":157},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":145,"_32":146,"_30":147,"_132":-5,"_41":42,"_40":148,"_134":121,"_38":149,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_27":150},{"_43":139,"_32":140,"_30":141,"_132":-5,"_41":42,"_40":142,"_134":121,"_38":143,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_27":144},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":135,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_27":138},"b044021c-4050-11f1-ba84-42b51c65c3df","frontend","b04402bc-4050-11f1-ba84-42b51c65c3df","parentId",3,"latest",["D",1777085072393],"directory","label",[130],"b0510c32-4050-11f1-bc39-42b51c65c3df","backend","b0510cf0-4050-11f1-bc39-42b51c65c3df",4,["D",1777085072479],[140],"5a7b3ca6-4050-11f1-89ba-42b51c65c3df",".claude","5a7b3d50-4050-11f1-89ba-42b51c65c3df",1,["D",1777084928464],[146],"pulls","branches","forks","envVars",{"_158":148,"_160":61},"connections",{"_158":61,"_159":61},"count","unfilledCount","emptyCount",{"_43":145,"_32":146,"_30":147,"_132":-5,"_41":42,"_40":148,"_134":121,"_38":216,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_176":217,"_27":218},{"_43":212,"_32":33,"_30":31,"_132":147,"_41":42,"_40":14,"_134":121,"_38":213,"_13":142,"_34":20,"_35":37,"_24":25,"_137":-5,"_176":214,"_27":215},{"_43":139,"_32":140,"_30":141,"_132":-5,"_41":42,"_40":142,"_134":121,"_38":209,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_176":210,"_27":211},{"_43":200,"_32":201,"_30":202,"_132":141,"_41":42,"_40":203,"_134":25,"_38":204,"_13":61,"_34":205,"_35":206,"_24":25,"_137":-5,"_176":207,"_27":208},{"_43":191,"_32":192,"_30":193,"_132":141,"_41":42,"_40":194,"_134":25,"_38":195,"_13":133,"_34":196,"_35":197,"_24":25,"_137":-5,"_176":198,"_27":199},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":188,"_13":61,"_34":136,"_35":-5,"_24":25,"_137":-5,"_176":189,"_27":190},{"_43":179,"_32":180,"_30":181,"_132":131,"_41":42,"_40":182,"_134":25,"_38":183,"_13":184,"_34":20,"_35":185,"_24":25,"_137":-5,"_176":186,"_27":187},{"_43":169,"_32":170,"_30":171,"_132":131,"_41":42,"_40":172,"_134":121,"_38":173,"_13":133,"_34":174,"_35":175,"_24":25,"_137":-5,"_176":177,"_27":178},"3b97c1fc-40a4-11f1-ae94-42b51c65c3df","index.tsx","b07f8666-4050-11f1-89c3-42b51c65c3df",20,["D",1777120954365],"script","const form = document.getElementById(\"upload-form\") as HTMLFormElement;\nconst emailInput = document.getElementById(\"email-input\") as HTMLInputElement;\nconst fileInput = document.getElementById(\"file-input\") as HTMLInputElement;\nconst captionInput = document.getElementById(\"caption-input\") as HTMLInputElement;\nconst submitBtn = document.getElementById(\"submit-btn\") as HTMLButtonElement;\nconst status = document.getElementById(\"status\") as HTMLDivElement;\nconst previewSection = document.getElementById(\"preview-section\") as HTMLDivElement;\nconst previewCanvas = document.getElementById(\"preview-canvas\") as HTMLCanvasElement;\n\nconst W = 800;\nconst H = 480;\nconst STORAGE_KEY = \"trmnl_uploader_email\";\n\nconst saved = localStorage.getItem(STORAGE_KEY);\nif (saved) emailInput.value = saved;\n\nfunction showStatus(msg: string) {\n status.textContent = msg;\n status.style.display = \"block\";\n}\n\nfunction loadImage(file: File): Promise {\n return new Promise((resolve, reject) => {\n const url = URL.createObjectURL(file);\n const img = new Image();\n img.onload = () => { URL.revokeObjectURL(url); resolve(img); };\n img.onerror = () => { URL.revokeObjectURL(url); reject(new Error(\"Failed to load image\")); };\n img.src = url;\n });\n}\n\nform.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n\n const file = fileInput.files?.[0];\n if (!file) return;\n\n const email = emailInput.value.trim();\n if (!email) return;\n\n localStorage.setItem(STORAGE_KEY, email);\n submitBtn.disabled = true;\n showStatus(\"Processing image\\u2026\");\n\n try {\n const img = await loadImage(file);\n\n const ctx = previewCanvas.getContext(\"2d\")!;\n ctx.fillStyle = \"#ffffff\";\n ctx.fillRect(0, 0, W, H);\n\n // Scale image to cover 800x480 while maintaining aspect ratio\n const scale = Math.max(W / img.width, H / img.height);\n const sw = img.width * scale;\n const sh = img.height * scale;\n const sx = (W - sw) / 2;\n const sy = (H - sh) / 2;\n ctx.drawImage(img, sx, sy, sw, sh);\n\n previewSection.style.display = \"block\";\n\n showStatus(\"Uploading\\u2026\");\n\n const dataUrl = previewCanvas.toDataURL(\"image/png\");\n const caption = captionInput.value.trim();\n\n const resp = await fetch(\"/upload\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ image: dataUrl, caption, email }),\n });\n\n if (!resp.ok) {\n const err = await resp.json();\n throw new Error(err.error || \"Upload failed\");\n }\n\n showStatus(\"Done! Your image is live at /display\");\n } catch (err: any) {\n showStatus(`Error: ${err.message}`);\n } finally {\n submitBtn.disabled = false;\n }\n});\n","children",[],[130,170],"3b9ea77e-40a4-11f1-a114-42b51c65c3df","index.html","b089f826-4050-11f1-9bf6-42b51c65c3df",21,["D",1777120954378],6,"\n\n\n \n \n Kram-Beckman Wall Display\n \n \n\n\n

Kram-Beckman Wall Display

Upload an image to display on the wall of our living room. It will be resized to fit the screen. See what's currently displayed.

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

\n\n \n\n\n",[],[130,180],["D",1777085072393],[167,168],[130],"3ba73592-40a4-11f1-b652-42b51c65c3df","index.ts","b073704c-4050-11f1-9b9c-42b51c65c3df",22,["D",1777120954378],"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\";\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};\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 };\n await blob.setJSON(UPLOADERS_KEY, uploaders);\n\n return c.json({ ok: true });\n});\n\napp.get(\"/opt-out\", async (c) => {\n const email = c.req.query(\"email\");\n if (!email) {\n return c.html(`\n\n\n

Missing email parameter.

\n`);\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(`\n\n\n

Opted out

You won't receive any more reminders.

\nBack to upload\n

`);\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",[],[140,192],"3bbbd04c-40a4-11f1-b7ee-42b51c65c3df","cron.ts","3bbbd114-40a4-11f1-b7ee-42b51c65c3df",23,["D",1777120954399],"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 TWO_WEEKS_MS = 14 * 24 * 60 * 60 * 1000;\n\ntype Uploader = {\n lastUpload: string;\n count: number;\n reminders: boolean;\n};\ntype Uploaders = Record;\n\nexport default async function () {\n const uploaders = (await blob.getJSON(UPLOADERS_KEY) as Uploaders) || {};\n const now = Date.now();\n\n for (const [addr, uploader] of Object.entries(uploaders)) {\n if (!uploader.reminders) continue;\n\n const elapsed = now - new Date(uploader.lastUpload).getTime();\n if (elapsed < TWO_WEEKS_MS) continue;\n\n const optOutUrl = `https://joshbeckman-trmnlimage.web.val.run/opt-out?email=${encodeURIComponent(addr)}`;\n\n await email({\n to: addr,\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}\n",[],[140,201],["D",1777085072479],[164,165],[140],"9656c41c-40a4-11f1-9f45-42b51c65c3df",["D",1777121106612],[],[146,33],["D",1777084928464],[162],[146],["D",1777084928031],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":256,"_257":258,"_259":260,"_261":25,"_262":25,"_263":25,"_264":121,"_265":-5,"_266":-7,"_267":-7,"_268":61,"_269":25,"_270":25,"_271":-5,"_272":25,"_273":25,"_274":25,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":85,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"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)

Opted out

Diff · v24