import getServer, { Server } from '@/api/server/getServer'; import { action, Action, createContextStore, thunk, Thunk } from 'easy-peasy'; import socket, { SocketStore } from './socket'; export type ServerStatus = 'offline' | 'starting' | 'stopping' | 'running'; interface ServerDataStore { data?: Server; getServer: Thunk>; setServer: Action; } const server: ServerDataStore = { getServer: thunk(async (actions, payload) => { const server = await getServer(payload); actions.setServer(server); }), setServer: action((state, payload) => { state.data = payload; }), }; interface ServerStatusStore { value: ServerStatus; setServerStatus: Action; } const status: ServerStatusStore = { value: 'offline', setServerStatus: action((state, payload) => { state.value = payload; }), }; export interface ServerStore { server: ServerDataStore; socket: SocketStore; status: ServerStatusStore; clearServerState: Action; } export const ServerContext = createContextStore({ server, socket, status, clearServerState: action(state => { state.server.data = undefined; if (state.socket.instance) { state.socket.instance.removeAllListeners(); state.socket.instance.close(); } state.socket.instance = null; state.socket.connected = false; }), }, { name: 'ServerStore' });