first commit

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

@@ -0,0 +1,31 @@
+import { useEffect, useRef } from 'react';
+import { useDraughtsSettings } from '../../settings/DraughtsSettingsContext';
+import { useDraughtsBoard } from '../../board/DraughtsBoardContext';
+import { GameStates } from '@draughts/core';
+
+export function useDraughtsComputer() {
+  const { board, doMove } = useDraughtsBoard();
+  const { userPlayer, computerDifficulty } = useDraughtsSettings();
+
+  const workerRef = useRef();
+  useEffect(() => {
+    if (board.state !== GameStates.PLAYING) return;
+    if (board.playerToMove === userPlayer) return;
+
+    workerRef.current = new Worker(new URL('worker.js', import.meta.url));
+
+    const handleWorkerMessage = (event) => {
+      doMove(event.data);
+    };
+
+    workerRef.current.addEventListener('message', handleWorkerMessage);
+    workerRef.current.postMessage({ board, computerDifficulty });
+
+    return () => {
+      workerRef.current.removeEventListener('message', handleWorkerMessage);
+      workerRef.current.terminate();
+    };
+  }, [board, userPlayer, computerDifficulty, doMove]);
+
+  return null;
+}