Files
discord-clone/stores/store.ts

66 lines
1.7 KiB
TypeScript

import { Socket } from "socket.io-client";
import { SafeUser, IServer, IChannel } from "../types";
export const useGlobalStore = defineStore('global', {
state: () => ({
activeServer: {} as IServer | IChannel,
activeServerType: '' as "dms" | "servers" | undefined,
user: {} as SafeUser,
dms: [] as IChannel[],
servers: [] as IServer[],
socket: null as unknown
}),
actions: {
setUser(user: SafeUser) {
this.user = user;
},
addServer(server: IServer) {
if (!this.servers || this.servers.find((e) => e.id === server.id)) return;
this.servers.push(server)
},
addDM(dmChannel: IChannel) {
if (!this.dms || this.dms.find((e) => e.id === dmChannel.id)) return;
this.dms.push(dmChannel)
},
setServers(servers: Array<IServer>) {
this.servers = servers
},
setDms(dms: Array<IChannel>) {
this.dms = dms
},
setSocket(socket: Socket) {
this.socket = socket
},
setActive(type: "servers" | "dms", channelId: string) {
if (channelId === '@me') {
this.activeServer = {} as IServer | IChannel
this.activeServerType = 'dms'
return;
}
this.activeServerType = type
const searchableArray: IChannel[] | IServer[] | undefined = this[type]
if (!searchableArray) return;
let activeServerIndex: number;
if (type === 'servers') {
activeServerIndex = searchableArray.findIndex((e) => {
return e.channels.some((channel: IChannel) => channel.id === channelId)
})
} else {
activeServerIndex = searchableArray.findIndex((e) => {
return e.id === channelId
})
}
this.activeServer = this.servers[activeServerIndex]
},
logout() {
this.dms = []
this.servers = []
this.socket = null
this.activeServer = {} as IServer | IChannel
}
},
})