kokopu-react 1.7.2 → 1.8.0

package/CHANGELOG.md

@@ -1,6 +1,16 @@
 ChangeLog
 =========
 
+1.8.0 (August 26, 2022)
+-----------------------
+* Upgrade Kokopu to Kokopu 3.0.
+* Upgrade dependencies.
+
+1.7.2 (August 3, 2022)
+----------------------
+* Fix URLs in documentation.
+* Upgrade dependencies.
+
 1.7.1 (June 23, 2022)
 ---------------------
 * `React` and `kokopu` declared as peer dependencies.

package/dist/lib/Chessboard.js

@@ -13,7 +13,7 @@ var _reactDraggable = _interopRequireDefault(require("react-draggable"));
 
 var _reactMotion = require("react-motion");
 
-var _kokopu = _interopRequireDefault(require("kokopu"));
+var _kokopu = require("kokopu");
 
 var _colorsets2 = _interopRequireDefault(require("./impl/colorsets"));
 
@@ -161,12 +161,10 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 
 
       var squares = [];
-
-      _kokopu["default"].forEachSquare(function (sq) {
+      (0, _kokopu.forEachSquare)(function (sq) {
         return squares.push(_this2.renderSquare(squareSize, colorset, sq));
       }); // Render coordinates.
 
-
       var rankCoordinates = [];
       var fileCoordinates = [];
 
@@ -221,12 +219,10 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
       var _this4 = this;
 
       var pieces = [];
-
-      _kokopu["default"].forEachSquare(function (sq) {
+      (0, _kokopu.forEachSquare)(function (sq) {
         return pieces.push(_this4.renderPieceAnimated(positionBefore, move, alpha, squareSize, pieceset, sq));
       });
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, pieces, this.renderMoveArrow(move, alpha, squareSize, colorset), this.renderTurnFlag(_kokopu["default"].oppositeColor(positionBefore.turn()), squareSize, pieceset));
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, pieces, this.renderMoveArrow(move, alpha, squareSize, colorset), this.renderTurnFlag((0, _kokopu.oppositeColor)(positionBefore.turn()), squareSize, pieceset));
     }
     /**
      * Render the board content when the animation has been completed (or if there is no animation).
@@ -246,15 +242,13 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 
       var pieces = [];
       var handles = [];
-
-      _kokopu["default"].forEachSquare(function (sq) {
+      (0, _kokopu.forEachSquare)(function (sq) {
         pieces.push(_this5.renderPiece(position, squareSize, pieceset, sq));
 
         if (_this5.props.interactionMode) {
           handles.push(_this5.renderSquareHandle(position, squareSize, sq));
         }
       });
-
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.renderSquareMarkers(sqm, squareSize, colorset), this.renderHoveredSquare(squareSize, colorset), pieces, this.renderTextMarkers(txtm, squareSize, colorset), this.renderArrowMarkers(arm, squareSize, colorset), this.renderMoveArrow(move, 1, squareSize, colorset), handles, this.renderPromotionDrawer(position, squareSize, colorset, pieceset), this.renderDraggedPiece(position, squareSize, pieceset), this.renderDraggedArrow(squareSize, colorset), this.renderTurnFlag(position.turn(), squareSize, pieceset));
     }
   }, {
@@ -270,7 +264,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
         y: y,
         width: squareSize,
         height: squareSize,
-        fill: colorset[_kokopu["default"].squareColor(sq)]
+        fill: colorset[(0, _kokopu.squareColor)(sq)]
       });
     }
   }, {
@@ -905,9 +899,9 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getSquareCoordinates",
     value: function getSquareCoordinates(squareSize, sq) {
-      var _kokopu$squareToCoord = _kokopu["default"].squareToCoordinates(sq),
-          file = _kokopu$squareToCoord.file,
-          rank = _kokopu$squareToCoord.rank;
+      var _squareToCoordinates = (0, _kokopu.squareToCoordinates)(sq),
+          file = _squareToCoordinates.file,
+          rank = _squareToCoordinates.rank;
 
       var x = this.props.flipped ? (7 - file) * squareSize : file * squareSize;
       var y = this.props.flipped ? rank * squareSize : (7 - rank) * squareSize;
@@ -956,7 +950,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
       } // Compute the position after the move and return the result.
 
 
-      var positionAfter = new _kokopu["default"].Position(positionInfo.position);
+      var positionAfter = new _kokopu.Position(positionInfo.position);
       positionAfter.play(moveInfo.move);
       return {
         positionError: false,
@@ -975,7 +969,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
     value: function getSquareAt(squareSize, x, y) {
       var file = this.props.flipped ? 7 - Math.floor(x / squareSize) : Math.floor(x / squareSize);
       var rank = this.props.flipped ? Math.floor(y / squareSize) : 7 - Math.floor(y / squareSize);
-      return file >= 0 && file < 8 && rank >= 0 && rank < 8 ? _kokopu["default"].coordinatesToSquare(file, rank) : '-';
+      return file >= 0 && file < 8 && rank >= 0 && rank < 8 ? (0, _kokopu.coordinatesToSquare)(file, rank) : '-';
     }
     /**
      * Return the DOM ID of an arrow tip with the given color.
@@ -1146,26 +1140,22 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Chessboard;
 Chessboard.propTypes = {
   /**
-   * Displayed position. Can be a [kokopu.Position](https://kokopu.yo35.org/docs/current/Position.html) object,
+   * Displayed position. Can be a [kokopu.Position](https://kokopu.yo35.org/docs/current/classes/Position.html) object,
    * a [FEN string](https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation),
    * `'start'` (usual starting position), or `'empty'` (empty board).
    *
    * Optionally, the FEN string can be prefixed with `'variant:'`, `variant` corresponding to one of the
-   * [game variant](https://kokopu.yo35.org/docs/current/global.html#GameVariant) supported by Kokopu. For instance:
+   * [game variant](https://kokopu.yo35.org/docs/current/types/GameVariant.html) supported by Kokopu. For instance:
    * `'chess960:nrkbqrbn/pppppppp/8/8/8/8/PPPPPPPP/NRKBQRBN w KQkq - 0 1'`.
    */
-  position: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(_kokopu["default"].Position), _propTypes["default"].string]),
+  position: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(_kokopu.Position), _propTypes["default"].string]),
 
   /**
-   * Displayed move (optional), defined either as a [kokopu.MoveDescriptor](https://kokopu.yo35.org/docs/current/MoveDescriptor.html) object
+   * Displayed move (optional), defined either as a [kokopu.MoveDescriptor](https://kokopu.yo35.org/docs/current/classes/MoveDescriptor.html) object
    * or as a [SAN string](https://en.wikipedia.org/wiki/Algebraic_notation_(chess)) (e.g. `'Nf3'`). In both cases, it must represent
    * a legal move in position defined in attribute `position`.
    */
-  move: _propTypes["default"].oneOfType([function (props, propName, componentName) {
-    if (!_kokopu["default"].isMoveDescriptor(props[propName])) {
-      return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". Validation failed."));
-    }
-  }, _propTypes["default"].string]),
+  move: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(_kokopu.MoveDescriptor), _propTypes["default"].string]),
 
   /**
    * Square markers, defined as a "square -> color" struct (e.g. `{ e4: 'g', d5: 'r' }`) or as a comma-separated CSL string (e.g. `'Rd5,Ge4'`).
@@ -1332,7 +1322,7 @@ function computeCoordinateFontSize(squareSize) {
 
 
 function parsePosition(position) {
-  if (position instanceof _kokopu["default"].Position) {
+  if (position instanceof _kokopu.Position) {
     return {
       error: false,
       position: position
@@ -1341,11 +1331,11 @@ function parsePosition(position) {
     try {
       return {
         error: false,
-        position: new _kokopu["default"].Position(position)
+        position: new _kokopu.Position(position)
       };
     } catch (e) {
       // istanbul ignore else
-      if (e instanceof _kokopu["default"].exception.InvalidFEN) {
+      if (e instanceof _kokopu.exception.InvalidFEN) {
         return {
           error: true,
           message: e.message
@@ -1367,7 +1357,7 @@ function parsePosition(position) {
 
 
 function parseMove(position, move) {
-  if (_kokopu["default"].isMoveDescriptor(move)) {
+  if (move instanceof _kokopu.MoveDescriptor) {
     return {
       error: false,
       move: move
@@ -1380,7 +1370,7 @@ function parseMove(position, move) {
       };
     } catch (e) {
       // istanbul ignore else
-      if (e instanceof _kokopu["default"].exception.InvalidNotation) {
+      if (e instanceof _kokopu.exception.InvalidNotation) {
         return {
           error: true,
           message: e.message

package/dist/lib/ErrorBox.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _i18n = _interopRequireDefault(require("./i18n"));
 
+var _util = require("./impl/util");
+
 require("./css/error_box.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -133,7 +135,7 @@ function ellipsisAt(text, pos, backwardCharacters, forwardCharacters, lineNumber
   var secondLine = Array(1 + e1.length + pos - p1).join(' ') + '^';
 
   if (lineNumber) {
-    secondLine += ' (' + _i18n["default"].LINE.replace(/\{0\}/g, lineNumber) + ')';
+    secondLine += " (".concat((0, _util.fillPlaceholder)(_i18n["default"].LINE, lineNumber), ")");
   }
 
   return excerpt + '\n' + secondLine;

package/dist/lib/Movetext.js

@@ -11,10 +11,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _kokopu = _interopRequireDefault(require("kokopu"));
+var _kokopu = require("kokopu");
 
 var _HtmlSanitizer = _interopRequireDefault(require("./impl/HtmlSanitizer"));
 
+var _util = require("./impl/util");
+
 var _Chessboard = _interopRequireDefault(require("./Chessboard"));
 
 var _ErrorBox = _interopRequireDefault(require("./ErrorBox"));
@@ -147,7 +149,7 @@ var Movetext = /*#__PURE__*/function (_React$Component) {
       }, sanitizeHtml(title));
       var ratingElement = rating === undefined ? undefined : /*#__PURE__*/_react["default"].createElement("span", {
         className: "kokopu-header-playerRating"
-      }, sanitizeHtml(rating));
+      }, rating);
       var separator = title === undefined || rating === undefined ? undefined : "\xA0"; // \u00a0 ==  
 
       var titleRatingGroup = title === undefined && rating === undefined ? undefined : /*#__PURE__*/_react["default"].createElement("span", {
@@ -225,7 +227,7 @@ var Movetext = /*#__PURE__*/function (_React$Component) {
         return undefined;
       }
 
-      annotator = _i18n["default"].ANNOTATED_BY.replace(/\{0\}/g, annotator);
+      annotator = (0, _util.fillPlaceholder)(_i18n["default"].ANNOTATED_BY, annotator);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "kokopu-header-annotator",
         key: "annotator"
@@ -405,7 +407,7 @@ var Movetext = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "kokopu-nag",
           key: nag
-        }, _kokopu["default"].nagSymbol(nag));
+        }, (0, _kokopu.nagSymbol)(nag));
       }); // Class
 
       var nodeId = node.id();
@@ -706,14 +708,14 @@ var Movetext = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Movetext;
 Movetext.propTypes = {
   /**
-   * Displayed position. Can be a [kokopu.Game](https://kokopu.yo35.org/docs/current/Game.html) object,
-   * a [kokopu.Database](https://kokopu.yo35.org/docs/current/Database.html) object,
+   * Displayed position. Can be a [kokopu.Game](https://kokopu.yo35.org/docs/current/classes/Game.html) object,
+   * a [kokopu.Database](https://kokopu.yo35.org/docs/current/classes/Database.html) object,
    * or a [PGN string](https://en.wikipedia.org/wiki/Portable_Game_Notation).
    */
-  game: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(_kokopu["default"].Game), _propTypes["default"].instanceOf(_kokopu["default"].Database), _propTypes["default"].string]),
+  game: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(_kokopu.Game), _propTypes["default"].instanceOf(_kokopu.Database), _propTypes["default"].string]),
 
   /**
-   * Index of the game to display (only if attribute `game` is a [kokopu.Database](https://kokopu.yo35.org/docs/current/Database.html)
+   * Index of the game to display (only if attribute `game` is a [kokopu.Database](https://kokopu.yo35.org/docs/current/classes/Database.html)
    * or a [PGN string](https://en.wikipedia.org/wiki/Portable_Game_Notation)): `0` for the first game of the database/PGN, `1` for the second one, etc.
    * If omitted, the first game of the database/PGN is displayed.
    */
@@ -759,7 +761,7 @@ Movetext.propTypes = {
 
   /**
    * ID of the selected move (or `'start'` for the beginning of the main variation).
-   * Use [kokopu.Node#id](https://kokopu.yo35.org/docs/current/Node.html#id) to get the ID of a game move.
+   * Use [kokopu.Node#id](https://kokopu.yo35.org/docs/current/classes/Node.html#id) to get the ID of a game move.
    */
   selection: _propTypes["default"].string,
 
@@ -773,7 +775,7 @@ Movetext.propTypes = {
   /**
    * Callback invoked when the user selects a move (only if `interactionMode` is set to `'selectMove'`).
    *
-   * @param {string?} nodeId ID of the selected move (as returned by [kokopu.Node#id](https://kokopu.yo35.org/docs/current/Node.html#id)),
+   * @param {string?} nodeId ID of the selected move (as returned by [kokopu.Node#id](https://kokopu.yo35.org/docs/current/classes/Node.html#id)),
    *                         `'start'` for the beginning of the main variation, or `undefined` if the user unselects the previously selected move.
    * @param {string} evtOrigin Origin of the event. Can be:
    *                        - `'key-first'`: the event has been triggered by the "go-to-first-move" key (aka. the home key),
@@ -785,7 +787,7 @@ Movetext.propTypes = {
   onMoveSelected: _propTypes["default"].func
 };
 Movetext.defaultProps = {
-  game: new _kokopu["default"].Game(),
+  game: new _kokopu.Game(),
   gameIndex: 0,
   diagramOptions: {},
   pieceSymbols: 'native',
@@ -863,21 +865,28 @@ function sanitizeHtml(text, sanitizer) {
 
 
 function parseGame(game, gameIndex) {
-  if (game instanceof _kokopu["default"].Game) {
+  if (game instanceof _kokopu.Game) {
     return {
       error: false,
       game: game
     };
-  } else if (game instanceof _kokopu["default"].Database || typeof game === 'string') {
+  } else if (game instanceof _kokopu.Database || typeof game === 'string') {
+    if (!Number.isInteger(gameIndex) || gameIndex < 0) {
+      return {
+        error: true,
+        message: _i18n["default"].INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE
+      };
+    }
+
     try {
-      var result = game instanceof _kokopu["default"].Database ? game.game(gameIndex) : _kokopu["default"].pgnRead(game, gameIndex);
+      var result = game instanceof _kokopu.Database ? game.game(gameIndex) : (0, _kokopu.pgnRead)(game, gameIndex);
       return {
         error: false,
         game: result
       };
     } catch (e) {
       // istanbul ignore else
-      if (e instanceof _kokopu["default"].exception.InvalidPGN) {
+      if (e instanceof _kokopu.exception.InvalidPGN) {
         return {
           error: true,
           message: e.message,

package/dist/lib/i18n.js

@@ -44,7 +44,8 @@ var i18n = {
   },
   ANNOTATED_BY: 'Annotated by {0}',
   INVALID_PGN_ERROR_TITLE: 'Invalid PGN string.',
-  INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" attribute.'
+  INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" attribute.',
+  INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game index" attribute.'
 };
 var _default = i18n;
 exports["default"] = _default;

package/dist/lib/impl/util.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MIN_SQUARE_SIZE = exports.MAX_SQUARE_SIZE = void 0;
+exports.fillPlaceholder = fillPlaceholder;
 exports.generateRandomId = generateRandomId;
 exports.isValidColor = isValidColor;
 exports.isValidSquare = isValidSquare;
@@ -48,6 +49,17 @@ function generateRandomId() {
   return result;
 }
 
+function fillPlaceholder(message) {
+  for (var _len = arguments.length, placeholderValues = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    placeholderValues[_key - 1] = arguments[_key];
+  }
+
+  return message.replace(/{(\d+)}/g, function (match, placeholder) {
+    var placeholderIndex = Number(placeholder);
+    return placeholderIndex < placeholderValues.length ? placeholderValues[placeholderIndex] : match;
+  });
+}
+
 function sanitizeInteger(input, min, max) {
   return Math.min(Math.max(Math.round(input), min), max);
 }

package/doc_src/demo/PageChessboardInteraction.js

@@ -21,7 +21,7 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { Position, oppositeColor } from 'kokopu';
 
 import { Chessboard, SquareMarkerIcon, TextMarkerIcon, ArrowMarkerIcon, flattenSquareMarkers, flattenTextMarkers, flattenArrowMarkers } from '../../src/index';
 import { buildComponentDemoCode } from './util';
@@ -53,7 +53,7 @@ export default class Page extends React.Component {
 	constructor(props) {
 		super(props);
 		this.state = {
-			position: new kokopu.Position(),
+			position: new Position(),
 			flipped: false,
 			interactionMode: 'movePieces',
 			pieceEditMode: 'wp',
@@ -83,12 +83,12 @@ export default class Page extends React.Component {
 				<FormControlLabel label="Flip"
 					control={<Switch checked={this.state.flipped} onChange={() => this.set('flipped', !this.state.flipped)} color="primary" />}
 				/>
-				<Button color="primary" size="small" variant="contained" onClick={() => this.handleTurnClicked(kokopu.oppositeColor(this.state.position.turn()))}>
+				<Button color="primary" size="small" variant="contained" onClick={() => this.handleTurnClicked(oppositeColor(this.state.position.turn()))}>
 					Change turn
 				</Button>
 				<ButtonGroup color="primary" size="small">
-					<Button onClick={() => this.set('position', new kokopu.Position('empty'))}>Clear</Button>
-					<Button onClick={() => this.set('position', new kokopu.Position())}>Reset</Button>
+					<Button onClick={() => this.set('position', new Position('empty'))}>Clear</Button>
+					<Button onClick={() => this.set('position', new Position())}>Reset</Button>
 				</ButtonGroup>
 			</Stack>
 			<Box>
@@ -266,20 +266,20 @@ export default class Page extends React.Component {
 	}
 
 	handleTurnClicked(newTurn) {
-		let newPosition = new kokopu.Position(this.state.position);
+		let newPosition = new Position(this.state.position);
 		newPosition.turn(newTurn);
 		this.set('position', newPosition);
 	}
 
 	handlePieceMoved(from, to) {
-		let newPosition = new kokopu.Position(this.state.position);
+		let newPosition = new Position(this.state.position);
 		newPosition.square(to, newPosition.square(from));
 		newPosition.square(from, '-');
 		this.set('position', newPosition);
 	}
 
 	handleMovePlayed(move) {
-		let newPosition = new kokopu.Position(this.state.position);
+		let newPosition = new Position(this.state.position);
 		newPosition.play(move);
 		this.set('position', newPosition);
 	}
@@ -318,7 +318,7 @@ export default class Page extends React.Component {
 			this.set('textMarkers', newTextMarkers);
 		}
 		else if (this.state.interactionMode === 'addRemovePieces') {
-			let newPosition = new kokopu.Position(this.state.position);
+			let newPosition = new Position(this.state.position);
 			newPosition.square(sq, newPosition.square(sq) === this.state.pieceEditMode ? '-' : this.state.pieceEditMode);
 			this.set('position', newPosition);
 		}

package/doc_src/demo/PageChessboardMove.js

@@ -21,7 +21,7 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { exception, Position } from 'kokopu';
 
 import { Chessboard, ArrowMarkerIcon } from '../../src/index';
 import { buildComponentDemoCode } from './util';
@@ -45,8 +45,8 @@ export default class Page extends React.Component {
 
 	constructor(props) {
 		super(props);
-		let position = new kokopu.Position();
-		let positionAfter = new kokopu.Position(position);
+		let position = new Position();
+		let positionAfter = new Position(position);
 		positionAfter.play('e4');
 		this.state = {
 			position: position,
@@ -88,8 +88,8 @@ export default class Page extends React.Component {
 				<TextField label="Move" variant="standard" value={this.state.editedMove} onChange={evt => this.set('editedMove', evt.target.value)} />
 				<Button color="primary" size="small" variant="contained" onClick={() => this.handlePlayClicked()}>Play</Button>
 				<ButtonGroup color="primary" size="small">
-					<Button onClick={() => this.setPosition(new kokopu.Position('empty'))}>Clear</Button>
-					<Button onClick={() => this.setPosition(new kokopu.Position())}>Reset</Button>
+					<Button onClick={() => this.setPosition(new Position('empty'))}>Clear</Button>
+					<Button onClick={() => this.setPosition(new Position())}>Reset</Button>
 				</ButtonGroup>
 			</Stack>
 		</>);
@@ -164,7 +164,7 @@ export default class Page extends React.Component {
 
 	handlePlayClicked() {
 		let newState = {};
-		let currentPosition = new kokopu.Position(this.state.positionAfter ? this.state.positionAfter : this.state.position);
+		let currentPosition = new Position(this.state.positionAfter ? this.state.positionAfter : this.state.position);
 		let move = this.state.editedMove.trim();
 		if (move === '') {
 			newState.position = currentPosition;
@@ -176,11 +176,11 @@ export default class Page extends React.Component {
 				let moveDescriptor = currentPosition.notation(move);
 				newState.position = currentPosition;
 				newState.playedMove = currentPosition.notation(moveDescriptor);
-				newState.positionAfter = new kokopu.Position(currentPosition);
+				newState.positionAfter = new Position(currentPosition);
 				newState.positionAfter.play(moveDescriptor);
 			}
 			catch (e) {
-				if (e instanceof kokopu.exception.InvalidNotation) {
+				if (e instanceof exception.InvalidNotation) {
 					newState.position = currentPosition;
 					newState.playedMove = move;
 					newState.positionAfter = null;

package/doc_src/demo/PageMovetextInteraction.js

@@ -21,7 +21,7 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { pgnRead } from 'kokopu';
 
 import { Chessboard, Movetext } from '../../src/index';
 import { buildComponentDemoCode } from './util';
@@ -143,7 +143,7 @@ export default class Page extends React.Component {
 	}
 
 	getCurrentPositionAndAnnotations() {
-		let game = kokopu.pgnRead(this.state.pgn, 0);
+		let game = pgnRead(this.state.pgn, 0);
 		if (this.state.selection === 'start') {
 			let mainVariation = game.mainVariation();
 			return { position: mainVariation.initialPosition(), csl: mainVariation.tag('csl'), cal: mainVariation.tag('cal') };

package/graphic_test_src/02_chessboard_simple.js

@@ -21,7 +21,7 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { Position } from 'kokopu';
 import testApp from './common/test_app';
 import { Chessboard } from '../src/index';
 
@@ -30,6 +30,6 @@ testApp([ /* eslint-disable react/jsx-key */
 	<Chessboard position="empty" />,
 	<Chessboard position="something invalid" />,
 	<Chessboard position="r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R b KQkq - 3 3" />,
-	<Chessboard position={new kokopu.Position('8/8/1r6/8/5k1K/8/8/8 b - - 0 1')} />,
+	<Chessboard position={new Position('8/8/1r6/8/5k1K/8/8/8 b - - 0 1')} />,
 	<Chessboard position={42} />,
 ]); /* eslint-enable react/jsx-key */

package/graphic_test_src/03_chessboard_flipped.js

@@ -21,7 +21,7 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { Position } from 'kokopu';
 import testApp from './common/test_app';
 import { Chessboard } from '../src/index';
 
@@ -30,5 +30,5 @@ testApp([ /* eslint-disable react/jsx-key */
 	<Chessboard flipped={true} position="empty" />,
 	<Chessboard flipped={true} position="something invalid" />,
 	<Chessboard flipped={true} position="r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R b KQkq - 3 3" />,
-	<Chessboard flipped={true} position={new kokopu.Position('8/8/1r6/8/5k1K/8/8/8 b - - 0 1')} />,
+	<Chessboard flipped={true} position={new Position('8/8/1r6/8/5k1K/8/8/8 b - - 0 1')} />,
 ]); /* eslint-enable react/jsx-key */

package/graphic_test_src/05_chessboard_move.js

@@ -21,11 +21,11 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { Position } from 'kokopu';
 import testApp from './common/test_app';
 import { Chessboard } from '../src/index';
 
-let pos = new kokopu.Position('r1bqkbnr/1ppp1ppp/p1n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R w KQkq - 0 4');
+let pos = new Position('r1bqkbnr/1ppp1ppp/p1n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R w KQkq - 0 4');
 let move = pos.notation('Bxc6');
 
 testApp([ /* eslint-disable react/jsx-key */

package/graphic_test_src/12_movetext_simple.js

@@ -21,17 +21,17 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { Game, pgnRead } from 'kokopu';
 import testApp from './common/test_app';
 import { Movetext } from '../src/index';
 
 import pgn from './common/games.pgn';
 
-let game = new kokopu.Game();
+let game = new Game();
 game.mainVariation().play('e4').play('e5').play('Bc4').play('Nc6').play('Qh5').play('Nf6').play('Qxf7#');
 game.result('1-0');
 
-let database = kokopu.pgnRead(pgn);
+let database = pgnRead(pgn);
 
 testApp([ /* eslint-disable react/jsx-key */
 	<Movetext game={game} />,

package/graphic_test_src/13_movetext_error.js

@@ -21,18 +21,19 @@
 
 
 import React from 'react';
-import kokopu from 'kokopu';
+import { pgnRead } from 'kokopu';
 import testApp from './common/test_app';
 import { Movetext } from '../src/index';
 
 import pgn from './common/games.pgn';
 import dummyPgn from './common/dummy.pgn';
 
-let database = kokopu.pgnRead(pgn);
+let database = pgnRead(pgn);
 
 testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={pgn} gameIndex={99} />,
 	<Movetext game={database} gameIndex={99} />,
 	<Movetext game={dummyPgn} />,
-	<Movetext game={kokopu.pgnRead(dummyPgn)} gameIndex={1} />,
+	<Movetext game={pgnRead(dummyPgn)} gameIndex={1} />,
 	<Movetext game={42} />,
 ], 'width-600'); /* eslint-enable react/jsx-key */

package/graphic_test_src/common/games.pgn

@@ -87,8 +87,8 @@ probably to assure himself that the combination was sound and that he had a forc
 [White "1<sup>st</sup> <em>player</em>"]
 [Black "2<sub>nd</sub> <i>player</i>"]
 [Result "*"]
-[WhiteElo "<ins>2800</ins>"]
-[BlackElo "<del>1010</del>"]
+[WhiteElo "2800"]
+[BlackElo "1010"]
 [WhiteTitle "<span class=\"myClass\">GM</span>"]
 [BlackTitle "<span id=\"myId\">no-GM</span>"]
 
@@ -104,7 +104,7 @@ probably to assure himself that the combination was sound and that he had a forc
 [Black "?"]
 [Result "*"]
 
-{I'm a <strong><ins>comment</ins></strong> with some <em class="myClass">HTML content</em> in it.<br/>
+{I'm a <strong><ins>comment</ins></strong> with <del>some</del> <em class="myClass">HTML content</em> in it.<br/>
 Lists are supported:
 <ul>
 <li>1<sup>st</sup> point</li>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "kokopu-react",
-	"version": "1.7.2",
+	"version": "1.8.0",
 	"description": "A React-based library to create and display chessboard and chess-related components.",
 	"keywords": [
 		"chess",
@@ -31,7 +31,7 @@
 		".nycrc.yml"
 	],
 	"peerDependencies": {
-		"kokopu": "^2.6.0",
+		"kokopu": "^3.0.0",
 		"react": "17.x.x || 18.x.x"
 	},
 	"dependencies": {
@@ -42,22 +42,22 @@
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.18.10",
-		"@babel/core": "^7.18.10",
+		"@babel/core": "^7.18.13",
 		"@babel/preset-env": "^7.18.10",
 		"@babel/preset-react": "^7.18.6",
 		"@emotion/react": "^11.10.0",
 		"@emotion/styled": "^11.10.0",
-		"@mui/material": "^5.9.3",
+		"@mui/material": "^5.10.2",
 		"babel-loader": "^8.2.5",
 		"babel-plugin-istanbul": "^6.1.1",
 		"copy-webpack-plugin": "^11.0.0",
 		"coveralls": "^3.1.1",
 		"css-loader": "^6.7.1",
-		"eslint": "^8.21.0",
-		"eslint-plugin-react": "^7.30.1",
+		"eslint": "^8.22.0",
+		"eslint-plugin-react": "^7.31.0",
 		"html-webpack-plugin": "^5.5.0",
 		"img-diff-js": "^0.5.2",
-		"kokopu": "^2.9.2",
+		"kokopu": "^3.0.0",
 		"mocha": "^10.0.0",
 		"null-loader": "^4.0.1",
 		"nyc": "^15.1.0",
@@ -65,7 +65,7 @@
 		"react-dom": "^18.2.0",
 		"react-styleguidist": "^11.2.0",
 		"selenium-webdriver": "^4.3.1",
-		"ssh2-sftp-client": "^9.0.2",
+		"ssh2-sftp-client": "^9.0.3",
 		"style-loader": "^3.3.1",
 		"unit.js": "^2.1.1",
 		"webpack": "^5.74.0",

package/src/Chessboard.js

@@ -24,7 +24,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import Draggable from 'react-draggable';
 import { Motion, spring } from 'react-motion';
-import kokopu from 'kokopu';
+import { exception, MoveDescriptor, Position, coordinatesToSquare, forEachSquare, oppositeColor, squareColor, squareToCoordinates } from 'kokopu';
 
 import colorsets from './impl/colorsets';
 import piecesets from './impl/piecesets';
@@ -102,7 +102,7 @@ export default class Chessboard extends React.Component {
 
 		// Render the squares.
 		let squares = [];
-		kokopu.forEachSquare(sq => squares.push(this.renderSquare(squareSize, colorset, sq)));
+		forEachSquare(sq => squares.push(this.renderSquare(squareSize, colorset, sq)));
 
 		// Render coordinates.
 		let rankCoordinates = [];
@@ -155,12 +155,12 @@ export default class Chessboard extends React.Component {
 	 */
 	renderBoardContentAnimated(positionBefore, move, alpha, squareSize, colorset, pieceset) {
 		let pieces = [];
-		kokopu.forEachSquare(sq => pieces.push(this.renderPieceAnimated(positionBefore, move, alpha, squareSize, pieceset, sq)));
+		forEachSquare(sq => pieces.push(this.renderPieceAnimated(positionBefore, move, alpha, squareSize, pieceset, sq)));
 		return (
 			<>
 				{pieces}
 				{this.renderMoveArrow(move, alpha, squareSize, colorset)}
-				{this.renderTurnFlag(kokopu.oppositeColor(positionBefore.turn()), squareSize, pieceset)}
+				{this.renderTurnFlag(oppositeColor(positionBefore.turn()), squareSize, pieceset)}
 			</>
 		);
 	}
@@ -178,7 +178,7 @@ export default class Chessboard extends React.Component {
 		// Render the square-related objects.
 		let pieces = [];
 		let handles = [];
-		kokopu.forEachSquare(sq => {
+		forEachSquare(sq => {
 			pieces.push(this.renderPiece(position, squareSize, pieceset, sq));
 			if (this.props.interactionMode) {
 				handles.push(this.renderSquareHandle(position,  squareSize, sq));
@@ -203,7 +203,7 @@ export default class Chessboard extends React.Component {
 
 	renderSquare(squareSize, colorset, sq) {
 		let { x, y } = this.getSquareCoordinates(squareSize, sq);
-		return <rect key={sq} x={x} y={y} width={squareSize} height={squareSize} fill={colorset[kokopu.squareColor(sq)]} />;
+		return <rect key={sq} x={x} y={y} width={squareSize} height={squareSize} fill={colorset[squareColor(sq)]} />;
 	}
 
 	renderHoveredSquare(squareSize, colorset) {
@@ -575,7 +575,7 @@ export default class Chessboard extends React.Component {
 	 * Return the (x,y) coordinates of the given square in the SVG canvas.
 	 */
 	getSquareCoordinates(squareSize, sq) {
-		let { file, rank } = kokopu.squareToCoordinates(sq);
+		let { file, rank } = squareToCoordinates(sq);
 		let x = this.props.flipped ? (7 - file) * squareSize : file * squareSize;
 		let y = this.props.flipped ? rank * squareSize : (7 - rank) * squareSize;
 		return { x: x, y: y };
@@ -604,7 +604,7 @@ export default class Chessboard extends React.Component {
 		}
 
 		// Compute the position after the move and return the result.
-		let positionAfter = new kokopu.Position(positionInfo.position);
+		let positionAfter = new Position(positionInfo.position);
 		positionAfter.play(moveInfo.move);
 		return { positionError: false, moveError: false, positionBefore: positionInfo.position, move: moveInfo.move, position: positionAfter };
 	}
@@ -615,7 +615,7 @@ export default class Chessboard extends React.Component {
 	getSquareAt(squareSize, x, y) {
 		let file = this.props.flipped ? 7 - Math.floor(x / squareSize) : Math.floor(x / squareSize);
 		let rank = this.props.flipped ? Math.floor(y / squareSize) : 7 - Math.floor(y / squareSize);
-		return file >= 0 && file < 8 && rank >= 0 && rank < 8 ? kokopu.coordinatesToSquare(file, rank) : '-';
+		return file >= 0 && file < 8 && rank >= 0 && rank < 8 ? coordinatesToSquare(file, rank) : '-';
 	}
 
 	/**
@@ -760,30 +760,26 @@ export default class Chessboard extends React.Component {
 Chessboard.propTypes = {
 
 	/**
-	 * Displayed position. Can be a [kokopu.Position](https://kokopu.yo35.org/docs/current/Position.html) object,
+	 * Displayed position. Can be a [kokopu.Position](https://kokopu.yo35.org/docs/current/classes/Position.html) object,
 	 * a [FEN string](https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation),
 	 * `'start'` (usual starting position), or `'empty'` (empty board).
 	 *
 	 * Optionally, the FEN string can be prefixed with `'variant:'`, `variant` corresponding to one of the
-	 * [game variant](https://kokopu.yo35.org/docs/current/global.html#GameVariant) supported by Kokopu. For instance:
+	 * [game variant](https://kokopu.yo35.org/docs/current/types/GameVariant.html) supported by Kokopu. For instance:
 	 * `'chess960:nrkbqrbn/pppppppp/8/8/8/8/PPPPPPPP/NRKBQRBN w KQkq - 0 1'`.
 	 */
 	position: PropTypes.oneOfType([
-		PropTypes.instanceOf(kokopu.Position),
+		PropTypes.instanceOf(Position),
 		PropTypes.string
 	]),
 
 	/**
-	 * Displayed move (optional), defined either as a [kokopu.MoveDescriptor](https://kokopu.yo35.org/docs/current/MoveDescriptor.html) object
+	 * Displayed move (optional), defined either as a [kokopu.MoveDescriptor](https://kokopu.yo35.org/docs/current/classes/MoveDescriptor.html) object
 	 * or as a [SAN string](https://en.wikipedia.org/wiki/Algebraic_notation_(chess)) (e.g. `'Nf3'`). In both cases, it must represent
 	 * a legal move in position defined in attribute `position`.
 	 */
 	move: PropTypes.oneOfType([
-		function(props, propName, componentName) {
-			if (!kokopu.isMoveDescriptor(props[propName])) {
-				return new Error(`Invalid prop ${propName} supplied to ${componentName}. Validation failed.`);
-			}
-		},
+		PropTypes.instanceOf(MoveDescriptor),
 		PropTypes.string
 	]),
 
@@ -961,16 +957,16 @@ function computeCoordinateFontSize(squareSize) {
  * Try to interpret the given object as a chess position.
  */
 function parsePosition(position) {
-	if (position instanceof kokopu.Position) {
+	if (position instanceof Position) {
 		return { error: false, position: position };
 	}
 	else if (typeof position === 'string') {
 		try {
-			return { error: false, position: new kokopu.Position(position) };
+			return { error: false, position: new Position(position) };
 		}
 		catch (e) {
 			// istanbul ignore else
-			if (e instanceof kokopu.exception.InvalidFEN) {
+			if (e instanceof exception.InvalidFEN) {
 				return { error: true, message: e.message };
 			}
 			else {
@@ -988,7 +984,7 @@ function parsePosition(position) {
  * Try to interpret the given object `move` as a move descriptor based on the given position.
  */
 function parseMove(position, move) {
-	if (kokopu.isMoveDescriptor(move)) {
+	if (move instanceof MoveDescriptor) {
 		return { error: false, move: move };
 	}
 	else if (typeof move === 'string') {
@@ -997,7 +993,7 @@ function parseMove(position, move) {
 		}
 		catch (e) {
 			// istanbul ignore else
-			if (e instanceof kokopu.exception.InvalidNotation) {
+			if (e instanceof exception.InvalidNotation) {
 				return { error: true, message: e.message };
 			}
 			else {

package/src/ErrorBox.js

@@ -24,6 +24,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 import i18n from './i18n';
+import { fillPlaceholder } from './impl/util';
 
 import './css/error_box.css';
 
@@ -125,7 +126,7 @@ function ellipsisAt(text, pos, backwardCharacters, forwardCharacters, lineNumber
 	excerpt = excerpt.replace(/\n|\r|\t/g, ' ');
 	let secondLine = Array(1 + e1.length + pos - p1).join(' ') + '^';
 	if (lineNumber) {
-		secondLine += ' (' + i18n.LINE.replace(/\{0\}/g, lineNumber) + ')';
+		secondLine += ` (${fillPlaceholder(i18n.LINE, lineNumber)})`;
 	}
 	return excerpt + '\n' + secondLine;
 }

package/src/Movetext.js

@@ -22,9 +22,10 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import kokopu from 'kokopu';
+import { exception, Database, Game, nagSymbol, pgnRead } from 'kokopu';
 
 import HtmlSanitizer from './impl/HtmlSanitizer';
+import { fillPlaceholder } from './impl/util';
 import Chessboard from './Chessboard';
 import ErrorBox from './ErrorBox';
 import { moveFormatter } from './formatmove';
@@ -85,7 +86,7 @@ export default class Movetext extends React.Component {
 		let colorTag = <span className="kokopu-colorTag"></span>;
 		let playerNameElement = <span className="kokopu-header-playerName">{sanitizeHtml(playerName)}</span>;
 		let titleElement = title === undefined ? undefined : <span className="kokopu-header-playerTitle">{sanitizeHtml(title)}</span>;
-		let ratingElement = rating === undefined ? undefined : <span className="kokopu-header-playerRating">{sanitizeHtml(rating)}</span>;
+		let ratingElement = rating === undefined ? undefined : <span className="kokopu-header-playerRating">{rating}</span>;
 		let separator = title === undefined || rating === undefined ? undefined : '\u00a0'; // \u00a0 == &nbsp;
 		let titleRatingGroup = title === undefined && rating === undefined ? undefined : <span className="kokopu-headerGroup-titleRating">{titleElement}{separator}{ratingElement}</span>;
 		return <div className={classNames.join(' ')} key={'player-' + color}>{colorTag}{playerNameElement}{titleRatingGroup}</div>;
@@ -128,7 +129,7 @@ export default class Movetext extends React.Component {
 		if (annotator === undefined) {
 			return undefined;
 		}
-		annotator = i18n.ANNOTATED_BY.replace(/\{0\}/g, annotator);
+		annotator = fillPlaceholder(i18n.ANNOTATED_BY, annotator);
 		return <div className="kokopu-header-annotator" key="annotator">{sanitizeHtml(annotator)}</div>;
 	}
 
@@ -255,7 +256,7 @@ export default class Movetext extends React.Component {
 		let notationText = notationTextBuilder(node.notation());
 
 		// NAGs
-		let nagElements = node.nags().map(nag => <span className="kokopu-nag" key={nag}>{kokopu.nagSymbol(nag)}</span>);
+		let nagElements = node.nags().map(nag => <span className="kokopu-nag" key={nag}>{nagSymbol(nag)}</span>);
 
 		// Class
 		let nodeId = node.id();
@@ -482,18 +483,18 @@ export default class Movetext extends React.Component {
 Movetext.propTypes = {
 
 	/**
-	 * Displayed position. Can be a [kokopu.Game](https://kokopu.yo35.org/docs/current/Game.html) object,
-	 * a [kokopu.Database](https://kokopu.yo35.org/docs/current/Database.html) object,
+	 * Displayed position. Can be a [kokopu.Game](https://kokopu.yo35.org/docs/current/classes/Game.html) object,
+	 * a [kokopu.Database](https://kokopu.yo35.org/docs/current/classes/Database.html) object,
 	 * or a [PGN string](https://en.wikipedia.org/wiki/Portable_Game_Notation).
 	 */
 	game: PropTypes.oneOfType([
-		PropTypes.instanceOf(kokopu.Game),
-		PropTypes.instanceOf(kokopu.Database),
+		PropTypes.instanceOf(Game),
+		PropTypes.instanceOf(Database),
 		PropTypes.string
 	]),
 
 	/**
-	 * Index of the game to display (only if attribute `game` is a [kokopu.Database](https://kokopu.yo35.org/docs/current/Database.html)
+	 * Index of the game to display (only if attribute `game` is a [kokopu.Database](https://kokopu.yo35.org/docs/current/classes/Database.html)
 	 * or a [PGN string](https://en.wikipedia.org/wiki/Portable_Game_Notation)): `0` for the first game of the database/PGN, `1` for the second one, etc.
 	 * If omitted, the first game of the database/PGN is displayed.
 	 */
@@ -542,7 +543,7 @@ Movetext.propTypes = {
 
 	/**
 	 * ID of the selected move (or `'start'` for the beginning of the main variation).
-	 * Use [kokopu.Node#id](https://kokopu.yo35.org/docs/current/Node.html#id) to get the ID of a game move.
+	 * Use [kokopu.Node#id](https://kokopu.yo35.org/docs/current/classes/Node.html#id) to get the ID of a game move.
 	 */
 	selection: PropTypes.string,
 
@@ -556,7 +557,7 @@ Movetext.propTypes = {
 	/**
 	 * Callback invoked when the user selects a move (only if `interactionMode` is set to `'selectMove'`).
 	 *
-	 * @param {string?} nodeId ID of the selected move (as returned by [kokopu.Node#id](https://kokopu.yo35.org/docs/current/Node.html#id)),
+	 * @param {string?} nodeId ID of the selected move (as returned by [kokopu.Node#id](https://kokopu.yo35.org/docs/current/classes/Node.html#id)),
 	 *                         `'start'` for the beginning of the main variation, or `undefined` if the user unselects the previously selected move.
 	 * @param {string} evtOrigin Origin of the event. Can be:
 	 *                        - `'key-first'`: the event has been triggered by the "go-to-first-move" key (aka. the home key),
@@ -570,7 +571,7 @@ Movetext.propTypes = {
 
 
 Movetext.defaultProps = {
-	game: new kokopu.Game(),
+	game: new Game(),
 	gameIndex: 0,
 	diagramOptions: {},
 	pieceSymbols: 'native',
@@ -643,17 +644,20 @@ function sanitizeHtml(text, sanitizer) {
  * Try to interpret the given object as a chess game.
  */
 function parseGame(game, gameIndex) {
-	if (game instanceof kokopu.Game) {
+	if (game instanceof Game) {
 		return { error: false, game: game };
 	}
-	else if (game instanceof kokopu.Database || typeof game === 'string') {
+	else if (game instanceof Database || typeof game === 'string') {
+		if (!Number.isInteger(gameIndex) || gameIndex < 0) {
+			return { error: true, message: i18n.INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE };
+		}
 		try {
-			let result = game instanceof kokopu.Database ? game.game(gameIndex) : kokopu.pgnRead(game, gameIndex);
+			const result = game instanceof Database ? game.game(gameIndex) : pgnRead(game, gameIndex);
 			return { error: false, game: result };
 		}
 		catch (e) {
 			// istanbul ignore else
-			if (e instanceof kokopu.exception.InvalidPGN) {
+			if (e instanceof exception.InvalidPGN) {
 				return { error: true, message: e.message, text: e.pgn, errorIndex: e.index, lineNumber: e.lineNumber };
 			}
 			else {

package/src/i18n.js

@@ -36,6 +36,7 @@ const i18n = {
 	ANNOTATED_BY: 'Annotated by {0}',
 	INVALID_PGN_ERROR_TITLE: 'Invalid PGN string.',
 	INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" attribute.',
+	INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game index" attribute.',
 };
 
 export default i18n;

package/src/impl/util.js

@@ -35,6 +35,14 @@ export function generateRandomId() {
 }
 
 
+export function fillPlaceholder(message, ...placeholderValues) {
+	return message.replace(/{(\d+)}/g, (match, placeholder) => {
+		const placeholderIndex = Number(placeholder);
+		return placeholderIndex < placeholderValues.length ? placeholderValues[placeholderIndex] : match;
+	});
+}
+
+
 export function sanitizeInteger(input, min, max) {
 	return Math.min(Math.max(Math.round(input), min), max);
 }

package/test/7_movetext_graphic.js

@@ -36,7 +36,7 @@ describe('Movetext graphic', function() {
 	});
 
 	itChecksScreenshots(browserContext, '12_movetext_simple', [ 'game-0', 'game-1', 'game-2', 'game-3' ]);
-	itChecksScreenshots(browserContext, '13_movetext_error', [ 'wrong-game-index', 'pgn-parsing-error-1', 'pgn-parsing-error-2', 'wrong type' ]);
+	itChecksScreenshots(browserContext, '13_movetext_error', [ 'wrong-game-index-1', 'wrong-game-index-2', 'pgn-parsing-error-1', 'pgn-parsing-error-2', 'wrong type' ]);
 	itChecksScreenshots(browserContext, '14_movetext_html', [ 'html-in-headers', 'html-in-comments', 'filtered-tags-and-attributes' ]);
 	itChecksScreenshots(browserContext, '15_movetext_options', [ 'localized-piece-symbols', 'custom-piece-symbols', 'figurine-piece-symbols-and-diagram-options',
 		'hidden-diagrams' ]);