Click to sign in to your Feeling of Computing SF registration:

` +\n `

This link expires in 5 minutes.

`,\n });\n },\n }),\n ],\n});\n",[18,98],"e4f0cc88-1ae8-40d0-a3fa-d5f0606c0b7c",["D",1785943156022],7,"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { email as sendEmail } from \"https://esm.town/v/std/email\";\n\ntype User = { id: string; email: string; name: string };\n\nexport const registrationApi = new Hono<{\n Variables: { user: User | null };\n}>();\n\nfunction isAdmin(email: string): boolean {\n const admins = (Deno.env.get(\"ADMIN_EMAIL\") ?? \"\")\n .split(\",\")\n .map((e) => e.trim().toLowerCase())\n .filter(Boolean);\n return admins.includes(email.toLowerCase());\n}\n\n// POST /register — submit registration (no auth needed, upserts by email)\nregistrationApi.post(\"/register\", async (c) => {\n const body = await c.req.json<{\n email: string;\n name: string;\n link?: string;\n why?: string;\n demo_topic?: string;\n anything_else?: string;\n }>();\n\n if (!body.email || !body.name) {\n return c.json({ error: \"Email and name are required\" }, 400);\n }\n\n const id = crypto.randomUUID();\n const now = Date.now();\n\n await sqlite.execute({\n sql: `INSERT INTO registrations\n (id, email, name, link, why, demo_topic, anything_else, created_at, updated_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET\n name = excluded.name,\n link = excluded.link,\n why = excluded.why,\n demo_topic = excluded.demo_topic,\n anything_else = excluded.anything_else,\n updated_at = excluded.updated_at`,\n args: [\n id,\n body.email,\n body.name,\n body.link ?? null,\n body.why ?? null,\n body.demo_topic ?? null,\n body.anything_else ?? null,\n now,\n now,\n ],\n });\n\n // Notify admin (only steve@val.town, not personal email)\n const adminEmails = (Deno.env.get(\"NOTIFICATION_EMAIL\") ?? \"steve@val.town\")\n .split(\",\")\n .map((e) => e.trim())\n .filter(Boolean);\n for (const adminEmail of adminEmails) {\n await sendEmail({\n to: adminEmail,\n replyTo: body.email,\n subject: `New registration: ${body.name}`,\n text:\n `New registration for Feeling of Computing SF!\\n\\n` +\n `Name: ${body.name}\\n` +\n `Email: ${body.email}\\n` +\n `Link: ${body.link ?? \"—\"}\\n\\n` +\n `Why they care: ${body.why ?? \"—\"}\\n\\n` +\n `Demo topic: ${body.demo_topic ?? \"—\"}\\n\\n` +\n `Anything else: ${body.anything_else ?? \"—\"}`,\n });\n }\n\n return c.json({ success: true });\n});\n\n// GET /my-registration — current user's registration (auth needed)\nregistrationApi.get(\"/my-registration\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const result = await sqlite.execute({\n sql: \"SELECT * FROM registrations WHERE email = ?\",\n args: [user.email],\n });\n\n if (result.rows.length === 0) {\n return c.json({ error: \"No registration found\" }, 404);\n }\n\n return c.json({ registration: result.rows[0] });\n});\n\n// PUT /my-registration — update current user's registration (auth needed)\nregistrationApi.put(\"/my-registration\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n const body = await c.req.json<{\n name: string;\n link?: string;\n why?: string;\n demo_topic?: string;\n anything_else?: string;\n }>();\n\n const now = Date.now();\n await sqlite.execute({\n sql: `UPDATE registrations SET\n name = ?, link = ?, why = ?,\n demo_topic = ?, anything_else = ?, updated_at = ?\n WHERE email = ?`,\n args: [\n body.name ?? null,\n body.link ?? null,\n body.why ?? null,\n body.demo_topic ?? null,\n body.anything_else ?? null,\n now,\n user.email,\n ],\n });\n\n const result = await sqlite.execute({\n sql: \"SELECT * FROM registrations WHERE email = ?\",\n args: [user.email],\n });\n\n return c.json({ registration: result.rows[0] });\n});\n\n// DELETE /my-registration — cancel current user's registration (auth needed)\nregistrationApi.delete(\"/my-registration\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n\n await sqlite.execute({\n sql: \"DELETE FROM registrations WHERE email = ?\",\n args: [user.email],\n });\n\n return c.json({ success: true });\n});\n\n// GET /admin/registrations — all registrations (admin only)\nregistrationApi.get(\"/admin/registrations\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n if (!isAdmin(user.email)) return c.json({ error: \"Forbidden\" }, 403);\n\n const result = await sqlite.execute(\n \"SELECT * FROM registrations ORDER BY created_at DESC\",\n );\n return c.json({ registrations: result.rows });\n});\n",[18,114],"pulls","branches","forks","envVars",{"_94":95,"_329":26},"connections",{"_94":26,"_328":26},"unfilledCount","emptyCount",{"_46":298,"_13":18,"_85":207,"_56":-5,"_48":49,"_301":53,"_308":24,"_50":497,"_52":26,"_88":208,"_299":-5,"_90":30,"_302":-5,"_357":498,"_17":499},{"_46":316,"_13":114,"_85":113,"_56":207,"_48":49,"_301":174,"_308":24,"_50":494,"_52":318,"_88":89,"_299":319,"_90":30,"_302":-5,"_357":495,"_17":496},{"_46":312,"_13":98,"_85":97,"_56":207,"_48":49,"_301":117,"_308":24,"_50":491,"_52":53,"_88":89,"_299":314,"_90":30,"_302":-5,"_357":492,"_17":493},{"_46":307,"_13":87,"_85":86,"_56":207,"_48":49,"_301":181,"_308":24,"_50":488,"_52":95,"_88":89,"_299":310,"_90":30,"_302":-5,"_357":489,"_17":490},{"_46":484,"_13":385,"_85":380,"_56":-5,"_48":49,"_301":53,"_308":24,"_50":485,"_52":26,"_88":208,"_299":-5,"_90":30,"_302":-5,"_357":486,"_17":487},{"_46":480,"_13":422,"_85":417,"_56":380,"_48":49,"_301":53,"_308":24,"_50":481,"_52":26,"_88":208,"_299":-5,"_90":30,"_302":-5,"_357":482,"_17":483},{"_46":472,"_13":473,"_85":474,"_56":417,"_48":49,"_301":475,"_308":24,"_50":476,"_52":108,"_88":89,"_299":477,"_90":30,"_302":-5,"_357":478,"_17":479},{"_46":464,"_13":465,"_85":466,"_56":417,"_48":49,"_301":467,"_308":24,"_50":468,"_52":95,"_88":89,"_299":469,"_90":30,"_302":-5,"_357":470,"_17":471},{"_46":456,"_13":457,"_85":458,"_56":417,"_48":49,"_301":459,"_308":24,"_50":460,"_52":53,"_88":89,"_299":461,"_90":30,"_302":-5,"_357":462,"_17":463},{"_46":448,"_13":449,"_85":450,"_56":417,"_48":49,"_301":451,"_308":24,"_50":452,"_52":117,"_88":89,"_299":453,"_90":30,"_302":-5,"_357":454,"_17":455},{"_46":439,"_13":440,"_85":441,"_56":417,"_48":49,"_301":442,"_308":24,"_50":443,"_52":444,"_88":89,"_299":445,"_90":30,"_302":-5,"_357":446,"_17":447},{"_46":431,"_13":432,"_85":433,"_56":417,"_48":49,"_301":434,"_308":24,"_50":435,"_52":53,"_88":89,"_299":436,"_90":30,"_302":-5,"_357":437,"_17":438},{"_46":423,"_13":424,"_85":425,"_56":417,"_48":49,"_301":426,"_308":24,"_50":427,"_52":53,"_88":89,"_299":428,"_90":30,"_302":-5,"_357":429,"_17":430},{"_46":414,"_13":415,"_85":416,"_56":417,"_48":49,"_301":373,"_308":24,"_50":418,"_52":53,"_88":89,"_299":419,"_90":30,"_302":-5,"_357":420,"_17":421},{"_46":410,"_13":409,"_85":404,"_56":380,"_48":49,"_301":53,"_308":24,"_50":411,"_52":26,"_88":208,"_299":-5,"_90":30,"_302":-5,"_357":412,"_17":413},{"_46":401,"_13":402,"_85":403,"_56":404,"_48":49,"_301":53,"_308":24,"_50":405,"_52":26,"_88":89,"_299":406,"_90":30,"_302":-5,"_357":407,"_17":408},{"_46":393,"_13":394,"_85":395,"_56":380,"_48":49,"_301":396,"_308":24,"_50":397,"_52":53,"_88":21,"_299":398,"_90":30,"_302":-5,"_357":399,"_17":400},{"_46":386,"_13":387,"_85":388,"_56":380,"_48":49,"_301":199,"_308":24,"_50":389,"_52":117,"_88":21,"_299":390,"_90":30,"_302":-5,"_357":391,"_17":392},{"_46":377,"_13":378,"_85":379,"_56":380,"_48":49,"_301":199,"_308":24,"_50":381,"_52":108,"_88":89,"_299":382,"_90":30,"_302":-5,"_357":383,"_17":384},{"_46":369,"_13":370,"_85":371,"_56":-5,"_48":49,"_301":199,"_308":24,"_50":372,"_52":373,"_88":21,"_299":374,"_90":30,"_302":-5,"_357":375,"_17":376},{"_46":360,"_13":361,"_85":362,"_56":-5,"_48":49,"_301":363,"_308":24,"_50":364,"_52":365,"_88":21,"_299":366,"_90":30,"_302":-5,"_357":367,"_17":368},{"_46":352,"_13":353,"_85":221,"_56":-5,"_48":49,"_301":199,"_308":24,"_50":354,"_52":108,"_88":355,"_299":356,"_90":30,"_302":14,"_357":358,"_17":359},"f401beb2-9895-4b0d-964e-55aee7dc9c18","index.ts",["D",1786111588187],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { auth } from \"./backend/auth.ts\";\nimport { ensureSchema } from \"./backend/schema.ts\";\nimport { registrationApi } from \"./backend/api.ts\";\n\n// Create auth + registration tables on first run (idempotent).\nawait ensureSchema();\n\nconst app = new Hono<{\n Variables: {\n user: typeof auth.$Infer.Session.user | null;\n session: typeof auth.$Infer.Session.session | null;\n };\n}>();\n\n// Mount Better Auth — handles /api/auth/sign-in/magic-link, /api/auth/get-session, etc.\napp.on([\"GET\", \"POST\"], \"/api/auth/*\", (c) => auth.handler(c.req.raw));\n\n// Session middleware — makes user available to all downstream routes.\napp.use(\"*\", async (c, next) => {\n const session = await auth.api.getSession({ headers: c.req.raw.headers });\n c.set(\"user\", session?.user ?? null);\n c.set(\"session\", session?.session ?? null);\n await next();\n});\n\n// Registration + admin API routes (mounted at /api).\napp.route(\"/api\", registrationApi);\n\n// Current user endpoint (used by frontend).\napp.get(\"/api/me\", (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Not authenticated\" }, 401);\n return c.json({ user });\n});\n\n// View source redirect.\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve static frontend files.\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// SPA fallback — serve index.html for all non-API GET routes.\napp.get(\"*\", (c) => {\n if (c.req.path.startsWith(\"/api/\")) {\n return c.json({ error: \"Not found\" }, 404);\n }\n return serveFile(\"/frontend/index.html\");\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[353],"cbfaa1c4-1ac0-43b3-a50f-8784d3f7761b","README.md","019f8593-02e9-73e9-ac28-05546438ae4d",57,["D",1785943332362],6,"# 🌁 Feeling of Computing SF\n\nRegistration site for the **Feeling of Computing SF** meetup on\n**Thursday, August 6, 2026 at 6 PM** at **The Nook**, 1242 Market St Fl 2,\nSan Francisco.\n\nBuilt on [Val Town](https://val.town) with [Better Auth](https://better-auth.com)\nmagic-link login, React, Hono, and SQLite.\n\n🔗 **Live site:** \n🏠 **Community:** \n\n## Features\n\n- **Registration form** — no login required to sign up. Collects email, name,\n legible link, motivation, demo topic, and free-form notes.\n All fields use proper `autocomplete` attributes for browser autofill.\n- **Magic-link auth** — after registering, users can log in with their email\n to edit their registration. Powered by Better Auth + Val Town Email.\n- **Admin panel** — at `/admin`, restricted to admin emails (set via\n `ADMIN_EMAIL` env var). Shows all registrations with expandable details.\n- **Email notifications** — admin gets an email when someone registers.\n- **View source** — every page links to the source code on Val Town.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Browser -->|\"/api/auth/*\"| BA[\"Better Auth\"]\n Browser -->|\"/api/register\"| API[\"backend/api.ts\"]\n Browser -->|\"/api/my-registration\"| API\n Browser -->|\"/api/admin/registrations\"| API\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| TSX[\"index.tsx → App.tsx\"]\n BA -->|reads/writes| SQLite[(\"std/sqlite\")]\n API -->|reads/writes| SQLite\n BA -->|sends magic link| Email[\"std/email\"]\n API -->|sends notifications| Email\n```\n\n## File structure\n\n```\nindex.ts ← Hono entrypoint: auth, API routes, static serving\nbackend/\n auth.ts ← Better Auth instance (magic link + email)\n schema.ts ← Creates auth tables + registrations table\n api.ts ← Registration CRUD + admin API routes\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n lib/\n auth-client.ts ← Better Auth React client (useSession, signIn, signOut)\n components/\n App.tsx ← Root: client-side router + session state\n Header.tsx ← Sticky header with login/logout + view source\n LandingPage.tsx ← Event info + register CTA + inline form\n RegisterForm.tsx ← 6-field registration form (autofill-friendly)\n RegisterSuccess.tsx ← Post-registration: \"log in to edit\" + magic link\n MyRegistration.tsx ← View/edit your registration (auth-gated)\n AdminPanel.tsx ← All registrations table (admin-only)\n SignIn.tsx ← Reusable magic-link sign-in form\n```\n\n## User flows\n\n1. **Register:** Visit `/` → click \"Register\" → fill form → submit →\n success page with \"log in to edit\" button.\n2. **Edit registration:** Click \"log in to edit\" → magic link email →\n click link → logged in → `/me` shows your registration with edit button.\n3. **Admin:** Log in with an admin email → visit `/admin` → see all\n registrations.\n\n## Environment variables\n\n| Key | Description |\n|---|---|\n| `BETTER_AUTH_SECRET` | Secret for signing session tokens (generate from [generate-random-signing-key.val.run](https://generate-random-signing-key.val.run)) |\n| `ADMIN_EMAIL` | Comma-separated admin email addresses for admin panel access |\n\n👉 Add `BETTER_AUTH_SECRET` here: https://www.val.town/x/stevekrouse/foc-sf-2026/environment-variables?key=BETTER_AUTH_SECRET\n👉 Add `ADMIN_EMAIL` here: https://www.val.town/x/stevekrouse/foc-sf-2026/environment-variables?key=ADMIN_EMAIL\n\n## SQLite schema\n\nAuth tables (`user`, `session`, `account`, `verification`) are managed by\nBetter Auth. The app adds one table:\n\n```sql\nCREATE TABLE registrations (\n id TEXT PRIMARY KEY,\n email TEXT NOT NULL UNIQUE,\n name TEXT NOT NULL,\n link TEXT,\n why TEXT,\n demo_topic TEXT,\n anything_else TEXT,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n);\n```\n\nRegistrations are upserted by email — submitting the form again with the same\nemail updates the existing record.\n\n## Tech notes\n\n- **Auth:** Better Auth with magic link plugin. Sessions are cookie-based,\n 7-day expiry, auto-refresh. Magic link tokens expire in 5 minutes.\n- **Styling:** Tailwind via Twind (runtime, no build step).\n- **Routing:** Client-side path router in `App.tsx` using `pushState` +\n `popstate`. Server has a catch-all that serves `index.html` for all non-API\n routes.\n- **Privacy:** Val is set to private (not discoverable on Val Town). The\n registration form is accessible to anyone with the link.\n",[],[361],"10328d9b-a764-42a6-89f0-6df72643e8e1","AGENTS.md","ba74c28a-8524-11f1-b1b6-1607ee4eb77e",["D",1786111588187],9,"# AGENTS.md — foc-sf-2026\n\n## Context\n\nThis is a meetup registration site for the \"Feeling of Computing SF\" event on\nAug 6, 2026 at 6 PM at The Nook (1242 Market St Fl 2, San Francisco). Built by\nremixing the `templates/better-auth-starter` template.\n\n## File map\n\n```\nindex.ts — Hono app: mounts auth + registration API, SPA fallback, /source redirect\nbackend/\n api.ts — Registration API: POST /register, GET/PUT/DELETE /my-registration, GET /admin/registrations\n auth.ts — Better Auth config (magic link, allowedHosts: [\"*\"])\n schema.ts — SQLite table creation (user, session, account, verification, registrations)\nfrontend/\n index.html — HTML shell (loads twind + index.tsx)\n index.tsx — React entrypoint, renders \n favicon.svg\n lib/auth-client.ts — Better Auth client-side SDK\n components/\n App.tsx — Top-level router (pushState/popstate), renders Header + page + footer\n Header.tsx — Nav bar: logo, login/logout, \"My Registration\" link\n LandingPage.tsx — Hero + about + CTA (register button or \"edit my registration\" if logged in)\n RegisterForm.tsx — Registration form (name, email, link, why, demo, anything else)\n RegisterSuccess.tsx — Post-registration confirmation with magic link sign-in\n MyRegistration.tsx — View/edit/cancel your registration (auth-gated)\n AdminPanel.tsx — Admin view of all registrations (admin-gated)\n SignIn.tsx — Magic link sign-in form\n```\n\n## Key design decisions\n\n- **Registration is unauthenticated** — no login required to fill out the form.\n This minimizes friction. Auth (magic link) is only needed to edit later.\n- **Upsert by email** — `POST /api/register` uses `ON CONFLICT(email) DO UPDATE`.\n Re-submitting with the same email updates, doesn't duplicate.\n- **Admin gating** — checked via `ADMIN_EMAIL` env var (comma-separated list).\n The admin API returns 403 for non-admins. The frontend `/admin` route shows\n a sign-in form if not logged in, then the panel.\n- **Client-side routing** — `App.tsx` has a simple `pushState`/`popstate` router.\n No React Router dependency. The Hono catch-all serves `index.html` for all\n non-API GET routes so deep links work.\n- **Email notifications** — `POST /api/register` sends an email via `std/email`\n to `steve@val.town` only (controlled by `NOTIFICATION_EMAIL` env var, defaults\n to `steve@val.town`). Admin gating still uses `ADMIN_EMAIL` with both addresses.\n\n## Environment variables\n\n- `BETTER_AUTH_SECRET` — set, generated from generate-random-signing-key.val.run\n- `ADMIN_EMAIL` — `steveykrouse@gmail.com,steve@val.town` (used for admin gating only)\n- `NOTIFICATION_EMAIL` — not set; defaults to `steve@val.town` (registration notifications go here, not to personal email)\n\n## Subdomain\n\n`foc-sf-2026.val.run` — set via `set_custom_subdomain`.\n\n## SQLite\n\nVal-scoped database (`std/sqlite/main.ts`). Tables:\n- `user`, `session`, `account`, `verification` — Better Auth\n- `registrations` — app-specific\n\n## Gotchas\n\n- The `signIn.magicLink` client call needs `callbackURL` set to `/me` (not `/`)\n so users land on their registration page after clicking the magic link.\n- The `RegisterSuccess` component reads the registered email from\n `sessionStorage` to pre-fill the magic link — if the user navigates directly\n to `/registered` without filling the form, the email won't be there and they'll\n be redirected to `/login`.\n- The `Header` component imports `useSession` and `signOut` but doesn't use\n `useSession` directly — the session data is passed down from `App.tsx`. The\n import is there for potential future use. (Actually, it imports them but only\n uses `signOut`. Could be cleaned up.)\n- Better Auth's `allowedHosts: [\"*\"]` is intentionally permissive so the val\n works on both `*.web.val.run` and the custom subdomain. For a production app\n you'd narrow this.\n",[],[370],"3a11ed18-27d9-4bed-9532-f16afc5f09bb","index.tsx","019f8593-02e9-73e9-ac27-ff7ea817c7ad","019f8593-02e9-73e9-ac28-033af891193b",["D",1786111588187],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[385,378],"frontend","1321fa55-e432-4d3d-9567-6a20b8e48ef1","index.html","019f8593-02e9-73e9-ac27-faa560580857",["D",1786111588187],"\n\n \n \n \n Feeling of Computing SF — Aug 6, 2026\n \n \n \n \n

\n \n \n \n",[],[385,387],"86d73f7b-57ae-4d18-bb13-73209780eccb","favicon.svg","019f8593-02e9-73e9-ac27-f42455de141a",17,["D",1784652821759],"\n",[],[385,394],"de4ad149-d978-43dd-83de-bb4308223600","auth-client.ts","019f8593-02e9-73e9-ac27-ec3e7fa196a0","019f8593-02e9-73e9-ac27-f01eacb92333",["D",1784652432003],"import { createAuthClient } from \"https://esm.sh/better-auth@1.6.9/react?deps=react@18.2.0,react-dom@18.2.0\";\nimport { magicLinkClient } from \"https://esm.sh/better-auth@1.6.9/client/plugins?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Base URL is the same origin as the page, so we don't need to set it.\n// Plugins must mirror the server-side plugins enabled in backend/auth.ts.\nexport const authClient = createAuthClient({\n plugins: [magicLinkClient()],\n});\n\nexport const { useSession, signIn, signOut } = authClient;\n",[],[385,409,402],"lib","887ead52-ef1a-47ed-9a60-ae424737404d",["D",1784652432003],[345],[385,409],"c4af72a7-e162-456e-8cf1-c80535dcf1cc","SignIn.tsx","019f8593-02e9-73e9-ac27-e5f356ba5675","019f8593-02e9-73e9-ac27-eb432cf78d29",["D",1784652741674],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { signIn } from \"../lib/auth-client.ts\";\n\nexport function SignIn({\n prefillEmail = \"\",\n callbackURL = \"/me\",\n}: {\n prefillEmail?: string;\n callbackURL?: string;\n}) {\n const [email, setEmail] = useState(prefillEmail);\n const [status, setStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\n \"idle\",\n );\n const [errorMsg, setErrorMsg] = useState(\"\");\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setStatus(\"sending\");\n setErrorMsg(\"\");\n const { error } = await signIn.magicLink({\n email,\n callbackURL,\n });\n if (error) {\n setStatus(\"error\");\n setErrorMsg(error.message ?? \"Failed to send magic link\");\n } else {\n setStatus(\"sent\");\n }\n }\n\n if (status === \"sent\") {\n return (\n

📬 Check your email

\n We sent a sign-in link to {email}.\n

\n );\n }\n\n return (\n

\n \n Email\n setEmail((e.target as HTMLInputElement).value)}\n placeholder=\"you@example.com\"\n autocomplete=\"email\"\n class=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none\"\n disabled={status === \"sending\"}\n />\n \n \n {status === \"sending\" ? \"Sending…\" : \"Send magic link\"}\n \n {status === \"error\" && (\n

{errorMsg}

\n )}\n \n );\n}\n",[],[385,422,415],"components","5a77c847-9a5d-4f12-bdd6-2bbf7379649d","RegisterSuccess.tsx","8aad9db0-8524-11f1-9a3d-1607ee4eb77e",34,["D",1785943105938],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { signIn } from \"../lib/auth-client.ts\";\n\nfunction navigate(path: string) {\n window.history.pushState({}, \"\", path);\n window.dispatchEvent(new Event(\"popstate\"));\n}\n\nexport function RegisterSuccess() {\n const email = window.sessionStorage.getItem(\"registeredEmail\") ?? \"\";\n const [status, setStatus] = useState<\"idle\" | \"sending\" | \"sent\">(\"idle\");\n\n async function handleLogin() {\n if (!email) {\n navigate(\"/login\");\n return;\n }\n setStatus(\"sending\");\n const { error } = await signIn.magicLink({ email, callbackURL: \"/me\" });\n if (!error) setStatus(\"sent\");\n }\n\n return (\n

🎉

You're signed up!

\n See you on August 6, 2026 at 6 PM at{\" \"}\n The Nook, 1242 Market St Fl 2, San Francisco.\n

\n We'll email you with any updates before the event.\n

\n\n

\n To edit your sign up, log in with your email address\n {email && <> ({email})}:\n

\n {status === \"sent\"\n ? (\n

📬 Check your email

\n We sent a sign-in link to {email}.\n

\n )\n : (\n \n {status === \"sending\" ? \"Sending…\" : \"Log in to edit my registration\"}\n \n )}\n

\n\n navigate(\"/\")}\n class=\"mt-6 text-sm text-gray-500 hover:text-gray-700 cursor-pointer underline\"\n >\n ← Back to home\n \n

\n );\n}\n",[],[385,422,424],"60a50d38-9f52-473c-a4c2-d38e054ac2a7","RegisterForm.tsx","8ae8ab08-8524-11f1-b395-1607ee4eb77e",35,["D",1785943113947],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ntype User = { id: string; email: string; name: string };\n\nfunction navigate(path: string) {\n window.history.pushState({}, \"\", path);\n window.dispatchEvent(new Event(\"popstate\"));\n}\n\nconst FIELDS = [\n {\n name: \"email\",\n label: \"Your email address\",\n type: \"email\",\n required: true,\n autocomplete: \"email\",\n placeholder: \"you@example.com\",\n textarea: false,\n },\n {\n name: \"name\",\n label: \"Your name\",\n type: \"text\",\n required: true,\n autocomplete: \"name\",\n placeholder: \"Ada Lovelace\",\n textarea: false,\n },\n {\n name: \"link\",\n label: \"Your most legible link (personal website, social profile, etc)\",\n type: \"url\",\n required: false,\n autocomplete: \"url\",\n placeholder: \"https://your.site\",\n textarea: false,\n },\n {\n name: \"why\",\n label: \"Why do you care about the feeling of computing?\",\n type: \"text\",\n required: false,\n autocomplete: \"off\",\n placeholder: \"\",\n textarea: true,\n },\n {\n name: \"demo_topic\",\n label:\n \"If we did 7 minute demos or presentations and would like to present, what would you talk about?\",\n type: \"text\",\n required: false,\n autocomplete: \"off\",\n placeholder: \"\",\n textarea: true,\n },\n {\n name: \"anything_else\",\n label: \"Anything else you'd like me to know or questions you have?\",\n type: \"text\",\n required: false,\n autocomplete: \"off\",\n placeholder: \"\",\n textarea: true,\n },\n] as const;\n\nexport function RegisterForm({ user }: { user: User | null }) {\n const [values, setValues] = useState>({});\n const [status, setStatus] = useState<\"idle\" | \"submitting\" | \"error\">(\n \"idle\",\n );\n const [errorMsg, setErrorMsg] = useState(\"\");\n\n // Pre-fill email from logged-in user.\n const initialEmail = user?.email ?? \"\";\n\n function update(name: string, value: string) {\n setValues((prev) => ({ ...prev, [name]: value }));\n }\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setStatus(\"submitting\");\n setErrorMsg(\"\");\n\n const payload = {\n ...values,\n email: values.email || initialEmail,\n };\n\n try {\n const res = await fetch(\"/api/register\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error ?? \"Something went wrong\");\n }\n // Navigate to success page with email in state.\n window.sessionStorage.setItem(\"registeredEmail\", payload.email);\n navigate(\"/registered\");\n } catch (err) {\n setStatus(\"error\");\n setErrorMsg(err.message ?? \"Something went wrong\");\n }\n }\n\n const inputClass =\n \"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none\";\n\n return (\n

\n {FIELDS.map((field) => (\n \n \n {field.label}\n {field.required && *}\n \n {field.textarea\n ? (\n \n update(field.name, (e.target as HTMLTextAreaElement).value)}\n rows={4}\n disabled={status === \"submitting\"}\n class={inputClass}\n />\n )\n : (\n \n update(field.name, (e.target as HTMLInputElement).value)}\n disabled={status === \"submitting\"}\n class={inputClass}\n />\n )}\n \n ))}\n \n {status === \"submitting\" ? \"Submitting…\" : \"Sign me up! 🚀\"}\n \n {status === \"error\" && (\n

{errorMsg}

\n )}\n \n );\n}\n",[],[385,422,432],"53c7d38c-2523-4b7c-aeac-2524afeae349","MyRegistration.tsx","8ae01a4c-8524-11f1-b1b6-1607ee4eb77e",49,["D",1785943246264],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Registration = {\n id: string;\n email: string;\n name: string;\n link: string | null;\n why: string | null;\n demo_topic: string | null;\n anything_else: string | null;\n};\n\ntype User = { id: string; email: string; name: string };\n\nfunction navigate(path: string) {\n window.history.pushState({}, \"\", path);\n window.dispatchEvent(new Event(\"popstate\"));\n}\n\nexport function MyRegistration({ user }: { user: User }) {\n const [reg, setReg] = useState(null);\n const [loading, setLoading] = useState(true);\n const [notFound, setNotFound] = useState(false);\n const [editing, setEditing] = useState(false);\n const [saving, setSaving] = useState(false);\n const [savedMsg, setSavedMsg] = useState(false);\n const [canceling, setCanceling] = useState(false);\n\n // Form state\n const [name, setName] = useState(\"\");\n const [link, setLink] = useState(\"\");\n const [why, setWhy] = useState(\"\");\n const [demo, setDemo] = useState(\"\");\n const [other, setOther] = useState(\"\");\n\n useEffect(() => {\n fetch(\"/api/my-registration\")\n .then((res) => {\n if (res.status === 404) {\n setNotFound(true);\n return null;\n }\n return res.json();\n })\n .then((data) => {\n if (data?.registration) {\n const r = data.registration as Registration;\n setReg(r);\n setName(r.name ?? \"\");\n setLink(r.link ?? \"\");\n setWhy(r.why ?? \"\");\n setDemo(r.demo_topic ?? \"\");\n setOther(r.anything_else ?? \"\");\n }\n })\n .finally(() => setLoading(false));\n }, []);\n\n async function handleSave(e: React.FormEvent) {\n e.preventDefault();\n setSaving(true);\n setSavedMsg(false);\n await fetch(\"/api/my-registration\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n name, link, why, demo_topic: demo, anything_else: other,\n }),\n });\n setSaving(false);\n setEditing(false);\n setSavedMsg(true);\n // Refresh data\n const res = await fetch(\"/api/my-registration\");\n const data = await res.json();\n if (data?.registration) setReg(data.registration);\n setTimeout(() => setSavedMsg(false), 3000);\n }\n\n if (loading) {\n return

Loading…

;\n }\n\n if (notFound) {\n return (\n

\n No registration found for {user.email}.\n

\n navigate(\"/\")}\n class=\"bg-indigo-500 hover:bg-indigo-600 text-white font-medium px-6 py-2.5 rounded-lg transition-colors cursor-pointer\"\n >\n Register now\n \n

\n );\n }\n\n if (!reg) return null;\n\n const inputClass =\n \"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none\";\n\n return (\n

\n {savedMsg && (\n

✅ Saved!

\n )}\n\n {!editing\n ? (\n

\n Email\n

{reg.email}

\n Name\n

{reg.name}

\n {reg.link && (\n

\n Link\n

\n \n {reg.link}\n \n

\n )}\n {reg.why && (\n

\n \n Why do you care about the feeling of computing?\n \n

{reg.why}

\n )}\n {reg.demo_topic && (\n

\n Demo topic\n

{reg.demo_topic}

\n )}\n {reg.anything_else && (\n

\n Anything else\n

\n {reg.anything_else}\n

\n )}\n

\n setEditing(true)}\n class=\"flex-1 bg-gray-100 hover:bg-gray-200 text-gray-800 font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n ✏️ Edit my registration\n \n \n {canceling ? \"Canceling…\" : \"Cancel registration\"}\n \n

\n )\n : (\n \n \n Name *\n setName(e.target.value)}\n autocomplete=\"name\"\n class={inputClass}\n />\n \n \n \n Your most legible link\n \n setLink(e.target.value)}\n autocomplete=\"url\"\n class={inputClass}\n />\n \n \n \n Why do you care about the feeling of computing?\n \n setWhy(e.target.value)}\n rows={4}\n class={inputClass}\n />\n \n \n \n 7-min demo — what would you talk about?\n \n setDemo(e.target.value)}\n rows={3}\n class={inputClass}\n />\n \n \n \n Anything else?\n \n setOther(e.target.value)}\n rows={3}\n class={inputClass}\n />\n \n

\n \n {saving ? \"Saving…\" : \"Save changes\"}\n \n setEditing(false)}\n class=\"px-4 py-2.5 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors cursor-pointer\"\n >\n Cancel\n \n

\n \n )}\n

\n );\n}\n",[],[385,422,440],"e66e43b7-64a2-4a7b-9351-1f384676820f","LandingPage.tsx","97e4c47c-8524-11f1-a091-1607ee4eb77e",33,["D",1785943100503],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { RegisterForm } from \"./RegisterForm.tsx\";\n\ntype User = { id: string; email: string; name: string };\n\nfunction navigate(path: string) {\n window.history.pushState({}, \"\", path);\n window.dispatchEvent(new Event(\"popstate\"));\n}\n\nexport function LandingPage({ user }: { user: User | null }) {\n const [showForm, setShowForm] = useState(false);\n\n return (\n

\n {/* Hero */}\n

\n 🌁 Feeling of Computing SF\n

\n A meetup for cool (weird) computing people\n

\n Thursday, August 6, 2026 · 6 PM\n

\n 📍 The Nook, 1242 Market St, San Francisco\n

\n\n {/* About */}\n

What's this about?

\n Steve Krouse is in SF for a couple days and wants to see all the cool\n (weird) computing people. He started the{\" \"}\n \n Feeling of Computing\n {\" \"}\n podcast & community (formerly Future of Coding) — an online community\n with a welcoming, cooperative, and revolutionary spirit, unified in\n the belief that the computer is tragically less humane than it could\n be.\n

\n We're going to get together in person, share ideas, and maybe do some\n 7-minute demos. If you care about reimagining computing, this is for\n you.\n

\n Want to learn more? Check out{\" \"}\n \n feelingof.com\n {\" \"}\n — the podcast, the wiki, the community, and the whole code catalog.\n

\n\n {/* Venue callout */}\n

\n 📍 The Nook — 1242 Market St Fl 2, San Francisco, CA\n 94102. Easy to get to, right near the Civic Center BART.\n

\n\n {/* CTA */}\n {user\n ? (\n

\n navigate(\"/me\")}\n class=\"bg-indigo-500 hover:bg-indigo-600 text-white font-bold px-8 py-3 rounded-lg transition-colors cursor-pointer text-lg shadow-sm\"\n >\n Edit my registration →\n \n

\n )\n : !showForm\n ? (\n

\n setShowForm(true)}\n class=\"bg-indigo-500 hover:bg-indigo-600 text-white font-bold px-8 py-3 rounded-lg transition-colors cursor-pointer text-lg shadow-sm\"\n >\n Register for the meetup →\n \n

\n )\n : (\n

Register

\n setShowForm(false)}\n class=\"text-sm text-gray-500 hover:text-gray-700 cursor-pointer\"\n >\n Cancel\n \n

\n \n

\n )}\n

\n );\n}\n",[],[385,422,449],"a7d898f9-27c2-4f24-92c2-a9ca32542c80","Header.tsx","8ad0ac7e-8524-11f1-84cf-1607ee4eb77e",21,["D",1784653145991],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useSession, signOut } from \"../lib/auth-client.ts\";\n\ntype User = { id: string; email: string; name: string };\n\nfunction navigate(path: string) {\n window.history.pushState({}, \"\", path);\n window.dispatchEvent(new Event(\"popstate\"));\n}\n\nexport function Header({ user }: { user: User | null }) {\n return (\n

\n navigate(\"/\")}\n class=\"text-lg font-bold text-indigo-700 cursor-pointer hover:text-indigo-800\"\n >\n 🌁 Feeling of Computing SF\n \n

\n {user\n ? (\n <>\n navigate(\"/me\")}\n class=\"text-gray-600 hover:text-gray-900 cursor-pointer\"\n >\n My Registration\n \n {\n await signOut();\n window.location.reload();\n }}\n class=\"text-gray-500 hover:text-gray-700 cursor-pointer\"\n >\n Log out\n \n \n )\n : (\n navigate(\"/login\")}\n class=\"text-gray-600 hover:text-gray-900 cursor-pointer\"\n >\n Log in\n \n )}\n

\n );\n}\n",[],[385,422,457],"1b494ac2-0cd2-4396-bdb2-9aa6d296d395","App.tsx","019f8593-02e9-73e9-ac27-de453a41417b",24,["D",1784653145990],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { useSession } from \"../lib/auth-client.ts\";\nimport { Header } from \"./Header.tsx\";\nimport { LandingPage } from \"./LandingPage.tsx\";\nimport { RegisterForm } from \"./RegisterForm.tsx\";\nimport { RegisterSuccess } from \"./RegisterSuccess.tsx\";\nimport { MyRegistration } from \"./MyRegistration.tsx\";\nimport { AdminPanel } from \"./AdminPanel.tsx\";\nimport { SignIn } from \"./SignIn.tsx\";\n\ntype User = { id: string; email: string; name: string };\n\nfunction useRouter() {\n const [path, setPath] = useState(window.location.pathname);\n useEffect(() => {\n const handler = () => setPath(window.location.pathname);\n window.addEventListener(\"popstate\", handler);\n return () => window.removeEventListener(\"popstate\", handler);\n }, []);\n return path;\n}\n\nexport function App() {\n const { data: session, isPending } = useSession();\n const path = useRouter();\n const user = (session?.user as User | undefined) ?? null;\n\n function renderPage() {\n // Public pages\n if (path === \"/\") {\n return ;\n }\n\n if (path === \"/register\") {\n return (\n

Register for the meetup

\n \n

\n );\n }\n\n if (path === \"/registered\") {\n return (\n

\n \n

\n );\n }\n\n if (path === \"/login\") {\n return (\n

Log in

\n Enter your email and we'll send you a magic link to sign in.\n

\n \n

\n );\n }\n\n // Auth-gated pages\n if (path === \"/me\") {\n if (isPending) return

Loading…

;\n if (!user) {\n return (\n

Please log in to view your registration.

\n \n

\n );\n }\n return (\n

My Registration

\n \n

\n );\n }\n\n if (path === \"/admin\") {\n if (isPending) return

Loading…

;\n if (!user) {\n return (\n

Admin access requires login.

\n \n

\n );\n }\n return (\n

Admin Panel

\n \n

\n );\n }\n\n // 404\n return (\n

🤷

Page not found.

\n \n ← Go home\n \n

\n );\n }\n\n return (\n

\n {renderPage()}\n \n

\n );\n}\n",[],[385,422,465],"18637cfc-d5de-4955-a71c-bc16b9f55255","AdminPanel.tsx","8aa72ad4-8524-11f1-929f-1607ee4eb77e",52,["D",1785943276560],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Registration = {\n id: string;\n email: string;\n name: string;\n link: string | null;\n why: string | null;\n demo_topic: string | null;\n anything_else: string | null;\n created_at: number;\n};\n\nexport function AdminPanel() {\n const [regs, setRegs] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n const [expandedId, setExpandedId] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/admin/registrations\")\n .then(async (res) => {\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error ?? \"Failed to load\");\n }\n return res.json();\n })\n .then((data) => setRegs(data.registrations ?? []))\n .catch((err) => setError(err.message))\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) return

Loading…

;\n if (error) {\n return (\n

{error}

\n Make sure you're logged in with an admin email.\n

\n );\n }\n\n return (\n

All Registrations ({regs.length})

\n {regs.length === 0\n ?

No registrations yet.

\n : (\n

\n {regs.map((r) => (\n \n \n setExpandedId(expandedId === r.id ? null : r.id)}\n class=\"w-full text-left px-4 py-3 hover:bg-gray-50 transition-colors cursor-pointer flex items-center justify-between\"\n >\n

\n {r.name}\n {r.email}\n {r.demo_topic && (\n \n wants to demo\n \n )}\n

\n \n {new Date(r.created_at).toLocaleDateString()}\n \n \n {expandedId === r.id && (\n

\n {r.link && (\n

\n Link: \n \n {r.link}\n \n

\n )}\n {r.why && (\n

\n \n Why they care:\n \n

\n {r.why}\n

\n )}\n {r.demo_topic && (\n

\n \n Demo topic:\n \n

\n {r.demo_topic}\n

\n )}\n {r.anything_else && (\n

\n \n Anything else:\n \n

\n {r.anything_else}\n

\n )}\n

\n ))}\n

\n )}\n \n );\n}\n",[],[385,422,473],"10438b26-9e75-4bcb-b5b4-90b66304c20a",["D",1784652432003],[336,337,338,339,340,341,342,343],[385,422],"ebde5cc9-9527-4b6a-bb25-6b337c256669",["D",1784652432003],[335,344,346,347,348],[385],["D",1785943170721],[],[18,87],["D",1784652580321],[],[18,98],["D",1785943156022],[],[18,114],["D",1784652432003],[331,332,333],[18],["D",1784652432003],["D",1789473046147],{"_11":12,"_262":93},{"_11":12,"_258":-5,"_92":93,"_31":91,"_259":260,"_261":30},{"_52":199,"_13":16,"_46":49,"_248":210,"_249":82,"_250":83,"_251":214,"_252":253,"_254":255,"_256":14,"_257":12},"ctx",{"_65":-5,"_283":538,"_539":540,"_541":542,"_543":30,"_544":30,"_545":30,"_546":24,"_547":-5,"_548":-7,"_549":-7,"_550":26,"_551":30,"_552":30,"_553":-5,"_554":30,"_555":30,"_556":30,"_557":-5},"ENV",{"_509":510,"_511":512,"_513":16,"_514":515,"_516":517,"_518":519,"_520":521,"_522":523,"_524":525,"_526":527,"_528":529,"_530":531,"_532":533,"_534":535,"_536":537},"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"]

History · backend