import { writable } from "svelte/store"; import { playersStore } from "./PlayersStore"; import type { PlayerInterface } from "../Phaser/Game/PlayerInterface"; import { iframeListener } from "../Api/IframeListener"; export const chatVisibilityStore = writable(false); export const chatInputFocusStore = writable(false); export const newChatMessageStore = writable(null); export enum ChatMessageTypes { text = 1, me, userIncoming, userOutcoming, } export interface ChatMessage { type: ChatMessageTypes; date: Date; author?: PlayerInterface; targets?: PlayerInterface[]; text?: string[]; } function getAuthor(authorId: number): PlayerInterface { const author = playersStore.getPlayerById(authorId); if (!author) { throw "Could not find data for author " + authorId; } return author; } function createChatMessagesStore() { const { subscribe, update } = writable([]); return { subscribe, addIncomingUser(authorId: number) { update((list) => { const lastMessage = list[list.length - 1]; if (lastMessage && lastMessage.type === ChatMessageTypes.userIncoming && lastMessage.targets) { lastMessage.targets.push(getAuthor(authorId)); } else { list.push({ type: ChatMessageTypes.userIncoming, targets: [getAuthor(authorId)], date: new Date(), }); } return list; }); }, addOutcomingUser(authorId: number) { update((list) => { const lastMessage = list[list.length - 1]; if (lastMessage && lastMessage.type === ChatMessageTypes.userOutcoming && lastMessage.targets) { lastMessage.targets.push(getAuthor(authorId)); } else { list.push({ type: ChatMessageTypes.userOutcoming, targets: [getAuthor(authorId)], date: new Date(), }); } return list; }); }, addPersonnalMessage(text: string) { //post message iframe listener iframeListener.sendUserInputChat(text); newChatMessageStore.set(text); update((list) => { const lastMessage = list[list.length - 1]; if (lastMessage && lastMessage.type === ChatMessageTypes.me && lastMessage.text) { lastMessage.text.push(text); } else { list.push({ type: ChatMessageTypes.me, text: [text], date: new Date(), }); } iframeListener.sendUserInputChat(text); return list; }); }, addExternalMessage(authorId: number, text: string) { update((list) => { const lastMessage = list[list.length - 1]; if ( lastMessage && lastMessage.type === ChatMessageTypes.text && lastMessage.text && lastMessage?.author?.userId === authorId ) { lastMessage.text.push(text); } else { list.push({ type: ChatMessageTypes.text, text: [text], author: getAuthor(authorId), date: new Date(), }); } iframeListener.sendUserInputChat(text); return list; }); chatVisibilityStore.set(true); }, }; } export const chatMessagesStore = createChatMessagesStore(); function createChatSubMenuVisibilityStore() { const { subscribe, update } = writable(""); return { subscribe, openSubMenu(playerName: string, index: number) { const id = playerName + index; update((oldValue) => { return oldValue === id ? "" : id; }); }, }; } export const chatSubMenuVisibilityStore = createChatSubMenuVisibilityStore();