39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import { useEffect } from "react";
|
|
import type { GameManager } from "../../src";
|
|
|
|
export const useKeyBindings = (gameManager: GameManager) => {
|
|
const { gameStatus, renderBoard, startGame, quitGame, clearKeyLog } = gameManager;
|
|
|
|
useEffect(() => {
|
|
const handler = (ev: KeyboardEvent) => {
|
|
// start game
|
|
if (ev.code === "Space") {
|
|
if (["waiting", "game-over", "game-won"].includes(gameStatus)) {
|
|
clearKeyLog();
|
|
renderBoard();
|
|
if (gameStatus === "game-over" || gameStatus === "game-won") {
|
|
quitGame();
|
|
setTimeout(() => startGame(), 0);
|
|
} else {
|
|
startGame();
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
|
|
// ignore other keys while waiting
|
|
if (gameStatus === "waiting") return;
|
|
|
|
// quit
|
|
if (ev.key === "q" || ev.key === "Q") {
|
|
quitGame();
|
|
return;
|
|
}
|
|
};
|
|
|
|
window.addEventListener("keydown", handler);
|
|
return () => window.removeEventListener("keydown", handler);
|
|
}, [gameStatus]);
|
|
};
|
|
|