[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_283":284,"_285":286},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":177,"_40":-7,"_178":-5,"_17":179,"_180":181,"_182":183,"_184":185,"_186":187,"_113":-5,"_188":189,"_190":191,"_192":48,"_193":194,"_195":26,"_196":-5,"_197":-5,"_198":199},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","arfan","name","ama","branchName","main","project",{"_32":58,"_13":14,"_34":134,"_46":-5,"_135":48,"_49":50,"_136":50,"_137":138,"_139":140,"_141":142,"_143":78,"_144":26,"_145":-5,"_146":-5,"_147":112,"_53":148,"_149":150,"_151":152,"_153":154,"_155":-5,"_156":157,"_158":157,"_159":160,"_161":160,"_162":160,"_163":157,"_164":157,"_165":166,"_167":168,"_169":28,"_47":48},"ahead",6,"behind",2,"diff",{"_63":64,"_65":66,"_67":68},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"pull","id","bd0d0f00-3658-11f0-b149-9e149126039e","createdAt",["D",1747841520522],"updatedAt",["D",1786119768587],"projectId","bd0cd814-3658-11f0-b149-9e149126039e","version",234,"forkedBranchId","forkedBranchVersion","lockfileKey","1786119768929-esm.town_v_tmcw_ama@234-main","deletedAt","isOwned",false,"privacy","public","userHandle","tmcw","orgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","projectName",7,"3ef810b0-0c8b-11f1-82b0-42dde27851f2","3ef22fb0-0c8b-11f1-82b0-42dde27851f2",232,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[104,105,106],"deleted",[],"modified",[69],{"_70":71,"_72":73,"_74":75},"path","ama.tsx","targetFile",{"_32":95,"_13":71,"_77":96,"_79":-5,"_80":33,"_81":97,"_83":48,"_34":98,"_40":99,"_86":87,"_88":100,"_65":48,"_90":101,"_91":-7,"_70":102,"_93":103},"sourceFile",{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":82,"_83":26,"_34":84,"_40":85,"_86":87,"_88":89,"_65":48,"_90":-5,"_91":-7,"_70":92,"_93":94},"cd5ae03c-1693-11f1-a627-42dde27851f2","fileId","019c6f3c-8141-73dd-9388-75e5921ae78e","parentId","branchId","branchVersion",4,"latest",["D",1772495948630],3,"fileType","http","content","/** @jsxImportSource npm:hono@4.7/jsx */\nimport { email } from \"https://esm.town/v/std/email?v=13\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono@4.7\";\nimport { serveFile } from \"https://esm.town/v/std/utils@105-main/index.ts\";\n\nconst app = new Hono();\n\nconst name = \"Tom MacWright\";\nconst url = \"https://macwright.com/\";\n\n/**\n * Reusable layout method so that our multiple pages can share a header and footer\n */\nconst layout = (content) => (\n \n \n AMA / {name}\n \n\n \n \n \n

\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;","label","children",[71],"contentHash","7a1701d91fbf6f172b016fb4bdd87032fb6d028ee5e565d3b40a52002e1ebc56","5f784e00-6113-11f0-8636-0224a6c84d84","c71214dc-3658-11f0-b118-9e149126039e",231,["D",1752539628237],132,"/** @jsxImportSource npm:hono@4.7/jsx */\nimport { email } from \"https://esm.town/v/std/email?v=13\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite2?v=1\";\nimport { Hono } from \"npm:hono@4.7\";\nimport { serveFile } from \"https://esm.town/v/std/utils@105-main/index.ts\";\n\nconst app = new Hono();\n\nconst name = \"Tom MacWright\";\nconst url = \"https://macwright.com/\";\n\n/**\n * Reusable layout method so that our multiple pages can share a header and footer\n */\nconst layout = (content) => (\n \n \n AMA / {name}\n \n\n \n \n \n

\n AMA\n

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

\n {content}\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

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

Test banner

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!

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;","tmcw-ama",[71],"8b2bf55654e2a7161a5e64d0f843fbc8269555828089e21e42d86d6adb7d4165",{"_70":125,"_72":-7,"_74":126},{"_70":117,"_72":-7,"_74":118},{"_70":107,"_72":-7,"_74":108},"deno.json",{"_32":109,"_13":107,"_77":110,"_79":-5,"_80":57,"_81":56,"_83":26,"_34":111,"_40":112,"_86":113,"_88":114,"_65":48,"_90":-5,"_91":-7,"_70":115,"_93":116},"97d61940-2a89-11f1-9289-42dde27851f2","97d619e0-2a89-11f1-9289-42dde27851f2",["D",1774690586854],0,"file","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": true,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.3.5\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-import-prefix\"]\n }\n },\n \"lock\": true,\n \"nodeModulesDir\": \"auto\"\n}\n",[107],"d830dc3c4e3e675414abe530ea592f8fa24907ffb389da561f56fe1b1a872035","biome.json",{"_32":119,"_13":117,"_77":120,"_79":-5,"_80":57,"_81":20,"_83":26,"_34":121,"_40":112,"_86":113,"_88":122,"_65":48,"_90":-5,"_91":-7,"_70":123,"_93":124},"979a523e-2a89-11f1-ac4b-42dde27851f2","979a52de-2a89-11f1-ac4b-42dde27851f2",["D",1774690586742],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.3.5/schema.json\",\n \"vcs\": { \"enabled\": true, \"clientKind\": \"git\", \"useIgnoreFile\": true },\n \"files\": { \"ignoreUnknown\": false },\n \"formatter\": { \"enabled\": true, \"indentStyle\": \"space\" },\n \"linter\": { \"enabled\": true, \"rules\": { \"recommended\": true } },\n \"javascript\": { \"formatter\": { \"quoteStyle\": \"double\" } },\n \"json\": {\n \"formatter\": {\n \"enabled\": true,\n \"lineWidth\": 120\n }\n },\n \"html\": {\n \"formatter\": {\n \"enabled\": true,\n \"lineWidth\": 130\n }\n }\n}\n",[117],"5ed6dc331540a0b01a5811c4ac6f1c66d9e5faa84e05189b297d68d416f0af06",".vtignore",{"_32":127,"_13":125,"_77":128,"_79":-5,"_80":57,"_81":129,"_83":26,"_34":130,"_40":112,"_86":113,"_88":131,"_65":48,"_90":-5,"_91":-7,"_70":132,"_93":133},"8a5abdba-2882-11f1-8644-42dde27851f2","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",[125],"2794baeb9269fb0f028bb813ac824b66473ac3f7fb4ec873000b5e0ddb6b2293",["D",1771392762074],"legacyEnvVars","httpPrivacy","description","Ask me anything","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/35d463db-babe-4859-4e74-a99a8c1c3b00/square512?exp=1789588799&sig=c7d514ad86c319744da67cce481d5533806a53926a297ac6a3177d214d4eba68","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,"_176":172},"org",{"_11":12,"_170":-5,"_171":172,"_141":142,"_173":174,"_175":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":278,"_46":-5,"_135":48,"_49":50,"_136":50,"_137":138,"_139":140,"_141":142,"_143":78,"_144":26,"_145":-5,"_146":-5,"_147":112,"_53":148,"_149":150,"_151":152,"_153":279,"_155":-5,"_156":157,"_158":157,"_159":160,"_161":160,"_162":160,"_163":157,"_164":157,"_165":280,"_167":281,"_169":282,"_47":48},"tree",[241,244,245,246,247,248],"files",[241,242,243,244,245,246,247,248],"counts",{"_231":112,"_232":219,"_233":112,"_234":235,"_236":237},"contents",[204,205,206,207,208,209],"upstreamProject",{"_32":39,"_13":14,"_137":138,"_139":140,"_49":50,"_165":202},"upstreamBranch",{"_32":33,"_34":200,"_36":201,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747841520522],["D",1786119768587],{"_11":52,"_176":203},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789588799&sig=39d8f16ee939a1abae6c1744554950aec75b527f146f1c3d65fc31b51edc55b3",{"_32":225,"_13":226,"_77":227,"_79":-5,"_80":57,"_81":219,"_83":26,"_34":228,"_40":112,"_86":229,"_88":-5,"_65":48,"_90":-5,"_70":230},{"_32":127,"_13":125,"_77":128,"_79":-5,"_80":57,"_81":129,"_83":26,"_34":223,"_40":112,"_86":113,"_88":131,"_65":48,"_90":-5,"_70":224},{"_32":216,"_13":217,"_77":218,"_79":-5,"_80":57,"_81":219,"_83":26,"_34":220,"_40":112,"_86":113,"_88":221,"_65":48,"_90":-5,"_70":222},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":82,"_83":26,"_34":214,"_40":85,"_86":87,"_88":89,"_65":48,"_90":-5,"_70":215},{"_32":119,"_13":117,"_77":120,"_79":-5,"_80":57,"_81":20,"_83":26,"_34":212,"_40":112,"_86":113,"_88":122,"_65":48,"_90":-5,"_70":213},{"_32":109,"_13":107,"_77":110,"_79":-5,"_80":57,"_81":56,"_83":26,"_34":210,"_40":112,"_86":113,"_88":114,"_65":48,"_90":-5,"_70":211},["D",1774690586854],[107],["D",1774690586742],[117],["D",1772495948630],[71],"3efd7884-0c8b-11f1-82b0-42dde27851f2","README.md","019c6f3c-8141-73dd-9388-722e5023202c",1,["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?",[217],["D",1774467655716],[125],"3efd7622-0c8b-11f1-82b0-42dde27851f2","static","019c6f3c-8141-73dd-9388-6f2942ec0ade",["D",1771392762074],"directory",[226],"pulls","branches","forks","envVars",{"_238":112,"_240":112},"connections",{"_238":112,"_239":112},"count","unfilledCount","emptyCount",{"_32":225,"_13":226,"_77":227,"_79":-5,"_80":57,"_81":219,"_83":26,"_34":275,"_40":112,"_86":229,"_88":-5,"_65":48,"_90":-5,"_91":276,"_70":277},{"_32":267,"_13":268,"_77":269,"_79":227,"_80":57,"_81":219,"_83":26,"_34":270,"_40":112,"_86":271,"_88":272,"_65":48,"_90":-5,"_91":273,"_70":274},{"_32":260,"_13":261,"_77":262,"_79":227,"_80":57,"_81":219,"_83":26,"_34":263,"_40":112,"_86":113,"_88":264,"_65":48,"_90":-5,"_91":265,"_70":266},{"_32":127,"_13":125,"_77":128,"_79":-5,"_80":57,"_81":129,"_83":26,"_34":130,"_40":112,"_86":113,"_88":131,"_65":48,"_90":-5,"_91":258,"_70":259},{"_32":216,"_13":217,"_77":218,"_79":-5,"_80":57,"_81":219,"_83":26,"_34":255,"_40":112,"_86":113,"_88":221,"_65":48,"_90":-5,"_91":256,"_70":257},{"_32":76,"_13":71,"_77":78,"_79":-5,"_80":57,"_81":82,"_83":26,"_34":84,"_40":85,"_86":87,"_88":89,"_65":48,"_90":-5,"_91":253,"_70":254},{"_32":119,"_13":117,"_77":120,"_79":-5,"_80":57,"_81":20,"_83":26,"_34":121,"_40":112,"_86":113,"_88":122,"_65":48,"_90":-5,"_91":251,"_70":252},{"_32":109,"_13":107,"_77":110,"_79":-5,"_80":57,"_81":56,"_83":26,"_34":111,"_40":112,"_86":113,"_88":114,"_65":48,"_90":-5,"_91":249,"_70":250},[],[107],[],[117],[],[71],["D",1771392762074],[],[217],[],[125],"3efd668c-0c8b-11f1-82b0-42dde27851f2","style.css","019c6f3c-8141-73dd-9388-6a78593e237a",["D",1771392762074],"body {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n avenir next,\n avenir,\n segoe ui,\n helvetica neue,\n Adwaita Sans,\n Cantarell,\n Ubuntu,\n roboto,\n noto,\n helvetica,\n arial,\n sans-serif;\n line-height: 1.4;\n padding: 0;\n margin: 0;\n font-size: 18px;\n}\n\nheader {\n border-bottom: 1px solid #000;\n padding: 20px;\n}\n\nheader h1 a {\n text-decoration: none;\n color: inherit;\n}\n\nheader h1 a:hover {\n text-decoration: underline;\n}\n\nheader h1, header p {\n margin: 0;\n}\n\na {\n color: blue;\n text-decoration: underline;\n text-decoration-skip-ink: auto;\n}\n\na:hover {\n background: yellow;\n}\n\nmain {\n max-width: 680px;\n padding: 0 20px;\n margin: 40px auto 40px auto;\n}\n\nmain h2 {\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n font-size: 20px;\n}\n\nmain time {\n opacity: 0.5;\n}\n\nmain textarea {\n font: inherit;\n width: 100%;\n height: 100px;\n padding: 5px 5px 15px 5px;\n resize: none;\n border-radius: 5px;\n border: 1px solid #000;\n}\n\nmain article {\n font-weight: bold;\n font-style: italic;\n}\n\nform {\n position: relative;\n margin-bottom: 2rem;\n}\n\nform button {\n font: inherit;\n position: absolute;\n bottom: 5px;\n right: 5px;\n border-radius: 5px;\n border: 1px solid #000;\n background: #eee;\n padding: 1px 7px;\n}\n\nform button:hover {\n background: #eec;\n}\n\nfooter {\n border-top: 1px solid #000;\n padding: 20px;\n}\n\nopen-heart {\n display: inline-flex;\n padding: 0.4em 0.8em;\n cursor: pointer;\n font-size: 20px;\n transition: transform 0.3s;\n color: #ccc;\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n avenir next,\n avenir,\n segoe ui,\n helvetica neue,\n Adwaita Sans,\n Cantarell,\n Ubuntu,\n roboto,\n noto,\n helvetica,\n arial,\n sans-serif;\n}\n\n.off {\n transition: opacity 0.3s;\n}\n\n.on {\n position: absolute;\n z-index: 1;\n opacity: 0;\n transform: scale(0);\n transition: transform 0.3s;\n}\n\nopen-heart:not([disabled]):hover,\nopen-heart:not([disabled]):focus {\n transform: scale(1.2);\n}\n\nopen-heart::after {\n font-size: 18px;\n padding-left: 4px;\n content: \" \" attr(count) \"\";\n}\n\n[aria-pressed=\"true\"] .on {\n transform: scale(1);\n opacity: 1;\n}\n\n[aria-pressed=\"true\"] .off {\n opacity: 0;\n}\n\n[aria-pressed=\"true\"] {\n color: #f00;\n}\n\n[aria-busy=\"true\"] {\n animation: pulsate 0.4s infinite;\n}\n\n@keyframes pulsate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(1.2);\n }\n}\n\n[errored] {\n opacity: 0.5;\n}",[],[226,261],"3efd3608-0c8b-11f1-82b0-42dde27851f2","heart.js","019c6f3c-8141-73dd-9388-64db22b45b2b",["D",1771392762074],"script","class OpenHeartElement extends HTMLElement {\n constructor() {\n super(), this.KEY = \"_open_heart\", this._send = this.send.bind(this);\n }\n connectedCallback() {\n if (\n this.tabIndex = 0,\n this.setAttribute(\"role\", \"button\"),\n this.setAttribute(\"aria-busy\", \"false\"),\n !this.emoji || !this.href\n ) {\n return console.error(this, \"missing required attributes\"),\n void this.toggleAttribute(\"disabled\", !0);\n }\n this.validateEmoji()\n ? this.hasReacted()\n ? this.setReacted()\n : (this.addEventListener(\"click\", this._send),\n this.addEventListener(\"keydown\", this._send))\n : console.error(this, \"emoji attribute incorrect\");\n this.getCount();\n }\n validateEmoji() {\n if (\"Segmenter\" in Intl) {\n const t = Array.from(\n new Intl.Segmenter(navigator.language || \"en\", {\n granularity: \"grapheme\",\n }).segment(this.emoji),\n ),\n e = t.length > 0 && t[0].segment;\n return this.emoji == e && /\\p{Emoji}/u.test(e);\n }\n {\n const t = this.emoji.match(/\\p{Emoji}/u);\n return !(!t || !t[0]);\n }\n }\n get href() {\n return this.getAttribute(\"href\");\n }\n get emoji() {\n return this.getAttribute(\"emoji\");\n }\n get key() {\n return `${this.emoji}@${encodeURIComponent(this.href)}`;\n }\n get disabled() {\n return this.hasAttribute(\"disabled\");\n }\n hasReacted() {\n return (localStorage.getItem(this.KEY) || \"\").split(\",\").includes(this.key);\n }\n setReacted() {\n this.setAttribute(\"aria-pressed\", \"true\"),\n this.toggleAttribute(\"disabled\", !0),\n this.removeEventListener(\"click\", this._send);\n }\n saveReaction() {\n const t = (localStorage.getItem(this.KEY) || \"\").split(\",\").filter(\n (t) => t,\n );\n t.push(this.key), localStorage.setItem(this.KEY, t.join(\",\"));\n }\n async getCount() {\n const t = await fetch(this.href, {\n headers: { Accept: \"application/json\" },\n });\n if (!t.ok) return;\n let e = {};\n try {\n e = await t.json();\n } catch {}\n this.setAttribute(\"count\", Number(e[this.emoji] || 0).toString());\n }\n async send(t) {\n if (\n (!(t instanceof KeyboardEvent) || [\"Enter\", \" \"].includes(t.key)) &&\n !this.disabled && \"true\" !== this.getAttribute(\"aria-busy\")\n ) {\n if (this.hasReacted()) return this.setReacted();\n this.setAttribute(\"aria-busy\", \"true\"),\n await fetch(this.href, {\n method: \"post\",\n body: this.emoji,\n mode: \"no-cors\",\n }),\n this.setAttribute(\"aria-busy\", \"false\"),\n this.saveReaction(),\n this.setReacted(),\n this.dispatchEvent(new CustomEvent(\"open-heart\", { bubbles: !0 }));\n this.getCount();\n }\n }\n}\nwindow.customElements.get(\"open-heart\") ||\n (window.OpenHeartElement = OpenHeartElement,\n window.customElements.define(\"open-heart\", OpenHeartElement));\nexport default OpenHeartElement;",[],[226,268],["D",1771392762074],[242,243],[226],["D",1771392762074],["D",1789527031073],{"_11":12,"_176":172},{"_11":12,"_170":-5,"_171":172,"_141":142,"_173":174,"_175":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_165":-5,"_197":316,"_317":318,"_319":320,"_321":48,"_322":48,"_323":48,"_324":26,"_325":-5,"_326":-7,"_327":-7,"_328":112,"_329":48,"_330":48,"_331":-5,"_332":48,"_333":48,"_334":48,"_335":-5},"ENV",{"_287":288,"_289":290,"_291":16,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315},"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"]

Compare

Mergearfan/mainintotmcw/main

Hama.tsx+1-1

.vtignore+9-0

biome.json+20-0

deno.json+34-0