kokopu-react 1.3.1 → 1.5.0

package/doc_src/demo/game-1.pgn

@@ -0,0 +1,23 @@
+[Event "1<sup>st</sup> American Chess Congress"]
+[Site "?"]
+[Date "1857.11.03"]
+[Round "4.6"]
+[White "Paulsen, Louis"]
+[Black "Morphy, Paul"]
+[Result "0-1"]
+
+1. e4 e5 2. Nf3 Nc6 3. Nc3 Nf6 4. Bb5 Bc5 5. O-O O-O 6. Nxe5 Re8 7. Nxc6 dxc6
+8. Bc4 b5 9. Be2 Nxe4 10. Nxe4 Rxe4 11. Bf3 Re6 12. c3 Qd3 13. b4 Bb6 14. a4 bxa4
+15. Qxa4 Bd7 16. Ra2 Rae8 17. Qa6
+
+{[#] Morphy took twelve minutes over his next move, probably to assure himself
+that the combination was sound and that he had a forced win in every variation.}
+
+17... Qxf3 !! 18. gxf3 Rg6+ 19. Kh1 Bh3 20. Rd1
+({Not} 20. Rg1 Rxg1+ 21. Kxg1 Re1+ -+)
+20... Bg2+ 21. Kg1 Bxf3+ 22. Kf1 Bg2+
+
+(22...Rg2 ! {would have won more quickly. For instance:} 23. Qd3 Rxf2+ 24. Kg1 Rg2+ 25. Kh1 Rg1#)
+
+23. Kg1 Bh3+ 24. Kh1 Bxf2 25. Qf1 {Absolutely forced.} 25... Bxf1 26. Rxf1 Re2
+27. Ra1 Rh6 28. d4 Be3 0-1

package/doc_src/demo/game-2.pgn

@@ -0,0 +1,22 @@
+[Event "Checkmate with Bishop + Knight"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+[FEN "1k6/2N5/2K5/8/8/8/5B2/8 w - - 0 1"]
+
+{[#][%cal Gc6g6,Rc7d5,Rd5e7,Re7f5,Rf5g7] How to checkmate in this situation?
+The key point is to remember that the knight follows a W-shaped path between
+ranks 5 and 7, while the white king stays on rank 6.}
+
+1.Be3 Kc8 2.Ba7 Kd8 3.Nd5 Ke8 4.Kd6 Kf7 5.Ne7 Kf6 6.Be3
+
+{The black king is trapped behind the squares controlled by the white pieces.
+[#][%csl Re5,Rf5,Rg5,Rg6,Rh6]}
+
+6...Kf7 7.Bd4 Ke8 8.Ke6 Kd8 9.Bb6+ Ke8 10.Nf5 Kf8 11.Ba5 Ke8 12.Ng7+ Kf8
+13.Kf6 Kg8 14.Kg6 Kf8 15.Bb4+ Kg8 +-
+
+{[#] ... and checkmate in four moves.} *

package/doc_src/demo/game-invalid.pgn

@@ -0,0 +1,10 @@
+[Event "Scholar's mate"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "1-0"]
+
+1.e4 e5 2.Bc3 Nc6 3.Qh5 Nf6 4.Qxf7# 1-0
+ 

package/doc_src/demo/util.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/doc_src/examples/Movetext.md

@@ -0,0 +1,15 @@
+```js
+let pgn = `
+[Event "Television Exhibition"]
+[Site "London ENG"]
+[Date "2014.01.23"]
+[Round "?"]
+[White "Bill Gates"]
+[Black "Magnus Carlsen"]
+[Result "0-1"]
+
+1.e4 Nc6 2.Nf3 d5 3.Bd3 Nf6 4.exd5 Qxd5 5.Nc3 Qh5 6.O-O Bg4
+7.h3 Ne5 8.hxg4 Nfxg4 {[#]} 9.Nxe5 Qh2# 0-1`;
+
+<Movetext game={pgn} pieceSymbols="figurines" />
+```

package/doc_src/home.md

@@ -21,6 +21,8 @@ Main components
 
 - [Chessboard](#/Components/Chessboard): SVG image representing a chessboard diagram. Optionally, the user may interact with the board
 (move pieces, click on squares...). Annotations such as square markers or arrows can also be added to the board.
+- [Movetext](#/Components/Movetext): represents a chess game, i.e. the headers (name of the players, event, etc.), the moves,
+and all the related annotations if any (comments, variations, NAGs...).
 
 
 

package/doc_src/theming/LogoRenderer.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/doc_src/theming/theming.css

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/01_marker_icons.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *
@@ -27,11 +27,13 @@ import { SquareMarkerIcon, TextMarkerIcon, ArrowMarkerIcon } from '../src/index'
 testApp([ /* eslint-disable react/jsx-key */
 	<SquareMarkerIcon size={40} />,
 	<SquareMarkerIcon size={45} color="green" />,
-	<div style={{ color: 'purple' }} ><SquareMarkerIcon size={31} /></div>,
+	<div style={{ color: 'purple' }}><SquareMarkerIcon size={31} /></div>,
 	<TextMarkerIcon size={41} symbol="A" />,
 	<TextMarkerIcon size={29} symbol="b" color="#0ff" />,
-	<div style={{ color: 'red' }} ><TextMarkerIcon size={53} symbol="5" /></div>,
+	<div style={{ color: 'red' }}><TextMarkerIcon size={53} symbol="5" /></div>,
 	<ArrowMarkerIcon size={40} />,
 	<ArrowMarkerIcon size={24} color="#888" />,
-	<div style={{ color: '#f70' }} ><ArrowMarkerIcon size={48} /></div>,
+	<div style={{ color: '#f70' }}><ArrowMarkerIcon size={48} /></div>,
+	<TextMarkerIcon size={47} symbol="dot" color="#00f" />,
+	<div style={{ color: 'pink' }}><TextMarkerIcon size={48} symbol="circle" /></div>,
 ]); /* eslint-enable react/jsx-key */

package/graphic_test_app/02_chessboard_simple.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/03_chessboard_flipped.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/04_chessboard_annotations.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *
@@ -34,7 +34,7 @@ let textMarkers2 = { g3: { symbol: 'H', color: 'r' }, g5: { symbol: 'M', color:
 
 let squareMarkers3 = { b5: 'r', e4: 'g', h5: 'y' };
 let arrowMarkers3 = { d1h5: 'g', a5f4: 'r', c7c3: 'y', g7g7: 'g' };
-let textMarkers3 = 'G5c6';
+let textMarkers3 = 'G5c6,R(plus)a1,G(times)b1,R(dot)a2,Y(circle)b2';
 
 testApp([ /* eslint-disable react/jsx-key */
 	<Chessboard squareMarkers={squareMarkers1} arrowMarkers={arrowMarkers1} textMarkers={textMarkers1} flipped={false} coordinateVisible={true} />,

package/graphic_test_app/05_chessboard_move.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/06_chessboard_theme.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/07_chessboard_click_squares.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/08_chessboard_move_pieces.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/09_chessboard_edit_arrows.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/10_chessboard_play_moves.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/11_chessboard_play_promotions.js

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/graphic_test_app/12_movetext_simple.js

@@ -0,0 +1,41 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    This program is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+import React from 'react';
+import kokopu from 'kokopu';
+import testApp from './common/test_app';
+import { Movetext } from '../src/index';
+
+import pgn from './common/games.pgn';
+
+let game = new kokopu.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);
+
+testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={game} />,
+	<Movetext game={database} />,
+	<Movetext game={pgn} gameIndex={1} />,
+	<Movetext game={database} gameIndex={3} />,
+], 'width-600'); /* eslint-enable react/jsx-key */

package/graphic_test_app/13_movetext_error.js

@@ -0,0 +1,38 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    This program is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+import React from 'react';
+import kokopu 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);
+
+testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={database} gameIndex={99} />,
+	<Movetext game={dummyPgn} />,
+	<Movetext game={kokopu.pgnRead(dummyPgn)} gameIndex={1} />,
+	<Movetext game={42} />,
+], 'width-600'); /* eslint-enable react/jsx-key */

package/graphic_test_app/14_movetext_html.js

@@ -0,0 +1,40 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    This program is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+import React from 'react';
+import testApp from './common/test_app';
+import { Movetext } from '../src/index';
+
+import pgn from './common/games.pgn';
+
+testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={pgn} gameIndex={4} />,
+	<Movetext game={pgn} gameIndex={5} />,
+	<Movetext game={pgn} gameIndex={6} />,
+], 'width-600'); /* eslint-enable react/jsx-key */
+
+let customCSS = document.createElement('style');
+customCSS.innerText = `
+	.myClass { font-weight: bold; color: green; }
+	#myId { font-weight: bold; color: red; }
+`;
+document.head.appendChild(customCSS);

package/graphic_test_app/15_movetext_options.js

@@ -0,0 +1,42 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    This program is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+import React from 'react';
+import testApp from './common/test_app';
+import { Movetext, i18n } from '../src/index';
+
+import pgn from './common/games.pgn';
+
+let legacyPieceSymbols = i18n.PIECE_SYMBOLS;
+
+// Localization for French
+i18n.PIECE_SYMBOLS = { K: 'R', Q: 'D', R: 'T', B: 'F', N: 'C', P: 'P' };
+
+testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={pgn} pieceSymbols="localized" />,
+	<Movetext game={pgn} gameIndex={2} pieceSymbols={{ K: 'Ki_', Q: 'Qu_', R: 'Rk_', B: 'Bi_', N: 'Kn_', P: 'Pw_' }} />,
+	<Movetext game={pgn} gameIndex={3} pieceSymbols="figurines" headerVisible={false}
+		diagramOptions={{ flipped: true, coordinateVisible: false, squareSize: 32, colorset: 'scid', pieceset: 'eyes' }} />,
+	<Movetext game={pgn} gameIndex={9} diagramVisible={false} />,
+], 'width-600'); /* eslint-enable react/jsx-key */
+
+i18n.PIECE_SYMBOLS = legacyPieceSymbols;

package/graphic_test_app/16_movetext_interaction.js

@@ -0,0 +1,42 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    This program is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+import React from 'react';
+import testApp, { setSandbox } from './common/test_app';
+import { Movetext } from '../src/index';
+
+import pgn from './common/games.pgn';
+
+function onMoveSelected(nodeId) {
+	setSandbox(`move selected: ${nodeId}`);
+}
+
+testApp([ /* eslint-disable react/jsx-key */
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} selection="4w" />,
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" />,
+	<Movetext game={pgn} gameIndex={8} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="1b-v0-3w-v0-3w" />,
+	<Movetext game={pgn} gameIndex={8} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="1b-v0-2b" />,
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="start" />,
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="1w" />,
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="6b" />,
+	<Movetext game={pgn} gameIndex={7} headerVisible={false} onMoveSelected={onMoveSelected} interactionMode="selectMove" selection="invalid-id" />,
+], 'width-600'); /* eslint-enable react/jsx-key */

package/graphic_test_app/common/dummy.pgn

@@ -0,0 +1,8 @@
+[Event "Game with error 1"]
+
+1.e4 e5 2.Nf3 d6 3.Bb5+ Nf6 *
+
+
+[Event "Game with error 2"]
+
+xyz 1.e4 Nc6 2.Nf3 d5 3.Bd3 Nf6 4.exd5 Qxd5 5.Nc3 Qh5 6.O-O Bg4 7.h3 Ne5 8.hxg4 Nfxg4 9.Nxe5 Qh2# 0-1

package/graphic_test_app/common/games.pgn

@@ -0,0 +1,167 @@
+[Event "Linares 16<sup>th</sup>"]
+[Site "Linares, ESP"]
+[Date "1999.02.25"]
+[Round "4"]
+[White "Kasparov, Garry"]
+[Black "Kramnik, Vladimir"]
+[Result "1/2-1/2"]
+[WhiteElo "2812"]
+[BlackElo "2751"]
+[WhiteTitle "WCH"]
+[BlackTitle "GM"]
+
+1. d4 Nf6 2. c4 e6 3. Nc3 Bb4 4. Qc2 d5 5. cxd5 Qxd5 6. Nf3 Qf5 7. Qxf5 exf5
+8. a3 Be7 9. Bg5 Be6 10. e3 c6 11. Bd3 Nbd7 12. O-O h6 13. Bh4 a5 14. Rac1 O-O
+15. Ne2 g5 16. Bg3 Ne4 17. Nc3 Nxc3 18. Rxc3 Nf6 19. Rcc1 Rfd8 20. Rfd1 Rac8
+1/2-1/2
+
+
+
+[Event "1<sup>st</sup> American Chess Congress"]
+[Site "?"]
+[Date "1857.11.??"]
+[Round "4.6"]
+[White "Paulsen, Louis"]
+[Black "Morphy, Paul"]
+[Result "0-1"]
+[Annotator "Unknown"]
+
+1. e4 e5 2. Nf3 Nc6 3. Nc3 Nf6 4. Bb5 Bc5 5. O-O O-O 6. Nxe5 Re8 $99 7. Nxc6 dxc6
+8. Bc4 b5 9. Be2 Nxe4 10. Nxe4 Rxe4 11. Bf3 Re6 12. c3 Qd3 13. b4 Bb6 14. a4 bxa4
+15. Qxa4 Bd7 16. Ra2 Rae8 17. Qa6
+
+{[#] [%cal Rd3f3,Re6g6][%csl Gg6][%ctl G(circle)f3] Morphy took twelve minutes over his next move,
+probably to assure himself that the combination was sound and that he had a forced win in every variation.}
+
+17... Qxf3 $3 18. gxf3 Rg6+ 19. Kh1 Bh3 20. Rd1
+({Not} 20. Rg1 Rxg1+ 21. Kxg1 Re1+ $19)
+20... Bg2+ 21. Kg1 Bxf3+ 22. Kf1 Bg2+
+
+(22...Rg2 $1 {would have won more quickly. For instance:} 23. Qd3 Rxf2+ 24. Kg1 Rg2+ 25. Kh1 Rg1#)
+
+23. Kg1 Bh3+ 24. Kh1 Bxf2 25. Qf1 {Absolutely forced.} 25... Bxf1 26. Rxf1 Re2
+27. Ra1 Rh6 28. d4 Be3 0-1
+
+
+
+[Event "Sample game"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "Player 1"]
+[Black "Player 2"]
+[Result "1-0"]
+[WhiteElo "2007"]
+[BlackTitle "IM"]
+
+1. e4 e5 2. Bc4 Nc6 3. Qh5 Nf6 4. Qxf7# 1-0
+
+
+
+[Event "Casual Horde game"]
+[Site "lichess"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+[Variant "Horde"]
+
+{Starting position at Horde: [#]}
+
+1. e5 c6 2. d5 cxb5 3. axb5 b6 4. d4 a5 5. c6 e6 6. e4 dxc6 7. bxc6 axb4 8. axb4 b5 9. d3 exd5
+10. cxd5 Ne7 11. f6 gxf6 12. gxf6 Nxd5 13. exd5 Qxd5 14. e4 Qxc6 15. d2 Bxb4 16. d5 Qc7
+17. d4 Rxa2 18. bxa2 Qa7 19. a3 Bxa3 20. f5 Bf8 21. a3 Bxa3 22. bxa3 Qxa3 23. e6 Qxc1 24. e5 Qxc2
+25. exf7+ Kxf7 26. e6+ Kxf6 27. g5+ Kxf5 28. g4+ Kg6 29. f4 Qxb3 30. f5+ Kg7 31. f6+ Kg6 32. f4 Bxe6
+33. dxe6 Qxe6 34. f5+ Qxf5 35. gxf5+ Kxf5 36. e3 Nd7 37. f3 Nxf6 38. g4+ Kg6 39. gxf6 Kxf6
+40. g3 Ra8 41. f4 Ra2 42. e4 Rxd2 43. e5+ Ke7 44. f5 Rd3 45. g5 Rxc3 46. f6+ Kf7 47. d5 Re3
+48. e6+ Rxe6 49. dxe6+ Kxe6 50. h5 b4 51. h4 b3 52. g4 b2 53. g6 hxg6 54. h6 Kxf6 55. h5 b1=Q
+56. g5+ Kxg5 57. hxg6 Kxh6 58. g7 Kxg7 *
+
+
+
+[Event "HTML in <b>all</b> headers"]
+[Site "Maybe on <a href=\"https://www.wikipedia.org/\">Wikipedia</a>, maybe somewhere else..."]
+[Date "????.??.??"]
+[Round "<strong>3</strong>.2"]
+[White "1<sup>st</sup> <em>player</em>"]
+[Black "2<sub>nd</sub> <em>player</em>"]
+[Result "*"]
+[WhiteElo "<ins>2800</ins>"]
+[BlackElo "<del>1010</del>"]
+[WhiteTitle "<span class=\"myClass\">GM</span>"]
+[BlackTitle "<span id=\"myId\">no-GM</span>"]
+
+*
+
+
+
+[Event "HTML in comments"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+
+{I'm a <strong><ins>comment</ins></strong> with some <em class="myClass">HTML content</em> in it.}
+
+*
+
+
+
+[Event "Forbidden HTML tags and attributes"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+
+{
+Using <div class="myClass">div tags</div> is not allowed.
+... but <div class="myClass"><em>legit HTML elements</em> within forbidden HTML tags</div> are rendered.
+Using <span style="color: cyan;">style attributes</span> is not allowed.
+Using scripts is not allowed. <script>alert('You should not see this either.');</script>
+}
+
+*
+
+
+
+[Event "Short game"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+
+1. d4 Nf6 2. c4 e6 3. Nc3 Bb4 4. Qc2 d5 5. cxd5 Qxd5 6. Nf3 Qf5 *
+
+
+
+[Event "Short game with variations"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+
+1. e4 e6 (1... e5 2. Nf3 Nc6 3. Nc3 (3. Bb5 ! a6 4. Ba4)) 2. d4 *
+
+
+
+[Event "Game with several diagrams"]
+[Site "?"]
+[Date "????.??.??"]
+[Round "?"]
+[White "?"]
+[Black "?"]
+[Result "*"]
+
+{[#]}
+
+1. e4 {A diagram is here. [#] But it should not be visible in the test-case.}
+1... e5 2. d4 {[#]} 2... d5 *

package/graphic_test_app/common/heartbeat.txt

@@ -0,0 +1 @@
+I'm OK...