Access denied

This admin is private.

You are signed in as @{session.user.username ?? \"unknown\"}, but only the owner can view these signups.

\n \n

\n ,\n 403,\n );\n }\n\n const signups = await listEmailSignups();\n return c.html();\n});\n\napp.get(\"/admin.csv\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session?.user) return c.redirect(\"/auth/login\");\n if (session.user.id !== OWNER_USER_ID) return c.text(\"Forbidden\", 403);\n\n const signups = await listEmailSignups();\n const rows = [\n [\"id\", \"email\", \"created_at\"].map(csvCell).join(\",\"),\n ...signups.map((signup) => [signup.id, signup.email, signup.created_at].map(csvCell).join(\",\")),\n ];\n\n return c.body(rows.join(\"\\r\\n\"), 200, {\n \"Content-Type\": \"text/csv; charset=utf-8\",\n \"Content-Disposition\": 'attachment; filename=\"email-signups.csv\"',\n \"Cache-Control\": \"private, no-store\",\n });\n});\n\napp.get(\"/submissions\", (c) => c.redirect(\"/admin\", 301));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default oauthMiddleware(app.fetch);\n","deleted","label","charlie-email-signup",[136],"76413ec1-eb15-4475-ab95-761d9e5d9344","db.ts","019f8a2a-024f-740a-9a80-ce9122a4adf4",["D",1784729518212],"script","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport interface EmailSignup {\n id: number;\n email: string;\n created_at: string;\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS email_signups (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n email TEXT NOT NULL UNIQUE COLLATE NOCASE,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport async function addEmailSignup(email: string): Promise<\"created\" | \"exists\"> {\n const result = await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO email_signups (email) VALUES (?)\",\n args: [email],\n });\n\n return result.rowsAffected === 1 ? \"created\" : \"exists\";\n}\n\nexport async function listEmailSignups(): Promise {\n const result = await sqlite.execute(\n \"SELECT id, email, created_at FROM email_signups ORDER BY id DESC\",\n );\n\n return result.rows as unknown as EmailSignup[];\n}\n",[153],"de476fee-7f6a-45f3-bf22-2e7cc7f080ca","README.md","019f8a2a-024f-740a-9a80-c85300f5c299",["D",1784729435570],"# What's the easiest way to put a form online and save submissions?\n\nRemix this val. It serves a contact form (name, email, message) at `/`, saves every submission to the val's own SQLite database, and lists everything received at `/submissions`. No external services, no API keys, no env vars.\n\n## Setup\n\n1. Remix this val.\n2. Open the HTTP endpoint of `main.tsx` — that is your live form. Share the URL.\n3. Visit `/submissions` on the same URL to see what people sent.\n\nEach remix gets its own private SQLite database, so your submissions stay with your copy.\n\n## Files\n\n- `main.tsx` — Hono routes: GET `/` (form), POST `/submit` (save), GET `/submissions` (list)\n- `db.ts` — creates the `submissions` table and holds the two queries\n- `components/Layout.tsx` — shared page shell with Tailwind (via Twind)\n- `components/FormPage.tsx` — the form\n- `components/SubmissionsPage.tsx` — the list\n\n## Notes\n\n- `/submissions` is public by default. If your form collects anything sensitive, protect that route before sharing the form URL.\n- No client-side JavaScript: the form is a plain HTML POST.\n",[160],"3aab88c1-13c9-4d65-ab2f-dcb246e9dc50","components","019f8a2a-024f-740a-9a80-c72ac8a94a86",["D",1784729435570],"directory",[166],"pulls","forks","envVars",{"_177":56,"_179":56},"connections",{"_177":56,"_178":56},"count","unfilledCount","emptyCount",{"_20":165,"_13":166,"_137":167,"_138":-5,"_139":21,"_140":34,"_141":52,"_22":221,"_29":56,"_144":169,"_146":-5,"_148":40,"_149":-5,"_188":222,"_98":223},{"_20":213,"_13":214,"_137":215,"_138":167,"_139":21,"_140":216,"_141":52,"_22":217,"_29":34,"_144":156,"_146":218,"_148":40,"_149":-5,"_188":219,"_98":220},{"_20":205,"_13":206,"_137":207,"_138":167,"_139":21,"_140":208,"_141":52,"_22":209,"_29":34,"_144":156,"_146":210,"_148":40,"_149":-5,"_188":211,"_98":212},{"_20":197,"_13":198,"_137":199,"_138":167,"_139":21,"_140":200,"_141":52,"_22":201,"_29":34,"_144":156,"_146":202,"_148":40,"_149":-5,"_188":203,"_98":204},{"_20":159,"_13":160,"_137":161,"_138":-5,"_139":21,"_140":34,"_141":52,"_22":194,"_29":56,"_144":110,"_146":163,"_148":40,"_149":-5,"_188":195,"_98":196},{"_20":152,"_13":153,"_137":154,"_138":-5,"_139":21,"_140":143,"_141":52,"_22":191,"_29":34,"_144":156,"_146":157,"_148":40,"_149":-5,"_188":192,"_98":193},{"_20":135,"_13":136,"_137":50,"_138":-5,"_139":21,"_140":30,"_141":52,"_22":187,"_29":143,"_144":145,"_146":147,"_148":40,"_149":150,"_188":189,"_98":190},["D",1784729678311],"children",[],[136],["D",1784729518212],[],[153],["D",1784729435570],[],[160],"09cc9b07-92e4-4b80-94c5-06b157f24b2f","SubmissionsPage.tsx","019f8a2a-024f-740a-9a80-c3d77289637a",5,["D",1784729579543],"/** @jsxImportSource npm:hono/jsx */\nimport type { EmailSignup } from \"../db.ts\";\nimport Layout from \"./Layout.tsx\";\n\nexport default function AdminPage({\n signups,\n username,\n}: {\n signups: EmailSignup[];\n username: string;\n}) {\n return (\n \n

Private admin

Email signups

\n {signups.length} {signups.length === 1 ? \"subscriber\" : \"subscribers\"} · signed in as @{username}\n

\n \n Download CSV\n \n \n Public page\n \n \n

\n\n

\n {signups.length === 0\n ? (\n

No signups yet

Share the public page and the first signup will appear here.

\n )\n : (\n

\n \n \n \n \n \n \n \n \n \n {signups.map((signup) => (\n \n \n \n \n \n ))}\n \n

#	Email	Signed up (UTC)
{signup.id}	\n {signup.email}\n	{signup.created_at}

\n )}\n

\n\n \n \n );\n}\n",[],[166,198],"e3ecbed2-10df-48c1-8d64-8f850e9d7684","Layout.tsx","019f8a2a-024f-740a-9a80-bc65133ec8f9",3,["D",1784729529898],"/** @jsxImportSource npm:hono/jsx */\n\nexport default function Layout({\n title,\n children,\n wide = false,\n}: {\n title: string;\n children?: unknown;\n wide?: boolean;\n}) {\n return (\n \n \n \n \n \n {title}\n \n \n \n \n

\n {children}\n

\n \n \n );\n}\n",[],[166,206],"4fd58d72-6680-4514-b35b-f04c96527aaa","FormPage.tsx","019f8a2a-024f-740a-9a80-bb93c6ff9228",4,["D",1784729552306],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\n\nexport default function FormPage({ status }: { status?: string }) {\n const joined = status === \"joined\";\n const exists = status === \"exists\";\n const invalid = status === \"invalid\";\n\n return (\n \n

\n \n Email updates\n

\n Stay in the loop.\n

\n Get occasional updates delivered directly to your inbox. No spam, no noise, and you can unsubscribe anytime.\n

\n\n {joined && (\n

\n You’re on the list. Check your inbox for future updates.\n

\n )}\n {exists && (\n

\n That email is already on the list.\n

\n )}\n {invalid && (\n

\n Enter a valid email address.\n

\n )}\n\n \n\n

\n Your email stays private.\n

\n Admin\n View source\n

\n \n );\n}\n",[],[166,214],["D",1784729435570],[181,182,183],[166],["D",1784729435570],["D",1789473046147],{"_11":12,"_96":92},{"_11":12,"_89":90,"_91":92,"_47":48,"_93":94,"_95":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_82":42,"_83":84,"_85":86,"_87":14,"_88":12},"ctx",{"_75":-5,"_120":262,"_263":264,"_265":266,"_267":40,"_268":40,"_269":40,"_270":52,"_271":-5,"_272":-7,"_273":-7,"_274":56,"_275":40,"_276":40,"_277":-5,"_278":40,"_279":40,"_280":40,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":26,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"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"]

Branches1

Branches
1