starting new structure

src_old/useGame/useGameStatus.ts

@@ -0,0 +1,44 @@
+import { useCallback, useState, useMemo } from "react";
+import type { UseRenderer } from "./useSudokuRenderer";
+import type { UseCursorType } from "./useCursor";
+import type { GameStatus } from "../types";
+import { getGamePhase, isPlaying } from "../types";
+
+export type { GameStatus } from "../types";
+
+export function useGameStatus(
+  rendererManager: UseRenderer,
+  cursorManager: UseCursorType
+) {
+  const { containerRef } = rendererManager;
+  const { setCursor } = cursorManager;
+  const [gameStatus, setGameStatus] = useState<GameStatus>("waiting");
+
+  const gamePhase = useMemo(() => getGamePhase(gameStatus), [gameStatus]);
+  const playStatus = useMemo(
+    () => (isPlaying(gameStatus) ? gameStatus : null),
+    [gameStatus]
+  );
+
+  const startGame = useCallback(() => {
+    setGameStatus("started");
+  }, []);
+
+  const stopGame = useCallback(() => {
+    setCursor({ r: 0, c: 0 });
+    setGameStatus("waiting");
+    const container = containerRef.current;
+    container?.querySelectorAll(".active").forEach((el) => el.classList.remove("active"));
+  }, [setCursor, containerRef]);
+
+  return {
+    gameStatus,
+    gamePhase,
+    playStatus,
+    setGameStatus,
+    startGame,
+    stopGame,
+  };
+}
+
+export type UseGameStatusType = ReturnType<typeof useGameStatus>;