[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_72":141,"_40":-7,"_142":-5,"_17":143,"_144":145,"_146":147,"_148":149,"_150":151,"_152":-5,"_153":154,"_155":156,"_157":50,"_158":159,"_160":26,"_161":-5,"_162":-5,"_163":164},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","juecd","name","door","branchName","main","project",{"_32":60,"_13":14,"_34":103,"_48":-5,"_104":50,"_51":52,"_105":52,"_106":-5,"_107":-5,"_108":109,"_110":80,"_111":26,"_112":26,"_113":-5,"_114":20,"_55":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":130,"_131":132,"_133":28,"_49":50},"ahead",0,"behind",1,"diff",{"_65":66,"_67":68,"_69":70},"hasChanges",true,"sourceBranch",{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":61,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","id","304ac7cc-3263-11f0-8ec2-569c3dd06744","createdAt",["D",1747406204158],"updatedAt",["D",1751033233112],"projectId","30487a08-3263-11f0-8ec2-569c3dd06744","version",87,"forkedBranchId","27e95578-25f0-11f0-ad23-569c3dd06744","forkedBranchVersion",29,"lockfileKey","1755645713410-esm.town_v_valdottown_door@87-main","deletedAt","isOwned",false,"privacy","public","userHandle","valdottown","orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName",2,"a9339be2-34b0-11f0-89f8-9e149126039e","a931de56-34b0-11f0-89f8-9e149126039e",85,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[71],{"_72":73,"_74":75,"_76":77},"path","main.tsx","targetFile",{"_32":95,"_13":73,"_79":96,"_81":-5,"_82":33,"_83":97,"_84":50,"_34":98,"_40":99,"_86":87,"_88":100,"_67":50,"_90":14,"_91":-7,"_72":101,"_93":102},"sourceFile",{"_32":78,"_13":73,"_79":80,"_81":-5,"_82":59,"_83":58,"_84":26,"_34":85,"_40":22,"_86":87,"_88":89,"_67":50,"_90":-5,"_91":-7,"_72":92,"_93":94},"e0df3862-34b0-11f0-89a0-9e149126039e","fileId","6cc929cb-d267-4966-91fe-79b217cd5dd0","parentId","branchId","branchVersion","latest",["D",1747659474004],"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 { 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\") || 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);","label","children",[73],"contentHash","6b746dee50a855e96335a8e9e722a2f0b25ffbcf12887a3aa2beffc00351ea94","2e0f6622-326b-11f0-bc60-569c3dd06744","34e9923a-4842-4ddf-ade8-b632db53b057",79,["D",1747409636404],54,"/** @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);",[73],"addf72c55eab10811adaf79189d3d6a2799dfa9c4136bfa2f8c5ecd0e7faac20",["D",1747659380593],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","dbb6f458-af0e-4422-9aad-3eabc43285a7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","01f2c078-e797-48a0-8730-8efb4e7e899b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_140":136},"org",{"_11":12,"_134":-5,"_135":136,"_108":109,"_137":138,"_139":50},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya3kyd3VJTE9vOWRJMVhnRVBuVG9xZXZhcEsifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":60,"_13":14,"_34":230,"_48":-5,"_104":50,"_51":52,"_105":52,"_106":-5,"_107":-5,"_108":109,"_110":80,"_111":26,"_112":26,"_113":-5,"_114":20,"_55":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":231,"_131":232,"_133":233,"_49":50},"tree",[211,212,213,214,215],"files",[211,212,213,214,215],"counts",{"_201":20,"_202":22,"_203":20,"_204":205,"_206":207},"contents",[169,170,171,172,173],"file","upstreamProject",{"_32":39,"_13":14,"_106":-5,"_107":-5,"_51":52,"_129":167},"upstreamBranch",{"_32":33,"_34":165,"_36":166,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747406204158],["D",1751033233112],{"_11":54,"_140":168},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_32":195,"_13":196,"_79":197,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":198,"_40":20,"_86":152,"_88":199,"_67":50,"_90":-5,"_72":200},{"_32":78,"_13":73,"_79":80,"_81":-5,"_82":59,"_83":58,"_84":26,"_34":193,"_40":22,"_86":87,"_88":89,"_67":50,"_90":-5,"_72":194},{"_32":187,"_13":188,"_79":189,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":190,"_40":20,"_86":178,"_88":191,"_67":50,"_90":-5,"_72":192},{"_32":181,"_13":182,"_79":183,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":184,"_40":20,"_86":178,"_88":185,"_67":50,"_90":-5,"_72":186},{"_32":174,"_13":175,"_79":176,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":177,"_40":20,"_86":178,"_88":179,"_67":50,"_90":-5,"_72":180},"a935441a-34b0-11f0-89f8-9e149126039e","utils.tsx","a1ee857e-67f6-4cba-b9b8-92534acfaa8c",["D",1747659380593],"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}",[175],"a9352d72-34b0-11f0-89f8-9e149126039e","styles.tsx","944c1553-3806-439d-af7a-dd5a3325d13c",["D",1747659380593],"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`;",[182],"a935280e-34b0-11f0-89f8-9e149126039e","scratch.tsx","5f52a903-08c5-47cb-a8f6-81abb7d505c1",["D",1747659380593],"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));",[188],["D",1747659474004],[73],"a9350860-34b0-11f0-89f8-9e149126039e","README.md","5cce2ad9-bbd5-4de3-9812-e46e560561cb",["D",1747659380593],"# 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",[196],"pulls","branches","forks","envVars",{"_208":58,"_210":58},"connections",{"_208":20,"_209":20},"count","unfilledCount","emptyCount",{"_32":195,"_13":196,"_79":197,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":227,"_40":20,"_86":152,"_88":199,"_67":50,"_90":-5,"_91":228,"_72":229},{"_32":78,"_13":73,"_79":80,"_81":-5,"_82":59,"_83":58,"_84":26,"_34":85,"_40":22,"_86":87,"_88":89,"_67":50,"_90":-5,"_91":225,"_72":226},{"_32":187,"_13":188,"_79":189,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":222,"_40":20,"_86":178,"_88":191,"_67":50,"_90":-5,"_91":223,"_72":224},{"_32":181,"_13":182,"_79":183,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":219,"_40":20,"_86":178,"_88":185,"_67":50,"_90":-5,"_91":220,"_72":221},{"_32":174,"_13":175,"_79":176,"_81":-5,"_82":59,"_83":22,"_84":26,"_34":216,"_40":20,"_86":178,"_88":179,"_67":50,"_90":-5,"_91":217,"_72":218},["D",1747659380593],[],[175],["D",1747659380593],[],[182],["D",1747659380593],[],[188],[],[73],["D",1747659380593],[],[196],["D",1747659380593],{"_11":12,"_140":136},{"_11":12,"_134":-5,"_135":136,"_108":109,"_137":138,"_139":50},{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":61,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"ctx",{"_129":-5,"_162":267,"_268":269,"_270":271,"_272":50,"_273":50,"_274":50,"_275":26,"_276":-5,"_277":-7,"_278":-7,"_279":20,"_280":50,"_281":50,"_282":-5,"_283":50,"_284":50,"_285":50,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":16,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Compare

Mergejuecd/mainintovaldottown/main

Hmain.tsx+1-1