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}","label",[18],"pulls","branches","forks","envVars",{"_174":26,"_176":26},"connections",{"_174":26,"_175":26},"count","unfilledCount","emptyCount",{"_34":158,"_13":18,"_62":63,"_44":-5,"_36":37,"_159":80,"_160":99,"_38":189,"_40":162,"_64":65,"_163":164,"_66":24,"_165":-5,"_186":190,"_17":191},{"_34":179,"_13":180,"_62":97,"_44":-5,"_36":37,"_159":122,"_160":99,"_38":181,"_40":182,"_64":183,"_163":184,"_66":24,"_165":185,"_186":187,"_17":188},"43b69263-c552-49df-aa7f-e1f63ff4f649","new-file-7741.ts",["D",1787604123277],3,"http","// 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.

\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}","bordje-draai-heaven1","children",[],[180],["D",1787601283083],[],[18],["D",1787598042782],{"_11":12,"_136":69},{"_11":12,"_131":132,"_68":69,"_30":67,"_133":134,"_135":24},{"_40":122,"_13":16,"_34":37,"_123":87,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":14,"_130":12},"ctx",{"_52":-5,"_155":229,"_230":231,"_232":233,"_234":24,"_235":24,"_236":24,"_237":99,"_238":-5,"_239":-7,"_240":-7,"_241":26,"_242":24,"_243":24,"_244":-5,"_245":24,"_246":24,"_247":24,"_248":-5},"ENV",{"_200":201,"_202":203,"_204":16,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228},"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"]

History · main.ts