first commit

components/draughts/game/timer/use-draughts-timer.js

@@ -0,0 +1,43 @@
+import { useState, useEffect, useMemo } from 'react';
+import { useDraughtsBoard } from '../../board/DraughtsBoardContext';
+import { GameStates } from '@draughts/core';
+
+const TIMER_TICK = 100;
+const INITIAL_TIME = 5 * 60 * 1000;
+
+export function useDraughtsTimer(player) {
+  const { board } = useDraughtsBoard();
+  const [timer, setTimer] = useState(INITIAL_TIME);
+
+  useEffect(() => {
+    if (board.state !== GameStates.PLAYING) return;
+    if (board.firstMove) return;
+    if (board.playerToMove !== player) return;
+
+    const interval = setInterval(() => {
+      setTimer((timer) => {
+        const updatedTime = timer - TIMER_TICK;
+        return updatedTime >= 0 ? updatedTime : 0;
+      });
+    }, TIMER_TICK);
+
+    return () => {
+      clearInterval(interval);
+      setTimer((timer) => timer + 1000);
+    };
+  }, [player, board, setTimer]);
+
+  const timerInfo = useMemo(() => {
+    const totalSeconds = Math.floor(timer / 1000);
+    return {
+      complete: timer === 0,
+      millis: timer % 1000,
+      minutes: Math.floor(totalSeconds / 60),
+      seconds: totalSeconds % 60,
+    };
+  }, [timer]);
+
+  const resetTimer = () => setTimer(INITIAL_TIME);
+
+  return [timerInfo, resetTimer];
+}