working on refactor

src/useGame.ts

@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import type { GameManager, GameOptions, GameStatus } from './types';
+import { useBoard } from './useBoard';
+import { useCursor } from './useCursor';
+
+export function useGame(options: GameOptions, platformHook?: unknown): GameManager {
+  const { cols, rows } = options;
+  const [gameStatus, setGameStatus] = useState<GameStatus>('waiting');
+  const boardManager = useBoard(cols, rows);
+  const { containerRef, renderBoard } = boardManager;
+  const cursor = useCursor(boardManager);
+
+  function startGame() {
+    setGameStatus('started');
+  }
+
+  function togglePause(pause?: boolean) {
+    if (typeof pause === 'boolean') {
+      setGameStatus(pause ? 'paused' : 'started');
+      return;
+    }
+    setGameStatus(prevStatus => prevStatus === 'paused' ? 'started' : 'paused');
+  }
+
+  function quitGame() {
+    setGameStatus('waiting');
+  }
+
+
+  const gameManager = {
+    containerRef,
+    gameStatus,
+    renderBoard,
+    startGame,
+    togglePause,
+    quitGame,
+    cursor,
+  }
+
+  if (typeof platformHook === 'function') {
+    platformHook(gameManager);
+  }
+
+  return gameManager;
+}