[{"_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",{"_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",11,"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":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/App.tsx","latestPath","fileId","01a0a53c-47b1-75c7-8c56-4f420ebe3bdb","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n type Fighter,\n type Move,\n CHARACTERS,\n ENEMIES,\n BF_CHANCE,\n BF_MULT,\n canBlackFlash,\n} from \"./data.ts\";\n\ntype Screen = \"home\" | \"modes\" | \"select\" | \"battle\" | \"win\" | \"lose\";\ntype Mode = \"gauntlet\" | \"sukuna\";\n\n// ----------------------------- Helpers -----------------------------\nfunction fracStr(id: number): HTMLElement | string {\n return id;\n}\n\n// ----------------------------- App -----------------------------\nexport function App() {\n const [screen, setScreen] = useState(\"home\");\n const [mode, setMode] = useState(\"gauntlet\");\n const [char, setChar] = useState(CHARACTERS[0]);\n const [enemyIdx, setEnemyIdx] = useState(0);\n\n // battle state\n const [hp, setHp] = useState(0);\n const [ce, setCe] = useState(0);\n const [eHp, setEHp] = useState(0);\n const [log, setLog] = useState([\n \"The air grows heavy...\",\n ]);\n const [busy, setBusy] = useState(false);\n const [guard, setGuard] = useState(0);\n const [flashMsg, setFlashMsg] = useState(\"\");\n\n const guardRef = useRef(0);\n\n function addLog(msg: string) {\n setLog((l) => [...l.slice(-7), msg]);\n }\n\n function startBattle(c: Fighter, i: number) {\n const enemy = ENEMIES[i];\n setChar(c);\n setEnemyIdx(i);\n setHp(c.hp);\n setCe(c.ce);\n setEHp(enemy.maxHp);\n setGuard(0);\n guardRef.current = 0;\n setFlashMsg(\"\");\n setBusy(false);\n setLog([\n `${enemy.name} appears — ${enemy.grade}.`,\n enemy.desc,\n \"Choose your technique.\",\n ]);\n setScreen(\"battle\");\n }\n\n // Roll a Black Flash for a landed physical hit.\n function resolveDamage(base: number, m: Move, fromPlayer: boolean): string[] {\n const notes: string[] = [];\n let dmg = base;\n const eligible = fromPlayer ? canBlackFlash(m) : false; // enemies' BF comes from their own roll in enemyTurn\n if (eligible && Math.random() < BF_CHANCE) {\n dmg = Math.round(base * BF_MULT);\n setFlashMsg(\"BLACK FLASH!\");\n notes.push(\"✦ BLACK FLASH! A frame-perfect hit — the impact erupts.\");\n setTimeout(() => setFlashMsg(\"\"), 1800);\n }\n return [dmg, ...notes] as unknown as string[];\n }\n\n function useMove(m: Move) {\n if (busy || screen !== \"battle\") return;\n if (m.ceCost > ce) {\n addLog(`Not enough cursed energy for ${m.name}.`);\n return;\n }\n if (m.ceCost > 0) setCe((c) => c - m.ceCost);\n setBusy(true);\n setFlashMsg(\"\");\n\n guardRef.current = m.guard ?? 0;\n setGuard(guardRef.current);\n\n // Heal\n if (m.heal) {\n setHp((h) => Math.min(char.hp, h + Math.round(char.hp * m.heal)));\n addLog(`You clear your mind — recover ${Math.round(m.heal * 100)}% HP.`);\n }\n\n // Guard / defense (no damage)\n if (m.kind === \"defense\" && !m.power) {\n addLog(`You brace yourself with ${m.name}. Damage reduced.`);\n setTimeout(() => enemyTurn(), 800);\n return;\n }\n\n // Damage move\n if (m.power > 0) {\n const enemy = ENEMIES[enemyIdx];\n const base = Math.max(1, Math.round(enemy.maxHp * m.power));\n addLog(`You use ${m.name}!`);\n const [dmg, ...notes] = resolveDamage(base, m, true);\n notes.forEach((n) => addLog(String(n)));\n const newEHp = Math.max(0, eHp - dmg);\n setEHp(newEHp);\n addLog(`${enemy.name} takes ${dmg} damage.`);\n if (newEHp <= 0) {\n setTimeout(() => {\n setLog([\"You stand over your fallen foe.\"]);\n setScreen(\"win\");\n setBusy(false);\n }, 900);\n return;\n }\n }\n\n setTimeout(() => enemyTurn(), 850);\n }\n\n function enemyTurn() {\n const enemy = ENEMIES[enemyIdx];\n const gm = guardRef.current;\n setGuard(0);\n guardRef.current = 0;\n\n const pick = enemy.moves[Math.floor(Math.random() * enemy.moves.length)];\n addLog(`${enemy.name} uses ${pick.name}!`);\n\n // enemies' physical moves can Black Flash too (Sukuna has canon BF)\n let dmg = Math.max(1, Math.round(((enemy.maxHp * pick.power) / 1.7)));\n if (pick.kind === \"physical\" && Math.random() < BF_CHANCE) {\n dmg = Math.round(dmg * BF_MULT);\n setFlashMsg(\"BLACK FLASH!\");\n addLog(\"✦ BLACK FLASH from your enemy!\");\n setTimeout(() => setFlashMsg(\"\"), 1800);\n }\n\n if (gm > 0) {\n const blocked = Math.round(dmg * gm);\n dmg -= blocked;\n addLog(`Your guard blocks ${blocked} damage.`);\n }\n\n const newHp = Math.max(0, hp - dmg);\n setHp(newHp);\n addLog(`You take ${dmg} damage!`);\n setBusy(false);\n\n if (newHp <= 0) {\n setTimeout(() => {\n setLog([\"Your strength runs dry...\"]);\n setScreen(\"lose\");\n }, 900);\n }\n }\n\n return (\n \n {/* vignette + floating specs for atmosphere */}\n \n

\n 呪\n 術\n 廻\n

\n\n

{renderScreen()}

\n \n );\n\n // Everything below relies on closure state; render the right screen.\n function renderScreen() {\n switch (screen) {\n case \"home\":\n return setScreen(\"modes\")} />;\n case \"modes\":\n return (\n setScreen(\"home\")}\n onGauntlet={() => {\n setMode(\"gauntlet\");\n setScreen(\"select\");\n }}\n />\n );\n case \"select\":\n return (\n setScreen(\"modes\")}\n onPick={(c) => {\n // Gauntlet = both bosses in order; start at boss 0\n startBattle(c, mode === \"gauntlet\" ? 0 : Math.max(0, ENEMIES.length - 1));\n }}\n />\n );\n case \"battle\":\n return renderBattle();\n case \"win\":\n case \"lose\":\n return (\n startBattle(char, enemyIdx)}\n onChangeChar={() => setScreen(\"select\")}\n onNextBoss={() => {\n if (enemyIdx + 1 < ENEMIES.length) startBattle(char, enemyIdx + 1);\n else setScreen(\"select\");\n }}\n hasNext={enemyIdx + 1 < ENEMIES.length}\n />\n );\n }\n }\n\n function renderBattle() {\n const enemy = ENEMIES[enemyIdx];\n const hpFrac = Math.max(0, hp / char.hp);\n const eFrac = Math.max(0, eHp / enemy.maxHp);\n const ceFrac = Math.min(1, ce / char.ce);\n\n return (\n

\n {/* enemy card */}\n

{enemy.emoji}

\n \n {enemy.name}\n \n {enemy.grade}\n

\n \n

\n {eHp} / {enemy.maxHp} HP\n

\n\n {/* player card */}\n

{char.emoji}

\n {char.name}\n {char.title}\n

\n {/* HP */}\n

\n \n

{hp} / {char.hp} HP

\n {/* CE */}\n

\n CURSED ENERGY\n {ce} / {char.ce}\n

\n \n

\n\n {/* black flash banner */}\n {flashMsg && (\n

\n \n ✦ {flashMsg} ✦\n \n

\n )}\n\n {/* battle log */}\n

\n {log.map((l, i) => (\n

\n {l}\n

\n ))}\n

\n\n {/* move buttons */}\n

\n {char.moves.map((m) => {\n const affordable = m.ceCost <= ce;\n const bf = canBlackFlash(m);\n return (\n useMove(m)}\n disabled={busy || !affordable}\n class=\"rounded-xl border p-3 text-left transition-all duration-150 bg-slate-900/70 backdrop-blur hover:scale-[1.01] active:scale-[0.99] disabled:opacity-40 disabled:hover:scale-100 cursor-pointer\"\n style={{ borderColor: affordable ? char.color : \"#334155\" }}\n >\n

\n {m.name}\n \n {m.kind === \"physical\" && MELEE}\n {m.kind === \"ranged\" && RANGED}\n {m.kind === \"defense\" && DEFENSE}\n {m.kind === \"heal\" && HEAL}\n \n

{m.desc}

\n {m.ceCost > 0 && CE {m.ceCost}}\n {bf && ✦ can Black Flash}\n {m.heal && +{Math.round(m.heal * 100)}% HP}\n {m.guard && (\n blocks {Math.round(m.guard * 100)}% next hit\n )}\n

\n \n );\n })}\n

\n\n

\n setScreen(\"select\")}\n class=\"text-sm text-gray-500 hover:text-gray-300 underline cursor-pointer\"\n >\n Forfeit & change character\n \n

\n );\n }\n}\n\n// ----------------------------- Home -----------------------------\nfunction Home({ onStart }: { onStart: () => void }) {\n return (\n

⚔️

\n Jujutsu Kaisen\n

Cursed Combat

\n A turn-based RPG where technique, range, and a frame-perfect Black Flash decide who survives.\n

\n \n ▶ Start\n \n

Fan-made • for fun

\n );\n}\n\n// ----------------------------- Mode Select -----------------------------\nfunction ModeSelect({ onBack, onGauntlet }: { onBack: () => void; onGauntlet: () => void }) {\n return (\n

\n \n

SELECT MODE

\n\n

\n \n

🔥

Cursed Gauntlet

\n Fight your way through every curse in order — a Special Grade Curse, then Ryomen Sukuna.\n

\n AVAILABLE\n

\n \n\n \n

👺

Sukuna Showdown

Face the King of Curses directly, max difficulty.

\n COMING SOON\n

\n \n

\n );\n}\n\n// ----------------------------- Character Select -----------------------------\nfunction CharSelect({\n onBack,\n onPick,\n}: {\n onBack: () => void;\n onPick: (c: Fighter) => void;\n}) {\n return (\n

\n \n

CHOOSE SORCERER

Each fighter brings a different mix of melee, range, and cursed energy.

\n\n

\n {CHARACTERS.map((c) => (\n onPick(c)}\n class=\"rounded-2xl border-2 bg-black/30 p-5 text-left hover:scale-[1.02] transition-all hover:bg-black/50 cursor-pointer\"\n style={{ borderColor: c.color }}\n >\n

{c.emoji}

{c.name}

{c.title}

{c.desc}

{c.hp}

Cursed Energy

{c.ce}

\n {c.moves.map((m) => (\n

\n \n {m.kind === \"physical\" ? \"Melee\" : m.kind === \"ranged\" ? \"Ranged\" : m.kind}\n \n {m.name}\n {canBlackFlash(m) && ✦}\n

\n ))}\n

\n \n ))}\n

\n );\n}\n\n// ----------------------------- End Screen -----------------------------\nfunction EndScreen({\n won,\n char,\n enemy,\n onRematch,\n onChangeChar,\n onNextBoss,\n hasNext,\n}: {\n won: boolean;\n char: Fighter;\n enemy: { name: string; emoji: string };\n onRematch: () => void;\n onChangeChar: () => void;\n onNextBoss: () => void;\n hasNext: boolean;\n}) {\n return (\n

{won ? \"🏆\" : \"💀\"}

\n {won ? \"Victory\" : \"Defeated\"}\n

\n {won\n ? `${char.name} overcame ${enemy.emoji} ${enemy.name}.`\n : `${char.name} fell to ${enemy.emoji} ${enemy.name}...`}\n

\n\n

\n {won && hasNext && (\n \n Next Boss ▶\n \n )}\n \n Rematch\n \n \n Change Character\n \n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n type Fighter,\n type Move,\n CHARACTERS,\n ENEMIES,\n BF_CHANCE,\n BF_MULT,\n canBlackFlash,\n} from \"./data.ts\";\n\ntype Screen = \"home\" | \"modes\" | \"select\" | \"battle\" | \"win\" | \"lose\";\ntype Mode = \"gauntlet\" | \"sukuna\";\n\n// ----------------------------- App -----------------------------\nexport function App() {\n const [screen, setScreen] = useState(\"home\");\n const [mode, setMode] = useState(\"gauntlet\");\n const [char, setChar] = useState(CHARACTERS[0]);\n const [enemyIdx, setEnemyIdx] = useState(0);\n\n // battle state\n const [hp, setHp] = useState(0);\n const [ce, setCe] = useState(0);\n const [eHp, setEHp] = useState(0);\n const [log, setLog] = useState([\n \"The air grows heavy...\",\n ]);\n const [busy, setBusy] = useState(false);\n const [guard, setGuard] = useState(0);\n const [flashMsg, setFlashMsg] = useState(\"\");\n\n const guardRef = useRef(0);\n\n function addLog(msg: string) {\n setLog((l) => [...l.slice(-7), msg]);\n }\n\n function startBattle(c: Fighter, i: number) {\n const enemy = ENEMIES[i];\n setChar(c);\n setEnemyIdx(i);\n setHp(c.hp);\n setCe(c.ce);\n setEHp(enemy.maxHp);\n setGuard(0);\n guardRef.current = 0;\n setFlashMsg(\"\");\n setBusy(false);\n setLog([\n `${enemy.name} appears — ${enemy.grade}.`,\n enemy.desc,\n \"Choose your technique.\",\n ]);\n setScreen(\"battle\");\n }\n\n // Roll a Black Flash for a landed physical hit.\n function resolveDamage(base: number, m: Move, fromPlayer: boolean): string[] {\n const notes: string[] = [];\n let dmg = base;\n const eligible = fromPlayer ? canBlackFlash(m) : false; // enemies' BF comes from their own roll in enemyTurn\n if (eligible && Math.random() < BF_CHANCE) {\n dmg = Math.round(base * BF_MULT);\n setFlashMsg(\"BLACK FLASH!\");\n notes.push(\"✦ BLACK FLASH! A frame-perfect hit — the impact erupts.\");\n setTimeout(() => setFlashMsg(\"\"), 1800);\n }\n return [dmg, ...notes] as unknown as string[];\n }\n\n function useMove(m: Move) {\n if (busy || screen !== \"battle\") return;\n if (m.ceCost > ce) {\n addLog(`Not enough cursed energy for ${m.name}.`);\n return;\n }\n if (m.ceCost > 0) setCe((c) => c - m.ceCost);\n setBusy(true);\n setFlashMsg(\"\");\n\n guardRef.current = m.guard ?? 0;\n setGuard(guardRef.current);\n\n // Heal\n if (m.heal) {\n setHp((h) => Math.min(char.hp, h + Math.round(char.hp * m.heal)));\n addLog(`You clear your mind — recover ${Math.round(m.heal * 100)}% HP.`);\n }\n\n // Guard / defense (no damage)\n if (m.kind === \"defense\" && !m.power) {\n addLog(`You brace yourself with ${m.name}. Damage reduced.`);\n setTimeout(() => enemyTurn(), 800);\n return;\n }\n\n // Damage move\n if (m.power > 0) {\n const enemy = ENEMIES[enemyIdx];\n const base = Math.max(1, Math.round(enemy.maxHp * m.power));\n addLog(`You use ${m.name}!`);\n const [dmg, ...notes] = resolveDamage(base, m, true);\n notes.forEach((n) => addLog(String(n)));\n const newEHp = Math.max(0, eHp - dmg);\n setEHp(newEHp);\n addLog(`${enemy.name} takes ${dmg} damage.`);\n if (newEHp <= 0) {\n setTimeout(() => {\n setLog([\"You stand over your fallen foe.\"]);\n setScreen(\"win\");\n setBusy(false);\n }, 900);\n return;\n }\n }\n\n setTimeout(() => enemyTurn(), 850);\n }\n\n function enemyTurn() {\n const enemy = ENEMIES[enemyIdx];\n const gm = guardRef.current;\n setGuard(0);\n guardRef.current = 0;\n\n const pick = enemy.moves[Math.floor(Math.random() * enemy.moves.length)];\n addLog(`${enemy.name} uses ${pick.name}!`);\n\n // enemies' physical moves can Black Flash too (Sukuna has canon BF)\n let dmg = Math.max(1, Math.round(((enemy.maxHp * pick.power) / 1.7)));\n if (pick.kind === \"physical\" && Math.random() < BF_CHANCE) {\n dmg = Math.round(dmg * BF_MULT);\n setFlashMsg(\"BLACK FLASH!\");\n addLog(\"✦ BLACK FLASH from your enemy!\");\n setTimeout(() => setFlashMsg(\"\"), 1800);\n }\n\n if (gm > 0) {\n const blocked = Math.round(dmg * gm);\n dmg -= blocked;\n addLog(`Your guard blocks ${blocked} damage.`);\n }\n\n const newHp = Math.max(0, hp - dmg);\n setHp(newHp);\n addLog(`You take ${dmg} damage!`);\n setBusy(false);\n\n if (newHp <= 0) {\n setTimeout(() => {\n setLog([\"Your strength runs dry...\"]);\n setScreen(\"lose\");\n }, 900);\n }\n }\n\n return (\n \n {/* vignette + floating specs for atmosphere */}\n \n

\n 呪\n 術\n 廻\n

\n\n

{renderScreen()}

\n {/* enemy card */}\n

{enemy.emoji}

\n \n {enemy.name}\n \n {enemy.grade}\n

\n \n

\n {eHp} / {enemy.maxHp} HP\n

\n\n {/* player card */}\n

{char.emoji}

\n {char.name}\n {char.title}\n

\n {/* HP */}\n

\n \n

{hp} / {char.hp} HP

\n {/* CE */}\n

\n CURSED ENERGY\n {ce} / {char.ce}\n

\n \n

\n\n {/* black flash banner */}\n {flashMsg && (\n

\n \n ✦ {flashMsg} ✦\n \n

\n )}\n\n {/* battle log */}\n

\n {log.map((l, i) => (\n

\n {l}\n

\n ))}\n

\n\n {/* move buttons */}\n

\n {m.name}\n \n {m.kind === \"physical\" && MELEE}\n {m.kind === \"ranged\" && RANGED}\n {m.kind === \"defense\" && DEFENSE}\n {m.kind === \"heal\" && HEAL}\n \n

{m.desc}

\n {m.ceCost > 0 && CE {m.ceCost}}\n {bf && ✦ can Black Flash}\n {m.heal && +{Math.round(m.heal * 100)}% HP}\n {m.guard && (\n blocks {Math.round(m.guard * 100)}% next hit\n )}\n

\n \n );\n })}\n

\n\n

\n setScreen(\"select\")}\n class=\"text-sm text-gray-500 hover:text-gray-300 underline cursor-pointer\"\n >\n Forfeit & change character\n \n

\n );\n }\n}\n\n// ----------------------------- Home -----------------------------\nfunction Home({ onStart }: { onStart: () => void }) {\n return (\n

⚔️

\n Jujutsu Kaisen\n

Cursed Combat

\n A turn-based RPG where technique, range, and a frame-perfect Black Flash decide who survives.\n

\n \n ▶ Start\n \n

Fan-made • for fun

\n );\n}\n\n// ----------------------------- Mode Select -----------------------------\nfunction ModeSelect({ onBack, onGauntlet }: { onBack: () => void; onGauntlet: () => void }) {\n return (\n

\n \n

SELECT MODE

\n\n

\n \n

🔥

Cursed Gauntlet

\n Fight your way through every curse in order — a Special Grade Curse, then Ryomen Sukuna.\n

\n AVAILABLE\n

\n \n\n \n

👺

Sukuna Showdown

Face the King of Curses directly, max difficulty.

\n COMING SOON\n

\n \n

CHOOSE SORCERER

Each fighter brings a different mix of melee, range, and cursed energy.

\n\n

{c.emoji}

{c.name}

{c.title}

{c.desc}

{c.hp}

Cursed Energy

{c.ce}

\n {c.moves.map((m) => (\n

\n \n {m.kind === \"physical\" ? \"Melee\" : m.kind === \"ranged\" ? \"Ranged\" : m.kind}\n \n {m.name}\n {canBlackFlash(m) && ✦}\n

\n ))}\n

\n \n ))}\n

{won ? \"🏆\" : \"💀\"}

\n {won ? \"Victory\" : \"Defeated\"}\n

\n {won\n ? `${char.name} overcame ${enemy.emoji} ${enemy.name}.`\n : `${char.name} fell to ${enemy.emoji} ${enemy.name}...`}\n

\n\n

\n {won && hasNext && (\n \n Next Boss ▶\n \n )}\n \n Rematch\n \n \n Change Character\n \n

\n );\n}\n","createdAt",["D",1789483251797],"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":247,"_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":248,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":249,"_91":250,"_93":251,"_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],"f2fd46a7-d386-47e5-9c27-53efff3b522c","README.md","01a0a53c-47b2-77dd-bce2-439ff7a0e667",8,["D",1789478915997],2,"# ⚔️ 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",[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 · v11