🪑 Portray bench

core/utils/portray-bench.ts

@@ -0,0 +1,20 @@
+import type { Hero } from "../types/hero";
+import type { Piece } from "../types/piece";
+import { Animation } from "../types/animation";
+
+export function portrayBench(
+	bench: Record<number, Hero>,
+): Record<number, Piece> {
+	return Object.fromEntries(
+		Object.entries(bench).map(([index, hero]) => [
+			Number.parseInt(index, 10),
+			{
+				hero,
+				animation: Animation.Idle,
+				transposed: false,
+				animationStartAt: Date.now(),
+				right: false,
+			},
+		]),
+	);
+}

core/utils/portray.ts

@@ -8,6 +8,7 @@ import { getLevelUpCost } from "./get-level-up-cost";
 import { observePortrayedConfrontation } from "./observe-portrayed-confrontation";
 import type { PublicKey } from "../types/public-key";
 import type { Piece } from "../types/piece";
+import { portrayBench } from "./portray-bench";
 
 export function portray(publicKey: PublicKey): OperatorFunction<Game, Display> {
 	return (source: Observable<Game>) =>
@@ -32,7 +33,7 @@ export function portray(publicKey: PublicKey): OperatorFunction<Game, Display> {
 						isMe: p === publicKey,
 					})),
 					shop: game.playerShops[publicKey] || [],
-					bench: {},
+					bench: portrayBench(game.playerBenches[publicKey] || {}),
 					phase: game.phase,
 					money: game.playerMoney[publicKey] || 0,
 					levelUpCost: getLevelUpCost(game, publicKey),