Polyatomics

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_336":337,"_338":339},"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",152,"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/hooks/useQuizSession.ts","latestPath","fileId","f8d8d5c4-a3cf-11f1-87dc-1607ee4eb77e","name","useQuizSession.ts","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DEFAULT_CONFIG, IONS, type Attempt, type Config, type Ion } from \"../lib/polyatomics.ts\";\nimport { normalizeCharge, normalizeFormula, pickNext, selectedPool, shuffle } from \"../lib/quiz.ts\";\n\nexport type QuizScreen = \"start\" | \"quiz\" | \"end\";\n\nexport function useQuizSession() {\n const [screen, setScreen] = useState(\"start\");\n const [config, setConfig] = useState(DEFAULT_CONFIG);\n const [pool, setPool] = useState([]);\n const [ion, setIon] = useState(IONS[0]);\n const [index, setIndex] = useState(0);\n const [formula, setFormulaState] = useState(\"\");\n const [charge, setChargeState] = useState(\"\");\n const [checked, setChecked] = useState(false);\n const [gaveUp, setGaveUp] = useState(false);\n const [correctAnimating, setCorrectAnimating] = useState(false);\n const advanceTimer = useRef(null);\n const [correct, setCorrect] = useState(0);\n const [attempts, setAttempts] = useState(0);\n const [streak, setStreak] = useState(0);\n const [timeLeft, setTimeLeft] = useState(DEFAULT_CONFIG.seconds);\n const [history, setHistory] = useState([]);\n\n const setFormula = useCallback((value: string) => { setFormulaState(value); setChecked(false); }, []);\n const setCharge = useCallback((value: string) => { setChargeState(value); setChecked(false); }, []);\n const selectedCountPool = useMemo(() => selectedPool(config), [config]);\n const formulaCorrect = normalizeFormula(formula) === ion.formula;\n const chargeCorrect = normalizeCharge(charge) === normalizeCharge(ion.charge);\n const answerCorrect = formulaCorrect && chargeCorrect;\n const progress = pool.length\n ? config.loop\n ? Math.min(100, ((attempts % pool.length) + (checked && answerCorrect ? 1 : 0)) / pool.length * 100)\n : Math.min(100, (index + (checked && answerCorrect ? 1 : 0)) / pool.length * 100)\n : 0;\n\n useEffect(() => {\n if (screen !== \"quiz\" || config.seconds === null) return;\n const id = setInterval(() => setTimeLeft((t) => t !== null && t > 0 ? t - 1 : 0), 1000);\n return () => clearInterval(id);\n }, [screen, config.seconds]);\n\n useEffect(() => {\n if (screen === \"quiz\" && timeLeft === 0 && config.seconds !== null) setScreen(\"end\");\n }, [screen, timeLeft, config.seconds]);\n\n const resetQuestion = useCallback((next: Ion, nextIndex: number) => {\n if (advanceTimer.current !== null) {\n clearTimeout(advanceTimer.current);\n advanceTimer.current = null;\n }\n setIon(next);\n setIndex(nextIndex);\n setFormulaState(\"\");\n setChargeState(\"\");\n setChecked(false);\n setGaveUp(false);\n setCorrectAnimating(false);\n }, []);\n\n const begin = useCallback(() => {\n const nextPool = shuffle(selectedCountPool);\n setPool(nextPool);\n setIndex(0);\n setFormulaState(\"\");\n setChargeState(\"\");\n setChecked(false);\n setGaveUp(false);\n setCorrectAnimating(false);\n setCorrect(0);\n setAttempts(0);\n setStreak(0);\n setTimeLeft(config.seconds);\n setHistory([]);\n setScreen(nextPool.length ? \"quiz\" : \"start\");\n if (nextPool[0]) setIon(nextPool[0]);\n }, [config, selectedCountPool]);\n\n const advance = useCallback(() => {\n if (!pool.length) return;\n if (!config.loop && index >= pool.length - 1) {\n setScreen(\"end\");\n return;\n }\n const nextIndex = config.loop ? (index + 1) % pool.length : index + 1;\n const next = config.loop ? pickNext(pool, ion) : pool[nextIndex];\n resetQuestion(next, nextIndex);\n }, [config.loop, index, ion, pool, resetQuestion]);\n\n const skip = useCallback(() => {\n setStreak(0);\n advance();\n }, [advance]);\n\n const check = useCallback(() => {\n const record: Attempt = { correct: answerCorrect, ion, timeLeft };\n setHistory((items) => [...items, record]);\n setAttempts((n) => n + 1);\n setChecked(true);\n if (answerCorrect) {\n setCorrect((n) => n + 1);\n setStreak((n) => n + 1);\n } else {\n setStreak(0);\n }\n }, [answerCorrect, ion, timeLeft]);\n\n const submit = useCallback(() => {\n if (answerCorrect && checked) advance();\n else check();\n }, [advance, answerCorrect, check, checked]);\n\n return {\n screen, setScreen, config, setConfig, pool, ion, index, formula, charge, checked,\n correct, attempts, streak, timeLeft, history, formulaCorrect, chargeCorrect,\n answerCorrect, progress, setFormula, setCharge, begin, advance, skip, submit,\n };\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DEFAULT_CONFIG, IONS, type Attempt, type Config, type Ion } from \"../lib/polyatomics.ts\";\nimport { normalizeCharge, normalizeFormula, pickNext, selectedPool, shuffle } from \"../lib/quiz.ts\";\n\nexport type QuizScreen = \"start\" | \"quiz\" | \"end\";\n\nexport function useQuizSession() {\n const [screen, setScreen] = useState(\"start\");\n const [config, setConfig] = useState(DEFAULT_CONFIG);\n const [pool, setPool] = useState([]);\n const [ion, setIon] = useState(IONS[0]);\n const [index, setIndex] = useState(0);\n const [formula, setFormulaState] = useState(\"\");\n const [charge, setChargeState] = useState(\"\");\n const [checked, setChecked] = useState(false);\n const [gaveUp, setGaveUp] = useState(false);\n const [correctAnimating, setCorrectAnimating] = useState(false);\n const advanceTimer = useRef(null);\n const [correct, setCorrect] = useState(0);\n const [attempts, setAttempts] = useState(0);\n const [streak, setStreak] = useState(0);\n const [timeLeft, setTimeLeft] = useState(DEFAULT_CONFIG.seconds);\n const [history, setHistory] = useState([]);\n\n const setFormula = useCallback((value: string) => { setFormulaState(value); setChecked(false); }, []);\n const setCharge = useCallback((value: string) => { setChargeState(value); setChecked(false); }, []);\n const selectedCountPool = useMemo(() => selectedPool(config), [config]);\n const formulaCorrect = normalizeFormula(formula) === ion.formula;\n const chargeCorrect = normalizeCharge(charge) === normalizeCharge(ion.charge);\n const answerCorrect = formulaCorrect && chargeCorrect;\n const progress = pool.length\n ? config.loop\n ? Math.min(100, ((attempts % pool.length) + (checked && answerCorrect ? 1 : 0)) / pool.length * 100)\n : Math.min(100, (index + (checked && answerCorrect ? 1 : 0)) / pool.length * 100)\n : 0;\n\n useEffect(() => {\n if (screen !== \"quiz\" || config.seconds === null) return;\n const id = setInterval(() => setTimeLeft((t) => t !== null && t > 0 ? t - 1 : 0), 1000);\n return () => clearInterval(id);\n }, [screen, config.seconds]);\n\n useEffect(() => {\n if (screen === \"quiz\" && timeLeft === 0 && config.seconds !== null) setScreen(\"end\");\n }, [screen, timeLeft, config.seconds]);\n\n const resetQuestion = useCallback((next: Ion, nextIndex: number) => {\n if (advanceTimer.current !== null) {\n clearTimeout(advanceTimer.current);\n advanceTimer.current = null;\n }\n setIon(next);\n setIndex(nextIndex);\n setFormulaState(\"\");\n setChargeState(\"\");\n setChecked(false);\n setGaveUp(false);\n setCorrectAnimating(false);\n }, []);\n\n const begin = useCallback(() => {\n const nextPool = shuffle(selectedCountPool);\n setPool(nextPool);\n setIndex(0);\n setFormulaState(\"\");\n setChargeState(\"\");\n setChecked(false);\n setGaveUp(false);\n setCorrectAnimating(false);\n setCorrect(0);\n setAttempts(0);\n setStreak(0);\n setTimeLeft(config.seconds);\n setHistory([]);\n setScreen(nextPool.length ? \"quiz\" : \"start\");\n if (nextPool[0]) setIon(nextPool[0]);\n }, [config, selectedCountPool]);\n\n const advance = useCallback(() => {\n if (!pool.length) return;\n if (!config.loop && index >= pool.length - 1) {\n setScreen(\"end\");\n return;\n }\n const nextIndex = config.loop ? (index + 1) % pool.length : index + 1;\n const next = config.loop ? pickNext(pool, ion) : pool[nextIndex];\n resetQuestion(next, nextIndex);\n }, [config.loop, index, ion, pool, resetQuestion]);\n\n const skip = useCallback(() => {\n setStreak(0);\n advance();\n }, [advance]);\n\n const giveUp = useCallback(() => {\n setChecked(true);\n setGaveUp(true);\n setCorrectAnimating(false);\n setStreak(0);\n }, []);\n\n const continueAfterGiveUp = useCallback(() => {\n if (gaveUp) advance();\n }, [advance, gaveUp]);\n\n const check = useCallback(() => {\n if (checked || gaveUp || correctAnimating) return;\n const record: Attempt = { correct: answerCorrect, ion, timeLeft };\n setHistory((items) => [...items, record]);\n setAttempts((n) => n + 1);\n setChecked(true);\n if (answerCorrect) {\n setCorrect((n) => n + 1);\n setStreak((n) => n + 1);\n setCorrectAnimating(true);\n advanceTimer.current = window.setTimeout(() => {\n advanceTimer.current = null;\n advance();\n }, 420);\n } else {\n setStreak(0);\n }\n }, [advance, answerCorrect, checked, correctAnimating, gaveUp, ion, timeLeft]);\n\n const submit = useCallback(() => {\n if (gaveUp) continueAfterGiveUp();\n else check();\n }, [check, continueAfterGiveUp, gaveUp]);\n\n return {\n screen, setScreen, config, setConfig, pool, ion, index, formula, charge, checked,\n correct, attempts, streak, timeLeft, history, formulaCorrect, chargeCorrect,\n answerCorrect, progress, setFormula, setCharge, begin, advance, skip, submit,\n };\n}\n","createdAt",["D",1788036868466],"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=1789556399&sig=78e3e1f2c9d7afd8b81804169e92fbb5e3c698d6b3914eac2b5a7eccb3d04b16","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":331,"_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":332,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":333,"_85":334,"_87":335,"_89":25},"tree",[170,189,190],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190],"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":25,"_39":140,"_13":141,"_34":142,"_36":143,"_24":25,"_144":46,"_27":145},"13adbde4-3b42-4ce6-a834-80342520dd65","index.ts","parentId",137,"latest",["D",1787984765894],7,"http","import { parseVal, serveImmutableFile, listFiles } 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(\"/sw.js\", async (c) => {\n const files = await listFiles(import.meta.url);\n const version = String(files.find((file) => file.path === \"/frontend/index.tsx\" || file.path === \"frontend/index.tsx\")?.version ?? Date.now());\n const script = `const VERSION = ${JSON.stringify(version)};\nconst CACHE = \"polyatomics-v\" + VERSION;\nconst SHELL = [\"/\"];\nlet hadPreviousCache = false;\nself.addEventListener(\"install\", (event) => {\n event.waitUntil(\n caches.keys()\n .then((keys) => {\n hadPreviousCache = keys.some((key) => key.startsWith(\"polyatomics-v\"));\n return caches.open(CACHE);\n })\n .then((cache) => cache.addAll(SHELL))\n .then(() => self.skipWaiting())\n );\n});\nself.addEventListener(\"activate\", (event) => {\n event.waitUntil(\n caches.keys()\n .then((keys) => Promise.all(keys.filter((key) => key.startsWith(\"polyatomics-v\") && key !== CACHE).map((key) => caches.delete(key))))\n .then(() => self.clients.claim())\n .then(() => hadPreviousCache ? self.clients.matchAll({ type: \"window\", includeUncontrolled: true }).then((clients) => clients.forEach((client) => client.postMessage({ type: \"UPDATE_AVAILABLE\", version: VERSION }))) : undefined)\n );\n});\nself.addEventListener(\"fetch\", (event) => {\n const request = event.request;\n if (request.method !== \"GET\") return;\n event.respondWith(\n caches.match(request)\n .then((cached) => cached || fetch(request).then((response) => {\n if (response.ok || response.type === \"opaque\") {\n const copy = response.clone();\n caches.open(CACHE).then((cache) => cache.put(request, copy));\n }\n return response;\n }).catch(() => request.mode === \"navigate\" ? caches.match(\"/\") : new Response(\"Offline\", { status: 503, statusText: \"Offline\" })))\n );\n});`;\n return c.body(script, 200, { \"Content-Type\": \"application/javascript; charset=UTF-8\", \"Cache-Control\": \"no-cache\" });\n});\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":328,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_192":329,"_27":330},{"_44":324,"_32":294,"_30":289,"_137":156,"_42":43,"_41":151,"_139":60,"_39":325,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_192":326,"_27":327},{"_44":316,"_32":317,"_30":318,"_137":289,"_42":43,"_41":258,"_139":25,"_39":319,"_13":320,"_34":35,"_36":321,"_24":25,"_144":-5,"_192":322,"_27":323},{"_44":309,"_32":310,"_30":311,"_137":289,"_42":43,"_41":258,"_139":25,"_39":312,"_13":64,"_34":35,"_36":313,"_24":25,"_144":-5,"_192":314,"_27":315},{"_44":302,"_32":303,"_30":304,"_137":289,"_42":43,"_41":149,"_139":25,"_39":305,"_13":151,"_34":35,"_36":306,"_24":25,"_144":-5,"_192":307,"_27":308},{"_44":295,"_32":296,"_30":297,"_137":289,"_42":43,"_41":258,"_139":25,"_39":298,"_13":64,"_34":35,"_36":299,"_24":25,"_144":-5,"_192":300,"_27":301},{"_44":286,"_32":287,"_30":288,"_137":289,"_42":43,"_41":258,"_139":25,"_39":290,"_13":64,"_34":35,"_36":291,"_24":25,"_144":-5,"_192":292,"_27":293},{"_44":282,"_32":281,"_30":276,"_137":156,"_42":43,"_41":258,"_139":60,"_39":283,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_192":284,"_27":285},{"_44":275,"_32":33,"_30":31,"_137":276,"_42":43,"_41":14,"_139":25,"_39":277,"_13":278,"_34":35,"_36":38,"_24":25,"_144":-5,"_192":279,"_27":280},{"_44":271,"_32":263,"_30":257,"_137":156,"_42":43,"_41":258,"_139":60,"_39":272,"_13":64,"_34":158,"_36":-5,"_24":25,"_144":-5,"_192":273,"_27":274},{"_44":264,"_32":265,"_30":266,"_137":257,"_42":43,"_41":258,"_139":25,"_39":267,"_13":64,"_34":35,"_36":268,"_24":25,"_144":-5,"_192":269,"_27":270},{"_44":254,"_32":255,"_30":256,"_137":257,"_42":43,"_41":258,"_139":25,"_39":259,"_13":64,"_34":35,"_36":260,"_24":25,"_144":-5,"_192":261,"_27":262},{"_44":246,"_32":247,"_30":248,"_137":156,"_42":43,"_41":249,"_139":60,"_39":250,"_13":151,"_34":20,"_36":251,"_24":25,"_144":-5,"_192":252,"_27":253},{"_44":239,"_32":240,"_30":241,"_137":156,"_42":43,"_41":151,"_139":60,"_39":242,"_13":64,"_34":20,"_36":243,"_24":25,"_144":-5,"_192":244,"_27":245},{"_44":231,"_32":232,"_30":233,"_137":156,"_42":43,"_41":234,"_139":25,"_39":235,"_13":151,"_34":20,"_36":236,"_24":25,"_144":-5,"_192":237,"_27":238},{"_44":223,"_32":224,"_30":225,"_137":156,"_42":43,"_41":226,"_139":25,"_39":227,"_13":151,"_34":20,"_36":228,"_24":25,"_144":-5,"_192":229,"_27":230},{"_44":215,"_32":216,"_30":217,"_137":156,"_42":43,"_41":218,"_139":25,"_39":219,"_13":151,"_34":35,"_36":220,"_24":25,"_144":-5,"_192":221,"_27":222},{"_44":207,"_32":208,"_30":209,"_137":156,"_42":43,"_41":210,"_139":25,"_39":211,"_13":64,"_34":20,"_36":212,"_24":25,"_144":-5,"_192":213,"_27":214},{"_44":198,"_32":199,"_30":200,"_137":156,"_42":43,"_41":201,"_139":25,"_39":202,"_13":203,"_34":35,"_36":204,"_24":25,"_144":-5,"_192":205,"_27":206},{"_44":146,"_32":147,"_30":148,"_137":-5,"_42":43,"_41":149,"_139":60,"_39":195,"_13":151,"_34":20,"_36":152,"_24":25,"_144":-5,"_192":196,"_27":197},{"_44":135,"_32":136,"_30":58,"_137":-5,"_42":43,"_41":138,"_139":25,"_39":191,"_13":141,"_34":142,"_36":143,"_24":25,"_144":46,"_192":193,"_27":194},["D",1787984765894],"children",[],[136],["D",1788025063496],[],[147],"129e6d74-e1f0-4e84-b682-966130957ed5","root.tsx","01a04b7f-e043-776f-9b1e-554f5bc7b179",106,["D",1787983391924],13,"/** @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 \n \n \n Polyatomics\n \n \n

Diff · v152