[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_238":239,"_240":241},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_77":36,"_46":-7,"_146":-5,"_17":147,"_148":149,"_150":151,"_152":153,"_154":155,"_156":-5,"_157":158,"_159":160,"_161":56,"_162":163,"_164":26,"_165":-5,"_166":-5,"_167":168},"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":32},"handle","stevekrouse","name","door","branchName","main","project",{"_33":65,"_13":14,"_40":108,"_54":-5,"_109":56,"_57":58,"_110":58,"_35":-5,"_111":-5,"_112":113,"_114":85,"_115":26,"_116":26,"_117":-5,"_118":119,"_61":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":135,"_136":137,"_138":28,"_55":56},"ahead",1,"behind",2,"diff",{"_70":71,"_72":73,"_74":75},"hasChanges",true,"sourceBranch",{"_46":22,"_13":16,"_33":64,"_44":65,"_48":39,"_50":66,"_67":58,"_68":45,"_69":62,"_63":14,"_59":12},"targetBranch",{"_33":39,"_40":41,"_42":43,"_13":16,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":60,"_61":62,"_63":14},"pull",{"_33":34,"_35":36,"_37":38},"id","5953fcc4-3308-11f0-ae78-569c3dd06744","description","","state","pending","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","3aeff378-3308-11f0-99a9-569c3dd06744","3aed15cc-3308-11f0-99a9-569c3dd06744",85,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[76],{"_77":78,"_79":80,"_81":82},"path","main.tsx","targetFile",{"_33":100,"_13":78,"_84":101,"_86":-5,"_87":39,"_88":102,"_89":56,"_40":103,"_46":104,"_91":92,"_93":105,"_72":56,"_95":14,"_96":-7,"_77":106,"_98":107},"sourceFile",{"_33":83,"_13":78,"_84":85,"_86":-5,"_87":64,"_88":22,"_89":26,"_40":90,"_46":20,"_91":92,"_93":94,"_72":56,"_95":-5,"_96":-7,"_77":97,"_98":99},"51bce246-3308-11f0-b66f-569c3dd06744","fileId","01968b35-66b8-415b-8b66-b2196d827c8e","parentId","branchId","branchVersion","latest",["D",1747477127249],"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 === \"something@foo.com\"; // 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);","label","children",[78],"contentHash","d0cdd269d1c2d02cc8708be5f61006c7b4385bd6d424607e584a171ef323e331","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);",[78],"addf72c55eab10811adaf79189d3d6a2799dfa9c4136bfa2f8c5ecd0e7faac20",["D",1747477088976],"legacyEnvVars","httpPrivacy","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_145":141},"org",{"_11":12,"_139":-5,"_140":141,"_112":113,"_142":143,"_144":56},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":65,"_13":14,"_40":234,"_54":-5,"_109":56,"_57":58,"_110":58,"_35":-5,"_111":-5,"_112":113,"_114":85,"_115":26,"_116":26,"_117":-5,"_118":119,"_61":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":235,"_136":236,"_138":237,"_55":56},"tree",[215,216,217,218,219],"files",[215,216,217,218,219],"counts",{"_205":119,"_206":20,"_207":119,"_208":209,"_210":211},"contents",[173,174,175,176,177],"file","upstreamProject",{"_33":45,"_13":14,"_35":-5,"_111":-5,"_57":58,"_134":171},"upstreamBranch",{"_33":39,"_40":169,"_42":170,"_13":16,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":60,"_61":62,"_63":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747406204158],["D",1751033233112],{"_11":60,"_145":172},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_33":199,"_13":200,"_84":201,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":202,"_46":119,"_91":156,"_93":203,"_72":56,"_95":-5,"_77":204},{"_33":83,"_13":78,"_84":85,"_86":-5,"_87":64,"_88":22,"_89":26,"_40":197,"_46":20,"_91":92,"_93":94,"_72":56,"_95":-5,"_77":198},{"_33":191,"_13":192,"_84":193,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":194,"_46":119,"_91":182,"_93":195,"_72":56,"_95":-5,"_77":196},{"_33":185,"_13":186,"_84":187,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":188,"_46":119,"_91":182,"_93":189,"_72":56,"_95":-5,"_77":190},{"_33":178,"_13":179,"_84":180,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":181,"_46":119,"_91":182,"_93":183,"_72":56,"_95":-5,"_77":184},"3af26ad6-3308-11f0-99a9-569c3dd06744","utils.tsx","2031a6f6-ed59-47fe-b288-ae37ab266e8a",["D",1747477088976],"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}",[179],"3af26946-3308-11f0-99a9-569c3dd06744","styles.tsx","68aadc62-3602-4424-8e72-7533e2e4f37b",["D",1747477088976],"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`;",[186],"3af267c0-3308-11f0-99a9-569c3dd06744","scratch.tsx","9b6d2122-26ca-48e9-a0b8-4c66e21ce220",["D",1747477088976],"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));",[192],["D",1747477127249],[78],"3af22a26-3308-11f0-99a9-569c3dd06744","README.md","8f37930f-775f-4c1a-9f2f-77f90fb5d6b7",["D",1747477088976],"# 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",[200],"pulls","branches","forks","envVars",{"_212":22,"_214":22},"connections",{"_212":119,"_213":119},"count","unfilledCount","emptyCount",{"_33":199,"_13":200,"_84":201,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":231,"_46":119,"_91":156,"_93":203,"_72":56,"_95":-5,"_96":232,"_77":233},{"_33":83,"_13":78,"_84":85,"_86":-5,"_87":64,"_88":22,"_89":26,"_40":90,"_46":20,"_91":92,"_93":94,"_72":56,"_95":-5,"_96":229,"_77":230},{"_33":191,"_13":192,"_84":193,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":226,"_46":119,"_91":182,"_93":195,"_72":56,"_95":-5,"_96":227,"_77":228},{"_33":185,"_13":186,"_84":187,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":223,"_46":119,"_91":182,"_93":189,"_72":56,"_95":-5,"_96":224,"_77":225},{"_33":178,"_13":179,"_84":180,"_86":-5,"_87":64,"_88":20,"_89":26,"_40":220,"_46":119,"_91":182,"_93":183,"_72":56,"_95":-5,"_96":221,"_77":222},["D",1747477088976],[],[179],["D",1747477088976],[],[186],["D",1747477088976],[],[192],[],[78],["D",1747477088976],[],[200],["D",1747477088976],{"_11":12,"_145":141},{"_11":12,"_139":-5,"_140":141,"_112":113,"_142":143,"_144":56},{"_46":22,"_13":16,"_33":64,"_44":65,"_48":39,"_50":66,"_67":58,"_68":45,"_69":62,"_63":14,"_59":12},"ctx",{"_134":-5,"_166":271,"_272":273,"_274":275,"_276":56,"_277":56,"_278":56,"_279":26,"_280":-5,"_281":-7,"_282":-7,"_283":119,"_284":56,"_285":56,"_286":-5,"_287":56,"_288":56,"_289":56,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":16,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"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"]

Compare

Mergestevekrouse/mainintovaldottown/main

Hmain.tsx+1-1