`, 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",{"_253":254,"_255":256},"routes/_app.x.$handle.$name",{"_107":106,"_38":52,"_116":97,"_33":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_26":-5,"_128":-5,"_129":-5,"_130":31,"_131":132,"_133":66,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",14,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","0eb591c3-9226-4fb9-bffa-4657e41857ac","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/data.ts","latestPath","fileId","55c505a0-b113-11f1-ab36-1607ee4eb77e","name","data.ts","fileType","script","content","// ----------------------------- Types -----------------------------\nexport type MoveKind = \"physical\" | \"ranged\" | \"heal\" | \"defense\";\n\nexport type Move = {\n name: string;\n desc: string;\n kind: MoveKind;\n power: number; // damage = fraction of target max HP\n ceCost: number; // cursed energy cost\n heal?: number; // fraction of own max HP\n guard?: number; // 0..1 fraction of next incoming damage blocked\n forceBF?: boolean; // force black-flash-eligible even if not physical (e.g. rebound Red)\n hold?: \"blue\" | \"red\"; // technique can be held-to-charge (blindfold-off Gojo)\n};\n\nexport type Fighter = {\n id: string;\n name: string;\n title: string;\n emoji: string;\n color: string;\n desc: string;\n hp: number;\n ce: number;\n moves: Move[];\n};\n\nexport type Enemy = {\n name: string;\n emoji: string;\n color: string;\n grade: string;\n desc: string;\n hp: number;\n maxHp: number;\n moves: Move[];\n};\n\n// Is a move eligible to land a Black Flash?\n// Canon: Black Flash is a sorcerer's precision technique — it only procs on\n// physical, contact moves that actually connect (punch, kick, swing). Ranged /\n// projected moves can't. Overrides via `forceBF` cover Gojo's Maximum Output\n// Red when rebounded — the kick-back means the impact is a physical hit.\nexport function canBlackFlash(m: Move): boolean {\n return m.forceBF === true || m.kind === \"physical\";\n}\n\n// --------------------------- Black Flash ---------------------------\n// Roughly canon flavor: an extremely rare, frame-perfect hit (within\n// 0.000001s of impact) that amplifies cursed energy ~2.5x. A skill check.\nexport const BF_CHANCE = 0.08; // 8% — rare, so it feels special\nexport const BF_MULT = 2.5;\n\n// ----------------------------- Roster -----------------------------\nexport const CHARACTERS: Fighter[] = [\n {\n id: \"yuji\",\n name: \"Yuji Itadori\",\n title: \"The Vessel\",\n emoji: \"🥊\",\n color: \"#f43f5e\",\n desc: \"No innate technique — just raw, precise, brutal contact. Black Flash was practically made for him.\",\n hp: 190,\n ce: 100,\n moves: [\n { name: \"Divergent Fist\", desc: \"Delay the impact, land the second blow.\", kind: \"physical\", power: 0.13, ceCost: 0 },\n { name: \"Manji Kick\", desc: \"Body-rotating roundhouse. Heavy contact.\", kind: \"physical\", power: 0.18, ceCost: 8 },\n { name: \"Slaughter Demon\", desc: \"Cursed-tool slash. Melee.\", kind: \"physical\", power: 0.22, ceCost: 14 },\n { name: \"Brace Control\", desc: \"Regain your grip and guard.\", kind: \"defense\", power: 0, ceCost: 10, guard: 0.5 },\n ],\n },\n {\n id: \"megumi\",\n name: \"Megumi Fushiguro\",\n title: \"The Ten Shadows\",\n emoji: \"🐺\",\n color: \"#3b82f6\",\n desc: \"Summons shikigami. His melee summons land contact hits; his fliers strike from range.\",\n hp: 150,\n ce: 120,\n moves: [\n { name: \"Divine Dogs\", desc: \"Twin pack — a physical mauling.\", kind: \"physical\", power: 0.2, ceCost: 12 },\n { name: \"Nue\", desc: \"Flying shikigami dive from above.\", kind: \"ranged\", power: 0.18, ceCost: 12 },\n { name: \"Shadow Step\", desc: \"Strike from the shadows.\", kind: \"physical\", power: 0.14, ceCost: 6 },\n { name: \"Rabbits Escape\", desc: \"Distract with clones, slip away.\", kind: \"defense\", power: 0, ceCost: 10, guard: 0.6 },\n ],\n },\n {\n id: \"nobara\",\n name: \"Nobara Kugisaki\",\n title: \"The Sorceress\",\n emoji: \"🔨\",\n color: \"#a855f7\",\n desc: \"Cursed nails and a hammer. Everything she does is ranged — she can't land a Black Flash.\",\n hp: 130,\n ce: 90,\n moves: [\n { name: \"Nail Strike\", desc: \"Throw a cursed nail.\", kind: \"ranged\", power: 0.14, ceCost: 6 },\n { name: \"Hairpin\", desc: \"Detonate an embedded nail.\", kind: \"ranged\", power: 0.18, ceCost: 12 },\n { name: \"Resonance\", desc: \"Damage through a straw doll.\", kind: \"ranged\", power: 0.24, ceCost: 18 },\n { name: \"Temper Up\", desc: \"Shrug off the pain.\", kind: \"heal\", power: 0, ceCost: 10, heal: 0.2 },\n ],\n },\n {\n id: \"gojo\",\n name: \"Satoru Gojo\",\n title: \"The Strongest\",\n emoji: \"🌀\",\n color: \"#38bdf8\",\n desc: \"Six Eyes + Limitless. His blasts are ranged — except Maximum Output Red, which rebounds off him as a physical hit.\",\n hp: 160,\n ce: 150,\n moves: [\n { name: \"Blue\", desc: \"Attraction. Ranged crush.\", kind: \"ranged\", power: 0.16, ceCost: 12 },\n { name: \"Red (Blast)\", desc: \"Repulsion. A ranged explosion.\", kind: \"ranged\", power: 0.2, ceCost: 16 },\n {\n name: \"Max Output: Red (Rebound)\",\n desc: \"Recoil off the technique as a physical impact — lands as contact, so it can Black Flash.\",\n kind: \"physical\",\n power: 0.26,\n ceCost: 24,\n forceBF: true,\n },\n { name: \"Hollow Purple\", desc: \"Blue + Red. Imagination erasure.\", kind: \"ranged\", power: 0.5, ceCost: 60 },\n { name: \"Infinity\", desc: \"Nothing reaches you.\", kind: \"defense\", power: 0, ceCost: 14, guard: 0.7 },\n ],\n },\n];\n\n// ----------------------------- Enemies -----------------------------\nexport const ENEMIES: Enemy[] = [\n {\n name: \"Special Grade Curse\",\n emoji: \"👹\",\n color: \"#8b5cf6\",\n grade: \"Special Grade\",\n desc: \"A mass of human hatred given form.\",\n hp: 230,\n maxHp: 230,\n moves: [\n { name: \"Cursed Claw\", desc: \"A raking melee strike.\", kind: \"physical\", power: 0.12, ceCost: 0 },\n { name: \"Cursed Blast\", desc: \"A wave of raw cursed energy.\", kind: \"ranged\", power: 0.1, ceCost: 0 },\n { name: \"Grasp\", desc: \"Bind and squeeze.\", kind: \"physical\", power: 0.15, ceCost: 0 },\n ],\n },\n {\n name: \"Ryomen Sukuna\",\n emoji: \"👺\",\n color: \"#ef4444\",\n grade: \"King of Curses\",\n desc: \"The undisputed King of Curses. He has landed Black Flash too.\",\n hp: 320,\n maxHp: 320,\n moves: [\n { name: \"Dismantle\", desc: \"Fine cut that carves anything.\", kind: \"physical\", power: 0.15, ceCost: 0 },\n { name: \"Cleave\", desc: \"Adapts to your sturdiness — a killing slash.\", kind: \"physical\", power: 0.19, ceCost: 0 },\n { name: \"Malevolent Shrine\", desc: \"A barrierless domain's sure-hit.\", kind: \"ranged\", power: 0.24, ceCost: 0 },\n ],\n },\n];\n","// ----------------------------- Types -----------------------------\nexport type MoveKind = \"physical\" | \"ranged\" | \"heal\" | \"defense\";\n\nexport type Move = {\n name: string;\n desc: string;\n kind: MoveKind;\n power: number; // damage = fraction of target max HP\n ceCost: number; // cursed energy cost\n heal?: number; // fraction of own max HP\n guard?: number; // 0..1 fraction of next incoming damage blocked\n forceBF?: boolean; // force black-flash-eligible even if not physical (e.g. rebound Red)\n hold?: \"blue\" | \"red\"; // technique can be held-to-charge (blindfold-off Gojo)\n};\n\nexport type Fighter = {\n id: string;\n name: string;\n title: string;\n emoji: string;\n color: string;\n desc: string;\n hp: number;\n ce: number;\n moves: Move[];\n canAwaken?: boolean; // has a second form (blindfold off / true power)\n awakenMoves?: Move[]; // new techniques unlocked in the awakened form\n awakenCost?: number; // CE required to awaken\n};\n\nexport type Enemy = {\n name: string;\n emoji: string;\n color: string;\n grade: string;\n desc: string;\n hp: number;\n maxHp: number;\n moves: Move[];\n};\n\n// Is a move eligible to land a Black Flash?\n// Canon: Black Flash is a sorcerer's precision technique — it only procs on\n// physical, contact moves that actually connect (punch, kick, swing). Ranged /\n// projected moves can't. Overrides via `forceBF` cover Gojo's Maximum Output\n// Red when rebounded — the kick-back means the impact is a physical hit.\nexport function canBlackFlash(m: Move): boolean {\n return m.forceBF === true || m.kind === \"physical\";\n}\n\n// --------------------------- Black Flash ---------------------------\n// Roughly canon flavor: an extremely rare, frame-perfect hit (within\n// 0.000001s of impact) that amplifies cursed energy ~2.5x. A skill check.\nexport const BF_CHANCE = 0.08; // 8% — rare, so it feels special\nexport const BF_MULT = 2.5;\n\n// ----------------------------- Roster -----------------------------\nexport const CHARACTERS: Fighter[] = [\n {\n id: \"yuji\",\n name: \"Yuji Itadori\",\n title: \"The Vessel\",\n emoji: \"🥊\",\n color: \"#f43f5e\",\n desc: \"No innate technique — just raw, precise, brutal contact. Black Flash was practically made for him.\",\n hp: 190,\n ce: 100,\n moves: [\n { name: \"Divergent Fist\", desc: \"Delay the impact, land the second blow.\", kind: \"physical\", power: 0.13, ceCost: 0 },\n { name: \"Manji Kick\", desc: \"Body-rotating roundhouse. Heavy contact.\", kind: \"physical\", power: 0.18, ceCost: 8 },\n { name: \"Slaughter Demon\", desc: \"Cursed-tool slash. Melee.\", kind: \"physical\", power: 0.22, ceCost: 14 },\n { name: \"Brace Control\", desc: \"Regain your grip and guard.\", kind: \"defense\", power: 0, ceCost: 10, guard: 0.5 },\n ],\n },\n {\n id: \"megumi\",\n name: \"Megumi Fushiguro\",\n title: \"The Ten Shadows\",\n emoji: \"🐺\",\n color: \"#3b82f6\",\n desc: \"Summons shikigami. His melee summons land contact hits; his fliers strike from range.\",\n hp: 150,\n ce: 120,\n moves: [\n { name: \"Divine Dogs\", desc: \"Twin pack — a physical mauling.\", kind: \"physical\", power: 0.2, ceCost: 12 },\n { name: \"Nue\", desc: \"Flying shikigami dive from above.\", kind: \"ranged\", power: 0.18, ceCost: 12 },\n { name: \"Shadow Step\", desc: \"Strike from the shadows.\", kind: \"physical\", power: 0.14, ceCost: 6 },\n { name: \"Rabbits Escape\", desc: \"Distract with clones, slip away.\", kind: \"defense\", power: 0, ceCost: 10, guard: 0.6 },\n ],\n },\n {\n id: \"nobara\",\n name: \"Nobara Kugisaki\",\n title: \"The Sorceress\",\n emoji: \"🔨\",\n color: \"#a855f7\",\n desc: \"Cursed nails and a hammer. Everything she does is ranged — she can't land a Black Flash.\",\n hp: 130,\n ce: 90,\n moves: [\n { name: \"Nail Strike\", desc: \"Throw a cursed nail.\", kind: \"ranged\", power: 0.14, ceCost: 6 },\n { name: \"Hairpin\", desc: \"Detonate an embedded nail.\", kind: \"ranged\", power: 0.18, ceCost: 12 },\n { name: \"Resonance\", desc: \"Damage through a straw doll.\", kind: \"ranged\", power: 0.24, ceCost: 18 },\n { name: \"Temper Up\", desc: \"Shrug off the pain.\", kind: \"heal\", power: 0, ceCost: 10, heal: 0.2 },\n ],\n },\n {\n id: \"gojo\",\n name: \"Satoru Gojo\",\n title: \"The Strongest\",\n emoji: \"🌀\",\n color: \"#38bdf8\",\n desc: \"Six Eyes + Limitless. His blasts are ranged — except Maximum Output Red, which rebounds off him as a physical hit.\",\n hp: 160,\n ce: 150,\n moves: [\n { name: \"Blue\", desc: \"Attraction. Ranged crush.\", kind: \"ranged\", power: 0.16, ceCost: 12 },\n { name: \"Red (Blast)\", desc: \"Repulsion. A ranged explosion.\", kind: \"ranged\", power: 0.2, ceCost: 16 },\n {\n name: \"Max Output: Red (Rebound)\",\n desc: \"Recoil off the technique as a physical impact — lands as contact, so it can Black Flash.\",\n kind: \"physical\",\n power: 0.26,\n ceCost: 24,\n forceBF: true,\n },\n { name: \"Hollow Purple\", desc: \"Blue + Red. Imagination erasure.\", kind: \"ranged\", power: 0.5, ceCost: 60 },\n { name: \"Infinity\", desc: \"Nothing reaches you.\", kind: \"defense\", power: 0, ceCost: 14, guard: 0.7 },\n ],\n },\n];\n\n// ----------------------------- Enemies -----------------------------\nexport const ENEMIES: Enemy[] = [\n {\n name: \"Special Grade Curse\",\n emoji: \"👹\",\n color: \"#8b5cf6\",\n grade: \"Special Grade\",\n desc: \"A mass of human hatred given form.\",\n hp: 230,\n maxHp: 230,\n moves: [\n { name: \"Cursed Claw\", desc: \"A raking melee strike.\", kind: \"physical\", power: 0.12, ceCost: 0 },\n { name: \"Cursed Blast\", desc: \"A wave of raw cursed energy.\", kind: \"ranged\", power: 0.1, ceCost: 0 },\n { name: \"Grasp\", desc: \"Bind and squeeze.\", kind: \"physical\", power: 0.15, ceCost: 0 },\n ],\n },\n {\n name: \"Ryomen Sukuna\",\n emoji: \"👺\",\n color: \"#ef4444\",\n grade: \"King of Curses\",\n desc: \"The undisputed King of Curses. He has landed Black Flash too.\",\n hp: 320,\n maxHp: 320,\n moves: [\n { name: \"Dismantle\", desc: \"Fine cut that carves anything.\", kind: \"physical\", power: 0.15, ceCost: 0 },\n { name: \"Cleave\", desc: \"Adapts to your sturdiness — a killing slash.\", kind: \"physical\", power: 0.19, ceCost: 0 },\n { name: \"Malevolent Shrine\", desc: \"A barrierless domain's sure-hit.\", kind: \"ranged\", power: 0.24, ceCost: 0 },\n ],\n },\n];\n","createdAt",["D",1789486989685],"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",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"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",{"_50":51,"_38":52,"_45":248,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":249,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":250,"_91":251,"_93":252,"_95":31},"tree",[183,190,191,192],"files",[183,184,185,186,187,188,189,190,191,192],"counts",{"_173":70,"_174":145,"_175":70,"_176":177,"_178":179},"contents",[138,139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":167,"_38":168,"_36":169,"_144":-5,"_48":49,"_47":145,"_146":66,"_45":170,"_13":70,"_40":171,"_42":-5,"_30":31,"_150":-5,"_33":172},{"_50":161,"_38":162,"_36":163,"_144":-5,"_48":49,"_47":145,"_146":66,"_45":164,"_13":70,"_40":26,"_42":165,"_30":31,"_150":-5,"_33":166},{"_50":153,"_38":154,"_36":155,"_144":-5,"_48":49,"_47":156,"_146":31,"_45":157,"_13":158,"_40":26,"_42":159,"_30":31,"_150":-5,"_33":160},{"_50":142,"_38":143,"_36":64,"_144":-5,"_48":49,"_47":145,"_146":66,"_45":147,"_13":70,"_40":148,"_42":149,"_30":31,"_150":151,"_33":152},"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",[143],"ae4d4568-cb94-4968-b2c1-39a98e3c579b","README.md","01a0a53c-47b2-77dd-bce2-439ff7a0e667",12,["D",1789483275684],3,"# ⚔️ 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",[154],"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 · v14