\n AMA\n

\n Ask me ({name}) anything.\n

\n {content}\n

\n \n \n \n);\n\n// TODO: include updated too?\nawait sqlite.execute(\n `CREATE TABLE IF NOT EXISTS ama (question TEXT, answer TEXT, secret TEXT, created_at TEXT, id TEXT)`,\n);\n\n/**\n * Serve all /frontend files. There is just one.\n */\napp.get(\"/static/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n/**\n * The main page, where you can see questions other people have asked and\n * ask a new question if you want to.\n */\napp.get(\"/\", async (c) => {\n const questions = await sqlite.execute(\n `SELECT * from ama WHERE answer IS NOT NULL ORDER BY created_at DESC;`,\n );\n\n const d = new Intl.DateTimeFormat(\"en-US\");\n\n return c.html(\n layout(\n <>\n \n\n {questions.rows.map((question) => (\n

Question: {question.question}

\n Answer: {question.answer}\n
\n \n {d.format(new Date(question.created_at as string))}\n \n \n ♥\n \n

\n ))}\n ,\n ),\n );\n});\n\n/**\n * This is for the 'admin' of the AMA - you get a link to this page in your email,\n * and it contains a ?secret= query parameter that lets you view and answer\n * a specific AMA. That secret is how the whole thing works with no 'authentication'.\n */\napp.get(\"/answer\", async (c) => {\n const secret = c.req.query(\"secret\");\n if (!secret) return c.html(

No secret provided

);\n const questions = await sqlite.execute({\n sql: `SELECT * from ama WHERE secret = ?;`,\n args: [secret],\n });\n const question = questions.rows.at(0);\n if (!question) return c.html(

No question found

);\n return c.html(\n layout(\n <>\n Question: {question.question}\n\n \n ,\n ),\n );\n});\n\n/**\n * This is just here for helping you test the layout, it's a development thing,\n * you can ignore it.\n */\napp.get(\"/test-banner\", async (c) => {\n return c.html(\n layout(

Test banner

),\n );\n});\n\n/**\n * When the 'admin' submits a new answer, this is the URL it is submitted to.\n * Like the previous page, this uses the ?secret= value as a way to do authentication\n * without much fuss.\n */\napp.post(\"/answer\", async (c) => {\n const body: FormData = await c\n .req\n .formData();\n\n const answer = String(body.get(\"answer\"));\n const secret = String(body.get(\"secret\"));\n if (!secret) return c.html(

No secret provided

);\n await sqlite.execute({\n sql: `UPDATE ama SET answer = ? WHERE secret = ?;`,\n args: [answer, secret],\n });\n return c.html(\n layout(

Answer recorded!

),\n );\n});\n\n/**\n * When someone submits a new AMA, this is the URL it is submitted to.\n *\n * This sends the email, too!\n */\napp.post(\"/\", async (c) => {\n const body: FormData = await c\n .req\n .formData();\n const url = new URL(c.req.url);\n url.pathname = \"/answer\";\n const question = String(body.get(\"question\"));\n\n const secret = crypto.randomUUID();\n\n url.searchParams.set(\"secret\", secret);\n\n await sqlite.execute({\n sql:\n \"INSERT INTO ama (question, secret, created_at, id) VALUES (?, ?, ?, ?)\",\n args: [question, secret, new Date().toISOString(), crypto.randomUUID()],\n });\n\n const blockBg = \"#eee\";\n\n let html =\n `

Someone asked an AMA question on Val Town! Do you want to answer it? this val on Val Town.

`;\n\n html += `\n

${question}

\n Want to answer it?\n `;\n\n html += \"\";\n\n await email(\n {\n subject: `A new AMA question!`,\n html,\n },\n );\n return c.html(\n layout(

Question asked!

),\n );\n});\n\nexport default app.fetch;","children",[],[95],"ee861a44-54d6-11f0-bbda-f69ea79377d9","README.md","9a82ca96-0088-4d46-bba8-3717cf977919",["D",1751194254909],"# AMA\n\n\"Ask me anything\" is a question & answer format that I most associate with\n[Reddit](https://en.wikipedia.org/wiki/R/IAmA): you can take questions from\noptionally anonymous people on the internet and answer them. It can be fun!\n\nSome folks have set up their own self-hosted AMAs on their own websites:\n[Mikkel Malmberg](https://mikkelmalmberg.com/ama)'s is one of my favorites. My\n[website](https://macwright.com/) could use one, but I keep things\n[super simple](https://macwright.com/2019/02/06/how-to-blog) over there so the\nlittle bit of data storage & CRUD involved in an AMA is too much for me.\n\nSo this val does it, and you can make it your own!\n\n## Make it your own\n\nClick **Remix** in the top right and that'll make a copy of this val in your\naccount. Then click on `ama.tsx` and see where it has my name & web address, and\nreplace those with your own.\n\nThen you probably want a nicer URL - with `ama.tsx` open, you should have that\nweb preview on the right side of the screen (or the bottom if you have a small\nscreen) - click the pencil icon to the right of the URL and select a nicer\nsubdomain. For me, I chose `tmcw-ama`. Then you'll get a nice subdomain that you\ncan copy with the copy button next to that button.\n\nAnd then you're pretty much ready to go!",[],[104],["D",1751194254909],[113,114],[19],{"_36":80,"_13":81,"_63":82,"_65":66,"_67":68,"_69":70,"_71":72,"_38":118,"_17":32,"_74":84,"_75":85,"_77":51,"_78":-5,"_100":119,"_18":120},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":115,"_17":32,"_74":24,"_75":76,"_77":51,"_78":-5,"_100":116,"_18":117},["D",1751194254909],[],[19,62],["D",1751194254909],[],[19,81],"ee7cbfd0-54d6-11f0-bbda-f69ea79377d9",["D",1751194254909],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","fe8d9380-5347-11f0-9a03-63f1102351a6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","5fd10d82-208f-4d26-a9c8-3712716122d7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_164":160},"org",{"_11":12,"_158":-5,"_159":160,"_127":128,"_161":162,"_163":51},"branch",{"_17":70,"_13":16,"_36":68,"_42":121,"_45":37,"_46":154,"_155":53,"_156":43,"_157":57,"_58":14,"_54":12},230,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejVaUHJQTnBGaDNLOUh1M29zNkFtYjllWjgifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":121,"_13":14,"_38":221,"_49":-5,"_123":51,"_52":53,"_124":53,"_125":-5,"_126":-5,"_127":128,"_129":96,"_130":72,"_131":72,"_132":-5,"_133":32,"_56":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":222,"_150":223,"_152":224,"_50":51},[206,209,210],"files",[206,207,208,209,210],"counts",{"_197":32,"_198":70,"_199":32,"_35":200,"_201":202},[193,194],{"_36":87,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":88,"_17":32,"_74":89,"_75":-5,"_77":51,"_78":-5,"_18":192},"upstreamProject",{"_36":43,"_13":14,"_125":188,"_126":189,"_52":53,"_148":190},"upstreamBranch",{"_36":37,"_38":186,"_40":187,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747841520522],["D",1786119768587],"Ask me anything","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/35d463db-babe-4859-4e74-a99a8c1c3b00/square512?exp=1789592399&sig=654e77fbedcc81cb2ce483045f80772d3a7ad05d0df1cd52e5404e6bb5a3c71e",{"_11":55,"_164":191},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789592399&sig=47b1ce5b6c876767c5627b79ec7de2926b900f5ee98984c901465784cd7f9f82",[19],{"_36":80,"_13":81,"_63":82,"_65":66,"_67":68,"_69":70,"_71":72,"_38":83,"_17":32,"_74":84,"_75":85,"_77":51,"_78":-5,"_18":196},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":32,"_74":24,"_75":76,"_77":51,"_78":-5,"_18":195},[19,62],[19,81],"pulls","branches","forks",{"_203":32,"_205":32},"connections",{"_203":32,"_204":32},"count","unfilledCount","emptyCount",{"_36":87,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":110,"_17":32,"_74":89,"_75":-5,"_77":51,"_78":-5,"_100":219,"_18":220},{"_36":80,"_13":81,"_63":82,"_65":66,"_67":68,"_69":70,"_71":72,"_38":118,"_17":32,"_74":84,"_75":85,"_77":51,"_78":-5,"_100":217,"_18":218},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":115,"_17":32,"_74":24,"_75":76,"_77":51,"_78":-5,"_100":215,"_18":216},{"_36":103,"_13":104,"_63":105,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":106,"_17":32,"_74":24,"_75":107,"_77":51,"_78":-5,"_100":213,"_18":214},{"_36":94,"_13":95,"_63":96,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":97,"_17":32,"_74":98,"_75":99,"_77":51,"_78":-5,"_100":211,"_18":212},[],[95],[],[104],[],[19,62],[],[19,81],[207,208],[19],["D",1751194254909],{"_11":12,"_164":160},{"_11":12,"_158":-5,"_159":160,"_127":128,"_161":162,"_163":51},{"_17":70,"_13":16,"_36":68,"_42":121,"_45":37,"_46":154,"_155":53,"_156":43,"_157":57,"_58":14,"_54":12},"ctx",{"_148":-5,"_183":258,"_259":260,"_261":262,"_263":51,"_264":51,"_265":51,"_266":72,"_267":-5,"_268":-7,"_269":-7,"_270":32,"_271":51,"_272":51,"_273":-5,"_274":51,"_275":51,"_276":51,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":16,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"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"]