\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 userAgent = c.req.header(\"User-Agent\");\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 User agent: ${userAgent}\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;",[],[115],"3efd7884-0c8b-11f1-82b0-42dde27851f2","README.md","019c6f3c-8141-73dd-9388-722e5023202c",["D",1771392762074],"# 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!\n\n---\n\nTODO:\n\n- [ ] Email notifications for when the host answers questions?",[],[125],"8a5abdba-2882-11f1-8644-42dde27851f2",".vtignore","8a5abe50-2882-11f1-8644-42dde27851f2",5,["D",1774467655716],"# Start of Selection\n\n.vt\n.git\n.DS_Store\nnode_modules\nvendor\n\n## Ensure that these files are not being tracked by Git. If they are still showing up, try running 'git rm --cached -r .vt vt.json' to remove them from the index\n",[],[132],["D",1771392762074],[142,143],[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":147,"_17":74,"_75":85,"_76":86,"_78":51,"_79":-5,"_104":148,"_18":149},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":144,"_17":74,"_75":24,"_76":77,"_78":51,"_79":-5,"_104":145,"_18":146},["D",1771392762074],[],[19,62],["D",1771392762074],[],[19,82],"3ef22fb0-0c8b-11f1-82b0-42dde27851f2",["D",1771392762074],"legacyEnvVars","httpPrivacy","description","Ask me anything","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/35d463db-babe-4859-4e74-a99a8c1c3b00/square512?exp=1789574399&sig=e338bb3e5af9d29ef7a1e4a52fc16d31e1627158295ab4c15e446c8c99e7b2ba","userId","1601447d-3c17-4580-a190-f6b82a1eb8e2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","8789b31e-4477-4b2d-ae0d-cc5f2132061a","tursoName","3ef22fb00c8b11f182b042dde27851f2","tursoHostname","3ef22fb00c8b11f182b042dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527031073],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_198":194},"org",{"_11":12,"_192":-5,"_193":194,"_158":159,"_195":196,"_197":51},"branch",{"_17":101,"_13":16,"_36":68,"_42":150,"_45":37,"_46":188,"_189":53,"_190":43,"_191":57,"_58":14,"_54":12},232,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":150,"_13":14,"_38":263,"_49":-5,"_152":51,"_52":53,"_153":53,"_154":155,"_156":157,"_158":159,"_160":116,"_161":72,"_162":-5,"_163":-5,"_164":74,"_56":165,"_166":167,"_168":169,"_170":264,"_172":-5,"_173":174,"_175":174,"_176":177,"_178":177,"_179":177,"_180":174,"_181":174,"_182":265,"_184":266,"_186":267,"_50":51},[239,242,243,244,245,246],"files",[239,240,241,242,243,244,245,246],"counts",{"_230":74,"_231":70,"_232":74,"_35":233,"_234":235},[226,227],{"_36":88,"_67":68,"_63":66,"_13":19,"_76":-5,"_75":90,"_17":74,"_65":-5,"_38":224,"_69":70,"_79":-5,"_18":225},"upstreamProject",{"_36":43,"_13":14,"_154":155,"_156":157,"_52":53,"_182":222},"upstreamBranch",{"_36":37,"_38":220,"_40":221,"_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],{"_11":55,"_198":223},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789574399&sig=9cc0dca7e26047007393ff34718e44e9105ffb78d8fc9914f1325018554ffa66",["D",1771392762074],[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":84,"_17":74,"_75":85,"_76":86,"_78":51,"_79":-5,"_18":229},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":24,"_76":77,"_78":51,"_79":-5,"_18":228},[19,62],[19,82],"pulls","branches","forks",{"_236":74,"_238":74},"connections",{"_236":74,"_237":74},"count","unfilledCount","emptyCount",{"_36":88,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":139,"_17":74,"_75":90,"_76":-5,"_78":51,"_79":-5,"_104":261,"_18":262},{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":147,"_17":74,"_75":85,"_76":86,"_78":51,"_79":-5,"_104":259,"_18":260},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":144,"_17":74,"_75":24,"_76":77,"_78":51,"_79":-5,"_104":257,"_18":258},{"_36":131,"_13":132,"_63":133,"_65":-5,"_67":68,"_69":134,"_71":72,"_38":135,"_17":74,"_75":24,"_76":136,"_78":51,"_79":-5,"_104":255,"_18":256},{"_36":124,"_13":125,"_63":126,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":127,"_17":74,"_75":24,"_76":128,"_78":51,"_79":-5,"_104":253,"_18":254},{"_36":114,"_13":115,"_63":116,"_65":-5,"_67":68,"_69":117,"_71":72,"_38":118,"_17":119,"_75":120,"_76":121,"_78":51,"_79":-5,"_104":251,"_18":252},{"_36":107,"_13":108,"_63":109,"_65":-5,"_67":68,"_69":32,"_71":72,"_38":110,"_17":74,"_75":24,"_76":111,"_78":51,"_79":-5,"_104":249,"_18":250},{"_36":98,"_13":99,"_63":100,"_65":-5,"_67":68,"_69":101,"_71":72,"_38":102,"_17":74,"_75":24,"_76":103,"_78":51,"_79":-5,"_104":247,"_18":248},[],[99],[],[108],[],[115],[],[125],[],[132],[],[19,62],[],[19,82],[240,241],[19],["D",1771392762074],["D",1789527031073],{"_11":12,"_198":194},{"_11":12,"_192":-5,"_193":194,"_158":159,"_195":196,"_197":51},{"_17":101,"_13":16,"_36":68,"_42":150,"_45":37,"_46":188,"_189":53,"_190":43,"_191":57,"_58":14,"_54":12},"ctx",{"_182":-5,"_217":301,"_302":303,"_304":305,"_306":51,"_307":51,"_308":51,"_309":72,"_310":-5,"_311":-7,"_312":-7,"_313":74,"_314":51,"_315":51,"_316":-5,"_317":51,"_318":51,"_319":51,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":16,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"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"]