Newer
Older
PropsWithChildren,
createContext,
useContext,
useEffect,
useState,
} from "react";
import {
ClientConfig,
IAppContext,
ICanvasPosition,
IPosition,
} from "../types";
import { AuthSession } from "@sc07-canvas/lib/src/net";
import Network from "../lib/network";
const appContext = createContext<IAppContext>({} as any);
export const useAppContext = () => useContext(appContext);
export const AppContext = ({ children }: PropsWithChildren) => {
const [config, setConfig] = useState<ClientConfig>(undefined as any);
const [auth, setAuth] = useState<AuthSession>();
const [canvasPosition, setCanvasPosition] = useState<ICanvasPosition>();
const [cursorPosition, setCursorPosition] = useState<IPosition>();
useEffect(() => {
function handleConfig(config: ClientConfig) {
console.info("Server sent config", config);
setConfig(config);
}
function handleUser(user: AuthSession) {
setAuth(user);
}
Network.on("user", handleUser);
Network.on("config", handleConfig);
Network.socket.connect();
return () => {
Network.off("user", handleUser);
Network.off("config", handleConfig);
};
}, []);
return (
value={{
config,
user: auth,
canvasPosition,
setCanvasPosition,
cursorPosition,
setCursorPosition,
}}