Station Status

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","phihoang","name","station-status","path","main.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":-5,"_58":42,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/phihoang/station-status/code/main.ts","extension","id","d6409f10-6b66-441f-a84c-ff5fcbf67adf","fileId","e32a0114-a32d-11f1-9e49-1607ee4eb77e","parentId","branchId","b869fe15-6ad9-4cfe-9fce-a66daa0a102a","branchVersion",2,"latest",true,"createdAt",["D",1787955327994],"version",1,"fileType","script","content","// Office Computer Status board — a single Val Town HTTP val.\n// Serves a styled board AND stores the shared on/off state, so every viewer\n// sees the same thing live. Headers allow it to be embedded in a Teams tab.\n//\n// SETUP: val.town -> New -> HTTP val -> paste all of this -> it deploys and\n// gives you a URL like https://-stationstatus.web.val.run\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst KEY = \"station_status_v1\";\nconst DEFAULT = {\n computers: [\n { id: \"c1\", name: \"Computer 1\", inUse: false, at: null, by: \"\" },\n { id: \"c2\", name: \"Computer 2\", inUse: false, at: null, by: \"\" },\n ],\n};\n\nasync function getState() {\n try {\n return (await blob.getJSON(KEY)) || DEFAULT;\n } catch {\n return DEFAULT;\n }\n}\nasync function setState(s: any) {\n await blob.setJSON(KEY, s);\n return s;\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const json = (o: any) =>\n new Response(JSON.stringify(o), {\n headers: { \"content-type\": \"application/json\" },\n });\n\n if (url.pathname === \"/state\") return json(await getState());\n\n if (req.method === \"POST\" && url.pathname === \"/toggle\") {\n const { id, by } = await req.json();\n const s = await getState();\n const c = s.computers.find((x: any) => x.id === id);\n if (c) {\n c.inUse = !c.inUse;\n c.at = Date.now();\n c.by = String(by || \"\").slice(0, 12);\n await setState(s);\n }\n return json(s);\n }\n\n if (req.method === \"POST\" && url.pathname === \"/rename\") {\n const { id, name } = await req.json();\n const s = await getState();\n const c = s.computers.find((x: any) => x.id === id);\n if (c) {\n c.name = (String(name || \"\").trim() || c.name).slice(0, 40);\n await setState(s);\n }\n return json(s);\n }\n\n return new Response(HTML, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n // let Teams (and anything else) embed this in an iframe:\n \"content-security-policy\": \"frame-ancestors *\",\n },\n });\n}\n\nconst HTML = `\n\n\n\n\nStation Status\n\n\n\n

\n\n\n`;","deleted",false,"label",[14],"b097dd83-f025-49ad-8323-77bfa601a100",["D",1787955290479],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","42474501-a294-468b-bf24-fb89dd8373eb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a04a6f-0e09-7329-9233-5b2f6b414abb","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_102":98},"org",{"_9":10,"_95":96,"_97":98,"_55":56,"_99":100,"_101":42},"branch",{"_35":85,"_11":86,"_22":28,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":12,"_94":10},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Sophia Hoang","avatar","https://avatars.githubusercontent.com/u/269321304?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_78":-5,"_136":137,"_138":139,"_140":141,"_142":42,"_143":42,"_144":42,"_145":32,"_146":-5,"_147":-7,"_148":-7,"_149":62,"_150":42,"_151":42,"_152":-5,"_153":42,"_154":42,"_155":42,"_156":-5},"ENV",{"_107":108,"_109":110,"_111":86,"_112":113,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]