next-chessground 1.2.0 → 1.3.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useContext, useEffect, forwardRef } from 'react';
+import React, { createContext, useState, useContext, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
 import require$$1 from 'react-dom';
 
 function _defineProperty(e, r, t) {
@@ -6926,13 +6926,12 @@ const constants = {
 
 const useChess = props => {
   const [fen, setFen] = useState(props.fen || initialFen);
-  const [chess, setChess] = useState(new Chess(fen));
+  const [chess] = useState(() => new Chess(props.fen));
 
   // reinitialize when FEN changes from props
   useEffect(() => {
     if (props.fen) {
       setFen(props.fen);
-      setChess(new Chess(props.fen));
       setLastMove([]);
     }
   }, [props.fen, props.reset]);
@@ -6954,6 +6953,15 @@ const useChess = props => {
     const move = onMove(lastMove[0], lastMove[1], promotion);
     return move;
   };
+  const onUndo = () => {
+    const undone = chess.undo();
+    if (undone) {
+      setFen(chess.fen());
+      setLastMove([]);
+      return undone;
+    }
+    return null;
+  };
   return {
     chess,
     fen,
@@ -6962,7 +6970,8 @@ const useChess = props => {
     orientation,
     promotion,
     onMove,
-    onPromote
+    onPromote,
+    onUndo
   };
 };
 
@@ -16823,13 +16832,20 @@ const Chessboard = (props, ref) => {
     orientation,
     promotion,
     onMove,
-    onPromote
+    onPromote,
+    onUndo
   } = useChess(props);
+
+  // Expose methods through ref
+  const boardRef = useRef();
+  useImperativeHandle(ref, () => ({
+    board: boardRef.current?.board,
+    undo: onUndo
+  }));
   const handleMove = async (from, to) => {
     const move = onMove(from, to, promotion);
-    // Show promotion modal only when the move is not an undo
-    if (!move && !props.isUndo) {
-      show();
+    if (!move) {
+      show(); // move is a promotion, show the promotion modal
       return false;
     }
     if (theme.playSounds) {
@@ -16868,7 +16884,7 @@ const Chessboard = (props, ref) => {
   return /*#__PURE__*/React.createElement("div", {
     className: mergeClassNames('chessground', theme.highlight && 'highlight', theme.board, theme.pieces)
   }, /*#__PURE__*/React.createElement(Chessground, _extends({
-    ref: ref,
+    ref: boardRef,
     coordinates: theme.coordinates,
     onMove: handleMove,
     fen: fen,

package/dist/index.js

@@ -6935,13 +6935,12 @@ const constants = {
 
 const useChess = props => {
   const [fen, setFen] = React.useState(props.fen || initialFen);
-  const [chess, setChess] = React.useState(new Chess(fen));
+  const [chess] = React.useState(() => new Chess(props.fen));
 
   // reinitialize when FEN changes from props
   React.useEffect(() => {
     if (props.fen) {
       setFen(props.fen);
-      setChess(new Chess(props.fen));
       setLastMove([]);
     }
   }, [props.fen, props.reset]);
@@ -6963,6 +6962,15 @@ const useChess = props => {
     const move = onMove(lastMove[0], lastMove[1], promotion);
     return move;
   };
+  const onUndo = () => {
+    const undone = chess.undo();
+    if (undone) {
+      setFen(chess.fen());
+      setLastMove([]);
+      return undone;
+    }
+    return null;
+  };
   return {
     chess,
     fen,
@@ -6971,7 +6979,8 @@ const useChess = props => {
     orientation,
     promotion,
     onMove,
-    onPromote
+    onPromote,
+    onUndo
   };
 };
 
@@ -16832,13 +16841,20 @@ const Chessboard = (props, ref) => {
     orientation,
     promotion,
     onMove,
-    onPromote
+    onPromote,
+    onUndo
   } = useChess(props);
+
+  // Expose methods through ref
+  const boardRef = React.useRef();
+  React.useImperativeHandle(ref, () => ({
+    board: boardRef.current?.board,
+    undo: onUndo
+  }));
   const handleMove = async (from, to) => {
     const move = onMove(from, to, promotion);
-    // Show promotion modal only when the move is not an undo
-    if (!move && !props.isUndo) {
-      show();
+    if (!move) {
+      show(); // move is a promotion, show the promotion modal
       return false;
     }
     if (theme.playSounds) {
@@ -16877,7 +16893,7 @@ const Chessboard = (props, ref) => {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: mergeClassNames('chessground', theme.highlight && 'highlight', theme.board, theme.pieces)
   }, /*#__PURE__*/React__default["default"].createElement(Chessground, _extends({
-    ref: ref,
+    ref: boardRef,
     coordinates: theme.coordinates,
     onMove: handleMove,
     fen: fen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-chessground",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "React and Next wrapper for Chessground with chessboard and pieces out of the box",
   "main": "dist/index.js",
   "module": "dist/index.es.js",