[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_172":173,"_174":175},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_130":-5,"_20":131,"_22":132,"_133":134,"_135":136,"_25":137,"_24":-5,"_138":-5,"_139":-5,"_140":54,"_141":142,"_143":45,"_144":-5,"_145":-5,"_146":147},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","julesvanhaaren","name","Jules","branchName","main","version","path","","project",{"_34":76,"_13":14,"_46":77,"_78":-5,"_79":54,"_80":81,"_82":81,"_83":19,"_84":-5,"_85":86,"_87":38,"_88":45,"_89":-5,"_90":-5,"_91":92,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":109,"_110":111,"_112":113,"_114":54},"tree",[67,68],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":62,"_17":63,"_49":64,"_51":65,"_53":54,"_55":-5,"_18":66},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_18":57},"id","43b69263-c552-49df-aa7f-e1f63ff4f649","new-file-7741.ts","fileId","173eb86a-9fef-11f1-939e-1607ee4eb77e","parentId","branchId","cf733ca8-3179-4486-ba6a-c906e784134e","branchVersion",11,"latest",true,"createdAt",["D",1787604123277],3,"fileType","http","content","// Val Town HTTP val: statusbord voor het e-ink WiFi-scherm\n//\n// - GET / -> webpagina met 2 grote knoppen (Rood / Geel) voor collega's\n// - POST /set -> zet de status (aangeroepen door de knoppen)\n// - GET /state -> platte tekst \"red\" of \"yellow\" (dit is wat de ESP32 uitleest)\n//\n// Deploy: maak een nieuwe \"HTTP val\" aan op val.town, plak deze hele inhoud erin,\n// en je krijgt een URL zoals https://-.web.val.run\n\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nconst STATE_KEY = \"eink_status\";\nconst DEFAULT_STATE = \"yellow\";\n\nasync function getState(): Promise {\n try {\n const res = await blob.get(STATE_KEY);\n const text = (await res.text()).trim();\n return text === \"red\" || text === \"yellow\" ? text : DEFAULT_STATE;\n } catch {\n return DEFAULT_STATE;\n }\n}\n\nasync function setState(value: string): Promise {\n await blob.set(STATE_KEY, value);\n}\n\nfunction renderPage(state: string): string {\n const bg = state === \"red\" ? \"#c0392b\" : \"#f1c40f\";\n const fg = state === \"red\" ? \"#ffffff\" : \"#3a2f00\";\n const label = state === \"red\" ? \"AFWEZIG\" : \"AANWEZIG\";\n\n return `\n\n\n\n\nBordje Draai Heaven\n\n\n\n

Bordje draai heaven

Huidige status: ${label}

\n \n \n

Het scherm ververst automatisch elke ~10 minuten.

Bordje draai heaven

Huidige status: ${label}

\n \n \n

Het scherm ververst automatisch elke ~10 minuten.

\n\n`;\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Wordt uitgelezen door de ESP32 firmware\n if (url.pathname === \"/state\") {\n const state = await getState();\n return new Response(state, {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n\n // Wordt aangeroepen door de knoppen op de webpagina\n if (url.pathname === \"/set\" && req.method === \"POST\") {\n const form = await req.formData();\n const value = form.get(\"value\");\n if (value === \"red\" || value === \"yellow\") {\n await setState(value);\n }\n return Response.redirect(url.origin, 303);\n }\n\n // De webpagina zelf\n const state = await getState();\n return new Response(renderPage(state), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}",[59],{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":73,"_17":63,"_49":64,"_51":65,"_53":54,"_55":-5,"_70":74,"_18":75},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":69,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_70":71,"_18":72},["D",1787604123277],"children",[],[36],["D",1787601283083],[],[59],"f2f8566b-05a8-448d-a6a6-746da58807fc",["D",1787598042782],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","de3ffa6b-3de7-45e9-a06e-4ed1d1846aa1","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a03524-7646-7468-8c84-bc7572bb3957","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_129":19},"org",{"_11":12,"_123":124,"_125":19,"_85":86,"_126":127,"_128":54},"branch",{"_17":43,"_13":16,"_34":41,"_115":76,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":14,"_122":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Jules van Haaren","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":76,"_13":14,"_46":168,"_78":-5,"_79":54,"_80":81,"_82":81,"_83":19,"_84":-5,"_85":86,"_87":38,"_88":45,"_89":-5,"_90":-5,"_91":92,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":169,"_110":170,"_112":171,"_114":54},[162,163],"files",[162,163],"counts",{"_152":92,"_153":154,"_155":92,"_31":156,"_157":158},[148,149],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":62,"_17":63,"_49":64,"_51":65,"_53":54,"_55":-5,"_18":151},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_18":150},[36],[59],"pulls","branches",1,"forks",{"_159":92,"_161":92},"connections",{"_159":92,"_160":92},"count","unfilledCount","emptyCount",{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":73,"_17":63,"_49":64,"_51":65,"_53":54,"_55":-5,"_70":166,"_18":167},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":69,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_70":164,"_18":165},[],[36],[],[59],["D",1787598042782],{"_11":12,"_129":19},{"_11":12,"_123":124,"_125":19,"_85":86,"_126":127,"_128":54},{"_17":43,"_13":16,"_34":41,"_115":76,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":14,"_122":12},"ctx",{"_108":-5,"_145":205,"_206":207,"_208":209,"_210":54,"_211":54,"_212":54,"_213":45,"_214":-5,"_215":-7,"_216":-7,"_217":92,"_218":54,"_219":54,"_220":-5,"_221":54,"_222":54,"_223":54,"_224":-5},"ENV",{"_176":177,"_178":179,"_180":16,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204},"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"]

Code