[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_242":243,"_244":245},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_180":-5,"_20":181,"_22":182,"_183":184,"_185":186,"_26":187,"_24":188,"_189":190,"_191":192,"_193":50,"_194":195,"_196":69,"_197":-5,"_198":-5,"_199":200},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":32,"_34":-5},"handle","mathansankar","name","form-website","branchName","main","version","path","components/SubmissionsPage.tsx","project",{"_35":132,"_13":14,"_37":133,"_48":-5,"_134":50,"_51":52,"_135":52,"_136":137,"_138":-5,"_139":140,"_141":85,"_142":69,"_143":-5,"_144":-5,"_145":32,"_55":146,"_147":148,"_149":150,"_151":152,"_153":-5,"_154":155,"_156":155,"_157":158,"_159":158,"_160":158,"_161":155,"_162":155,"_163":164,"_165":166,"_167":168,"_49":50},"tree",[79,80,81,82],"file",{"_35":59,"_13":60,"_61":62,"_63":64,"_65":66,"_67":43,"_68":69,"_37":70,"_17":32,"_71":72,"_73":74,"_75":50,"_76":-5,"_18":77},"contents",[],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","ahead",0,"behind","envVars","id","fb141f8d-047d-43b3-b09c-7fd59d8ddcfe","createdAt",["D",1781134761362],"updatedAt",["D",1781134761362],"projectId","a35fc79f-ccd4-4375-94dc-260d312636c6",1,"forkedBranchId","forkedBranchVersion","lockfileKey","1781135021367-esm.town_v_templates_form-to-sqlite@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","form-to-sqlite","03e48a27-0ea9-4c09-9c36-400f101f1c51","SubmissionsPage.tsx","fileId","01a0103c-cb92-777b-83f7-6be7dee8f146","parentId","01a0103c-cb92-777b-83f7-6e96d7fe91d9","branchId","a3e8a7c0-4836-4537-8ea3-497001887695","branchVersion","latest",true,["D",1786978814750],"fileType","script","content","/** @jsxImportSource npm:hono/jsx */\nimport type { Submission } from \"../db.ts\";\nimport Layout from \"./Layout.tsx\";\n\nexport default function SubmissionsPage({ submissions }: { submissions: Submission[] }) {\n return (\n \n

Submissions ({submissions.length})

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

Nothing yet. Be the first to submit the form.

\n : (\n

\n
\n {s.name}\n {s.created_at}\n
\n
{s.email}
\n
{s.message}
\n

\n )}\n

\n back to form\n view source\n

\n \n );\n}\n","deleted","label",[78,60],"components",{"_35":107,"_13":78,"_61":64,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":108,"_17":32,"_71":109,"_73":-5,"_75":50,"_76":-5,"_90":110,"_18":111},{"_35":100,"_13":101,"_61":102,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":103,"_17":32,"_71":24,"_73":104,"_75":50,"_76":-5,"_90":105,"_18":106},{"_35":93,"_13":94,"_61":95,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":96,"_17":32,"_71":72,"_73":97,"_75":50,"_76":-5,"_90":98,"_18":99},{"_35":83,"_13":84,"_61":85,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":86,"_17":32,"_71":87,"_73":88,"_75":50,"_76":89,"_90":91,"_18":92},"1546a392-d258-4146-9fee-0ea725c960eb","main.tsx","01a0103c-cb92-777b-83f7-79a0cf6b12ec",["D",1786978814750],"http","/** @jsxImportSource npm:hono/jsx */\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport FormPage from \"./components/FormPage.tsx\";\nimport SubmissionsPage from \"./components/SubmissionsPage.tsx\";\nimport { addSubmission, listSubmissions } from \"./db.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html());\n\napp.post(\"/submit\", async (c) => {\n const form = await c.req.formData();\n const name = String(form.get(\"name\") ?? \"\").trim();\n const email = String(form.get(\"email\") ?? \"\").trim();\n const message = String(form.get(\"message\") ?? \"\").trim();\n if (!name || !email || !message) {\n return c.text(\"Name, email, and message are all required.\", 400);\n }\n await addSubmission(name, email, message);\n return c.redirect(\"/submissions\");\n});\n\napp.get(\"/submissions\", async (c) => {\n const submissions = await listSubmissions();\n return c.html();\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","mathan-form","children",[],[84],"3833e973-911c-4791-8f1f-fb764dea3946","db.ts","01a0103c-cb92-777b-83f7-742dc6f93fb5",["D",1786978814750],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport interface Submission {\n id: number;\n name: string;\n email: string;\n message: string;\n created_at: string;\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS submissions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport async function addSubmission(name: string, email: string, message: string) {\n await sqlite.execute({\n sql: \"INSERT INTO submissions (name, email, message) VALUES (?, ?, ?)\",\n args: [name, email, message],\n });\n}\n\nexport async function listSubmissions(): Promise {\n const result = await sqlite.execute(\n \"SELECT id, name, email, message, created_at FROM submissions ORDER BY id DESC\",\n );\n return result.rows as unknown as Submission[];\n}\n",[],[94],"b914d108-96fc-4f2e-b2bb-842a41196236","README.md","01a0103c-cb92-777b-83f7-70485bcce184",["D",1786978814750],"# 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",[],[101],"2cd28e90-f894-45ea-b7e1-576ce61ec8b9",["D",1786978814750],"directory",[112,113,114],[78],{"_35":125,"_13":126,"_61":127,"_63":64,"_65":66,"_67":43,"_68":69,"_37":128,"_17":32,"_71":72,"_73":129,"_75":50,"_76":-5,"_90":130,"_18":131},{"_35":118,"_13":119,"_61":120,"_63":64,"_65":66,"_67":43,"_68":69,"_37":121,"_17":32,"_71":72,"_73":122,"_75":50,"_76":-5,"_90":123,"_18":124},{"_35":59,"_13":60,"_61":62,"_63":64,"_65":66,"_67":43,"_68":69,"_37":115,"_17":32,"_71":72,"_73":74,"_75":50,"_76":-5,"_90":116,"_18":117},["D",1786978814750],[],[78,60],"89bd7747-c30d-483e-9084-488065e46b88","Layout.tsx","01a0103c-cb92-777b-83f7-64de03a2e1a0",["D",1786978814750],"/** @jsxImportSource npm:hono/jsx */\n\nexport default function Layout({ title, children }: { title: string; children?: unknown }) {\n return (\n \n \n \n \n {title}\n \n \n \n \n

{children}

\n \n \n );\n}\n",[],[78,119],"85e5b826-2c47-4a6f-80fb-2906418d566e","FormPage.tsx","01a0103c-cb92-777b-83f7-6044613bfa6f",["D",1786978814750],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\n\nexport default function FormPage() {\n return (\n \n

Contact form

\n Submissions are saved to this val's SQLite database.\n

\n \n

\n view submissions\n view source\n

\n \n );\n}\n",[],[78,126],"4dad5123-a5ad-4d27-a5fb-69a88ee3796b",["D",1786978814750],"legacyEnvVars","httpPrivacy","description","A form filling website that saves submissions to SQLite","imageUrl","userId","d67c8e1d-825e-4922-a240-aa45b9a17ac2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","01a01039-2a1f-72b5-8317-2d5dcb2d6e8c","tursoName","4dad5123a5ad4d27a5fb69a88ee3796b","tursoHostname","4dad5123a5ad4d27a5fb69a88ee3796b-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789498239291],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_179":175},"org",{"_11":12,"_172":173,"_174":175,"_139":140,"_176":177,"_178":50},"branch",{"_17":43,"_13":16,"_35":66,"_41":132,"_44":36,"_45":43,"_169":52,"_170":42,"_171":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Mathan Sankar","avatar","https://lh3.googleusercontent.com/a/ACg8ocL3xlqPciVQ8LWDrsbx0-OuTyFYWzP6VN8jqbozFa4r6_YQJw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":132,"_13":14,"_37":237,"_48":-5,"_134":50,"_51":52,"_135":52,"_136":137,"_138":-5,"_139":140,"_141":85,"_142":69,"_143":-5,"_144":-5,"_145":32,"_55":146,"_147":148,"_149":150,"_151":238,"_153":-5,"_154":155,"_156":155,"_157":158,"_159":158,"_160":158,"_161":155,"_162":155,"_163":239,"_165":240,"_167":241,"_49":50},[216,220,221,222],"files",[216,217,218,219,220,221,222],"counts",{"_207":32,"_208":43,"_209":32,"_34":210,"_211":212},[],{"_35":59,"_13":60,"_61":62,"_63":64,"_65":66,"_67":43,"_68":69,"_37":70,"_17":32,"_71":72,"_73":74,"_75":50,"_76":-5,"_18":206},"upstreamProject",{"_35":42,"_13":58,"_136":203,"_138":-5,"_51":52,"_163":204},"upstreamBranch",{"_35":36,"_37":201,"_39":202,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781134761362],["D",1781134761362],"Put a form online and save submissions to SQLite",{"_11":54,"_179":205},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592399&sig=e3667930a878fd5db49e47cce78fe270a8ba33317e34775a1ada2dd4a7c49d8d",[78,60],"pulls","branches","forks",{"_213":32,"_215":32},"connections",{"_213":32,"_214":32},"count","unfilledCount","emptyCount",{"_35":107,"_13":78,"_61":64,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":108,"_17":32,"_71":109,"_73":-5,"_75":50,"_76":-5,"_90":235,"_18":236},{"_35":125,"_13":126,"_61":127,"_63":64,"_65":66,"_67":43,"_68":69,"_37":128,"_17":32,"_71":72,"_73":129,"_75":50,"_76":-5,"_90":233,"_18":234},{"_35":118,"_13":119,"_61":120,"_63":64,"_65":66,"_67":43,"_68":69,"_37":121,"_17":32,"_71":72,"_73":122,"_75":50,"_76":-5,"_90":231,"_18":232},{"_35":59,"_13":60,"_61":62,"_63":64,"_65":66,"_67":43,"_68":69,"_37":115,"_17":32,"_71":72,"_73":74,"_75":50,"_76":-5,"_90":229,"_18":230},{"_35":100,"_13":101,"_61":102,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":103,"_17":32,"_71":24,"_73":104,"_75":50,"_76":-5,"_90":227,"_18":228},{"_35":93,"_13":94,"_61":95,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":96,"_17":32,"_71":72,"_73":97,"_75":50,"_76":-5,"_90":225,"_18":226},{"_35":83,"_13":84,"_61":85,"_63":-5,"_65":66,"_67":43,"_68":69,"_37":86,"_17":32,"_71":87,"_73":88,"_75":50,"_76":89,"_90":223,"_18":224},[],[84],[],[94],[],[101],[],[78,60],[],[78,119],[],[78,126],[217,218,219],[78],["D",1786978814750],["D",1789498239291],{"_11":12,"_179":175},{"_11":12,"_172":173,"_174":175,"_139":140,"_176":177,"_178":50},{"_17":43,"_13":16,"_35":66,"_41":132,"_44":36,"_45":43,"_169":52,"_170":42,"_171":56,"_57":14,"_53":12},"ctx",{"_163":-5,"_198":275,"_276":277,"_278":279,"_280":50,"_281":50,"_282":50,"_283":69,"_284":-5,"_285":-7,"_286":-7,"_287":32,"_288":50,"_289":50,"_290":-5,"_291":50,"_292":50,"_293":50,"_294":-5},"ENV",{"_246":247,"_248":249,"_250":16,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"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"]