75 lines
1.8 KiB
TypeScript
75 lines
1.8 KiB
TypeScript
'use client';
|
|
|
|
import { createContext, useContext, useState, ReactNode } from 'react';
|
|
import useSocket from '@/hooks/useSocket';
|
|
import type { GameUpdate, Tilt } from '@/types';
|
|
|
|
const AppContext = createContext<AppContext | undefined>(undefined);
|
|
|
|
const gameStart: GameUpdate = {
|
|
dmID: '',
|
|
spectatorID: '',
|
|
cards: [],
|
|
settings: {
|
|
positionBack: false,
|
|
positionFront: false,
|
|
prophecy: false,
|
|
notes: false,
|
|
cardStyle: 'color',
|
|
},
|
|
};
|
|
|
|
export interface AppContext {
|
|
gameData: GameUpdate;
|
|
noGame: boolean;
|
|
tilts: Tilt[];
|
|
flipCard: (cardIndex: number) => void;
|
|
handleSettings: (gameData: GameUpdate) => void;
|
|
redraw: (cardIndex: number) => void;
|
|
select: (cardID: string) => void;
|
|
setGameID: (gameID: string) => void;
|
|
setSelectCardIndex: (cardIndex: number) => void;
|
|
setTilts: (tilts: Tilt[]) => void;
|
|
}
|
|
|
|
export function AppProvider({ children }: { children: ReactNode }) {
|
|
const [gameData, setGameData] = useState<GameUpdate>(gameStart);
|
|
const [gameID, setGameID] = useState('');
|
|
const [noGame, setNoGame] = useState(false);
|
|
const [selectCardIndex, setSelectCardIndex] = useState(-1);
|
|
const [tilts, setTilts] = useState<Tilt[]>([]);
|
|
|
|
const { flipCard, redraw, select, handleSettings } = useSocket({
|
|
gameID,
|
|
setGameData,
|
|
setNoGame,
|
|
});
|
|
|
|
const handleSelect = (cardID: string) => {
|
|
setSelectCardIndex(-1);
|
|
|
|
select(selectCardIndex, cardID);
|
|
};
|
|
|
|
const appInterface = {
|
|
gameData,
|
|
noGame,
|
|
tilts,
|
|
flipCard,
|
|
handleSettings,
|
|
redraw,
|
|
select: handleSelect,
|
|
setGameID,
|
|
setSelectCardIndex,
|
|
setTilts,
|
|
};
|
|
|
|
return <AppContext.Provider value={appInterface}>{children}</AppContext.Provider>;
|
|
}
|
|
|
|
export function useAppContext(): AppContext {
|
|
const context = useContext(AppContext);
|
|
if (!context) throw new Error('useAppContext must be used within AppProvider');
|
|
return context;
|
|
}
|