pass current fen and ply to state

src/components/PgnViewer.tsx

@@ -19,6 +19,12 @@ const PgnViewer = ({ gamePgn, handlePlyChange }: IProps) => {
 			scrollToMove: false,
 		});
 
+		// set initial position - TODO change onto file load
+		// handlePlyChange({
+		// 	ply: 0,
+		// 	fen: viewerRef.current?.curData().fen,
+		// });
+
 		const boardButtons = document.querySelectorAll(".lpv__controls");
 		const movesList = document.querySelectorAll(".lpv__moves");
 		if (!boardButtons || !movesList) return;
@@ -71,7 +77,7 @@ const PgnViewer = ({ gamePgn, handlePlyChange }: IProps) => {
 				move.removeEventListener("touchstart", clickHandlerDelay);
 			});
 		};
-	}, [gamePgn, handlePlyChange]);
+	}, [gamePgn]);
 
 	return <div ref={containerRef} className="lpv-board" />;
 };

src/hooks/useChessGame.ts

@@ -1,15 +1,25 @@
-import { type ChangeEvent, useReducer, useRef } from "react";
+import { type ChangeEvent, useReducer, useRef, useState } from "react";
 import { gameReducer, initialGameState } from "#/reducers/gameReducer.ts";
 import { buildPgnString, getHeaders } from "#/utils/pgnUtils.ts";
 import { downloadString } from "#/utils/stringUtils.ts";
 
+interface IPosition {
+	ply: number;
+	fen: string;
+}
+
 export const useChessGame = () => {
 	const [gameState, gameDispatch] = useReducer(gameReducer, initialGameState);
+
+	const [currentPosition, setCurrentPosition] = useState<IPosition>({
+		ply: 0,
+		fen: "",
+	});
+
 	const fileInputRef = useRef<HTMLInputElement | null>(null);
 
 	const handlePlyChange = ({ ply, fen }: { ply: number; fen: string }) => {
-		console.log("Ply change", ply, fen);
+		setCurrentPosition({ ply, fen });
-		return;
 	};
 
 	const handleSavePgn = () => {
@@ -91,5 +101,6 @@ export const useChessGame = () => {
 		handleToggleClock,
 		handlePlyChange,
 		handleToggleDiagram,
+		currentPosition,
 	};
 };

src/pages/Chessboard.container.tsx

@@ -4,6 +4,8 @@ import Chessboard from "#/pages/Chessboard.tsx";
 const ChessboardContainer = () => {
 	const chessGameProps = useChessGame();
 
+	console.log(chessGameProps.currentPosition);
+
 	return (
 		<Chessboard
 			gameState={chessGameProps.gameState}