[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":84,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_126":-5,"_127":-5,"_128":129},"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":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_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",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","6cc929cb-d267-4966-91fe-79b217cd5dd0","name","fileType","http","content","/** @jsxImportSource npm:hono/jsx */\nimport type { FC } from \"hono/jsx\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { email } from \"https://esm.town/v/std/email?v=12\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe?v=8\";\nimport { Hono } from \"npm:hono\";\nimport { styles } from \"./styles.tsx\";\nimport { botPress } from \"./utils.tsx\";\n\nconst app = new Hono();\n\nexport const ValTownGroundFloorDeviceId = \"D2353438164D\";\nconst { htmlUrl } = extractValInfo(import.meta.url);\n\nconst Layout: FC = (props) => {\n return (\n \n \n Val Town Office Door\n \n \n \n \n

\n {props.children}\n

\n Built in Val Town\n

\n \n \n );\n};\n\n// Frontend route\napp.get(\"/\", (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n if (!email) {\n return c.html(\n \n

Val Town Office Door 🚪

\n Login\n

\n ,\n );\n }\n return c.html(\n \n

Val Town Office Door 🚪

\n \n

\n ({email}) Log out\n

\n ,\n );\n});\n\n// Backend route to handle door opening\napp.post(\"/open-door\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n const authorized = email.endsWith(\"@val.town\"); // only val town employees can unlock the door\n if (!authorized) {\n return c.html(\n \n

Not Authorized

You are not authorized to open this door.

\n Back to Door Control\n

\n ,\n );\n }\n\n try {\n const result = await botPress(ValTownGroundFloorDeviceId);\n console.log(result);\n return c.html(\n \n

🎉 Door Opening! 🎉

The office door is being unlocked...

\n Back to Door Control\n

\n ,\n );\n } catch (error: any) {\n await email({ subject: \"Door open fail\", text: error.message });\n return c.html(

Failed to open door: {error.message}

);\n }\n});\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\nexport default lastlogin(app.fetch);","/** @jsxImportSource npm:hono/jsx */\nimport type { FC } from \"hono/jsx\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { email } from \"https://esm.town/v/std/email?v=12\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe?v=8\";\nimport { Hono } from \"npm:hono\";\nimport { styles } from \"./styles.tsx\";\nimport { botPress } from \"./utils.tsx\";\n\nconst app = new Hono();\n\nexport const ValTownGroundFloorDeviceId = \"D2353438164D\";\nconst { htmlUrl } = extractValInfo(import.meta.url);\n\nconst Layout: FC = (props) => {\n return (\n \n \n Val Town Office Door\n \n \n \n \n

\n {props.children}\n

\n Built in Val Town\n

\n \n \n );\n};\n\n// Frontend route\napp.get(\"/\", (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n if (!email) {\n return c.html(\n \n

Val Town Office Door 🚪

\n Login\n

\n ,\n );\n }\n return c.html(\n \n

Val Town Office Door 🚪

\n \n

\n ({email}) Log out\n

\n ,\n );\n});\n\n// Backend route to handle door opening\napp.post(\"/open-door\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n const authorized = email.endsWith(\"@val.town\") || email.endsWith(\"@onkernel.com\"); // Kernel is visiting today!\n if (!authorized) {\n return c.html(\n \n

Not Authorized

You are not authorized to open this door.

\n Back to Door Control\n

\n ,\n );\n }\n\n try {\n const result = await botPress(ValTownGroundFloorDeviceId);\n console.log(result);\n return c.html(\n \n

🎉 Door Opening! 🎉

The office door is being unlocked...

\n Back to Door Control\n

\n ,\n );\n } catch (error: any) {\n await email({ subject: \"Door open fail\", text: error.message });\n return c.html(

Failed to open door: {error.message}

);\n }\n});\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\nexport default lastlogin(app.fetch);","createdAt",["D",1747659474004],"branchVersion","branchId","a9339be2-34b0-11f0-89f8-9e149126039e","id","a931de56-34b0-11f0-89f8-9e149126039e","door",["D",1747659380593],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","dbb6f458-af0e-4422-9aad-3eabc43285a7","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01f2c078-e797-48a0-8730-8efb4e7e899b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned","main","projectId","forkedBranchId","304ac7cc-3263-11f0-8ec2-569c3dd06744","forkedBranchVersion",85,"forkedProjectPrivacy","forkedProjectId","30487a08-3263-11f0-8ec2-569c3dd06744","forkedProjectOrgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName","userHandle","juecd","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya3kyd3VJTE9vOWRJMVhnRVBuVG9xZXZhcEsifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":209,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_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":210,"_79":211,"_81":212,"_83":25},"tree",[188,189,190,191,192],"files",[188,189,190,191,192],"counts",{"_178":61,"_179":150,"_180":61,"_181":182,"_183":184},"contents",[141,142,143,144,145],"upstreamProject",{"_43":92,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":139},"upstreamBranch",{"_43":87,"_38":130,"_131":132,"_32":84,"_85":92,"_13":133,"_86":134,"_88":135,"_136":137,"_47":-5,"_83":25,"_49":50,"_96":138,"_62":94,"_95":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747406204158],"updatedAt",["D",1751033233112],87,"27e95578-25f0-11f0-ad23-569c3dd06744",29,"lockfileKey","1755645713410-esm.town_v_valdottown_door@87-main","valdottown",{"_98":138,"_105":140},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_43":172,"_32":173,"_30":174,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":175,"_13":61,"_33":20,"_35":176,"_24":25,"_155":-5,"_27":177},{"_43":169,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":57,"_38":170,"_13":150,"_33":34,"_35":37,"_24":25,"_155":-5,"_27":171},{"_43":163,"_32":164,"_30":165,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":166,"_13":61,"_33":153,"_35":167,"_24":25,"_155":-5,"_27":168},{"_43":157,"_32":158,"_30":159,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":160,"_13":61,"_33":153,"_35":161,"_24":25,"_155":-5,"_27":162},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":152,"_13":61,"_33":153,"_35":154,"_24":25,"_155":-5,"_27":156},"a935441a-34b0-11f0-89f8-9e149126039e","utils.tsx","a1ee857e-67f6-4cba-b9b8-92534acfaa8c","parentId",1,"latest",["D",1747659380593],"script","import { Buffer } from \"node:buffer\";\nimport { createHmac } from \"node:crypto\";\n\nconst token = Deno.env.get(\"SWITCHBOT_TOKEN\")!;\nconst secret = Deno.env.get(\"SWITCHBOT_KEY\")!;\n\nexport function buildSwitchBotHeaders() {\n const t = Date.now(); // ms timestamp\n const nonce = Math.floor(Math.random() * 1_000_000);\n\n const sign = createHmac(\"sha256\", secret)\n .update(Buffer.from(token + t + nonce))\n .digest(\"base64\")\n .toUpperCase();\n\n return {\n Authorization: token,\n sign,\n t,\n nonce,\n \"Content-Type\": \"application/json\",\n };\n}\n\nexport async function switchbotRequest(path: string, args = {}) {\n const t = Date.now();\n const nonce = Math.floor(Math.random() * 1000000);\n const sign = createHmac(\"sha256\", secret)\n .update(Buffer.from(token + t + nonce, \"utf-8\"))\n .digest()\n .toString(\"base64\");\n\n const response = await fetch(`https://api.switch-bot.com/${path}`, {\n headers: buildSwitchBotHeaders(),\n ...args,\n });\n return response.json();\n}\n\nexport function botPress(device: string) {\n return switchbotRequest(`v1.1/devices/${device}/commands`, {\n method: \"POST\",\n body: JSON.stringify({\n \"command\": \"press\",\n \"parameter\": \"default\",\n \"commandType\": \"command\",\n }),\n });\n}","label",[147],"a9352d72-34b0-11f0-89f8-9e149126039e","styles.tsx","944c1553-3806-439d-af7a-dd5a3325d13c",["D",1747659380593],"export const styles = `\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n color: #333;\n }\n .container {\n text-align: center;\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n h1 {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n button {\n font-size: 1.5rem;\n padding: 15px 30px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n button:hover {\n background-color: #45a049;\n }\n a {\n color: #4CAF50;\n text-decoration: none;\n font-weight: bold;\n }\n a:hover {\n text-decoration: underline;\n }\n .val-link {\n margin-top: 20px;\n display: inline-block;\n }\n`;",[158],"a935280e-34b0-11f0-89f8-9e149126039e","scratch.tsx","5f52a903-08c5-47cb-a8f6-81abb7d505c1",["D",1747659380593],"import { ValTownGroundFloorDeviceId } from \"./main.tsx\";\nimport { botPress, switchbotRequest } from \"./utils.tsx\";\n\nasync function getDeviceStatus(deviceId: string) {\n return switchbotRequest(`v1.1/devices/${deviceId}/status`, {\n method: \"GET\",\n });\n}\n\nconsole.log(await getDeviceStatus(ValTownGroundFloorDeviceId));",[164],"e0df3862-34b0-11f0-89a0-9e149126039e",["D",1747659474004],[28],"a9350860-34b0-11f0-89f8-9e149126039e","README.md","5cce2ad9-bbd5-4de3-9812-e46e560561cb",["D",1747659380593],"# Val Town Ground Floor Door Opener\n\nThis Val provides a web interface that allows authorized Val Town employees to remotely open the ground floor office door using a Switchbot device.\n\nTo use this, you must login with an @val.town email address.\n\nThe original version of this Val was created for a party: @stevekrouse/switchbot_party\n\n[**Video demo**](https://www.tiktok.com/@stevekrouse/video/7398180191396318497?is_from_webapp=1&sender_device=pc)\n\n### Switchbot API Integration\n\nThis Val authenticates to the Switchbot API with `SWITCHBOT_TOKEN` and `SWITCHBOT_KEY` environment variables.\n\nThe application uses the Switchbot API to send a \"press\" command to the device with ID `D2353438164D` (Val Town Ground Floor device).\n\nLearn how to get your own Switchbot API keys here: [Switchbot Docs](https://github.com/OpenWonderLabs/SwitchBotAPI).\n\n### Project Structure\n\n- `main.tsx`: The main application file with Hono routes and UI components\n- `utils.tsx`: Utility functions for Switchbot API authentication and requests\n- `styles.tsx`: CSS styles for the web interface",[173],"pulls","branches","forks","envVars",{"_185":14,"_187":14},"connections",{"_185":61,"_186":61},"count","unfilledCount","emptyCount",{"_43":172,"_32":173,"_30":174,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":206,"_13":61,"_33":20,"_35":176,"_24":25,"_155":-5,"_194":207,"_27":208},{"_43":169,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":57,"_38":203,"_13":150,"_33":34,"_35":37,"_24":25,"_155":-5,"_194":204,"_27":205},{"_43":163,"_32":164,"_30":165,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":200,"_13":61,"_33":153,"_35":167,"_24":25,"_155":-5,"_194":201,"_27":202},{"_43":157,"_32":158,"_30":159,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":197,"_13":61,"_33":153,"_35":161,"_24":25,"_155":-5,"_194":198,"_27":199},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":57,"_38":193,"_13":61,"_33":153,"_35":154,"_24":25,"_155":-5,"_194":195,"_27":196},["D",1747659380593],"children",[],[147],["D",1747659380593],[],[158],["D",1747659380593],[],[164],["D",1747659474004],[],[28],["D",1747659380593],[],[173],["D",1747659380593],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":246,"_247":248,"_249":250,"_251":25,"_252":25,"_253":25,"_254":57,"_255":-5,"_256":-7,"_257":-7,"_258":61,"_259":25,"_260":25,"_261":-5,"_262":25,"_263":25,"_264":25,"_265":-5},"ENV",{"_217":218,"_219":220,"_221":84,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v2