next-chessground 0.11.4 → 0.12.2

package/dist/index.es.js

@@ -3903,32 +3903,6 @@ const useChessground = () => {
   };
 };
 
-/**
- * Legal chess moves for chessground
- * @param {*} chess
- */
-const toDests = chess => {
-  const dests = new Map();
-  chess.SQUARES.forEach(s => {
-    const ms = chess.moves({
-      square: s,
-      verbose: true
-    });
-
-    if (ms.length) {
-      dests.set(s, ms.map(m => m.to));
-    }
-  });
-  const color = chess.turn() === 'w' ? 'white' : 'black';
-  return {
-    color,
-    // who's turn is it
-    dests,
-    // what to move
-    free: false
-  };
-};
-
 var chess = createCommonjsModule(function (module, exports) {
 /*
  * Copyright (c) 2021, Jeff Hlywa (jhlywa@gmail.com)
@@ -5948,6 +5922,51 @@ var Chess = function (fen) {
 exports.Chess = Chess;
 });
 
+const validateKings = fen => {
+  if (!fen) {
+    return false;
+  }
+
+  const position = fen.split(' ')[0];
+  return (position.match(/k/g) || []).length === 1 && (position.match(/K/g) || []).length === 1;
+};
+
+const isValidFen = fen => {
+  const chess$1 = new chess.Chess(fen);
+  return chess$1.validate_fen(fen) && validateKings(fen);
+};
+
+/**
+ * Legal chess moves for chessground
+ * @param {*} chess
+ */
+
+const toDests = chess => {
+  if (!isValidFen(chess.fen())) {
+    return;
+  }
+
+  const dests = new Map();
+  const color = chess.turn() === 'w' ? 'white' : 'black';
+  chess.SQUARES.forEach(s => {
+    const ms = chess.moves({
+      square: s,
+      verbose: true
+    });
+
+    if (ms.length) {
+      dests.set(s, ms.map(m => m.to));
+    }
+  });
+  return {
+    color,
+    // who's turn is it
+    dests,
+    // what to move
+    free: false
+  };
+};
+
 const fen = {
   initial: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
   empty: '8/8/8/8/8/8/8/8 w - - 0 1'
@@ -5970,7 +5989,7 @@ const useChess = props => {
       setChess(new chess.Chess(props.fen));
       setLastMove([]);
     }
-  }, [props.fen]);
+  }, [props.fen, props.reset]);
   const [lastMove, setLastMove] = useState([]);
   const promotion = props.lastMove && props.lastMove.promotion;
   const turnColor = chess$1.turn() === 'w' ? 'white' : 'black';
@@ -5987,13 +6006,8 @@ const useChess = props => {
     return move;
   };
 
-  const onPromote = async promotion => {
+  const onPromote = promotion => {
     const move = onMove(lastMove[0], lastMove[1], promotion);
-
-    if (typeof props.onMove === 'function') {
-      await props.onMove(chess$1);
-    }
-
     return move;
   };
 
@@ -6385,6 +6399,16 @@ const cgProps = props => {
     cgProps.drawable = {
       enabled: false
     };
+  } // helper for Chessground editing mode
+
+
+  if (props.editing) {
+    cgProps.movable = {
+      free: false
+    };
+    cgProps.drawable = {
+      enabled: false
+    };
   }
 
   return cgProps;
@@ -6414,7 +6438,24 @@ const Chessboard = (props, ref) => {
     const move = onMove(from, to, promotion);
 
     if (!move) {
-      show();
+      return show();
+    }
+
+    if (theme.playSounds) {
+      audio(theme.sounds);
+    } // pass the chess object to callback function
+
+
+    if (typeof props.onMove === 'function') {
+      await props.onMove(chess);
+    }
+  };
+
+  const handlePromotion = async promotion => {
+    const move = onPromote(promotion);
+
+    if (!move) {
+      return false;
     }
 
     if (theme.playSounds) {
@@ -6442,12 +6483,17 @@ const Chessboard = (props, ref) => {
     isOpen: isOpen,
     hide: hide,
     color: turnColor,
-    onPromote: onPromote
+    onPromote: handlePromotion
   }));
 };
 
 var Chessboard$1 = /*#__PURE__*/forwardRef(Chessboard);
 
+const sideToMove = fen => {
+  const fenOrientation = fen.split(' ')[1];
+  return fenOrientation === 'w' ? 'white' : 'black';
+};
+
 const getOrientation = props => {
   try {
     if (props.orientation) {
@@ -6455,8 +6501,7 @@ const getOrientation = props => {
     }
 
     if (props.fen) {
-      const fenOrientation = props.fen.split(' ')[1];
-      return fenOrientation === 'w' ? 'white' : 'black';
+      return sideToMove(props.fen);
     }
 
     return 'white';
@@ -6474,6 +6519,9 @@ const useOrientation = props => {
     });
   };
 
+  useEffect(() => {
+    setOrientation(sideToMove(props.fen));
+  }, [props.reset]);
   return [orientation, flip];
 };
 
@@ -6875,8 +6923,9 @@ const NextEditor = (props, ref) => {
     color: "black"
   }), /*#__PURE__*/React.createElement(Chessboard$1, _extends({}, props, {
     ref: ref,
+    fen: fen,
     onSelect: onSelect,
-    fen: fen
+    editing: true
   })), /*#__PURE__*/React.createElement(EditorPieces, {
     selected: selected,
     selectPiece: setSelected,
@@ -7183,4 +7232,4 @@ var css_248z$7 = ".flex {\n  display: flex;\n}\n.flex-col {\n  flex-direction: c
 styleInject(css_248z$7);
 
 export default NextChessground$1;
-export { NextChessground$1 as NextChessground, NextEditor$1 as NextEditor, Stockfish, constants, useChess, useChessground };
+export { NextChessground$1 as NextChessground, NextEditor$1 as NextEditor, Stockfish, constants, isValidFen, useChess, useChessground };

package/dist/index.js

@@ -3912,32 +3912,6 @@ const useChessground = () => {
   };
 };
 
-/**
- * Legal chess moves for chessground
- * @param {*} chess
- */
-const toDests = chess => {
-  const dests = new Map();
-  chess.SQUARES.forEach(s => {
-    const ms = chess.moves({
-      square: s,
-      verbose: true
-    });
-
-    if (ms.length) {
-      dests.set(s, ms.map(m => m.to));
-    }
-  });
-  const color = chess.turn() === 'w' ? 'white' : 'black';
-  return {
-    color,
-    // who's turn is it
-    dests,
-    // what to move
-    free: false
-  };
-};
-
 var chess = createCommonjsModule(function (module, exports) {
 /*
  * Copyright (c) 2021, Jeff Hlywa (jhlywa@gmail.com)
@@ -5957,6 +5931,51 @@ var Chess = function (fen) {
 exports.Chess = Chess;
 });
 
+const validateKings = fen => {
+  if (!fen) {
+    return false;
+  }
+
+  const position = fen.split(' ')[0];
+  return (position.match(/k/g) || []).length === 1 && (position.match(/K/g) || []).length === 1;
+};
+
+const isValidFen = fen => {
+  const chess$1 = new chess.Chess(fen);
+  return chess$1.validate_fen(fen) && validateKings(fen);
+};
+
+/**
+ * Legal chess moves for chessground
+ * @param {*} chess
+ */
+
+const toDests = chess => {
+  if (!isValidFen(chess.fen())) {
+    return;
+  }
+
+  const dests = new Map();
+  const color = chess.turn() === 'w' ? 'white' : 'black';
+  chess.SQUARES.forEach(s => {
+    const ms = chess.moves({
+      square: s,
+      verbose: true
+    });
+
+    if (ms.length) {
+      dests.set(s, ms.map(m => m.to));
+    }
+  });
+  return {
+    color,
+    // who's turn is it
+    dests,
+    // what to move
+    free: false
+  };
+};
+
 const fen = {
   initial: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
   empty: '8/8/8/8/8/8/8/8 w - - 0 1'
@@ -5979,7 +5998,7 @@ const useChess = props => {
       setChess(new chess.Chess(props.fen));
       setLastMove([]);
     }
-  }, [props.fen]);
+  }, [props.fen, props.reset]);
   const [lastMove, setLastMove] = React.useState([]);
   const promotion = props.lastMove && props.lastMove.promotion;
   const turnColor = chess$1.turn() === 'w' ? 'white' : 'black';
@@ -5996,13 +6015,8 @@ const useChess = props => {
     return move;
   };
 
-  const onPromote = async promotion => {
+  const onPromote = promotion => {
     const move = onMove(lastMove[0], lastMove[1], promotion);
-
-    if (typeof props.onMove === 'function') {
-      await props.onMove(chess$1);
-    }
-
     return move;
   };
 
@@ -6394,6 +6408,16 @@ const cgProps = props => {
     cgProps.drawable = {
       enabled: false
     };
+  } // helper for Chessground editing mode
+
+
+  if (props.editing) {
+    cgProps.movable = {
+      free: false
+    };
+    cgProps.drawable = {
+      enabled: false
+    };
   }
 
   return cgProps;
@@ -6423,7 +6447,24 @@ const Chessboard = (props, ref) => {
     const move = onMove(from, to, promotion);
 
     if (!move) {
-      show();
+      return show();
+    }
+
+    if (theme.playSounds) {
+      audio(theme.sounds);
+    } // pass the chess object to callback function
+
+
+    if (typeof props.onMove === 'function') {
+      await props.onMove(chess);
+    }
+  };
+
+  const handlePromotion = async promotion => {
+    const move = onPromote(promotion);
+
+    if (!move) {
+      return false;
     }
 
     if (theme.playSounds) {
@@ -6451,12 +6492,17 @@ const Chessboard = (props, ref) => {
     isOpen: isOpen,
     hide: hide,
     color: turnColor,
-    onPromote: onPromote
+    onPromote: handlePromotion
   }));
 };
 
 var Chessboard$1 = /*#__PURE__*/React.forwardRef(Chessboard);
 
+const sideToMove = fen => {
+  const fenOrientation = fen.split(' ')[1];
+  return fenOrientation === 'w' ? 'white' : 'black';
+};
+
 const getOrientation = props => {
   try {
     if (props.orientation) {
@@ -6464,8 +6510,7 @@ const getOrientation = props => {
     }
 
     if (props.fen) {
-      const fenOrientation = props.fen.split(' ')[1];
-      return fenOrientation === 'w' ? 'white' : 'black';
+      return sideToMove(props.fen);
     }
 
     return 'white';
@@ -6483,6 +6528,9 @@ const useOrientation = props => {
     });
   };
 
+  React.useEffect(() => {
+    setOrientation(sideToMove(props.fen));
+  }, [props.reset]);
   return [orientation, flip];
 };
 
@@ -6884,8 +6932,9 @@ const NextEditor = (props, ref) => {
     color: "black"
   }), /*#__PURE__*/React__default['default'].createElement(Chessboard$1, _extends({}, props, {
     ref: ref,
+    fen: fen,
     onSelect: onSelect,
-    fen: fen
+    editing: true
   })), /*#__PURE__*/React__default['default'].createElement(EditorPieces, {
     selected: selected,
     selectPiece: setSelected,
@@ -7196,5 +7245,6 @@ exports.NextEditor = NextEditor$1;
 exports.Stockfish = Stockfish;
 exports.constants = constants;
 exports.default = NextChessground$1;
+exports.isValidFen = isValidFen;
 exports.useChess = useChess;
 exports.useChessground = useChessground;

package/index.js

@@ -4,6 +4,7 @@ import useChess from './hooks/use-chess';
 import useChessground from './hooks/use-chessground';
 import constants from './utils/constants';
 import Stockfish from './utils/stockfish';
+import isValidFen from './utils/is-valid-fen';
 
 import './assets/css/board.css';
 import './assets/css/chess.css';
@@ -20,6 +21,7 @@ export {
   NextChessground,
   NextEditor,
   Stockfish,
+  isValidFen,
   useChess,
   useChessground,
   constants,

package/package.json

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