Coaster

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_145":-5,"_20":146,"_22":147,"_148":149,"_150":151,"_26":152,"_24":153,"_154":-5,"_155":-5,"_156":64,"_157":158,"_159":59,"_160":-5,"_161":-5,"_162":163},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","ltraino","name","team-coaster","branchName","main","version","path","dashboard.html","project",{"_33":89,"_13":14,"_44":90,"_91":-5,"_92":64,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":70,"_102":59,"_103":-5,"_104":-5,"_105":106,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_128":64},"tree",[50,51,52,53],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":24,"_17":42,"_43":-5,"_44":45,"_46":47,"_48":-5,"_18":49},"contents",[],"upstream","pull","ahead","behind","envVars","id","83b444a0-9a6c-4043-8c8e-e6e7e08ae684","branchId","0a924377-8d08-45f6-929f-d6b156c1d72b","fileId","063c3c10-6596-11f1-be26-1607ee4eb77e","content","\n\n\n\n\n\n\nCoaster\n\n\n\n\n\n\n

\n \n

Coaster

pull up a chair

\n\n

\n\n\n\n\n\n\n\n\n","fileType",1,"parentId","createdAt",["D",1781215775791],"branchVersion",8,"label",[19],{"_33":81,"_13":82,"_37":83,"_43":-5,"_35":36,"_46":84,"_58":59,"_44":85,"_17":73,"_41":24,"_39":86,"_63":64,"_48":-5,"_65":87,"_18":88},{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_58":59,"_44":78,"_17":42,"_41":24,"_39":40,"_63":64,"_48":-5,"_65":79,"_18":80},{"_33":68,"_13":69,"_37":70,"_43":-5,"_35":36,"_46":71,"_58":59,"_44":72,"_17":73,"_41":74,"_39":75,"_63":64,"_48":-5,"_65":76,"_18":77},{"_33":54,"_13":55,"_37":56,"_43":-5,"_35":36,"_46":57,"_58":59,"_44":60,"_17":42,"_41":61,"_39":62,"_63":64,"_48":-5,"_65":66,"_18":67},"845fcad4-70e2-4505-8a76-805520fa0dc9","scriptable-widget.js","0d15ca7e-6596-11f1-8a4e-1607ee4eb77e",9,"latest",true,["D",1781215798347],"script","// Coaster — iPhone home-screen widget (optional)\n//\n// Shows everyone's red/green coaster at a glance on your home screen.\n//\n// SETUP:\n// 1. Install the free \"Scriptable\" app from the App Store.\n// 2. In Scriptable: + → paste this script → name it \"Coaster\".\n// 3. Edit DASHBOARD_URL below to your Val Town URL.\n// 4. Long-press home screen → add a Scriptable widget (medium size)\n// → tap it → choose \"Coaster\".\n// Widgets refresh on iOS's schedule (roughly every 5–15 min);\n// tap the widget to open the live dashboard.\n\nconst DASHBOARD_URL = \"https://YOURNAME-coaster.web.val.run\"; // ← EDIT ME\n\nconst req = new Request(DASHBOARD_URL + \"/api/state\");\nconst { users } = await req.loadJSON();\n\n// warm churrascaria palette, matching the board\nconst CREAM = new Color(\"#fbf6ec\");\nconst INK = new Color(\"#2c2620\");\nconst FAWN = new Color(\"#a2937e\");\nconst GREEN = new Color(\"#3f9d5a\");\nconst GREEN_DARK = new Color(\"#2f7d46\");\nconst RED = new Color(\"#cf4b3a\");\nconst RED_DARK = new Color(\"#b8402e\");\n\nconst w = new ListWidget();\nw.backgroundColor = CREAM;\nw.url = DASHBOARD_URL; // tapping the widget opens the board\nw.setPadding(15, 18, 15, 18);\n\nconst open = users.filter((u) => u.status !== \"red\").length;\n\nconst head = w.addStack();\nhead.centerAlignContent();\nconst title = head.addText(\"Coaster\");\ntitle.font = Font.boldSystemFont(14);\ntitle.textColor = INK;\nhead.addSpacer();\nconst summary = head.addText(open + \" free · \" + (users.length - open) + \" heads-down\");\nsummary.font = Font.systemFont(11);\nsummary.textColor = FAWN;\nw.addSpacer(8);\n\nfor (const u of users) {\n const row = w.addStack();\n row.centerAlignContent();\n\n const pip = row.addText(\"●\");\n pip.font = Font.systemFont(11);\n pip.textColor = u.status === \"red\" ? RED : GREEN;\n row.addSpacer(9);\n\n const name = row.addText(u.name.charAt(0).toUpperCase() + u.name.slice(1));\n name.font = new Font(\"Georgia\", 15); // closest built-in to the board's serif\n name.textColor = INK;\n\n row.addSpacer();\n const state = row.addText(u.status === \"red\" ? \"heads-down\" : \"come over\");\n state.font = Font.mediumSystemFont(12);\n state.textColor = u.status === \"red\" ? RED_DARK : GREEN_DARK;\n\n w.addSpacer(5);\n}\n\nw.refreshAfterDate = new Date(Date.now() + 5 * 60 * 1000); // ask iOS to refresh in ~5 min\nScript.setWidget(w);\nScript.complete();\n","deleted",false,"children",[],[55],"db76ee7d-6796-4006-859b-b75031d527dc","main.ts","fcc39f70-6595-11f1-ba87-1607ee4eb77e",7,["D",1781215711643],2,"http","// 🥩 Coaster — Brazilian-steakhouse-style availability board\n//\n// Green = \"come on over\" · Red = \"catch me later\"\n//\n// ENDPOINTS:\n// GET / → the dashboard (open on any device)\n// GET /set?user=lauren&token=XXX&status=red → flip a coaster (red | green | toggle)\n// (&via=tap marks a manual flip — the dashboard sends it; Focus automations\n// don't, which is how the board knows to show the \"via Focus\" chip)\n// GET /api/state → all statuses as JSON (used by widgets)\n//\n// See README.md for full setup. The only thing you must edit is TEAM below.\n\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// ─── EDIT THIS: your team. key = short lowercase name, value = that person's secret token ───\nconst TEAM: Record = {\n lauren: \"f95f-de19-764f\",\n dan: \"66b1-aaa2-0f30\",\n will: \"a885-80da-2e16\",\n nick: \"bd6a-82a9-1593\",\n dylan: \"a278-8fb4-23a2\",\n};\n\n// Optional safety net: if someone has been red longer than this many hours,\n// the dashboard shows them green again (in case a Focus-off automation didn't fire).\n// Set to 0 to disable.\nconst AUTO_GREEN_AFTER_HOURS = 10;\n\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype Entry = { status: \"red\" | \"green\"; updatedAt: number; auto?: boolean };\ntype State = Record;\nconst KEY = \"team_coaster_state_v1\";\n\nasync function getState(): Promise {\n const raw = (await blob.getJSON(KEY).catch(() => undefined)) as State | undefined;\n const state: State = {};\n const now = Date.now();\n for (const name of Object.keys(TEAM)) {\n const e = raw?.[name] ?? { status: \"green\" as const, updatedAt: 0 };\n // apply the stale-red safety net\n if (\n AUTO_GREEN_AFTER_HOURS > 0 &&\n e.status === \"red\" &&\n now - e.updatedAt > AUTO_GREEN_AFTER_HOURS * 3600_000\n ) {\n e.status = \"green\";\n }\n state[name] = e;\n }\n return state;\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api/state\") {\n const state = await getState();\n return Response.json(\n { users: Object.entries(state).map(([name, e]) => ({ name, ...e })) },\n { headers: { \"access-control-allow-origin\": \"*\" } },\n );\n }\n\n if (url.pathname === \"/set\") {\n const user = (url.searchParams.get(\"user\") ?? \"\").toLowerCase().trim();\n const token = url.searchParams.get(\"token\") ?? \"\";\n let status = (url.searchParams.get(\"status\") ?? \"toggle\").toLowerCase();\n\n if (!(user in TEAM)) return new Response(\"unknown user\", { status: 404 });\n if (TEAM[user] !== token) return new Response(\"bad token\", { status: 403 });\n\n const state = await getState();\n if (status === \"toggle\") status = state[user].status === \"red\" ? \"green\" : \"red\";\n if (status !== \"red\" && status !== \"green\") {\n return new Response(\"status must be red, green, or toggle\", { status: 400 });\n }\n\n // dashboard taps send via=tap; anything else (Focus automation, Shortcut) counts as auto\n const auto = url.searchParams.get(\"via\") !== \"tap\";\n state[user] = { status: status as \"red\" | \"green\", updatedAt: Date.now(), auto };\n await blob.setJSON(KEY, state);\n return new Response(`ok — ${user} is now ${status}`, {\n headers: { \"access-control-allow-origin\": \"*\" },\n });\n }\n\n // default: dashboard\n const html = await readFile(\"/dashboard.html\", import.meta.url);\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[69],["D",1781215775791],[],[19],"b20c3405-07ab-4d90-ac5c-25ace1a60c4b","README.md","1a2c8e3c-6596-11f1-ae13-1607ee4eb77e",10,["D",1781215819788],"# Coaster\n\n*Pull up a chair.* A Brazilian-steakhouse-style availability board for your team.\n**Green = come on over. Red = catch me later.**\n\nEach person's coaster flips **automatically** when their iPhone/Mac Focus mode turns on or off (and since Focus can follow your calendar, this gets you calendar sync without touching any work system). Everyone's status is visible at a glance on a shared dashboard.\n\n```mermaid\nflowchart LR\n on[Focus mode ON] --> a1[iPhone automation] --> red[🔴 on dashboard]\n off[Focus mode OFF] --> a2[iPhone automation] --> green[🟢 on dashboard]\n tap[Tap tile / Shortcut] --> flip[manual flip]\n```\n\n---\n\n## How this val is laid out\n\n| File | What it is |\n| --- | --- |\n| [`main.ts`](./main.ts) | The HTTP server — dashboard, `/set`, and `/api/state`. **Edit the `TEAM` list here.** |\n| [`dashboard.html`](./dashboard.html) | The board UI, served by `main.ts`. |\n| [`scriptable-widget.js`](./scriptable-widget.js) | Optional iPhone home-screen widget. |\n\n> This is already deployed on your account. Your dashboard URL is the **HTTP\n> endpoint** of `main.ts` — click the endpoint link at the top of the val to\n> get the exact `…web.val.run` address, then share it with the team.\n\n## Part 1 — Configure the team (the one required edit)\n\nIn [`main.ts`](./main.ts), edit the `TEAM` list:\n\n- one entry per person, short lowercase name (`lauren`, `sam`, …)\n- change every token to something random, e.g. `lauren: \"k9x2-mango-41\"`.\n A token is that person's lightweight password for flipping their coaster.\n\nThen privately send each teammate: the dashboard URL + *their own* token.\n\n> The board contains no names beyond first names and no work data — it's just\n> red/green dots — so it's fine on an unguessable URL.\n\n## Part 2 — Each teammate's iPhone (~5 minutes each)\n\n### A. Automatic flipping via Focus (the passive magic)\n\nDo this twice — once for Focus ON, once for Focus OFF:\n\n1. Open **Shortcuts → Automation tab → + (New Automation)**.\n2. Scroll to your Focus mode (e.g. **Do Not Disturb** or **Work**).\n3. Choose **When turning On**, and select **Run Immediately**\n (this makes it fully automatic — no confirmation tap).\n4. **New Blank Automation** → add the action **Get Contents of URL**.\n5. Set the URL to (using your own name + token):\n ```\n https://YOUR-DASHBOARD-URL/set?user=lauren&token=YOURTOKEN&status=red\n ```\n6. Done. Repeat steps 1–5 with **When turning Off** and `status=green`.\n\nNow: your Focus follows your calendar → your Focus flips your coaster →\n**your calendar effectively drives the board, with zero work-system integration.**\nThis also covers your Mac — if Focus modes are set to \"Share Across Devices\"\n(Settings → Focus), turning Focus on from the Mac triggers the iPhone automation.\n\n### B. Drive Focus from your Outlook calendar (closes the loop)\n\nFocus doesn't watch your calendar on its own — a small Shortcut does that.\nTwo pieces: get your Outlook events onto the phone, then a half-hourly check.\n\n**Step 1 — Get Outlook events into Apple Calendar.** Shortcuts can only see\ncalendars that live in the built-in Calendar app; the Outlook app keeps its\nevents siloed. In order of preference:\n\n1. **Outlook app → Settings (gear) → tap your account → \"Sync Calendars\"** —\n newer Outlook versions have this toggle, and it mirrors your work calendar\n into Apple Calendar with zero extra setup. Check here first.\n2. **Settings → Apps → Calendar → Calendar Accounts → Add Account →\n Microsoft Exchange** → sign in with your work email → enable just\n **Calendars**. (Same sanctioned access as the Outlook app itself.)\n3. **If IT blocks both:** Outlook on the web → ⚙️ → Calendar →\n **Shared calendars → Publish a calendar** → pick your calendar with\n **\"Can view when I'm busy\"** → copy the **ICS** link → iPhone Settings →\n Apps → Calendar → Calendar Accounts → **Add Subscribed Calendar** → paste.\n \"Busy\" means no titles or details leave Outlook — just blocks of time.\n Caveat: iOS refreshes subscribed calendars slowly (up to ~an hour), so\n same-day schedule changes can lag.\n\n**Step 2 — Make a \"Meeting Check\" shortcut.** New Shortcut →\n\n1. **Find Calendar Events where…** with filters:\n - **Calendar** *is* your work calendar\n - **Start Date** *is in the last* **8 hours**\n - **End Date** *is in the next* **8 hours**\n - **Is All Day** *is* **false**\n2. **If → Count → is greater than → 0**\n - inside **If**: **Set Focus → turn Work On until Turned Off**\n - inside **Otherwise**: **Set Focus → turn Work Off**\n\n(That filter combo means \"an event is happening right now\", and skips all-day\nevents so a birthday doesn't mute you for the whole day.)\n\n**Step 3 — Run it on a schedule.** Shortcuts → Automation → **+** →\n**Time of Day** → 9:00 → Daily → **Run Immediately** → action:\n**Run Shortcut → Meeting Check**. Repeat for every half-hour you take\nmeetings (9:00, 9:30, … 17:00). Tedious once, automatic forever.\n\n**Step 4 — there is no step 4.** Your Focus ON/OFF automations from section A\nalready flip the coaster, so calendar → Focus → coaster now runs end to end.\n\nTwo tips:\n\n- Point the meeting check at a dedicated **Work** Focus and keep **Do Not\n Disturb** for manual deep-work — then the half-hourly check never stomps a\n Focus you turned on yourself. Just set up the section-A automations for\n *both* Focus modes.\n- Turn on **Settings → Focus → Share Across Devices** so your Mac mutes during\n meetings too.\n\n### C. Manual flip (backup / quick toggle)\n\nPick whichever you like:\n\n- **Tap your tile on the dashboard.** First tap asks for your token once per\n device, then it's one-tap forever.\n- **A \"Flip Coaster\" Shortcut:** New Shortcut → *Get Contents of URL* →\n `...?user=lauren&token=YOURTOKEN&status=toggle`. Add it to your home screen,\n Lock Screen, or Action Button.\n\n## Part 3 — Seeing everyone at a glance\n\n- **Mac:** keep the dashboard URL open in a small pinned browser tab/window.\n It live-updates every 15 seconds.\n- **Desk signal (in-office):** prop up an old iPhone/iPad showing the dashboard\n full-screen. Add it to the home screen first (Safari → Share → **Add to Home\n Screen**) so it opens like an app with no browser chrome. Use Settings →\n Display → Auto-Lock → Never (plugged in) for an all-day desk display.\n- **iPhone home-screen widget:** see [`scriptable-widget.js`](./scriptable-widget.js)\n — shows all statuses on your home screen via the free Scriptable app.\n\n## Endpoints\n\n| Method | Path | Purpose |\n| --- | --- | --- |\n| GET | `/` | The dashboard (open on any device) |\n| GET | `/set?user=lauren&token=XXX&status=red` | Flip a coaster (`red` \\| `green` \\| `toggle`) |\n| GET | `/api/state` | All statuses as JSON (used by widgets) |\n\n## Notes & guardrails\n\n- **Stale-red safety net:** if someone's Focus-off automation ever fails to fire,\n the board automatically shows them green again after 10 hours\n (`AUTO_GREEN_AFTER_HOURS` in `main.ts` — adjust or set to 0 to disable).\n- **Changing the team:** edit the `TEAM` list in `main.ts` and save. Renames and\n new people apply instantly.\n- **It's a norm, not a lock.** Agree as a team what red means (\"ping me on Slack\n if urgent, otherwise catch me when I'm green\") — the coaster only works if\n everyone honors it, same as the steakhouse.\n- **ADHD-friendly defaults:** the automation means nobody has to *remember* to\n set or unset their status — the calendar/Focus does it. The only habit to\n build is glancing at the board before walking over.\n",[],[82],"be292618-70b7-4387-b1de-d2d7509b7a89",["D",1781183011455],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Brazilian-steakhouse-style team availability board","imageUrl","userId","5a7436da-0848-40a3-99eb-c054d70b048c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eb6c5-7b3a-724a-9353-a03b686955a5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_144":140},"org",{"_11":12,"_137":138,"_139":140,"_99":100,"_141":142,"_143":64},"branch",{"_17":84,"_13":16,"_33":36,"_129":89,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Lauren Smith","avatar","https://lh3.googleusercontent.com/a/ACg8ocK1Cg_9prHvfBQxGTfAna1F3ADEaUG2om3O9gdNmG4Ltp_NCw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_44":187,"_91":-5,"_92":64,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":70,"_102":59,"_103":-5,"_104":-5,"_105":106,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":188,"_124":189,"_126":190,"_128":64},[175,176,177,178],"files",[175,176,177,178],"counts",{"_166":106,"_167":42,"_168":106,"_32":169,"_170":171},[],{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_58":59,"_44":164,"_17":42,"_41":24,"_39":40,"_63":64,"_48":-5,"_18":165},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781215775791],[19],"pulls","branches","forks",{"_172":106,"_174":106},"connections",{"_172":106,"_173":106},"count","unfilledCount","emptyCount",{"_33":81,"_13":82,"_37":83,"_43":-5,"_35":36,"_46":84,"_58":59,"_44":85,"_17":73,"_41":24,"_39":86,"_63":64,"_48":-5,"_65":185,"_18":186},{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_58":59,"_44":78,"_17":42,"_41":24,"_39":40,"_63":64,"_48":-5,"_65":183,"_18":184},{"_33":68,"_13":69,"_37":70,"_43":-5,"_35":36,"_46":71,"_58":59,"_44":72,"_17":73,"_41":74,"_39":75,"_63":64,"_48":-5,"_65":181,"_18":182},{"_33":54,"_13":55,"_37":56,"_43":-5,"_35":36,"_46":57,"_58":59,"_44":60,"_17":42,"_41":61,"_39":62,"_63":64,"_48":-5,"_65":179,"_18":180},[],[55],[],[69],[],[19],[],[82],["D",1781183011455],{"_11":12,"_144":140},{"_11":12,"_137":138,"_139":140,"_99":100,"_141":142,"_143":64},{"_17":84,"_13":16,"_33":36,"_129":89,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_122":-5,"_161":224,"_225":226,"_227":228,"_229":64,"_230":64,"_231":64,"_232":59,"_233":-5,"_234":-7,"_235":-7,"_236":106,"_237":64,"_238":64,"_239":-5,"_240":64,"_241":64,"_242":64,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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"]