[{"_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",{"_122":121,"_35":68,"_130":108,"_30":131,"_13":14,"_132":-5,"_11":133,"_134":135,"_136":137,"_138":139,"_140":141,"_24":-5,"_142":143,"_144":145,"_146":28,"_147":148,"_149":80,"_150":-5,"_151":-5,"_152":153},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_66":67,"_35":68,"_40":69,"_70":-5,"_71":28,"_72":73,"_74":73,"_75":-5,"_76":-5,"_18":77,"_78":62,"_79":80,"_81":80,"_82":-5,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_100":101,"_102":103,"_104":105,"_106":28},"version",1,"changes",[19,20,21,22,23],"aiChatInfo","userId",{"_24":60,"_26":-7,"_27":28,"_29":28,"_30":61,"_32":61},{"_24":55,"_26":-7,"_27":28,"_29":28,"_30":56,"_32":56},{"_24":50,"_26":-7,"_27":28,"_29":28,"_30":51,"_32":51},{"_24":45,"_26":-7,"_27":28,"_29":28,"_30":46,"_32":46},{"_24":25,"_26":-7,"_27":28,"_29":28,"_30":31,"_32":31},"file",{"_33":34,"_35":31,"_36":37,"_38":39,"_40":41,"_42":14,"_43":44,"_27":28},"previous","deleted",false,"deletedHere","path","scratch.tsx","latestPath","fileId","9b6d2122-26ca-48e9-a0b8-4c66e21ce220","name","fileType","script","content","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));","createdAt",["D",1747477088976],"branchVersion","branchId","3aeff378-3308-11f0-99a9-569c3dd06744",{"_33":47,"_35":46,"_36":24,"_38":48,"_40":49,"_42":14,"_43":44,"_27":28},"README.md","8f37930f-775f-4c1a-9f2f-77f90fb5d6b7","# 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",["D",1747477088976],{"_33":52,"_35":51,"_36":37,"_38":53,"_40":54,"_42":14,"_43":44,"_27":28},"styles.tsx","68aadc62-3602-4424-8e72-7533e2e4f37b","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`;",["D",1747477088976],{"_33":57,"_35":56,"_36":37,"_38":58,"_40":59,"_42":14,"_43":44,"_27":28},"utils.tsx","2031a6f6-ed59-47fe-b288-ae37ab266e8a","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}",["D",1747477088976],{"_33":62,"_35":61,"_36":63,"_38":64,"_40":65,"_42":14,"_43":44,"_27":28},"main.tsx","01968b35-66b8-415b-8b66-b2196d827c8e","http","/** @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);",["D",1747477088976],"id","3aed15cc-3308-11f0-99a9-569c3dd06744","door",["D",1747477088976],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_122":121,"_129":125},"org",{"_122":121,"_123":-5,"_124":125,"_18":77,"_126":127,"_128":28},"branch",{"_13":107,"_35":108,"_66":44,"_109":67,"_110":111,"_112":113,"_114":73,"_115":116,"_117":118,"_119":68,"_120":121},"isOwned",2,"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","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_66":67,"_35":68,"_40":219,"_70":-5,"_71":28,"_72":73,"_74":73,"_75":-5,"_76":-5,"_18":77,"_78":62,"_79":80,"_81":80,"_82":-5,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_100":220,"_102":221,"_104":222,"_106":28},"tree",[198,199,200,201,202],"files",[198,199,200,201,202],"counts",{"_188":84,"_189":14,"_190":84,"_191":192,"_193":194},"contents",[165,166,167,168,169],"upstreamProject",{"_66":116,"_35":68,"_75":-5,"_76":-5,"_72":73,"_100":163},"upstreamBranch",{"_66":111,"_40":154,"_155":156,"_35":108,"_109":116,"_13":157,"_110":158,"_112":159,"_160":161,"_70":-5,"_106":28,"_72":73,"_120":162,"_85":118,"_119":68},"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",{"_122":162,"_129":164},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_66":185,"_35":46,"_33":47,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":186,"_13":84,"_36":24,"_38":48,"_27":28,"_174":-5,"_30":187},{"_66":182,"_35":61,"_33":62,"_171":-5,"_43":44,"_42":14,"_172":28,"_40":183,"_13":84,"_36":63,"_38":64,"_27":28,"_174":-5,"_30":184},{"_66":179,"_35":31,"_33":34,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":180,"_13":84,"_36":37,"_38":39,"_27":28,"_174":-5,"_30":181},{"_66":176,"_35":51,"_33":52,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":177,"_13":84,"_36":37,"_38":53,"_27":28,"_174":-5,"_30":178},{"_66":170,"_35":56,"_33":57,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":173,"_13":84,"_36":37,"_38":58,"_27":28,"_174":-5,"_30":175},"3af26ad6-3308-11f0-99a9-569c3dd06744","parentId","latest",["D",1747477088976],"label",[56],"3af26946-3308-11f0-99a9-569c3dd06744",["D",1747477088976],[51],"3af267c0-3308-11f0-99a9-569c3dd06744",["D",1747477088976],[31],"3af260fe-3308-11f0-99a9-569c3dd06744",["D",1747477088976],[61],"3af22a26-3308-11f0-99a9-569c3dd06744",["D",1747477088976],[46],"pulls","branches","forks","envVars",{"_195":107,"_197":107},"connections",{"_195":84,"_196":84},"count","unfilledCount","emptyCount",{"_66":185,"_35":46,"_33":47,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":216,"_13":84,"_36":24,"_38":48,"_27":28,"_174":-5,"_204":217,"_30":218},{"_66":182,"_35":61,"_33":62,"_171":-5,"_43":44,"_42":14,"_172":28,"_40":213,"_13":84,"_36":63,"_38":64,"_27":28,"_174":-5,"_204":214,"_30":215},{"_66":179,"_35":31,"_33":34,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":210,"_13":84,"_36":37,"_38":39,"_27":28,"_174":-5,"_204":211,"_30":212},{"_66":176,"_35":51,"_33":52,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":207,"_13":84,"_36":37,"_38":53,"_27":28,"_174":-5,"_204":208,"_30":209},{"_66":170,"_35":56,"_33":57,"_171":-5,"_43":44,"_42":14,"_172":80,"_40":203,"_13":84,"_36":37,"_38":58,"_27":28,"_174":-5,"_204":205,"_30":206},["D",1747477088976],"children",[],[56],["D",1747477088976],[],[51],["D",1747477088976],[],[31],["D",1747477088976],[],[61],["D",1747477088976],[],[46],["D",1747477088976],{"_122":121,"_129":125},{"_122":121,"_123":-5,"_124":125,"_18":77,"_126":127,"_128":28},{"_13":107,"_35":108,"_66":44,"_109":67,"_110":111,"_112":113,"_114":73,"_115":116,"_117":118,"_119":68,"_120":121},"ctx",{"_100":-5,"_151":256,"_257":258,"_259":260,"_261":28,"_262":28,"_263":28,"_264":80,"_265":-5,"_266":-7,"_267":-7,"_268":84,"_269":28,"_270":28,"_271":-5,"_272":28,"_273":28,"_274":28,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":108,"_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"]

Diff · v1