`, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_252":253,"_254":255},"routes/_app.x.$handle.$name",{"_105":104,"_38":50,"_114":95,"_33":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":31,"_129":130,"_131":64,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":31},"version",12,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","d44e3c60-d988-4f6d-a02d-c090b825b8fc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","01a0a53c-47b2-77dd-bce2-439ff7a0e667","name","fileType","content","# ⚔️ JJK: Cursed Combat RPG\n\nA turn-based RPG fighting game inspired by *Jujutsu Kaisen*, built as a\n**client-side React val** on Val Town. Runs entirely in your browser — no\ninstalls, no downloads, works on any Chromebook.\n\n## Play it\n\n[Play the game](url:index.ts) — it's live at \n\n## How to play\n\n1. **Pick a sorcerer** — Yuji, Megumi, Nobara, or Gojo, each with their own stats and moves.\n2. **Fight in turn-based combat** — choose a cursed technique each turn; then the enemy strikes back.\n3. **Manage your Cursed Energy (CE)** — powerful moves cost CE, so spend wisely. Some moves heal you.\n4. **Defeat both bosses** — a Special Grade Curse, then the King of Curses himself, Ryomen Sukuna.\n\n## The roster\n\n| Sorcerer | Style | Notable move |\n| --- | --- | --- |\n| 🥊 Yuji Itadori | Tanky brawler | Black Flash (big burst) |\n| 🐺 Megumi Fushiguro | Balanced shikigami user | Divine Dogs |\n| 🔨 Nobara Kugisaki | Glass cannon | Resonance |\n| 🌀 Satoru Gojo | The strongest | Hollow Purple (massive damage) |\n\n## File structure\n\n```\nindex.ts ← Hono server (serves the frontend)\nfrontend/\n root.tsx ← HTML shell\n index.tsx ← React entrypoint (mounts )\n components/\n App.tsx ← The whole RPG (characters, enemies, battle logic)\n```\n\n## Editing the game\n\nEverything lives in [`frontend/components/App.tsx`](url:frontend/components/App.tsx).\nTweak things like:\n\n- **Roster** — the `CHARACTERS` array (stats, moves, emoji)\n- **Bosses** — the `ENEMIES` array (HP, attacks, names)\n- **Balance** — the `damage` / `ceCost` / `heal` numbers on each attack\n- **Colors & flavor** — each character's `color` and move descriptions\n\nJust edit, save, and Val Town redeploys instantly.\n","# ⚔️ JJK: Cursed Combat RPG\n\nA turn-based *Jujutsu Kaisen* fighting game, built as a **client-side React val**\non Val Town. Runs entirely in your browser — no installs, no downloads.\n\n## Play it\n\n[Play the game](url:index.ts) — it's live at \n\n## Flow\n\n```\nHome Screen → Mode Select → Character Select → Battle → Victory / Defeat\n```\n\n- **Home** — title screen with a Start button.\n- **Mode Select** — \"Cursed Gauntlet\" is available now; a second mode is locked (Coming Soon).\n- **Character Select** — pick Yuji, Megumi, Nobara, or Gojo with full move listings.\n- **Battle** — turn-based combat with HP, Cursed Energy (CE), guard, heal, and a live log.\n\n## 🌟 Black Flash — the skill check\n\nBlack Flash is built canonically:\n\n- **Any sorcerer can land it** on a **physical, contact move** that actually connects (punch, kick, swing).\n- **Ranged / projected moves cannot** land it (no contact impact).\n- It's a **rare skill check** — an 8% chance per eligible hit, and when it procs it **multiplies damage by 2.5×**.\n- **The Gojo exception:** his **Maximum Output: Red (Rebound)** recolls off the technique and lands as a *physical* impact, so it *can* Black Flash — just like \"rebound Red\" in canon.\n- **Enemies can Black Flash too** — Sukuna's melee Cleave/Dismantle have the same check.\n\nMove cards show their type (**MELEE / RANGED / DEFENSE / HEAL**) and whether they\n\"✦ can Black Flash\".\n\n## The roster\n\n| Sorcerer | Style | Notes |\n| --- | --- | --- |\n| 🥊 Yuji Itadori | Pure melee | Every move is physical — the best Black Flash user |\n| 🐺 Megumi Fushiguro | Mixed shikigami | Melee summons (Divine Dogs) can BF; Nue is ranged |\n| 🔨 Nobara Kugisaki | Full ranged | Can't Black Flash — that's the tradeoff |\n| 🌀 Satoru Gojo | Ranged + one melee | Rebound Red is his only Black Flash window |\n\n## File structure\n\n```\nindex.ts ← Hono server (serves the frontend)\nfrontend/\n root.tsx ← HTML shell\n index.tsx ← React entrypoint\n components/\n App.tsx ← UI: screens + combat engine\n data.ts ← Roster, enemies, moves, Black Flash rules\n```\n\n## Editing the game\n\n- **Characters / moves / bosses** — edit [`frontend/components/data.ts`](url:frontend/components/data.ts)\n- **Black Flash odds** — `BF_CHANCE` (0.08) and `BF_MULT` (2.5) in `data.ts`\n- **Screens & battle UI / logic** — [`frontend/components/App.tsx`](url:frontend/components/App.tsx)\n\nSave any file and Val Town redeploys instantly.\n","createdAt",["D",1789483275684],"branchVersion","branchId","ac2ee891-5cfd-4044-ab26-c6a03b116ff2","id","8d316882-cbc7-4dd2-a1e3-6c0aae9c1e8e","nebula-game",["D",1789478586214],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","JJK turn-based RPG fighting game, playable in browser","imageUrl","d6d32317-8e12-4003-b452-8bd4229aeca3","pinnedFileId","01a0a53c-47b2-77dd-bce2-442aef00ca2f","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0a0c6-84d9-72a5-9904-46bf8e8a5e5f","tursoName","8d316882cbc74dd2a1e36c0aae9c1e8e","tursoHostname","8d316882cbc74dd2a1e36c0aae9c1e8e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789479081816],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":31},"branch",{"_13":94,"_38":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",22,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","IceyDomain","handle","displayName","Nathaniel Barrett","avatar","https://avatars.githubusercontent.com/u/174974902?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":247,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":248,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":249,"_89":250,"_91":251,"_93":31},"tree",[177,184,185,186],"files",[177,178,179,180,181,182,183,184,185,186],"counts",{"_167":68,"_168":143,"_169":68,"_170":171,"_172":173},"contents",[136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":161,"_38":162,"_36":163,"_142":-5,"_46":47,"_45":143,"_144":64,"_43":164,"_13":68,"_39":165,"_40":-5,"_30":31,"_148":-5,"_33":166},{"_48":155,"_38":156,"_36":157,"_142":-5,"_46":47,"_45":143,"_144":64,"_43":158,"_13":68,"_39":26,"_40":159,"_30":31,"_148":-5,"_33":160},{"_48":151,"_38":34,"_36":37,"_142":-5,"_46":47,"_45":14,"_144":31,"_43":152,"_13":153,"_39":26,"_40":42,"_30":31,"_148":-5,"_33":154},{"_48":140,"_38":141,"_36":62,"_142":-5,"_46":47,"_45":143,"_144":64,"_43":145,"_13":68,"_39":146,"_40":147,"_30":31,"_148":149,"_33":150},"da58790c-a508-4379-8ca8-844c5fc1e6a9","index.ts","parentId",1,"latest",["D",1789478586214],"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\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label","nebula-snake",[141],"ae4d4568-cb94-4968-b2c1-39a98e3c579b",["D",1789483275684],3,[34],"83e0cc94-a059-4ba9-9562-b0a0e332e0b4","CHANGELOG.md","01a0a53c-47b2-77dd-bce2-3d0b98040573",["D",1789478586214],"# Changelog\n\n## 2026-07-30 — Immutable asset caching\n\nFrontend files are now served at version-addressed URLs\n(`/__immutable/45/frontend/index.tsx`) with\n`Cache-Control: public, max-age=31536000, immutable`, so repeat visits load the\nwhole client graph from the browser cache — roughly 3× faster (~665ms → ~157ms\nmeasured). Publishing your val bumps its version, which changes every URL, so\ncaches invalidate automatically. Old-version URLs return 404 after a publish\n(like Next.js build assets); a reload picks up the new version.\n\nWhat changed in the template:\n\n- `frontend/index.html` → [`frontend/root.tsx`](/frontend/root.tsx): the HTML\n shell is now JSX and stamps asset URLs with `immutableFileUrl()`\n- [`index.ts`](/index.ts): serves `Root()` at `/`, and one\n `app.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path))` route\n serves all frontend files\n\n### Upgrading an existing remix\n\nYour copy of this template doesn't update automatically. Two options:\n\n**Minimal (most of the benefit):** point both routes at `serveImmutableFile` —\nyour existing bare URLs redirect into versioned space, the new route serves\nthem, and the whole module graph gets cached (costs one redirect per page view):\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path)); // was serveFile\n```\n\n**Full upgrade (also removes the redirect):** three self-contained steps —\nno other files needed. Adjust the ``, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter\n

Diff · v12