nucleo000/snatchgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corregir errores de TypeScript y optimizar build para Docker
Some checks failed
build-and-deploy / build (push) Failing after 48s
Details
build-and-deploy / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
josedario87
2025-08-15 12:22:46 -06:00
parent 84aef0774d
commit 84fa2b86d3
8 changed files with 60 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/components/RoomsTable.vue
View File

@@ -51,15 +51,15 @@
<td class="tokens-cell">
<div v-if="getRoomDetails(room.roomId)?.players?.[0]" class="player-section">
<div class="player-name-chip" :style="{
backgroundColor: getPlayerColor(getRoomDetails(room.roomId).players[0], 0),
color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId).players[0], 0))
backgroundColor: getPlayerColor(getRoomDetails(room.roomId)?.players?.[0], 0),
color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId)?.players?.[0], 0))
}">
{{ getRoomDetails(room.roomId).players[0].name }}
{{ getRoomDetails(room.roomId)?.players?.[0]?.name }}
</div>
<div class="token-summary">
<span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
</div>
</div>
<div v-else class="no-data">-</div>
@@ -67,15 +67,15 @@
<td class="tokens-cell">
<div v-if="getRoomDetails(room.roomId)?.players?.[1]" class="player-section">
<div class="player-name-chip" :style="{
backgroundColor: getPlayerColor(getRoomDetails(room.roomId).players[1], 1),
color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId).players[1], 1))
backgroundColor: getPlayerColor(getRoomDetails(room.roomId)?.players?.[1], 1),
color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId)?.players?.[1], 1))
}">
{{ getRoomDetails(room.roomId).players[1].name }}
{{ getRoomDetails(room.roomId)?.players?.[1]?.name }}
</div>
<div class="token-summary">
<span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
<span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
</div>
</div>
<div v-else class="no-data">-</div>

6
client/src/services/colyseus.ts
View File

@@ -161,11 +161,11 @@ class ColyseusService {
});
// Ensure the room id is set
if (!gameRoom.id) {
gameRoom.id = data.roomId;
if (!(gameRoom as any).id) {
(gameRoom as any).id = data.roomId;
}
console.log('Successfully joined game room:', gameRoom.id, gameRoom);
console.log('Successfully joined game room:', (gameRoom as any).id, gameRoom);
console.log('Setting gameRoom.value...');
this.gameRoom.value = gameRoom;
this.currentRoom = gameRoom;

2
client/src/services/db.ts
View File

@@ -1,4 +1,4 @@
import Loki from "lokijs";
import Loki, { Collection } from "lokijs";
export interface LocalPlayerDoc {
id: string; // fixed id for local profile