Newer
Older
PropsWithChildren,
createContext,
useContext,
useEffect,
useState,
} from "react";
ClientConfig,
IAppContext,
ICanvasPosition,
IPosition,
import { Spinner } from "@nextui-org/react";
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>();
const [connected, setConnected] = useState(false);
// --- settings ---
const [loadChat, _setLoadChat] = useState(false);
const [undo, setUndo] = useState<{ available: true; expireAt: number }>();
// overlays visible
const [settingsSidebar, setSettingsSidebar] = useState(false);
const [pixelWhois, setPixelWhois] = useState<{
x: number;
y: number;
surrounding: string[][];
}>();
const [showKeybinds, setShowKeybinds] = useState(false);
const [hasAdmin, setHasAdmin] = useState(false);
setLoadChat(
localStorage.getItem("matrix.enable") === null
? true
: localStorage.getItem("matrix.enable") === "true"
);
function handleConfig(config: ClientConfig) {
setConfig(config);
}
function handleUser(user: AuthSession) {
setAuth(user);
}
function handlePixels(pixels: { available: number }) {
setPixels(pixels);
}
function handleUndo(
data: { available: false } | { available: true; expireAt: number }
) {
if (data.available) {
setUndo({ available: true, expireAt: data.expireAt });
} else {
setUndo(undefined);
}
}
function handleConnect() {
setConnected(true);
}
function handleDisconnect() {
setConnected(false);
}
api<{}>("/api/admin/check").then(({ status, data }) => {
if (status === 200) {
if (data.success) {
setHasAdmin(true);
}
}
});
Network.on("user", handleUser);
Network.on("config", handleConfig);
Network.waitFor("pixels").then(([data]) => handlePixels(data));
Network.on("pixels", handlePixels);
Network.on("connected", handleConnect);
Network.on("disconnected", handleDisconnect);
return () => {
Network.off("user", handleUser);
Network.off("config", handleConfig);
Network.off("undo", handleUndo);
Network.off("connected", handleConnect);
Network.off("disconnected", handleDisconnect);
const setLoadChat = (v: boolean) => {
_setLoadChat(v);
localStorage.setItem("matrix.enable", v ? "true" : "false");
};
value={{
config,
user: auth,
canvasPosition,
setCanvasPosition,
cursorPosition,
setCursorPosition,
settingsSidebar,
setSettingsSidebar,
connected,
pixelWhois,
setPixelWhois,
{!config && (
<div className="fixed top-0 left-0 w-full h-full z-[9999] backdrop-blur-sm bg-black/30 text-white flex items-center justify-center">
<Spinner label="Loading..." />
</div>
)}
{children}