games: Re-add info to Scrabble plays

Author: PartMan7

src/ps/games/scrabble/index.ts

@@ -248,7 +248,7 @@ export class Scrabble extends Game<State> {
 			action: 'play',
 			time: new Date(),
 			turn,
-			ctx: { points, tiles, point: pos, dir, rack, newTiles, words: words.map(word => word.word) },
+			ctx: { points, tiles, point: pos, dir, rack, newTiles, words: points.words },
 		};
 		this.log.push(logEntry);
 		this.room.sendHTML(...renderMove(logEntry, this));

src/ps/games/scrabble/logs.ts

@@ -12,7 +12,15 @@ export type Log = Satisfies<
 	} & (
 		| {
 				action: 'play';
-				ctx: { points: Points; tiles: BoardTile[]; dir: DIRECTION; point: Point; newTiles: string[]; rack: string[]; words: string[] };
+				ctx: {
+					points: Points;
+					tiles: BoardTile[];
+					dir: DIRECTION;
+					point: Point;
+					newTiles: string[];
+					rack: string[];
+					words: Record<string, number>;
+				};
 		  }
 		| { action: 'exchange'; ctx: { tiles: string[]; newTiles: string[]; rack: string[] } }
 		| { action: 'pass'; ctx: { rack: string[] } }

src/ps/games/scrabble/render.tsx

@@ -27,9 +27,14 @@ export function renderMove(logEntry: Log, { id, players, $T, renderCtx: { msg }
 
 	switch (logEntry.action) {
 		case 'play':
+			const words = Object.entries(logEntry.ctx.words);
 			return [
 				<Wrapper>
-					<Username name={playerName} /> played {logEntry.ctx.words.list($T)} for {logEntry.ctx.points.total} points!
+					<Username name={playerName} /> played{' '}
+					{words.length === 1 && !logEntry.ctx.points.bingo
+						? words[0][0]
+						: words.map(([word, points]) => `${word} (${points})`).list($T)}{' '}
+					for {logEntry.ctx.points.total} points!
 					{logEntry.ctx.points.bingo ? ' BINGO!' : null}
 				</Wrapper>,
 				opts,