[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_261":262,"_263":264},"routes/_app.x.$handle.$name",{"_106":105,"_38":50,"_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":54,"_132":133,"_134":31,"_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",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":54,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":31,"_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":54},"version",3,"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":39,"_40":26,"_41":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":39,"_40":26,"_41":42},"deleted",true,"deletedHere","path","static/manifest.json","latestPath","fileId","019ce362-0dbc-7143-b509-fd8732ea35f9","name","manifest.json","fileType","content","{\n \"name\": \"Val Town Office Door\",\n \"short_name\": \"Val Town Door\",\n \"description\": \"Remote door opener for Val Town office\",\n \"start_url\": \"/\",\n \"display\": \"standalone\",\n \"background_color\": \"#ffffff\",\n \"theme_color\": \"#ffffff\",\n \"orientation\": \"portrait\",\n \"icons\": [\n {\n \"src\": \"/static/icon-192.svg\",\n \"sizes\": \"192x192\",\n \"type\": \"image/svg+xml\",\n \"purpose\": \"any maskable\"\n },\n {\n \"src\": \"/static/icon-512.svg\",\n \"sizes\": \"512x512\",\n \"type\": \"image/svg+xml\",\n \"purpose\": \"any maskable\"\n }\n ]\n}","createdAt",["D",1773341795906],"branchVersion","branchId","39b7d232-1e44-11f1-8545-42dde27851f2","id","39b184fe-1e44-11f1-8545-42dde27851f2","buzz",["D",1773341379935],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Buzz into the party","imageUrl","6906d0a1-0165-46b9-8717-60dfd935316a","pinnedFileId","019ce362-0dbc-7143-b50a-0b630f5d0954","pinPreview","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":54},"branch",{"_13":91,"_38":92,"_48":47,"_93":49,"_94":95,"_96":97,"_98":56,"_99":100,"_101":102,"_103":50,"_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=1789570799&sig=255f184a898c5d29a33cd76ea031311a7f404e86590ca7a71056deeb1071c2d0","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":257,"_52":-5,"_53":54,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":31,"_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":258,"_86":259,"_88":260,"_90":54},"tree",[208,212,213,214,215,216],"files",[208,209,210,211,212,213,214,215,216],"counts",{"_198":68,"_199":160,"_200":160,"_201":202,"_203":204},"contents",[150,151,152,153,154,155],"upstreamProject",{"_48":100,"_38":147,"_58":-5,"_60":-5,"_55":56,"_84":148},"upstreamBranch",{"_48":95,"_43":139,"_140":141,"_38":92,"_93":100,"_13":97,"_94":142,"_96":143,"_144":145,"_52":-5,"_90":54,"_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",{"_48":192,"_38":193,"_36":194,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":195,"_13":68,"_40":196,"_41":-5,"_30":54,"_165":-5,"_33":197},{"_48":186,"_38":187,"_36":188,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":189,"_13":68,"_40":26,"_41":190,"_30":54,"_165":-5,"_33":191},{"_48":179,"_38":180,"_36":63,"_159":-5,"_46":47,"_45":181,"_161":54,"_43":182,"_13":160,"_40":183,"_41":184,"_30":54,"_165":50,"_33":185},{"_48":173,"_38":174,"_36":175,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":176,"_13":68,"_40":163,"_41":177,"_30":54,"_165":-5,"_33":178},{"_48":167,"_38":168,"_36":169,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":170,"_13":68,"_40":163,"_41":171,"_30":54,"_165":-5,"_33":172},{"_48":156,"_38":157,"_36":158,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":162,"_13":68,"_40":163,"_41":164,"_30":54,"_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],"e6acaf58-1e44-11f1-8d23-42dde27851f2","main.tsx",2,["D",1773341670171],"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 { Hono } from \"npm:hono\";\nimport { styles } from \"./styles.tsx\";\nimport { botPress } from \"./utils.tsx\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/static/**/*\", (c) => serveFile(c.req.path, import.meta.url));\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",[180],"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",[187],"39bc7d50-1e44-11f1-8545-42dde27851f2","static","019ce362-0dbc-7143-b50a-01410e0488df",["D",1773341379935],"directory",[193],"pulls","branches","forks","envVars",{"_205":181,"_207":68},"connections",{"_205":68,"_206":68},"count","unfilledCount","emptyCount",{"_48":192,"_38":193,"_36":194,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":254,"_13":68,"_40":196,"_41":-5,"_30":54,"_165":-5,"_218":255,"_33":256},{"_48":247,"_38":248,"_36":249,"_159":194,"_46":47,"_45":160,"_161":54,"_43":250,"_13":68,"_40":26,"_41":251,"_30":54,"_165":-5,"_218":252,"_33":253},{"_48":240,"_38":241,"_36":242,"_159":194,"_46":47,"_45":160,"_161":54,"_43":243,"_13":68,"_40":26,"_41":244,"_30":54,"_165":-5,"_218":245,"_33":246},{"_48":233,"_38":234,"_36":235,"_159":194,"_46":47,"_45":160,"_161":54,"_43":236,"_13":68,"_40":26,"_41":237,"_30":54,"_165":-5,"_218":238,"_33":239},{"_48":186,"_38":187,"_36":188,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":230,"_13":68,"_40":26,"_41":190,"_30":54,"_165":-5,"_218":231,"_33":232},{"_48":179,"_38":180,"_36":63,"_159":-5,"_46":47,"_45":181,"_161":54,"_43":227,"_13":160,"_40":183,"_41":184,"_30":54,"_165":50,"_218":228,"_33":229},{"_48":173,"_38":174,"_36":175,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":224,"_13":68,"_40":163,"_41":177,"_30":54,"_165":-5,"_218":225,"_33":226},{"_48":167,"_38":168,"_36":169,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":221,"_13":68,"_40":163,"_41":171,"_30":54,"_165":-5,"_218":222,"_33":223},{"_48":156,"_38":157,"_36":158,"_159":-5,"_46":47,"_45":160,"_161":54,"_43":217,"_13":68,"_40":163,"_41":164,"_30":54,"_165":-5,"_218":219,"_33":220},["D",1773341379935],"children",[],[157],["D",1773341379935],[],[168],["D",1773341379935],[],[174],["D",1773341670171],[],[180],["D",1773341379935],[],[187],"39bc754e-1e44-11f1-8545-42dde27851f2","icon-512.svg","019ce362-0dbc-7143-b509-fac4e4c16031",["D",1773341379935],"",[],[193,234],"39bc6ef0-1e44-11f1-8545-42dde27851f2","icon-192.svg","019ce362-0dbc-7143-b509-f6306928f5f3",["D",1773341379935],"",[],[193,241],"39bc62d4-1e44-11f1-8545-42dde27851f2","favicon.svg","019ce362-0dbc-7143-b509-f2b2b1845cb8",["D",1773341379935],"",[],[193,248],["D",1773341379935],[209,210,211],[193],["D",1773341379935],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":54},{"_13":91,"_38":92,"_48":47,"_93":49,"_94":95,"_96":97,"_98":56,"_99":100,"_101":102,"_103":50,"_104":105},"ctx",{"_84":-5,"_136":294,"_295":296,"_297":298,"_299":54,"_300":54,"_301":54,"_302":31,"_303":-5,"_304":-7,"_305":-7,"_306":68,"_307":54,"_308":54,"_309":-5,"_310":54,"_311":54,"_312":54,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":92,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"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 · v3