react-chessboard-ui 2.9.0 → 2.11.0

package/dist/index.modern.js

@@ -1488,6 +1488,8 @@ var prepareCastlingByFEN = function prepareCastlingByFEN(castlingNotation, state
       preparedState[preparedState.length - 1][preparedState.length - 1].figure = _extends({}, preparedState[preparedState.length - 1][preparedState.length - 1].figure, {
         touched: false
       });
+    }
+    if (!!preparedState[preparedState.length - 1][4].figure) {
       preparedState[preparedState.length - 1][4].figure = _extends({}, preparedState[preparedState.length - 1][4].figure, {
         touched: false
       });
@@ -1498,6 +1500,8 @@ var prepareCastlingByFEN = function prepareCastlingByFEN(castlingNotation, state
       preparedState[preparedState.length - 1][0].figure = _extends({}, preparedState[preparedState.length - 1][0].figure, {
         touched: false
       });
+    }
+    if (!!preparedState[preparedState.length - 1][4].figure) {
       preparedState[preparedState.length - 1][4].figure = _extends({}, preparedState[preparedState.length - 1][4].figure, {
         touched: false
       });
@@ -1508,6 +1512,8 @@ var prepareCastlingByFEN = function prepareCastlingByFEN(castlingNotation, state
       preparedState[0][preparedState.length - 1].figure = _extends({}, preparedState[0][preparedState.length - 1].figure, {
         touched: false
       });
+    }
+    if (!!preparedState[0][4].figure) {
       preparedState[0][4].figure = _extends({}, preparedState[0][4].figure, {
         touched: false
       });
@@ -1518,6 +1524,8 @@ var prepareCastlingByFEN = function prepareCastlingByFEN(castlingNotation, state
       preparedState[0][0].figure = _extends({}, preparedState[0][0].figure, {
         touched: false
       });
+    }
+    if (!!preparedState[0][4].figure) {
       preparedState[0][4].figure = _extends({}, preparedState[0][4].figure, {
         touched: false
       });
@@ -1552,39 +1560,47 @@ var partFENtoState = function partFENtoState(notation) {
   });
 };
 var FENtoGameState = function FENtoGameState(FEN, reversed) {
-  var gameState = {
-    boardState: [],
-    currentColor: 'white'
-  };
-  var _FEN$split = FEN.split(' '),
-    stateNotaion = _FEN$split[0],
-    currentColor = _FEN$split[1],
-    FENcastling = _FEN$split[2],
-    beatedField = _FEN$split[3],
-    _ = _FEN$split.slice(4);
-  var preparedStateNotation = '';
-  for (var i = 0; i < stateNotaion.length; i++) {
-    if (!isNaN(parseInt(stateNotaion[i]))) {
-      var dotsCount = parseInt(stateNotaion[i]);
-      for (var dotI = 0; dotI < dotsCount; dotI++) preparedStateNotation += '.';
-      continue;
-    }
-    preparedStateNotation += stateNotaion[i];
-  }
-  gameState.boardState = partFENtoState(preparedStateNotation);
-  gameState.currentColor = currentColor === 'w' ? 'white' : 'black';
-  gameState.boardState = prepareCastlingByFEN(FENcastling, gameState.boardState);
-  if (beatedField !== '-') {
-    var posBeatedCell = getPositionByFEN(beatedField);
-    gameState.boardState[posBeatedCell[0]][posBeatedCell[1]] = _extends({}, gameState.boardState[posBeatedCell[0]][posBeatedCell[1]], {
-      beated: true
-    });
+  try {
+    var gameState = {
+      boardState: [],
+      currentColor: 'white'
+    };
+    var _FEN$split = FEN.split(' '),
+      stateNotaion = _FEN$split[0],
+      currentColor = _FEN$split[1],
+      FENcastling = _FEN$split[2],
+      beatedField = _FEN$split[3],
+      _ = _FEN$split.slice(4);
+    var preparedStateNotation = '';
+    for (var i = 0; i < stateNotaion.length; i++) {
+      if (!isNaN(parseInt(stateNotaion[i]))) {
+        var dotsCount = parseInt(stateNotaion[i]);
+        for (var dotI = 0; dotI < dotsCount; dotI++) preparedStateNotation += '.';
+        continue;
+      }
+      preparedStateNotation += stateNotaion[i];
+    }
+    gameState.boardState = partFENtoState(preparedStateNotation);
+    gameState.currentColor = currentColor === 'w' ? 'white' : 'black';
+    gameState.boardState = prepareCastlingByFEN(FENcastling, gameState.boardState);
+    if (beatedField !== '-') {
+      var posBeatedCell = getPositionByFEN(beatedField);
+      gameState.boardState[posBeatedCell[0]][posBeatedCell[1]] = _extends({}, gameState.boardState[posBeatedCell[0]][posBeatedCell[1]], {
+        beated: true
+      });
+    }
+    if (reversed) return {
+      boardState: JSChessEngine.reverseChessBoard(gameState.boardState),
+      currentColor: gameState.currentColor
+    };
+    return gameState;
+  } catch (_unused) {
+    return {
+      boardState: INITIAL_CELLS,
+      currentColor: 'white',
+      invalidFEN: true
+    };
   }
-  if (reversed) return {
-    boardState: JSChessEngine.reverseChessBoard(gameState.boardState),
-    currentColor: gameState.currentColor
-  };
-  return gameState;
 };
 var getBeatedCellFENfromState = function getBeatedCellFENfromState(state) {
   var beatedFieldFEN = '-';
@@ -1676,7 +1692,7 @@ var stateToFEN = function stateToFEN(state, currentColor, countMoves) {
   return positionsFEN + " " + colorFEN + " " + casttlingFEN + " " + beatedFieldFEN + " " + blackMoves + " " + countMoves;
 };
 
-var styles = {"chessBoard":"_3XI6H","figuresLayout":"_2SyRK","controlLayout":"_3OVc8","controlLayoutGrabbing":"_G0IIl","interactiveLayout":"_3THn5","selectedSquare":"_1YsOr","pickedSquare":"_3MMcp","checkedSquare":"_KLkVN","interactiveCell":"_27yHq","possibleMoveMark":"_UYGA_","row":"_2XKSc","piece":"_2QHnf","holdedPiece":"_3z25q","bluredPiece":"_10meo","hiddenFigureEffect":"_2YKzU","arrow":"_12Bbd","arrowEnd":"_1BC3I","piecePicker":"_3gVhA","piecePickerItem":"_3EtmA","chessBoardPiecePicker":"_2xZM1","movesTrail":"_1RqCc","lightSquare":"_1B0qo","darkSquare":"_1NBqS"};
+var styles = {"chessBoard":"_3XI6H","figuresLayout":"_2SyRK","controlLayout":"_3OVc8","controlLayoutGrabbing":"_G0IIl","interactiveLayout":"_3THn5","selectedSquare":"_1YsOr","pickedSquare":"_3MMcp","checkedSquare":"_KLkVN","interactiveCell":"_27yHq","possibleMoveMark":"_UYGA_","row":"_2XKSc","piece":"_2QHnf","holdedPiece":"_3z25q","bluredPiece":"_10meo","hiddenFigureEffect":"_2YKzU","arrow":"_12Bbd","arrowEnd":"_1BC3I","piecePicker":"_3gVhA","piecePickerItem":"_3EtmA","chessBoardPiecePicker":"_2xZM1","chessBoardInvalidFenMessage":"_jyC3-","fenErrorMessage":"_8urIN","fenErrorMessageClose":"_3p5AF","movesTrail":"_1RqCc","lightSquare":"_1B0qo","darkSquare":"_1NBqS"};
 
 var CHESS_PIECES_MAP = {
   'pawn-white': function pawnWhite(size) {
@@ -2309,7 +2325,9 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   var config = props.config,
     onChange = props.onChange,
     onEndGame = props.onEndGame,
-    onClickByChessBoard = props.onClickByChessBoard;
+    onClickByChessBoard = props.onClickByChessBoard,
+    _props$toggleTurn = props.toggleTurn,
+    toggleTurn = _props$toggleTurn === void 0 ? true : _props$toggleTurn;
   var _useState = useState(DEFAULT_CHESSBORD_CONFIG),
     boardConfig = _useState[0],
     setBoardConfig = _useState[1];
@@ -2379,6 +2397,9 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   var _useState23 = useState(false),
     animated = _useState23[0],
     setAnimated = _useState23[1];
+  var _useState24 = useState(false),
+    invalidFEN = _useState24[0],
+    setInvalidFEN = _useState24[1];
   var clearFromPos = function clearFromPos() {
     return setFromPos([-1, -1]);
   };
@@ -2392,7 +2413,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     return setClickPossibleMoves([]);
   };
   var toggleCurrentColor = function toggleCurrentColor() {
-    return setCurrentColor(function (prevColor) {
+    if (toggleTurn) setCurrentColor(function (prevColor) {
       return prevColor === 'white' ? 'black' : 'white';
     });
   };
@@ -2441,7 +2462,8 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     if (!onClickByChessBoard) return;
     onClickByChessBoard({
       cellData: cellData,
-      pos: pos
+      pos: pos,
+      currentColor: currentColor
     });
   };
   var selectFigureFrom = function selectFigureFrom(cellPos, extActualState) {
@@ -2507,8 +2529,10 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     var _JSChessEngine$change = JSChessEngine.changeState(actualState, figure, to, from, boardReversed),
       updatedCells = _JSChessEngine$change.updatedCells,
       attackedPos = _JSChessEngine$change.attackedPos;
-    var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
-    setLinesWithCheck(linesCheck);
+    if (toggleTurn) {
+      var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
+      setLinesWithCheck(linesCheck);
+    }
     setActualState(updatedCells);
     if (figure.type === 'pawn' && (to[1] === 0 || to[1] === actualState.length - 1)) {
       setTargetPos(to);
@@ -2542,8 +2566,10 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
       figure = _change$move.figure;
     var _JSChessEngine$change2 = JSChessEngine.changeState(actualState, figure, to, from, boardReversed),
       updatedCells = _JSChessEngine$change2.updatedCells;
-    var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
-    setLinesWithCheck(linesCheck);
+    if (toggleTurn) {
+      var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
+      setLinesWithCheck(linesCheck);
+    }
     var updatedChange = _extends({}, change, {
       move: boardReversed ? JSChessEngine.reverseMove(change.move) : change.move
     });
@@ -2564,8 +2590,10 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     var _JSChessEngine$change3 = JSChessEngine.changeState(actualState, figure, to, from, boardReversed),
       updatedCells = _JSChessEngine$change3.updatedCells,
       attackedPos = _JSChessEngine$change3.attackedPos;
-    var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
-    setLinesWithCheck(linesCheck);
+    if (toggleTurn) {
+      var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
+      setLinesWithCheck(linesCheck);
+    }
     setActualState(updatedCells);
     if (figure.type === 'pawn' && (to[1] === 0 || to[1] === actualState.length - 1)) {
       setTargetPos(to);
@@ -2596,8 +2624,11 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     var _JSChessEngine$change4 = JSChessEngine.changeState(actualState, figure, to, from, boardReversed),
       updatedCells = _JSChessEngine$change4.updatedCells,
       attackedPos = _JSChessEngine$change4.attackedPos;
-    var linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
-    setLinesWithCheck(linesCheck);
+    var linesCheck = [];
+    if (toggleTurn) {
+      linesCheck = JSChessEngine.getLinesWithCheck(updatedCells, currentColor, boardReversed);
+      setLinesWithCheck(linesCheck);
+    }
     if (fromPos[0] !== -1) {
       var figureFromPos = updatedCells[fromPos[1]][fromPos[0]].figure;
       if (!figureFromPos || figureFromPos.type !== holdedFigure.type || figureFromPos.color !== holdedFigure.color) {
@@ -2812,7 +2843,9 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   var handleUpdateFEN = function handleUpdateFEN(FEN, reversed) {
     var _FENtoGameState = FENtoGameState(FEN, reversed),
       boardState = _FENtoGameState.boardState,
-      currentColor = _FENtoGameState.currentColor;
+      currentColor = _FENtoGameState.currentColor,
+      invalidFEN = _FENtoGameState.invalidFEN;
+    setInvalidFEN(invalidFEN);
     cleanAllForFigure();
     setAnimated(false);
     setInitialState(boardState);
@@ -2827,6 +2860,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     newMove: newMove,
     animated: animated,
     movesTrail: movesTrail,
+    invalidFEN: invalidFEN,
     boardConfig: boardConfig,
     markedCells: markedCells,
     grabbingPos: grabbingPos,
@@ -2846,6 +2880,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     handleClick: handleClick,
     clearFromPos: clearFromPos,
     handleGrabEnd: handleGrabEnd,
+    setInvalidFEN: setInvalidFEN,
     handleGrabbing: handleGrabbing,
     endRenderArrow: endRenderArrow,
     setActualState: setActualState,
@@ -3039,17 +3074,21 @@ var ChessBoard = function ChessBoard(props) {
     _props$moveArrows = props.moveArrows,
     moveArrows = _props$moveArrows === void 0 ? [] : _props$moveArrows,
     _props$arrows = props.arrows,
-    arrows = _props$arrows === void 0 ? [] : _props$arrows;
+    arrows = _props$arrows === void 0 ? [] : _props$arrows,
+    _props$toggleTurn = props.toggleTurn,
+    toggleTurn = _props$toggleTurn === void 0 ? true : _props$toggleTurn;
   var _useChessBoardInterac = useChessBoardInteractive({
       onChange: onChange,
       onEndGame: onEndGame,
       onClickByChessBoard: onClick,
-      config: config
+      config: config,
+      toggleTurn: toggleTurn
     }),
     fromPos = _useChessBoardInterac.fromPos,
     newMove = _useChessBoardInterac.newMove,
     animated = _useChessBoardInterac.animated,
     movesTrail = _useChessBoardInterac.movesTrail,
+    invalidFEN = _useChessBoardInterac.invalidFEN,
     boardConfig = _useChessBoardInterac.boardConfig,
     markedCells = _useChessBoardInterac.markedCells,
     grabbingPos = _useChessBoardInterac.grabbingPos,
@@ -3064,6 +3103,7 @@ var ChessBoard = function ChessBoard(props) {
     markCell = _useChessBoardInterac.markCell,
     handleClick = _useChessBoardInterac.handleClick,
     handleGrabEnd = _useChessBoardInterac.handleGrabEnd,
+    setInvalidFEN = _useChessBoardInterac.setInvalidFEN,
     handleGrabbing = _useChessBoardInterac.handleGrabbing,
     endRenderArrow = _useChessBoardInterac.endRenderArrow,
     setPlayerColor = _useChessBoardInterac.setPlayerColor,
@@ -3102,6 +3142,10 @@ var ChessBoard = function ChessBoard(props) {
       color: arrow.color
     };
   });
+  var handleHideInvalidFENmessage = function handleHideInvalidFENmessage(event) {
+    event.preventDefault();
+    setInvalidFEN(false);
+  };
   return React.createElement("div", {
     className: styles.chessBoard
   }, React.createElement(ChessBoardCellsLayout, {
@@ -3147,7 +3191,17 @@ var ChessBoard = function ChessBoard(props) {
     color: currentColor,
     forPawnTransform: true,
     onSelect: handleSelectFigurePicker
-  })));
+  })), invalidFEN && React.createElement("div", {
+    className: styles.chessBoardInvalidFenMessage
+  }, React.createElement("div", {
+    className: styles.fenErrorMessage,
+    role: "alert"
+  }, React.createElement("div", null, "Invalid FEN notation. The default board position was used instead.", " ", React.createElement("a", {
+    href: "/docs/fen-errors"
+  }, "See common FEN problems"), "."), React.createElement("div", null, React.createElement("a", {
+    className: styles.fenErrorMessageClose,
+    onClick: handleHideInvalidFENmessage
+  }, "Hide this message")))));
 };
 
 export { ALL_FIGURES, CHESS_BOARD_CONFIG, ChessBoard, DEFAULT_CHESSBORD_CONFIG, DEFAULT_PIECES_MAP, FENtoGameState, FIGURES_LATTERS_NOTATIONS, INITIAL_CELLS, JSChessEngine, LETTERS, LETTER_TO_FIGURE_MAP, getBeatedCellFENfromState, getFENcastlingFromState, getFENpositionsFromState, getPositionByFEN, partFENtoState, prepareCastlingByFEN, stateToFEN };