\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\") ||\n 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);",[],[217],{"_102":225,"_95":226,"_158":227,"_160":-5,"_161":139,"_162":228,"_163":116,"_104":229,"_99":230,"_165":231,"_167":232,"_168":22,"_169":-5,"_170":233,"_98":234},"d73e9544-3269-11f0-b9c8-569c3dd06744","scratch.tsx","8f3de5ae-3266-11f0-81d8-569c3dd06744",44,["D",1747409061254],6,"script","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));",[],[226],{"_102":236,"_95":237,"_158":238,"_160":-5,"_161":139,"_162":239,"_163":116,"_104":240,"_99":241,"_165":231,"_167":242,"_168":22,"_169":-5,"_170":243,"_98":244},"2af15a8c-326a-11f0-ae89-569c3dd06744","styles.tsx","1e5d3836-326a-11f0-ad3f-569c3dd06744",58,["D",1747409201677],2,"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`;",[],[237],{"_102":246,"_95":247,"_158":248,"_160":-5,"_161":139,"_162":249,"_163":116,"_104":250,"_99":251,"_165":231,"_167":252,"_168":22,"_169":-5,"_170":253,"_98":254},"da7409ec-3269-11f0-bb93-569c3dd06744","utils.tsx","f94dc750-3268-11f0-a9a8-569c3dd06744",45,["D",1747409066636],3,"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}",[],[247],"files",[155,172,181,189,197,206,215,224,235,245],"counts",{"_259":260,"_261":241,"_262":241,"_263":241},"pulls",1,"branches","forks","envVars","contents",[266,269,272,275,278,281],{"_102":156,"_95":157,"_158":159,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":267,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":268},["D",1751033233112],[157],{"_102":207,"_95":208,"_158":209,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":270,"_99":211,"_165":177,"_167":212,"_168":22,"_169":-5,"_98":271},["D",1751033233112],[208],{"_102":216,"_95":217,"_158":114,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":273,"_99":219,"_165":220,"_167":221,"_168":22,"_169":96,"_98":274},["D",1751033233112],[217],{"_102":225,"_95":226,"_158":227,"_160":-5,"_161":139,"_162":228,"_163":116,"_104":276,"_99":230,"_165":231,"_167":232,"_168":22,"_169":-5,"_98":277},["D",1747409061254],[226],{"_102":236,"_95":237,"_158":238,"_160":-5,"_161":139,"_162":239,"_163":116,"_104":279,"_99":241,"_165":231,"_167":242,"_168":22,"_169":-5,"_98":280},["D",1747409201677],[237],{"_102":246,"_95":247,"_158":248,"_160":-5,"_161":139,"_162":249,"_163":116,"_104":282,"_99":251,"_165":231,"_167":252,"_168":22,"_169":-5,"_98":283},["D",1747409066636],[247],"upstreamProject",{"_102":147,"_95":286,"_110":-5,"_111":-5,"_108":109,"_23":287},"switchbot",{"_93":288,"_131":289},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_102":142,"_104":292,"_293":294,"_95":43,"_140":147,"_99":295,"_141":-5,"_143":-5,"_296":297,"_106":-5,"_152":22,"_108":109,"_151":288,"_16":149,"_150":286},["D",1746037384043],"updatedAt",["D",1747407229524],34,"lockfileKey","1747407229787-esm.town_v_stevekrouse_switchbot@34-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":304,"_309":118,"_310":311,"_312":313,"_380":116,"_381":308,"_382":383,"_386":-5},{"_102":103,"_95":96,"_104":305,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":118,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":306,"_133":307,"_136":308,"_152":22},["D",1747406204158],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":142,"_143":144,"_145":109,"_146":147,"_148":149,"_150":96,"_151":94},"ahead","behind",5,"diff",{"_314":315,"_168":354,"_355":356},"added",[316,323,326,331,336,341,346,350],{"_98":226,"_317":-7,"_318":319},"targetFile","sourceFile",{"_102":225,"_95":226,"_158":227,"_160":-5,"_161":139,"_162":228,"_163":116,"_104":229,"_99":230,"_165":231,"_167":232,"_168":22,"_169":-5,"_170":-7,"_98":320,"_321":322},[226],"contentHash","23b0b1d346a55c996363b5b5c7ab3abcf9ded36796e756fbe5e792757ce99bf9",{"_98":157,"_317":-7,"_318":324},{"_102":156,"_95":157,"_158":159,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":164,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":325,"_321":-5},[157],{"_98":327,"_317":-7,"_318":328},"static/favicon.svg",{"_102":173,"_95":174,"_158":175,"_160":159,"_161":139,"_162":138,"_163":116,"_104":176,"_99":32,"_165":177,"_167":178,"_168":22,"_169":-5,"_170":-7,"_98":329,"_321":330},[157,174],"a9e83ddef470afd01cda8fa907ae9521e4b0f7e82d3c2cabcaa2471edebbbebc",{"_98":332,"_317":-7,"_318":333},"static/icon-192.svg",{"_102":182,"_95":183,"_158":184,"_160":159,"_161":139,"_162":138,"_163":116,"_104":185,"_99":32,"_165":177,"_167":186,"_168":22,"_169":-5,"_170":-7,"_98":334,"_321":335},[157,183],"a75e13b461dc22402fe00136c73c877721a0aaafeef04dffb09e034d446c4d1f",{"_98":337,"_317":-7,"_318":338},"static/icon-512.svg",{"_102":190,"_95":191,"_158":192,"_160":159,"_161":139,"_162":138,"_163":116,"_104":193,"_99":32,"_165":177,"_167":194,"_168":22,"_169":-5,"_170":-7,"_98":339,"_321":340},[157,191],"57df7724d5d15fc9cd0e4da4e5349786b59cb14fb295e19f6a510b51b65e61d7",{"_98":342,"_317":-7,"_318":343},"static/manifest.json",{"_102":198,"_95":199,"_158":200,"_160":159,"_161":139,"_162":138,"_163":116,"_104":201,"_99":32,"_165":177,"_167":202,"_168":22,"_169":-5,"_170":-7,"_98":344,"_321":345},[157,199],"aff8c09ec9fd091e9db3fe582c2ff331804a3361961447921c91e53fb8ead36c",{"_98":237,"_317":-7,"_318":347},{"_102":236,"_95":237,"_158":238,"_160":-5,"_161":139,"_162":239,"_163":116,"_104":240,"_99":241,"_165":231,"_167":242,"_168":22,"_169":-5,"_170":-7,"_98":348,"_321":349},[237],"abc503fe394bdfa1f40087c4cee1dc6b343162e9438ef05f78663c831abaf27c",{"_98":247,"_317":-7,"_318":351},{"_102":246,"_95":247,"_158":248,"_160":-5,"_161":139,"_162":249,"_163":116,"_104":250,"_99":251,"_165":231,"_167":252,"_168":22,"_169":-5,"_170":-7,"_98":352,"_321":353},[247],"504c8f6b2413836ed448395dff78be41311c8b709c07c0a7041a511c8449e2f2",[],"modified",[357,368],{"_98":208,"_317":358,"_318":365},{"_102":359,"_95":208,"_158":360,"_160":-5,"_161":142,"_162":260,"_163":116,"_104":361,"_99":32,"_165":177,"_167":362,"_168":22,"_169":-5,"_170":-7,"_98":363,"_321":364},"27eb434c-25f0-11f0-ad23-569c3dd06744","27eb43ba-25f0-11f0-ad23-569c3dd06744",["D",1721939465588],"# Open the Val Town Ground Floor Switchbot\n\nThis webpage will let Val Town employees or guests to use these bots.\n\nThe original version of this val was for a party. That fork is preserved here: @stevekrouse/switchbot_party\n\n## Next steps\n\n- [ ] Add one of @pomdtr's login methods\n- [ ] Allow all @val.town emails to login\n- [ ] Have any other email login ping me for approval or make a private val with a list of approved emails\n\n## Switchbot API\n\nThis val authenticates to the switchbot API with `SWITCHBOT_TOKEN` and `SWITCHBOT_KEY`.\n\nLearn how to get your own Switchbot API keys here: [Switchbot Docs](https://github.com/OpenWonderLabs/SwitchBotAPI).\n\nMigrated from folder: Archive/switchbot",[208],"8bc555807b074afa639d7a9573f886ecfca152641534ce3ce798ec631c4a7b1c",{"_102":207,"_95":208,"_158":209,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":210,"_99":211,"_165":177,"_167":212,"_168":22,"_169":-5,"_170":-7,"_98":366,"_321":367},[208],"edca2f78a0eeebe72d8242acdcd40e15688854346ec7ee7d34ce7bba9cdbe3b0",{"_98":217,"_317":369,"_318":377},{"_102":370,"_95":217,"_158":371,"_160":-5,"_161":142,"_162":144,"_163":22,"_104":372,"_99":373,"_165":220,"_167":374,"_168":22,"_169":-5,"_170":-7,"_98":375,"_321":376},"2857c49a-25f0-11f0-ad23-569c3dd06744","27eb3fe6-25f0-11f0-ad23-569c3dd06744",["D",1722880116517],28,"// This val creates a simple web interface for opening the Val Town office door.\n// It uses the Hono framework for routing and HTML rendering, and interacts with\n// the SwitchBot API to control the door. The approach includes:\n// 1. A frontend route that displays a button to open the door\n// 2. A backend route that handles the door opening request\n// 3. Integration with SwitchBot API for door control\n// 4. Basic error handling and email notification on failure\n\n/** @jsxImportSource npm:hono/jsx */\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { email } from \"https://esm.town/v/std/email?v=12\";\nimport { Buffer } from \"node:buffer\";\nimport { createHmac } from \"node:crypto\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\nconst ValTownOfficeDeviceId = \"CD6F3A810848\";\n\nasync function switchbotRequest(path, args) {\n const token = Deno.env.get(\"SWITCHBOT_TOKEN\");\n const secret = Deno.env.get(\"SWITCHBOT_KEY\");\n\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: {\n \"Authorization\": token,\n t,\n nonce,\n sign,\n \"Content-Type\": \"application/json\",\n },\n ...args,\n });\n return response.json();\n}\n\nfunction botPress(device) {\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}\n\nconst 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`;\n\nconst { htmlUrl } = extractValInfo(import.meta.url);\n\n// Frontend route\napp.get(\"/\", (c) => {\n return c.html(\n \n \n Val Town Office Door\n \n \n \n \n

Val Town Office Door 🚪

\n \n Built in Val Town\n

\n \n ,\n );\n});\n\n// Backend route to handle door opening\napp.post(\"/open-door\", async (c) => {\n try {\n // const result = await botPress(ValTownOfficeDeviceId);\n return c.html(\n \n \n Door Opened!\n \n \n \n \n

🎉 Door Opened! 🎉

The office door has been unlocked.

\n Back to Door Control\n

\n Built in Val Town\n

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

Failed to open door: {error.message}

);\n }\n});\n\nexport default app.fetch;",[217],"638d9a8d201e67d21b9c5058ad1adcb63c11950d2284ef4f2df4f10eb0cc7944",{"_102":216,"_95":217,"_158":114,"_160":-5,"_161":139,"_162":138,"_163":116,"_104":218,"_99":219,"_165":220,"_167":221,"_168":22,"_169":96,"_170":-7,"_98":378,"_321":379},[217],"dae1e60ec9c9297a5fbdb77465b69f7f1d61df492c6d5f9adcdd7eec4f73d18f","hasChanges","sourceBranch","targetBranch",{"_102":142,"_104":384,"_293":385,"_95":43,"_140":147,"_99":295,"_141":-5,"_143":-5,"_296":297,"_106":-5,"_152":22,"_108":109,"_151":288,"_16":149,"_150":286},["D",1746037384043],["D",1747407229524],"pull","actionData","errors"]

valdottown

door

Mergevaldottown/mainintostevekrouse/main

README.md+28-10

Hmain.tsx+82-125

scratch.tsx+10-0

static

static/favicon.svg+13-0

static/icon-192.svg+13-0

static/icon-512.svg+13-0

static/manifest.json+24-0

styles.tsx+48-0

utils.tsx+49-0