[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_235":236,"_237":238},"routes/_app.x.$handle.$name",{"_106":105,"_38":51,"_115":92,"_33":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":31,"_132":133,"_134":64,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":31},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","09709915-59b9-4e87-8b13-9aebac1343d6","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019ce362-0dbc-7143-b50a-0b630f5d0954","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 { Hono } from \"npm:hono\";\nimport { styles } from \"./styles.tsx\";\nimport { botPress } from \"./utils.tsx\";\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 \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 return c.html(\n \n

Val Town Office Door 🚪

\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(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 app.fetch;\n","/** @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 { Hono } from \"npm:hono\";\nimport { styles } from \"./styles.tsx\";\nimport { botPress } from \"./utils.tsx\";\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

\n {props.children}\n

\n Built in Val Town\n

\n \n \n );\n};\n\n// Frontend route\napp.get(\"/\", (c) => {\n return c.html(\n \n

Val Town Office Door 🚪

🎉 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 app.fetch;\n","createdAt",["D",1773341812109],"branchVersion","branchId","39b7d232-1e44-11f1-8545-42dde27851f2","id","39b184fe-1e44-11f1-8545-42dde27851f2","buzz",["D",1773341379935],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Buzz into the party","imageUrl","6906d0a1-0165-46b9-8717-60dfd935316a","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","631c5cff-7089-4994-8427-c7580df789cd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":31},"branch",{"_13":91,"_38":92,"_49":48,"_93":50,"_94":95,"_96":97,"_98":56,"_99":100,"_101":102,"_103":51,"_104":105},"isOwned",80,"main","projectId","forkedBranchId","304ac7cc-3263-11f0-8ec2-569c3dd06744","forkedBranchVersion",87,"forkedProjectPrivacy","forkedProjectId","30487a08-3263-11f0-8ec2-569c3dd06744","forkedProjectOrgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName","userHandle","pmillspaugh","handle","displayName","Pete Millspaugh","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c3c0aadf-86a9-4c2e-ef01-fb649d6fb000/square512?exp=1789589505&sig=f54d65e68f9be3649b6acce5070ceae4e835a4adb22e79ff459879cfdc753b40","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":231,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":232,"_86":233,"_88":234,"_90":31},"tree",[206,207,208,209,210,211],"files",[206,207,208,209,210,211],"counts",{"_195":68,"_196":160,"_197":160,"_198":199,"_200":201},"contents",[150,151,152,153,154,155],"upstreamProject",{"_49":100,"_38":147,"_58":-5,"_60":-5,"_55":56,"_84":148},"upstreamBranch",{"_49":95,"_44":139,"_140":141,"_38":92,"_93":100,"_13":97,"_94":142,"_96":143,"_144":145,"_53":-5,"_90":31,"_55":56,"_104":146,"_69":102,"_103":147},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747406204158],"updatedAt",["D",1751033233112],"27e95578-25f0-11f0-ad23-569c3dd06744",29,"lockfileKey","1755645713410-esm.town_v_valdottown_door@87-main","valdottown","door",{"_106":146,"_114":149},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_49":189,"_38":190,"_36":191,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":192,"_13":68,"_39":193,"_41":-5,"_30":31,"_165":-5,"_33":194},{"_49":183,"_38":184,"_36":185,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":186,"_13":68,"_39":26,"_41":187,"_30":31,"_165":-5,"_33":188},{"_49":179,"_38":34,"_36":37,"_159":-5,"_47":48,"_46":14,"_161":31,"_44":180,"_13":181,"_39":40,"_41":43,"_30":31,"_165":51,"_33":182},{"_49":173,"_38":174,"_36":175,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":176,"_13":68,"_39":163,"_41":177,"_30":31,"_165":-5,"_33":178},{"_49":167,"_38":168,"_36":169,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":170,"_13":68,"_39":163,"_41":171,"_30":31,"_165":-5,"_33":172},{"_49":156,"_38":157,"_36":158,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":162,"_13":68,"_39":163,"_41":164,"_30":31,"_165":-5,"_33":166},"39bcb0ea-1e44-11f1-8545-42dde27851f2","utils.tsx","019ce362-0dbc-7143-b50a-15d9723bccf7","parentId",1,"latest",["D",1773341379935],"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",[157],"39bca8d4-1e44-11f1-8545-42dde27851f2","styles.tsx","019ce362-0dbc-7143-b50a-125213e76654",["D",1773341379935],"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`;",[168],"39bca456-1e44-11f1-8545-42dde27851f2","scratch.tsx","019ce362-0dbc-7143-b50a-0dbf9b16c618",["D",1773341379935],"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));",[174],"3b4d8208-1e45-11f1-abc2-42dde27851f2",["D",1773341812109],3,[34],"39bc7f08-1e44-11f1-8545-42dde27851f2","README.md","019ce362-0dbc-7143-b50a-0429d35117bf",["D",1773341379935],"# 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## Progressive Web App (PWA)\n\nThis app can be installed on your device's home screen for quick access:\n\n- **Mobile**: Tap the \"Add to Home Screen\" option in your browser menu\n- **Desktop**: Look for the install icon in your browser's address bar\n\nThe app includes:\n- Custom door-opening icon with motion lines\n- Offline-capable manifest\n- Standalone display mode for a native app feel\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\n- `manifest.json`: PWA manifest for home screen installation\n- `favicon.svg`, `icon-192.svg`, `icon-512.svg`: App icons in various sizes",[184],"39bc7d50-1e44-11f1-8545-42dde27851f2","static","019ce362-0dbc-7143-b50a-01410e0488df",["D",1773341379935],"directory",[190],"pulls","branches","forks","envVars",{"_202":204,"_205":68},"connections",{"_202":68,"_203":68},"count","unfilledCount",2,"emptyCount",{"_49":189,"_38":190,"_36":191,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":228,"_13":68,"_39":193,"_41":-5,"_30":31,"_165":-5,"_213":229,"_33":230},{"_49":183,"_38":184,"_36":185,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":225,"_13":68,"_39":26,"_41":187,"_30":31,"_165":-5,"_213":226,"_33":227},{"_49":179,"_38":34,"_36":37,"_159":-5,"_47":48,"_46":14,"_161":31,"_44":222,"_13":181,"_39":40,"_41":43,"_30":31,"_165":51,"_213":223,"_33":224},{"_49":173,"_38":174,"_36":175,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":219,"_13":68,"_39":163,"_41":177,"_30":31,"_165":-5,"_213":220,"_33":221},{"_49":167,"_38":168,"_36":169,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":216,"_13":68,"_39":163,"_41":171,"_30":31,"_165":-5,"_213":217,"_33":218},{"_49":156,"_38":157,"_36":158,"_159":-5,"_47":48,"_46":160,"_161":31,"_44":212,"_13":68,"_39":163,"_41":164,"_30":31,"_165":-5,"_213":214,"_33":215},["D",1773341379935],"children",[],[157],["D",1773341379935],[],[168],["D",1773341379935],[],[174],["D",1773341812109],[],[34],["D",1773341379935],[],[184],["D",1773341379935],[],[190],["D",1773341379935],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":31},{"_13":91,"_38":92,"_49":48,"_93":50,"_94":95,"_96":97,"_98":56,"_99":100,"_101":102,"_103":51,"_104":105},"ctx",{"_84":-5,"_136":268,"_269":270,"_271":272,"_273":31,"_274":31,"_275":31,"_276":64,"_277":-5,"_278":-7,"_279":-7,"_280":68,"_281":31,"_282":31,"_283":-5,"_284":31,"_285":31,"_286":31,"_287":-5},"ENV",{"_239":240,"_241":242,"_243":92,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v8