Polyatomics

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_309":310,"_311":312},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",218,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/lib/polyatomics.ts","latestPath","fileId","f8d8ec80-a3cf-11f1-87dc-1607ee4eb77e","name","polyatomics.ts","fileType","script","content","export type Ion = { name: string; formula: string; charge: string; category: string };\nexport type Config = { seconds: number | null; categories: string[]; ions: string[]; loop: boolean };\nexport type Attempt = { correct: boolean; ion: Ion; timeLeft: number | null };\n\nexport const IONS: Ion[] = [\n { name: \"acetate\", formula: \"C2H3O2\", charge: \"−1\", category: \"Common\" },\n { name: \"ammonium\", formula: \"NH4\", charge: \"+1\", category: \"Common\" },\n { name: \"bicarbonate\", formula: \"HCO3\", charge: \"−1\", category: \"Common\" },\n { name: \"bisulfate\", formula: \"HSO4\", charge: \"−1\", category: \"Common\" },\n { name: \"bisulfite\", formula: \"HSO3\", charge: \"−1\", category: \"Common\" },\n { name: \"borate\", formula: \"BO3\", charge: \"−3\", category: \"Oxyanion\" },\n { name: \"bromate\", formula: \"BrO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"bromite\", formula: \"BrO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"carbonate\", formula: \"CO3\", charge: \"−2\", category: \"Common\" },\n { name: \"chlorate\", formula: \"ClO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"chlorite\", formula: \"ClO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"chromate\", formula: \"CrO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"cyanide\", formula: \"CN\", charge: \"−1\", category: \"Common\" },\n { name: \"dichromate\", formula: \"Cr2O7\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"dihydrogen phosphate\", formula: \"H2PO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"hydrogen phosphate\", formula: \"HPO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"hydroxide\", formula: \"OH\", charge: \"−1\", category: \"Common\" },\n { name: \"hypochlorite\", formula: \"ClO\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"iodate\", formula: \"IO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"iodite\", formula: \"IO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"manganate\", formula: \"MnO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"nitrate\", formula: \"NO3\", charge: \"−1\", category: \"Common\" },\n { name: \"nitrite\", formula: \"NO2\", charge: \"−1\", category: \"Common\" },\n { name: \"oxalate\", formula: \"C2O4\", charge: \"−2\", category: \"Organic\" },\n { name: \"perchlorate\", formula: \"ClO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"permanganate\", formula: \"MnO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"peroxide\", formula: \"O2\", charge: \"−2\", category: \"Common\" },\n { name: \"phosphate\", formula: \"PO4\", charge: \"−3\", category: \"Common\" },\n { name: \"phosphite\", formula: \"PO3\", charge: \"−3\", category: \"Oxyanion\" },\n { name: \"silicate\", formula: \"SiO3\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"sulfate\", formula: \"SO4\", charge: \"−2\", category: \"Common\" },\n { name: \"sulfite\", formula: \"SO3\", charge: \"−2\", category: \"Common\" },\n { name: \"thiocyanate\", formula: \"SCN\", charge: \"−1\", category: \"Organic\" },\n { name: \"thiosulfate\", formula: \"S2O3\", charge: \"−2\", category: \"Oxyanion\" },\n];\n\nexport const CATEGORIES = [\"Common\", \"Oxyanion\", \"Organic\"] as const;\nexport const DEFAULT_CONFIG: Config = { seconds: 120, categories: [\"Common\", \"Oxyanion\"], ions: [], loop: false };\n","export type Ion = { name: string; formula: string; charge: string; category: string };\nexport type QuizMode = \"formula\" | \"name\";\nexport type Config = { mode: QuizMode; seconds: number | null; categories: string[]; ions: string[]; loop: boolean };\nexport type Attempt = { correct: boolean; ion: Ion; timeLeft: number | null };\n\nexport const IONS: Ion[] = [\n { name: \"acetate\", formula: \"C2H3O2\", charge: \"−1\", category: \"Common\" },\n { name: \"ammonium\", formula: \"NH4\", charge: \"+1\", category: \"Common\" },\n { name: \"bicarbonate\", formula: \"HCO3\", charge: \"−1\", category: \"Common\" },\n { name: \"bisulfate\", formula: \"HSO4\", charge: \"−1\", category: \"Common\" },\n { name: \"bisulfite\", formula: \"HSO3\", charge: \"−1\", category: \"Common\" },\n { name: \"borate\", formula: \"BO3\", charge: \"−3\", category: \"Oxyanion\" },\n { name: \"bromate\", formula: \"BrO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"bromite\", formula: \"BrO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"carbonate\", formula: \"CO3\", charge: \"−2\", category: \"Common\" },\n { name: \"chlorate\", formula: \"ClO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"chlorite\", formula: \"ClO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"chromate\", formula: \"CrO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"cyanide\", formula: \"CN\", charge: \"−1\", category: \"Common\" },\n { name: \"dichromate\", formula: \"Cr2O7\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"dihydrogen phosphate\", formula: \"H2PO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"hydrogen phosphate\", formula: \"HPO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"hydroxide\", formula: \"OH\", charge: \"−1\", category: \"Common\" },\n { name: \"hypochlorite\", formula: \"ClO\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"iodate\", formula: \"IO3\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"iodite\", formula: \"IO2\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"manganate\", formula: \"MnO4\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"nitrate\", formula: \"NO3\", charge: \"−1\", category: \"Common\" },\n { name: \"nitrite\", formula: \"NO2\", charge: \"−1\", category: \"Common\" },\n { name: \"oxalate\", formula: \"C2O4\", charge: \"−2\", category: \"Organic\" },\n { name: \"perchlorate\", formula: \"ClO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"permanganate\", formula: \"MnO4\", charge: \"−1\", category: \"Oxyanion\" },\n { name: \"peroxide\", formula: \"O2\", charge: \"−2\", category: \"Common\" },\n { name: \"phosphate\", formula: \"PO4\", charge: \"−3\", category: \"Common\" },\n { name: \"phosphite\", formula: \"PO3\", charge: \"−3\", category: \"Oxyanion\" },\n { name: \"silicate\", formula: \"SiO3\", charge: \"−2\", category: \"Oxyanion\" },\n { name: \"sulfate\", formula: \"SO4\", charge: \"−2\", category: \"Common\" },\n { name: \"sulfite\", formula: \"SO3\", charge: \"−2\", category: \"Common\" },\n { name: \"thiocyanate\", formula: \"SCN\", charge: \"−1\", category: \"Organic\" },\n { name: \"thiosulfate\", formula: \"S2O3\", charge: \"−2\", category: \"Oxyanion\" },\n];\n\nexport const CATEGORIES = [\"Common\", \"Oxyanion\", \"Organic\"] as const;\nexport const DEFAULT_CONFIG: Config = { seconds: 120, categories: [\"Common\", \"Oxyanion\"], ions: [], loop: false };\n","createdAt",["D",1788040818620],"branchVersion","branchId","91efcfc2-57fc-4e40-a802-a0a982202b7c","id","b7e65ae6-0a45-4ddf-9a18-259d42abc50b","polyatomics",["D",1787973066715],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Practice polyatomic ion formulas and charges","imageUrl","a0dbc0e3-e526-4d2e-b19c-fcb458a27a4e","pinnedFileId","01a04b7f-e043-776f-9b1e-67170ce79a7b","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a04933-e278-70de-a7be-b64137dd639b","tursoName","b7e65ae60a454ddf9a18259d42abc50b","tursoHostname","b7e65ae60a454ddf9a18259d42abc50b-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789535451117],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",242,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","altors_graphika","handle","displayName","Altors-Graphika","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/d88c49d9-df42-4251-2a99-48ca93b86e01/square512?exp=1789549199&sig=c15bf2065c36253101ba985f20d2e251aefea60241f0b5f04795ee66828f0e97","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":304,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":305,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":306,"_85":307,"_87":308,"_89":25},"tree",[170,185,186],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_160":64,"_161":151,"_162":64,"_163":164,"_165":166},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":154,"_32":155,"_30":156,"_137":-5,"_42":43,"_41":151,"_139":60,"_39":157,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_27":159},{"_44":146,"_32":147,"_30":148,"_137":-5,"_42":43,"_41":149,"_139":60,"_39":150,"_13":151,"_34":20,"_36":152,"_24":25,"_144":-5,"_27":153},{"_44":135,"_32":136,"_30":58,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":140,"_13":141,"_34":142,"_36":143,"_24":25,"_144":46,"_27":145},"e9eb1765-be20-45bc-b40c-2fe4c6e163d4","index.ts","parentId",169,"latest",["D",1788037454141],9,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[136],"8fd05197-c6e3-4b8e-b16a-e383aca59d99","README.md","01a04b7f-e043-776f-9b1e-61c237442125",146,["D",1788025063496],1,"# Polyatomics\n\nA focused practice app for memorizing common polyatomic ion formulas and charges.\n\n## Features\n\n- Practice 32 common polyatomic ions.\n- Choose a time limit or practice without a timer.\n- Practice by category or select individual ions.\n- Loop mode continuously cycles through the selected pool.\n- Immediate feedback shows the correct formula and charge.\n- Session results include accuracy, correct answers, average answer time, and missed ions.\n- Installable as a PWA with update notifications.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|GET /| Hono[\"index.ts\"]\n Hono -->|HTML shell| Root[\"frontend/root.tsx\"]\n Root --> Entry[\"frontend/index.tsx\"]\n Entry --> App[\"frontend/components/App.tsx\"]\n App --> Start[\"StartScreen.tsx\"]\n App --> Quiz[\"QuizScreen.tsx\"]\n App --> End[\"EndScreen.tsx\"]\n App --> Install[\"InstallNudge.tsx\"]\n App --> Session[\"hooks/useQuizSession.ts\"]\n Session --> Rules[\"lib/quiz.ts\"]\n Rules --> Data[\"lib/polyatomics.ts\"]\n```\n\n## File structure\n\n```text\nindex.ts\nfrontend/\n root.tsx # HTML shell and immutable asset URLs\n index.tsx # React entrypoint and service-worker registration\n manifest.webmanifest # PWA metadata\n favicon.svg # App icon\n favicon-green.svg # App icon used by the shell\n icon-192.svg\n icon-512.svg\n components/\n App.tsx # Composition/root component\n StartScreen.tsx # Session configuration\n QuizScreen.tsx # Question and answer UI\n EndScreen.tsx # Session results\n InstallNudge.tsx # Install/update UI\n hooks/\n useQuizSession.ts # Quiz state and transitions\n lib/\n polyatomics.ts # Ion data, types, and defaults\n quiz.ts # Pure quiz rules and formatting helpers\n```\n\n## Design principles\n\nThe UI components are intentionally thin. Quiz behavior lives in `useQuizSession`, while pure domain rules live in `lib/quiz.ts`. The ion dataset and shared types live in `lib/polyatomics.ts`, so other practice modes can reuse them without depending on the UI.\n\nThe app does not require application cookies or a login to practice. Browser persistence for the install prompt is treated as optional: if web storage is unavailable or blocked, the prompt simply falls back to its default behavior and the quiz remains usable.\n\n## Development\n\nThe HTTP entrypoint is `index.ts`. React components live under `frontend/components/`, with reusable state and domain logic under `frontend/hooks/` and `frontend/lib/`.\n\nThe app uses React 18, Hono, Twind, and immutable Val Town asset URLs.\n",[147],"aa37af58-90fd-4bfa-85a4-500c985f1deb","frontend","01a04b7f-e043-776f-9b1e-58a885ba27e3",["D",1787973066715],"directory",[155],"pulls","branches","forks","envVars",{"_167":64,"_169":64},"connections",{"_167":64,"_168":64},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_137":-5,"_42":43,"_41":151,"_139":60,"_39":301,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_188":302,"_27":303},{"_44":297,"_32":270,"_30":264,"_137":156,"_42":43,"_41":151,"_139":60,"_39":298,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_188":299,"_27":300},{"_44":288,"_32":289,"_30":290,"_137":264,"_42":43,"_41":291,"_139":25,"_39":292,"_13":293,"_34":35,"_36":294,"_24":25,"_144":-5,"_188":295,"_27":296},{"_44":280,"_32":281,"_30":282,"_137":264,"_42":43,"_41":283,"_139":60,"_39":284,"_13":208,"_34":35,"_36":285,"_24":25,"_144":-5,"_188":286,"_27":287},{"_44":271,"_32":272,"_30":273,"_137":264,"_42":43,"_41":274,"_139":25,"_39":275,"_13":276,"_34":35,"_36":277,"_24":25,"_144":-5,"_188":278,"_27":279},{"_44":261,"_32":262,"_30":263,"_137":264,"_42":43,"_41":265,"_139":25,"_39":266,"_13":208,"_34":35,"_36":267,"_24":25,"_144":-5,"_188":268,"_27":269},{"_44":257,"_32":256,"_30":249,"_137":156,"_42":43,"_41":242,"_139":60,"_39":258,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_188":259,"_27":260},{"_44":246,"_32":247,"_30":248,"_137":249,"_42":43,"_41":250,"_139":25,"_39":251,"_13":252,"_34":35,"_36":253,"_24":25,"_144":-5,"_188":254,"_27":255},{"_44":241,"_32":236,"_30":230,"_137":156,"_42":43,"_41":242,"_139":60,"_39":243,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_188":244,"_27":245},{"_44":237,"_32":33,"_30":31,"_137":230,"_42":43,"_41":14,"_139":25,"_39":238,"_13":151,"_34":35,"_36":38,"_24":25,"_144":-5,"_188":239,"_27":240},{"_44":227,"_32":228,"_30":229,"_137":230,"_42":43,"_41":231,"_139":60,"_39":232,"_13":208,"_34":35,"_36":233,"_24":25,"_144":-5,"_188":234,"_27":235},{"_44":219,"_32":220,"_30":221,"_137":156,"_42":43,"_41":222,"_139":60,"_39":223,"_13":151,"_34":20,"_36":224,"_24":25,"_144":-5,"_188":225,"_27":226},{"_44":212,"_32":213,"_30":214,"_137":156,"_42":43,"_41":151,"_139":60,"_39":215,"_13":64,"_34":20,"_36":216,"_24":25,"_144":-5,"_188":217,"_27":218},{"_44":203,"_32":204,"_30":205,"_137":156,"_42":43,"_41":206,"_139":60,"_39":207,"_13":208,"_34":35,"_36":209,"_24":25,"_144":-5,"_188":210,"_27":211},{"_44":194,"_32":195,"_30":196,"_137":156,"_42":43,"_41":197,"_139":60,"_39":198,"_13":199,"_34":35,"_36":200,"_24":25,"_144":-5,"_188":201,"_27":202},{"_44":146,"_32":147,"_30":148,"_137":-5,"_42":43,"_41":149,"_139":60,"_39":191,"_13":151,"_34":20,"_36":152,"_24":25,"_144":-5,"_188":192,"_27":193},{"_44":135,"_32":136,"_30":58,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":187,"_13":141,"_34":142,"_36":143,"_24":25,"_144":46,"_188":189,"_27":190},["D",1788037454141],"children",[],[136],["D",1788025063496],[],[147],"8a7077c9-c302-4867-9620-078644758112","root.tsx","01a04b7f-e043-776f-9b1e-554f5bc7b179",213,["D",1788040505046],22,"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n \n \n \n \n Polyatomics\n

Diff · v218