[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"routes/_app.x.$handle.$name",{"_100":99,"_32":44,"_109":86,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":57,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":60,"_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":25},"version",85,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","712cf41a-2cf3-42ec-8838-81976c6ced61","name","fileType","content","# 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","# 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","createdAt",["D",1747409866786],"branchVersion","branchId","304ac7cc-3263-11f0-8ec2-569c3dd06744","id","30487a08-3263-11f0-8ec2-569c3dd06744","door",["D",1747406204158],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","bb89e6f6-754a-445c-8647-65845a173c3e","pinnedFileId","34e9923a-4842-4ddf-ade8-b632db53b057","pinPreview",true,"pinMigrated","screenshotVersion",86,"likeCount",1,"orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":-5,"_105":106,"_107":57},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":96,"_97":44,"_98":99},"isOwned",87,"main","projectId","forkedBranchId","27e95578-25f0-11f0-ad23-569c3dd06744","forkedBranchVersion",29,"forkedProjectPrivacy","forkedProjectId","27e91248-25f0-11f0-ad23-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","valdottown","handle","displayName","Val Town ","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":220,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":60,"_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":221,"_80":222,"_82":223,"_84":25},"tree",[199,200,201,202,203],"files",[199,200,201,202,203],"counts",{"_188":62,"_189":165,"_190":155,"_191":192,"_193":194},"contents",[143,144,145,146,147],"upstreamProject",{"_42":94,"_32":140,"_51":-5,"_52":-5,"_48":49,"_78":141},"upstreamBranch",{"_42":89,"_37":133,"_134":135,"_32":86,"_87":94,"_13":136,"_88":-5,"_90":-5,"_137":138,"_46":-5,"_84":25,"_48":49,"_98":139,"_63":96,"_97":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746037384043],"updatedAt",["D",1747407229524],34,"lockfileKey","1747407229787-esm.town_v_stevekrouse_switchbot@34-main","stevekrouse","switchbot",{"_100":139,"_108":142},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_42":184,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":185,"_13":186,"_33":20,"_34":36,"_24":25,"_158":-5,"_27":187},{"_42":176,"_32":177,"_30":55,"_151":-5,"_40":41,"_39":178,"_153":25,"_37":179,"_13":180,"_33":181,"_34":182,"_24":25,"_158":44,"_27":183},{"_42":168,"_32":169,"_30":170,"_151":-5,"_40":41,"_39":171,"_153":57,"_37":172,"_13":173,"_33":156,"_34":174,"_24":25,"_158":-5,"_27":175},{"_42":160,"_32":161,"_30":162,"_151":-5,"_40":41,"_39":163,"_153":57,"_37":164,"_13":165,"_33":156,"_34":166,"_24":25,"_158":-5,"_27":167},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":57,"_37":154,"_13":155,"_33":156,"_34":157,"_24":25,"_158":-5,"_27":159},"da7409ec-3269-11f0-bb93-569c3dd06744","utils.tsx","f94dc750-3268-11f0-a9a8-569c3dd06744","parentId",45,"latest",["D",1747409066636],3,"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",[149],"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`;",[161],"d73e9544-3269-11f0-b9c8-569c3dd06744","scratch.tsx","8f3de5ae-3266-11f0-81d8-569c3dd06744",44,["D",1747409061254],6,"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));",[169],"2e0f6622-326b-11f0-bc60-569c3dd06744","main.tsx",79,["D",1747409636404],54,"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);",[177],"b760cc72-326b-11f0-a2f9-569c3dd06744",["D",1747409866786],12,[28],"pulls","branches","forks","envVars",{"_195":165,"_198":196},"connections",{"_195":196,"_197":196},"count",0,"unfilledCount","emptyCount",{"_42":184,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":217,"_13":186,"_33":20,"_34":36,"_24":25,"_158":-5,"_205":218,"_27":219},{"_42":176,"_32":177,"_30":55,"_151":-5,"_40":41,"_39":178,"_153":25,"_37":214,"_13":180,"_33":181,"_34":182,"_24":25,"_158":44,"_205":215,"_27":216},{"_42":168,"_32":169,"_30":170,"_151":-5,"_40":41,"_39":171,"_153":57,"_37":211,"_13":173,"_33":156,"_34":174,"_24":25,"_158":-5,"_205":212,"_27":213},{"_42":160,"_32":161,"_30":162,"_151":-5,"_40":41,"_39":163,"_153":57,"_37":208,"_13":165,"_33":156,"_34":166,"_24":25,"_158":-5,"_205":209,"_27":210},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":57,"_37":204,"_13":155,"_33":156,"_34":157,"_24":25,"_158":-5,"_205":206,"_27":207},["D",1747409066636],"children",[],[149],["D",1747409201677],[],[161],["D",1747409061254],[],[169],["D",1747409636404],[],[177],["D",1747409866786],[],[28],["D",1747406204158],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":-5,"_105":106,"_107":57},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":96,"_97":44,"_98":99},"ctx",{"_78":-5,"_130":257,"_258":259,"_260":261,"_262":25,"_263":25,"_264":25,"_265":57,"_266":-5,"_267":-7,"_268":-7,"_269":196,"_270":25,"_271":25,"_272":-5,"_273":25,"_274":25,"_275":25,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":86,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"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 · v85