`, 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",{"_324":325,"_326":327},"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",24,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","042c26b6-806c-4bbb-83db-bc7700ceaabc","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","lib/game.ts","latestPath","fileId","beb83276-9ed5-11f1-82cb-1607ee4eb77e","name","game.ts","fileType","script","content","// Core game logic — a state machine driven by player actions and time.\nimport {\n addEvent,\n getEvents,\n getRoom,\n newRoomCode,\n saveRoom,\n uid,\n} from \"./db.ts\";\nimport {\n generateDishImage,\n placeholderDish,\n waiterSay,\n} from \"./ai.ts\";\nimport type { GameState, Player, RoomSnapshot } from \"./types.ts\";\n\nconst RAGE_THRESHOLD = 80;\n\n// ---------------------------------------------------------------- helpers\n\nexport function log(msg: string): void {\n console.log(`[chaos-diner] ${msg}`);\n}\n\nfunction playing(state: GameState): Player[] {\n return state.players.filter((p) => p.state === \"playing\");\n}\n\nfunction pick(pool: Player[]): Player | undefined {\n if (!pool.length) return undefined;\n return pool[Math.floor(Math.random() * pool.length)];\n}\n\nasync function withState(\n roomId: string,\n fn: (s: GameState) => Promise | GameState,\n): Promise {\n const state = await getRoom(roomId);\n if (!state) return null;\n const next = await fn(state);\n await saveRoom(next);\n return next;\n}\n\n// ------------------------------------------------------------- room setup\n\nexport async function createRoom(name: string): Promise {\n const id = uid();\n const player: Player = {\n id: uid(),\n name: name || \"Giocatore\",\n state: \"playing\",\n joinedAt: Date.now(),\n };\n const code = await newRoomCode();\n const state: GameState = {\n id,\n code,\n phase: \"lobby\",\n rageLevel: 0,\n hostId: player.id,\n players: [player],\n dishes: {},\n serveQueue: [],\n waiter: { away: false, greeting: \"Benvenuti al Chaos Diner! ✨\" },\n updatedAt: Date.now(),\n lastEventId: 0,\n };\n await saveRoom(state);\n await addEvent(id, \"PLAYER_JOINED\", { player });\n return state;\n}\n\nexport async function joinRoom(code: string, name: string): Promise {\n const normalized = code.trim().toUpperCase();\n const room = [...(await allRooms())].find((r) => r.code === normalized);\n if (!room) return null;\n const existing = room.players.find((p) => p.name === name?.trim());\n if (existing) return room; // re-joining via name collision just returns the room\n\n const player: Player = {\n id: uid(),\n name: name || \"Giocatore\",\n state: \"playing\",\n joinedAt: Date.now(),\n };\n room.players.push(player);\n await saveRoom(room);\n await addEvent(room.id, \"PLAYER_JOINED\", { player });\n return room;\n}\n\nasync function allRooms() {\n // Simple linear scan of rooms (fine for a party game with few rooms).\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite/main.ts\");\n const r = await sqlite.execute(\"SELECT state FROM rooms\");\n return (r.rows as { state: string }[]).map((row) => JSON.parse(row.state) as GameState);\n}\n\n// ------------------------------------------------------------ start + order\n\nexport async function startDinner(roomId: string): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"lobby\") return s;\n s.phase = \"ordering\";\n s.waiter.greeting = await waiterSay(\n WAITER_PERSONA(0),\n \"Il tavolo si è appena seduto. Saluta calorosamente, chiedi a ogni cliente cosa desidera ordinare.\",\n ).catch((e) => `(Cameriere silenzioso: ${e.message})`);\n await addEvent(s.id, \"ORDER_STARTED\", { greeting: s.waiter.greeting });\n return s;\n });\n}\n\nexport async function placeOrder(\n roomId: string,\n playerId: string,\n orderText: string,\n): Promise {\n return withState(roomId, async (s) => {\n const p = s.players.find((x) => x.id === playerId);\n if (!p || s.phase !== \"ordering\") return s;\n if (!orderText.trim() || orderText.trim().length < 2) return s;\n\n s.dishes[playerId] = {\n playerId,\n orderText: orderText.trim(),\n served: false,\n };\n await addEvent(s.id, \"ORDER_PLACED\", { playerId, orderText: orderText.trim() });\n\n // The waiter ducks into the kitchen once the whole table has ordered.\n if (playing(s).every((pp) => s.dishes[pp.id])) {\n s.phase = \"cooking\";\n s.waiter.away = true;\n s.waiter.greeting = \"Perfetto… un attimo, passo in cucina. 🍳\";\n await addEvent(s.id, \"COOKING\", {});\n s.serveQueue = playing(s)\n .sort((a, b) => a.joinedAt - b.joinedAt)\n .map((pp) => pp.id);\n await cookAll(s);\n }\n return s;\n });\n}\n\n// generate every dish image (parallel), then kick off the serving phase\nasync function cookAll(s: GameState): Promise {\n const queue = s.serveQueue;\n const results = await Promise.all(\n queue.map(async (pid) => {\n const dish = s.dishes[pid];\n try {\n const img = await generateDishImage(dish.orderText, playerName(s, pid));\n return { pid, img };\n } catch (e) {\n log(`dish image failed for ${pid}: ${e}`);\n return { pid, img: placeholderDish(dish.orderText) };\n }\n }),\n );\n for (const { pid, img } of results) s.dishes[pid].image = img;\n\n s.phase = \"serving\";\n s.waiter.away = false;\n s.waiter.greeting = \"Eccomi! Il cibo arriva subito… 🛎️\";\n\n // Deliver the plates to every client at once (images are embedded).\n const plates = queue.map((pid) => ({\n playerId: pid,\n orderText: s.dishes[pid].orderText,\n image: s.dishes[pid].image,\n name: playerName(s, pid),\n }));\n await addEvent(s.id, \"SERVING\", { plates, waiterGreeting: s.waiter.greeting });\n return s;\n}\n\nfunction playerName(s: GameState, pid: string): string {\n return s.players.find((p) => p.id === pid)?.name ?? \"cliente\";\n}\n\n// ------------------------------------------------------- chill + food fight\n\nexport async function eat(roomId: string, playerId: string): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"chill\") return s;\n await addEvent(s.id, \"ATE\", { playerId, name: playerName(s, playerId) });\n return s;\n });\n}\n\nexport async function throwFood(\n roomId: string,\n playerId: string,\n target: { type: \"player\"; playerId: string } | { type: \"waiter\" },\n): Promise {\n return withState(roomId, async (s) => {\n // You can only throw while everyone is comfortably seated, and only one\n // confrontation at a time.\n if (s.phase !== \"chill\" || s.incident) return s;\n const from = playerName(s, playerId);\n\n // 1) the waiter's patience ticks down a bit… or a lot\n const rage = target.type === \"waiter\" ? 35 : 12;\n s.rageLevel = Math.min(100, s.rageLevel + rage);\n\n // 2) open the confrontation: waiter gets a stain + goes to clean up;\n // a player becomes the victim with a decision to make.\n s.incident = {\n kind: target.type === \"waiter\" ? \"waiter\" : \"player\",\n fromName: from,\n fromId: playerId,\n ...(target.type === \"player\" ? { victimId: target.playerId } : {}),\n triggeredAt: Date.now(),\n };\n await addEvent(s.id, \"THROW\", {\n from: playerId,\n fromName: from,\n target: target.type === \"player\" ? target.playerId : \"waiter\",\n targetName: target.type === \"player\" ? playerName(s, target.playerId) : \"il Cameriere\",\n rageLevel: s.rageLevel,\n });\n\n // 3) RAGE: if the waiter was pushed over the edge, skip the polite stain\n // and go straight to the furious chase.\n if (s.rageLevel >= RAGE_THRESHOLD) await engageChase(s);\n return s;\n });\n}\n\n/** The victim answers a thrown piece of food: retaliate (food fight) or peace. */\nexport async function respond(\n roomId: string,\n playerId: string,\n choice: \"retaliate\" | \"peace\",\n): Promise {\n return withState(roomId, async (s) => {\n const inc = s.incident;\n if (!inc || inc.kind !== \"player\" || inc.victimId !== playerId) return s;\n if (inc.retaliated) return s;\n inc.retaliated = true;\n\n if (choice === \"retaliate\") {\n // \"Lancia anche tu!\" → food fight for exactly 10 seconds\n s.phase = \"foodfight\";\n s.foodFightUntil = Date.now() + 10_000;\n s.rageLevel = Math.min(100, s.rageLevel + 12);\n await addEvent(s.id, \"RETALIATED\", {\n playerId,\n name: playerName(s, playerId),\n rageLevel: s.rageLevel,\n });\n } else {\n // \"Continua a mangiare tranquillo\" → nothing escalates\n s.incident = undefined;\n await addEvent(s.id, \"PEACE\", { playerId, name: playerName(s, playerId) });\n }\n return s;\n });\n}\n\nasync function engageChase(s: GameState): Promise {\n const survivors = playing(s);\n s.phase = \"chase\";\n s.chase = {\n round: 1,\n picks: {},\n eliminated: [],\n target: pick(survivors)?.id,\n };\n const line = await waiterSay(\n WAITER_PERSONA(100),\n \"Il tavolo ti ha appena tirato il cibo addosso. Esplodi in un urlo furioso e minacci di sbattere fuori tutti dal locale.\",\n ).catch(() => \"\");\n await addEvent(s.id, \"RAGE\", {\n greeting: line || \"ADESSO BASTA! VI SBATTO FUORI TUTTI! 😡🔪\",\n target: s.chase.target,\n });\n}\n\n// ---------------------------------------------------------------- chase\n\nexport async function survive(\n roomId: string,\n playerId: string,\n choice: string,\n): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"chase\" || !s.chase) return s;\n const p = s.players.find((x) => x.id === playerId);\n if (!p || p.state !== \"playing\") return s;\n if (s.chase.picks[playerId]) return s;\n s.chase.picks[playerId] = choice;\n await addEvent(s.id, \"PICKED\", { playerId, name: p.name, choice });\n return s;\n });\n}\n\n/**\n * Resolved on each poll. Advances time-based transitions (serving ->\n * chill, foodfight recovery, chase rounds) so the serverless game stays in\n * sync even if a tab is closed mid-animation.\n */\nexport async function tick(roomId: string, since: number): Promise {\n const state = await getRoom(roomId);\n if (!state) return null;\n const now = Date.now();\n\n if (state.phase === \"serving\") {\n const windowMs = 2600 * state.serveQueue.length + 9000;\n if (now - state.updatedAt > windowMs) {\n state.phase = \"chill\";\n await addEvent(state.id, \"SERVING_DONE\", {});\n await saveRoom(state);\n }\n } else if (state.phase === \"foodfight\") {\n // a retaliation keeps the food fight alive for its full 10 seconds\n const end = state.foodFightUntil ?? now;\n if (now >= end) {\n state.incident = undefined;\n state.foodFightUntil = undefined;\n if (state.rageLevel >= RAGE_THRESHOLD) await engageChase(state);\n else state.phase = \"chill\";\n await saveRoom(state);\n }\n } else if (state.phase === \"chase\" && state.chase) {\n await resolveChaseRound(state, now);\n await saveRoom(state);\n } else if (state.phase === \"chill\" && state.incident) {\n const inc = state.incident;\n const stale = now - inc.triggeredAt;\n // the waiter wipes his face and returns; an unanswered victim just lets\n // the food drop instead of escalating.\n if (\n (inc.kind === \"waiter\" && stale > 4500) ||\n (inc.kind === \"player\" && !inc.retaliated && stale > 20000)\n ) {\n state.incident = undefined;\n await saveRoom(state);\n }\n }\n\n const events = await getEvents(roomId, since);\n state.lastEventId = events.length ? events[events.length - 1].id : state.lastEventId;\n return { state: stripImages(state), events, me: undefined };\n}\n\n/** Copy of the state with dish images removed (they're big; sent once each). */\nfunction stripImages(s: GameState): GameState {\n const copy: GameState = structuredClone(s);\n for (const key of Object.keys(copy.dishes)) {\n if (copy.dishes[key].image) delete copy.dishes[key].image;\n }\n return copy;\n}\n\n/** Plates with embedded images, for initial hydration / late joiners. */\nexport function getPlates(s: GameState) {\n return s.serveQueue\n .filter((pid) => s.dishes[pid])\n .map((pid) => ({\n playerId: pid,\n orderText: s.dishes[pid].orderText,\n image: s.dishes[pid].image,\n name: playerName(s, pid),\n }));\n}\n\nasync function resolveChaseRound(s: GameState, now: number): Promise {\n const info = s.chase!;\n const survivors = playing(s);\n\n // everyone picked, or the waiter \"loses patience\" after the time budget\n const allPicked = survivors.length > 0 && survivors.every((p) => info.picks[p.id]);\n const timedOut = now - s.updatedAt > 16000;\n\n if (!allPicked && !timedOut) return;\n if (survivors.length <= 1) return;\n\n const victim = pick(survivors) as Player;\n victim.state = \"eliminated\";\n info.eliminated.push(victim.id);\n info.lastEliminated = victim.id;\n const choice = info.picks[victim.id] ?? \"—\";\n await addEvent(s.id, \"ELIMINATED\", { playerId: victim.id, name: victim.name, choice });\n\n info.round += 1;\n info.picks = {};\n\n const remaining = playing(s);\n if (remaining.length === 1) {\n s.winnerId = remaining[0].id;\n s.phase = \"ended\";\n s.rageLevel = 0;\n await addEvent(s.id, \"GAME_OVER\", { winnerId: s.winnerId, name: remaining[0].name });\n } else if (info.round > 6) {\n // chaos winds down, the survivors keep their table\n s.phase = \"chill\";\n s.rageLevel = 0;\n await addEvent(s.id, \"SURVIVED\", {});\n } else {\n info.target = pick(remaining)?.id;\n }\n}\n\nexport { addEvent };\n\nconst WAITER_PERSONA = (rage: number) =>\n rage < 15\n ? \"Sei il Cameriere Capo del ristorante Chaos Diner: elegante, cordiale, ospitale. \" +\n `Parli con calore e un pizzico di ironia italiana. \"Prego, accomodatevi.\"`\n : rage < 60\n ? \"Sei il Cameriere Capo del Chaos Diner. Il locale si sta facendo rumoroso: \" +\n \"resti sorvegliato e divertito ma con un accenno di irritazione. Adori i clienti, ma il caos ti sta sfiancando.\"\n : \"Sei il Cameriere Capo del Chaos Diner, e ora sei sull'orlo della furia. \" +\n \"Tono di voce isterico e vendicativo, frasi brevi taglienti, velate minacce di mettere alla porta i clienti. Nessun rispetto per l'etichetta.\";\n","// Core game logic — a state machine driven by player actions and time.\nimport {\n addEvent,\n getEvents,\n getRoom,\n newRoomCode,\n saveRoom,\n uid,\n} from \"./db.ts\";\nimport {\n generateDishImage,\n placeholderDish,\n waiterSay,\n} from \"./ai.ts\";\nimport type { GameState, Player, RoomSnapshot } from \"./types.ts\";\n\nconst RAGE_THRESHOLD = 80;\n\n// ---------------------------------------------------------------- helpers\n\nexport function log(msg: string): void {\n console.log(`[chaos-diner] ${msg}`);\n}\n\nfunction playing(state: GameState): Player[] {\n return state.players.filter((p) => p.state === \"playing\");\n}\n\nfunction pick(pool: Player[]): Player | undefined {\n if (!pool.length) return undefined;\n return pool[Math.floor(Math.random() * pool.length)];\n}\n\nasync function withState(\n roomId: string,\n fn: (s: GameState) => Promise | GameState,\n): Promise {\n const state = await getRoom(roomId);\n if (!state) return null;\n const next = await fn(state);\n await saveRoom(next);\n return next;\n}\n\n// ------------------------------------------------------------- room setup\n\nexport async function createRoom(name: string): Promise {\n const id = uid();\n const player: Player = {\n id: uid(),\n name: name || \"Giocatore\",\n state: \"playing\",\n joinedAt: Date.now(),\n };\n const code = await newRoomCode();\n const state: GameState = {\n id,\n code,\n phase: \"lobby\",\n rageLevel: 0,\n hostId: player.id,\n players: [player],\n dishes: {},\n serveQueue: [],\n waiter: { away: false, greeting: \"Benvenuti al Chaos Diner! ✨\" },\n updatedAt: Date.now(),\n lastEventId: 0,\n };\n await saveRoom(state);\n await addEvent(id, \"PLAYER_JOINED\", { player });\n return state;\n}\n\nexport async function joinRoom(code: string, name: string): Promise {\n const normalized = code.trim().toUpperCase();\n const room = [...(await allRooms())].find((r) => r.code === normalized);\n if (!room) return null;\n const existing = room.players.find((p) => p.name === name?.trim());\n if (existing) return room; // re-joining via name collision just returns the room\n\n const player: Player = {\n id: uid(),\n name: name || \"Giocatore\",\n state: \"playing\",\n joinedAt: Date.now(),\n };\n room.players.push(player);\n await saveRoom(room);\n await addEvent(room.id, \"PLAYER_JOINED\", { player });\n return room;\n}\n\nasync function allRooms() {\n // Simple linear scan of rooms (fine for a party game with few rooms).\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite/main.ts\");\n const r = await sqlite.execute(\"SELECT state FROM rooms\");\n return (r.rows as { state: string }[]).map((row) => JSON.parse(row.state) as GameState);\n}\n\n// ------------------------------------------------------------ start + order\n\nexport async function startDinner(roomId: string): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"lobby\") return s;\n s.phase = \"ordering\";\n s.waiter.greeting = await waiterSay(\n WAITER_PERSONA(0),\n \"Il tavolo si è appena seduto. Saluta calorosamente, chiedi a ogni cliente cosa desidera ordinare.\",\n ).catch((e) => `(Cameriere silenzioso: ${e.message})`);\n await addEvent(s.id, \"ORDER_STARTED\", { greeting: s.waiter.greeting });\n return s;\n });\n}\n\nexport async function placeOrder(\n roomId: string,\n playerId: string,\n orderText: string,\n): Promise {\n return withState(roomId, async (s) => {\n const p = s.players.find((x) => x.id === playerId);\n if (!p || s.phase !== \"ordering\") return s;\n if (!orderText.trim() || orderText.trim().length < 2) return s;\n\n s.dishes[playerId] = {\n playerId,\n orderText: orderText.trim(),\n served: false,\n };\n await addEvent(s.id, \"ORDER_PLACED\", { playerId, orderText: orderText.trim() });\n\n // The waiter ducks into the kitchen once the whole table has ordered.\n if (playing(s).every((pp) => s.dishes[pp.id])) {\n s.phase = \"cooking\";\n s.waiter.away = true;\n s.waiter.greeting = \"Perfetto… un attimo, passo in cucina. 🍳\";\n await addEvent(s.id, \"COOKING\", {});\n s.serveQueue = playing(s)\n .sort((a, b) => a.joinedAt - b.joinedAt)\n .map((pp) => pp.id);\n await cookAll(s);\n }\n return s;\n });\n}\n\n// generate every dish image (parallel), then kick off the serving phase\nasync function cookAll(s: GameState): Promise {\n const queue = s.serveQueue;\n const results = await Promise.all(\n queue.map(async (pid) => {\n const dish = s.dishes[pid];\n try {\n const img = await generateDishImage(dish.orderText, playerName(s, pid));\n return { pid, img };\n } catch (e) {\n log(`dish image failed for ${pid}: ${e}`);\n return { pid, img: placeholderDish(dish.orderText) };\n }\n }),\n );\n for (const { pid, img } of results) s.dishes[pid].image = img;\n\n s.phase = \"serving\";\n s.waiter.away = false;\n s.waiter.greeting = \"Eccomi! Il cibo arriva subito… 🛎️\";\n\n // Deliver the plates to every client at once (images are embedded).\n const plates = queue.map((pid) => ({\n playerId: pid,\n orderText: s.dishes[pid].orderText,\n image: s.dishes[pid].image,\n name: playerName(s, pid),\n }));\n await addEvent(s.id, \"SERVING\", { plates, waiterGreeting: s.waiter.greeting });\n return s;\n}\n\nfunction playerName(s: GameState, pid: string): string {\n return s.players.find((p) => p.id === pid)?.name ?? \"cliente\";\n}\n\n// ------------------------------------------------------- chill + food fight\n\nexport async function eat(roomId: string, playerId: string): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"chill\") return s;\n await addEvent(s.id, \"ATE\", { playerId, name: playerName(s, playerId) });\n return s;\n });\n}\n\nexport async function throwFood(\n roomId: string,\n playerId: string,\n target: { type: \"player\"; playerId: string } | { type: \"waiter\" },\n): Promise {\n return withState(roomId, async (s) => {\n // You can only throw while everyone is comfortably seated, and only one\n // confrontation at a time.\n if (s.phase !== \"chill\" || s.incident) return s;\n const from = playerName(s, playerId);\n\n // 1) the waiter's patience ticks down a bit… or a lot\n const rage = target.type === \"waiter\" ? 35 : 12;\n s.rageLevel = Math.min(100, s.rageLevel + rage);\n\n // 2) open the confrontation: waiter gets a stain + goes to clean up;\n // a player becomes the victim with a decision to make.\n s.incident = {\n kind: target.type === \"waiter\" ? \"waiter\" : \"player\",\n fromName: from,\n fromId: playerId,\n ...(target.type === \"player\" ? { victimId: target.playerId } : {}),\n triggeredAt: Date.now(),\n };\n await addEvent(s.id, \"THROW\", {\n from: playerId,\n fromName: from,\n target: target.type === \"player\" ? target.playerId : \"waiter\",\n targetName: target.type === \"player\" ? playerName(s, target.playerId) : \"il Cameriere\",\n rageLevel: s.rageLevel,\n });\n\n // 3) RAGE: if the waiter was pushed over the edge, skip the polite stain\n // and go straight to the furious chase.\n if (s.rageLevel >= RAGE_THRESHOLD) await engageChase(s);\n return s;\n });\n}\n\n/** The victim answers a thrown piece of food: retaliate (food fight) or peace. */\nexport async function respond(\n roomId: string,\n playerId: string,\n choice: \"retaliate\" | \"peace\",\n): Promise {\n return withState(roomId, async (s) => {\n const inc = s.incident;\n if (!inc || inc.kind !== \"player\" || inc.victimId !== playerId) return s;\n if (inc.retaliated) return s;\n inc.retaliated = true;\n\n if (choice === \"retaliate\") {\n // \"Lancia anche tu!\" → food fight for exactly 10 seconds\n s.phase = \"foodfight\";\n s.foodFightUntil = Date.now() + 10_000;\n s.rageLevel = Math.min(100, s.rageLevel + 12);\n await addEvent(s.id, \"RETALIATED\", {\n playerId,\n name: playerName(s, playerId),\n rageLevel: s.rageLevel,\n });\n } else {\n // \"Continua a mangiare tranquillo\" → nothing escalates\n s.incident = undefined;\n await addEvent(s.id, \"PEACE\", { playerId, name: playerName(s, playerId) });\n }\n return s;\n });\n}\n\nasync function engageChase(s: GameState): Promise {\n const survivors = playing(s);\n s.phase = \"chase\";\n s.incident = undefined;\n s.chase = {\n round: 1,\n picks: {},\n eliminated: [],\n target: pick(survivors)?.id,\n };\n const line = await waiterSay(\n WAITER_PERSONA(100),\n \"Il tavolo ti ha appena tirato il cibo addosso. Esplodi in un urlo furioso e minacci di sbattere fuori tutti dal locale.\",\n ).catch(() => \"\");\n await addEvent(s.id, \"RAGE\", {\n greeting: line || \"ADESSO BASTA! VI SBATTO FUORI TUTTI! 😡🔪\",\n target: s.chase.target,\n });\n}\n\n// ---------------------------------------------------------------- chase\n\nexport async function survive(\n roomId: string,\n playerId: string,\n choice: string,\n): Promise {\n return withState(roomId, async (s) => {\n if (s.phase !== \"chase\" || !s.chase) return s;\n const p = s.players.find((x) => x.id === playerId);\n if (!p || p.state !== \"playing\") return s;\n if (s.chase.picks[playerId]) return s;\n s.chase.picks[playerId] = choice;\n await addEvent(s.id, \"PICKED\", { playerId, name: p.name, choice });\n return s;\n });\n}\n\n/**\n * Resolved on each poll. Advances time-based transitions (serving ->\n * chill, foodfight recovery, chase rounds) so the serverless game stays in\n * sync even if a tab is closed mid-animation.\n */\nexport async function tick(roomId: string, since: number): Promise {\n const state = await getRoom(roomId);\n if (!state) return null;\n const now = Date.now();\n\n if (state.phase === \"serving\") {\n const windowMs = 2600 * state.serveQueue.length + 9000;\n if (now - state.updatedAt > windowMs) {\n state.phase = \"chill\";\n await addEvent(state.id, \"SERVING_DONE\", {});\n await saveRoom(state);\n }\n } else if (state.phase === \"foodfight\") {\n // a retaliation keeps the food fight alive for its full 10 seconds\n const end = state.foodFightUntil ?? now;\n if (now >= end) {\n state.incident = undefined;\n state.foodFightUntil = undefined;\n if (state.rageLevel >= RAGE_THRESHOLD) await engageChase(state);\n else state.phase = \"chill\";\n await saveRoom(state);\n }\n } else if (state.phase === \"chase\" && state.chase) {\n await resolveChaseRound(state, now);\n await saveRoom(state);\n } else if (state.phase === \"chill\" && state.incident) {\n const inc = state.incident;\n const stale = now - inc.triggeredAt;\n // the waiter wipes his face and returns; an unanswered victim just lets\n // the food drop instead of escalating.\n if (\n (inc.kind === \"waiter\" && stale > 4500) ||\n (inc.kind === \"player\" && !inc.retaliated && stale > 20000)\n ) {\n state.incident = undefined;\n await saveRoom(state);\n }\n }\n\n const events = await getEvents(roomId, since);\n state.lastEventId = events.length ? events[events.length - 1].id : state.lastEventId;\n return { state: stripImages(state), events, me: undefined };\n}\n\n/** Copy of the state with dish images removed (they're big; sent once each). */\nfunction stripImages(s: GameState): GameState {\n const copy: GameState = structuredClone(s);\n for (const key of Object.keys(copy.dishes)) {\n if (copy.dishes[key].image) delete copy.dishes[key].image;\n }\n return copy;\n}\n\n/** Plates with embedded images, for initial hydration / late joiners. */\nexport function getPlates(s: GameState) {\n return s.serveQueue\n .filter((pid) => s.dishes[pid])\n .map((pid) => ({\n playerId: pid,\n orderText: s.dishes[pid].orderText,\n image: s.dishes[pid].image,\n name: playerName(s, pid),\n }));\n}\n\nasync function resolveChaseRound(s: GameState, now: number): Promise {\n const info = s.chase!;\n const survivors = playing(s);\n\n // everyone picked, or the waiter \"loses patience\" after the time budget\n const allPicked = survivors.length > 0 && survivors.every((p) => info.picks[p.id]);\n const timedOut = now - s.updatedAt > 16000;\n\n if (!allPicked && !timedOut) return;\n if (survivors.length <= 1) return;\n\n const victim = pick(survivors) as Player;\n victim.state = \"eliminated\";\n info.eliminated.push(victim.id);\n info.lastEliminated = victim.id;\n const choice = info.picks[victim.id] ?? \"—\";\n await addEvent(s.id, \"ELIMINATED\", { playerId: victim.id, name: victim.name, choice });\n\n info.round += 1;\n info.picks = {};\n\n const remaining = playing(s);\n if (remaining.length === 1) {\n s.winnerId = remaining[0].id;\n s.phase = \"ended\";\n s.rageLevel = 0;\n await addEvent(s.id, \"GAME_OVER\", { winnerId: s.winnerId, name: remaining[0].name });\n } else if (info.round > 6) {\n // chaos winds down, the survivors keep their table\n s.phase = \"chill\";\n s.rageLevel = 0;\n await addEvent(s.id, \"SURVIVED\", {});\n } else {\n info.target = pick(remaining)?.id;\n }\n}\n\nexport { addEvent };\n\nconst WAITER_PERSONA = (rage: number) =>\n rage < 15\n ? \"Sei il Cameriere Capo del ristorante Chaos Diner: elegante, cordiale, ospitale. \" +\n `Parli con calore e un pizzico di ironia italiana. \"Prego, accomodatevi.\"`\n : rage < 60\n ? \"Sei il Cameriere Capo del Chaos Diner. Il locale si sta facendo rumoroso: \" +\n \"resti sorvegliato e divertito ma con un accenno di irritazione. Adori i clienti, ma il caos ti sta sfiancando.\"\n : \"Sei il Cameriere Capo del Chaos Diner, e ora sei sull'orlo della furia. \" +\n \"Tono di voce isterico e vendicativo, frasi brevi taglienti, velate minacce di mettere alla porta i clienti. Nessun rispetto per l'etichetta.\";\n","createdAt",["D",1787478502607],"branchVersion","branchId","d37ffabd-ddb0-472a-8701-c0eef966a563","id","f7417c8d-2e35-43cf-b2d5-043eaf93137e","chaos-diner",["D",1787477491994],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Chaos Diner RPG – AI waiter, food fights & survival multiplayer","imageUrl","86c0904a-df90-4b28-8be9-0d0cd34688de","pinnedFileId","01a02df6-016f-774c-911b-10e7600604d6","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a02515-3428-7129-a58d-ee30dee1111b","tursoName","f7417c8d2e3543cfb2d5043eaf93137e","tursoHostname","f7417c8d2e3543cfb2d5043eaf93137e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789563628475],"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",48,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","boh","handle","displayName","BCG Collaborazioni","avatar","https://lh3.googleusercontent.com/a/ACg8ocK88V05YV8HsO4yAaG3hTsa_rYvYnQ7JithXHAoBkrpvT9HmN8=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":319,"_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":320,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":321,"_91":322,"_93":323,"_95":31},"tree",[189,199,204,205,206],"files",[189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206],"counts",{"_179":70,"_180":159,"_181":70,"_182":183,"_184":185},"contents",[138,139,140,141,142],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":174,"_38":175,"_36":176,"_145":-5,"_48":49,"_47":159,"_147":66,"_45":177,"_13":70,"_40":172,"_42":-5,"_30":31,"_152":-5,"_33":178},{"_50":168,"_38":169,"_36":170,"_145":-5,"_48":49,"_47":149,"_147":66,"_45":171,"_13":70,"_40":172,"_42":-5,"_30":31,"_152":-5,"_33":173},{"_50":162,"_38":163,"_36":164,"_145":-5,"_48":49,"_47":159,"_147":66,"_45":165,"_13":70,"_40":26,"_42":166,"_30":31,"_152":-5,"_33":167},{"_50":154,"_38":155,"_36":156,"_145":-5,"_48":49,"_47":157,"_147":66,"_45":158,"_13":159,"_40":26,"_42":160,"_30":31,"_152":-5,"_33":161},{"_50":143,"_38":144,"_36":64,"_145":-5,"_48":49,"_47":146,"_147":31,"_45":148,"_13":149,"_40":150,"_42":151,"_30":31,"_152":52,"_33":153},"b7d3cef2-b2fe-400a-86ac-b9cc99fcc458","index.ts","parentId",8,"latest",["D",1787477672749],2,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\nimport * as game from \"./lib/game.ts\";\n\nconst app = new Hono();\n\n// ---- frontend -------------------------------------------------------------\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));\n\n// ---- helpers ---------------------------------------------------------------\n\nasync function readJson(c: { req: Request }): Promise> {\n try {\n return await c.req.json();\n } catch {\n return {};\n }\n}\n\n/** Look up the room, run a mutator, and persist + return the freshest state. */\nasync function mutate(\n c: { json: (x: unknown, status?: number) => Response },\n roomId: string,\n fn: () => Promise,\n ok = 200,\n): Promise {\n const result = await fn();\n if (result === null || result === undefined) {\n return c.json({ error: \"Stanza non trovata o azione non consentita\" }, 404);\n }\n return c.json(result, ok);\n}\n\n// ---- API ------------------------------------------------------------------\n\napp.post(\"/api/room\", async (c) => {\n const { name } = await readJson(c);\n const state = await game.createRoom(String(name ?? \"\").slice(0, 24));\n return c.json({ state, selfId: state.players[0].id }, 201);\n});\n\napp.post(\"/api/room/join\", async (c) => {\n const { code, name } = await readJson(c);\n const state = await game.joinRoom(String(code ?? \"\"), String(name ?? \"\").slice(0, 24));\n if (!state) return c.json({ error: \"Codice non trovato\" }, 404);\n // figure out which player is \"me\"\n const me = state.players\n .filter((p) => p.name === String(name ?? \"\").trim())\n .at(-1) ?? state.players[0];\n return c.json({ state, selfId: me.id });\n});\n\n// Poll: returns snapshot + incremental events, and advances time-based phases.\napp.get(\"/api/room/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const since = Number(c.req.query(\"since\") ?? 0) || 0;\n const snap = await game.tick(id, since);\n if (!snap) return c.json({ error: \"Stanza non trovata\" }, 404);\n return c.json(snap);\n});\n\n// Full plates with embedded images (for serving animation + late joiners).\napp.get(\"/api/room/:id/plates\", async (c) => {\n const id = c.req.param(\"id\");\n const state = await game.getRoom(id);\n if (!state) return c.json({ error: \"Stanza non trovata\" }, 404);\n return c.json({ plates: game.getPlates(state) });\n});\n\napp.post(\"/api/room/:id/start\", async (c) => {\n const id = c.req.param(\"id\");\n return mutate(c, id, () => game.startDinner(id));\n});\n\napp.post(\"/api/room/:id/order\", async (c) => {\n const id = c.req.param(\"id\");\n const { player, orderText } = await readJson(c);\n return mutate(c, id, () =>\n game.placeOrder(id, String(player ?? \"\"), String(orderText ?? \"\")));\n});\n\napp.post(\"/api/room/:id/eat\", async (c) => {\n const id = c.req.param(\"id\");\n const { player } = await readJson(c);\n return mutate(c, id, () => game.eat(id, String(player ?? \"\")));\n});\n\napp.post(\"/api/room/:id/throw\", async (c) => {\n const id = c.req.param(\"id\");\n const { player, target } = await readJson(c);\n const t = target as { type?: string; playerId?: string };\n const parsed =\n t?.type === \"player\" && t.playerId\n ? { type: \"player\", playerId: t.playerId } as const\n : { type: \"waiter\" } as const;\n return mutate(c, id, () => game.throwFood(id, String(player ?? \"\"), parsed));\n});\n\napp.post(\"/api/room/:id/survive\", async (c) => {\n const id = c.req.param(\"id\");\n const { player, choice } = await readJson(c);\n return mutate(c, id, () =>\n game.survive(id, String(player ?? \"\"), String(choice ?? \"\")));\n});\n\n// -- serve a \"serving done\" fast-forward (client finished the animation) ----\napp.post(\"/api/room/:id/servingDone\", async (c) => {\n const id = c.req.param(\"id\");\n return mutate(c, id, async () => {\n const state = await game.getRoom(id);\n if (!state || state.phase !== \"serving\") return state;\n state.phase = \"chill\";\n await game.addEvent(id, \"SERVING_DONE\", {});\n await game.saveRoom(state);\n return state;\n });\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[144],"2eae2d98-92b1-4a8a-90b8-1c7756f1ffe5","README.md","01a02df6-016f-774c-911b-0f8a49cdb17a",20,["D",1787477879281],1,"# 🍝 Chaos Diner RPG\n\nUn'innocua cena al ristorante che si trasforma in un'arena di caos **multiplayer in tempo reale**, alimentata dall'**AI Cameriere** (Gemini).\n\n👉 **Gioca subito:** \n\n## 🎮 Come si gioca\n\n1. **Lobby** — un giocatore apre la stanza e condivide il codice con gli amici (ognuno entra da un proprio tab con **\"Entra\"**).\n2. **Ordinazione** — l'**AI Cameriere** ti dà il benvenuto e raccoglie l'ordine di ogni commensale, scritto in linguaggio naturale (es. *\"Cotoletta con patatine e una bibita\"*).\n3. **Servizio** — il Cameriere va in cucina, genera **l'immagine del piatto per ogni commensale** e torna con le pietanze **impilate una sopra l'altra**, distribuendole a ognuno in base a ciò che ha ordinato.\n4. **La scelta** — a ogni giocatore compare la forchetta con **🍴 Mangia Tranquillo** oppure **🍝 Lancia il Cibo**.\n5. **Food Fight & Fuga** — lanciare il cibo fa partire lo **scratch del vinile** e la traccia Heavy Metal. Bersaglia un commensale o il Cameriere: ogni lancio alimenta la sua **rabbia (0-100)**. Sopra la soglia, il Cameriere va in **RAGE** e parte la fase di **fuga**: nasconditi, scappa, lancia una sedia… chi viene beccato è **eliminato** e passa in modalità **Spettatore**. Sopravvive solo il più scaltro.\n\n## 🔧 Architettura (Val.town)\n\n```\nindex.ts ← server Hono: HTML + API\nlib/\n game.ts ← macchina a stati (LOBBY→ORDERING→SERVING→CHILL→CHASE→ENDED), rabbia, fuga\n ai.ts ← Cameriere AI (chat) + generazione immagini piatti (Gemini)\n db.ts ← SQLite (val-scoped): stanze + log eventi\n types.ts ← tipi condivisi client/server\nfrontend/\n root.tsx ← HTML shell\n audio.ts ← motore audio (scratch/metalli via Web Audio)\n api.ts ← client API + sessione (localStorage)\n components/ ← Lobby, GameScreen (tavolo, servizio, food fight, fuga)\n```\n\n- **Real-time**: polling (~1.2s) su `GET /api/room/:id?since=…` con eventi incrementali — serverless-friendly (niente WebSocket).\n- **Immagini piatti**: embeddate come data-URL negli eventi (`SERVING`), servite a ogni client; il polling resta leggero.\n- **Audio**: scratch del vinile e riff Heavy Metal generati in Web Audio (nessun asset esterno). Se vuoi colonne reali, punta due URL in `frontend/audio.ts` → `setPlaylist(lofiUrl, metalUrl)`.\n\n## ⚙️ Configurazione\n\nLa chiave **Gemini** vive nella env var `GEMINI_API_KEY` (mai nel codice). Modelli usati:\n- **Chat** (Cameriere): `gemini-3.5-flash` — attivo.\n- **Immagini** (piatti): `gemini-2.5-flash-image` — richiede **quota** sull'account (limite 0 sul piano free). Se non disponibile, il gioco usa un piatto segnaposto SVG come fallback.\n",[155],"d4196661-d5a3-44a8-9acb-9c96e3e22721","CHANGELOG.md","01a02df6-016f-774c-911b-0ba924477586",["D",1787477491994],"# 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 · v24