0e68490e75
A great deal of the complexity of the current code is that we must chain 2 reactive values (one in the map "GameScene.MapPlayersByKey" and one in the snapshot store). The new generic MapStore class can be used to listen to stores inside a map. When the store inside the map, or the map itself is modified, the resulting store is updated.
71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
import { writable } from "svelte/store";
|
|
import type { PlayerInterface } from "../Phaser/Game/PlayerInterface";
|
|
import type { RoomConnection } from "../Connexion/RoomConnection";
|
|
import { getRandomColor } from "../WebRtc/ColorGenerator";
|
|
import { localUserStore } from "../Connexion/LocalUserStore";
|
|
|
|
let idCount = 0;
|
|
|
|
/**
|
|
* A store that contains the list of players currently known.
|
|
*/
|
|
function createPlayersStore() {
|
|
let players = new Map<number, PlayerInterface>();
|
|
|
|
const { subscribe, set, update } = writable<Map<number, PlayerInterface>>(players);
|
|
|
|
return {
|
|
subscribe,
|
|
connectToRoomConnection: (roomConnection: RoomConnection) => {
|
|
players = new Map<number, PlayerInterface>();
|
|
set(players);
|
|
roomConnection.onUserJoins((message) => {
|
|
update((users) => {
|
|
users.set(message.userId, {
|
|
userId: message.userId,
|
|
name: message.name,
|
|
characterLayers: message.characterLayers,
|
|
visitCardUrl: message.visitCardUrl,
|
|
companion: message.companion,
|
|
userUuid: message.userUuid,
|
|
color: getRandomColor(),
|
|
});
|
|
return users;
|
|
});
|
|
});
|
|
roomConnection.onUserLeft((userId) => {
|
|
update((users) => {
|
|
users.delete(userId);
|
|
return users;
|
|
});
|
|
});
|
|
},
|
|
getPlayerById(userId: number): PlayerInterface | undefined {
|
|
return players.get(userId);
|
|
},
|
|
addFacticePlayer(name: string): number {
|
|
let userId: number | null = null;
|
|
players.forEach((p) => {
|
|
if (p.name === name) userId = p.userId;
|
|
});
|
|
if (userId) return userId;
|
|
const newUserId = idCount--;
|
|
update((users) => {
|
|
users.set(newUserId, {
|
|
userId: newUserId,
|
|
name,
|
|
characterLayers: [],
|
|
visitCardUrl: null,
|
|
companion: null,
|
|
userUuid: "dummy",
|
|
color: getRandomColor(),
|
|
});
|
|
return users;
|
|
});
|
|
return newUserId;
|
|
},
|
|
};
|
|
}
|
|
|
|
export const playersStore = createPlayersStore();
|