kokopu-react 1.4.0 → 1.5.1

package/doc_src/demo/PageMovetextBase.js

@@ -0,0 +1,214 @@
+/******************************************************************************
+ *                                                                            *
+ *    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 { Chessboard, Movetext } from '../../src/index';
+import { buildComponentDemoCode } from './util';
+
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import Slider from '@mui/material/Slider';
+import Stack from '@mui/material/Stack';
+import Switch from '@mui/material/Switch';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+
+import './demo.css';
+import game1 from './game-1.pgn';
+import game2 from './game-2.pgn';
+import invalidGame from './game-invalid.pgn';
+
+
+export default class Page extends React.Component {
+
+	constructor(props) {
+		super(props);
+		this.state = {
+			pgn: game1,
+			headerVisible: true,
+			diagramVisible: true,
+			pieceSymbols: 'figurines',
+			customSymbols: { K:'R', Q:'D', R:'T', B:'F', N:'C', P:'P' },
+			diagramOptions: {
+				flipped: false,
+				squareSize: 32,
+				coordinateVisible: true,
+				colorset: 'original',
+				pieceset: 'cburnett',
+			},
+		};
+	}
+
+	render() {
+		return (
+			<Stack spacing={2} mt={2}>
+				{this.renderControls()}
+				{this.renderMovetext()}
+				{this.renderCode()}
+			</Stack>
+		);
+	}
+
+	renderControls() {
+		let opts = this.state.diagramOptions;
+		return (<>
+			<Stack direction="row" spacing={2} alignItems="center">
+				<ButtonGroup color="primary" size="small">
+					<Button onClick={() => this.set('pgn', game1)}>Game 1</Button>
+					<Button onClick={() => this.set('pgn', game2)}>Game 2</Button>
+					<Button onClick={() => this.set('pgn', invalidGame)}>Invalid game</Button>
+				</ButtonGroup>
+				<FormControlLabel label="Show headers"
+					control={<Switch checked={this.state.headerVisible} onChange={() => this.set('headerVisible', !this.state.headerVisible)} color="primary" />}
+				/>
+				<FormControlLabel label="Show diagrams"
+					control={<Switch checked={this.state.diagramVisible} onChange={() => this.set('diagramVisible', !this.state.diagramVisible)} color="primary" />}
+				/>
+			</Stack>
+			<Stack direction="row" spacing={2} alignItems="center">
+				<FormControl variant="standard">
+					<InputLabel id="piecesymbols-label">Piece symbols</InputLabel>
+					<Select labelId="piecesymbols-label" sx={{ width: '8em' }} value={this.state.pieceSymbols} onChange={evt => this.set('pieceSymbols', evt.target.value)}>
+						<MenuItem value="native">Native</MenuItem>
+						<MenuItem value="figurines">Figurines</MenuItem>
+						<MenuItem value="custom">Custom</MenuItem>
+					</Select>
+				</FormControl>
+				{this.renderCustomSymbolSelector()}
+			</Stack>
+			<Stack direction="row" spacing={2} alignItems="center">
+				<FormControlLabel label="Flip diagram(s)"
+					control={<Switch checked={opts.flipped} onChange={() => this.setDiagramOption('flipped', !opts.flipped)} color="primary" />}
+				/>
+				<FormControlLabel label="Show coordinates in diagram(s)"
+					control={<Switch checked={opts.coordinateVisible} onChange={() => this.setDiagramOption('coordinateVisible', !opts.coordinateVisible)} color="primary" />}
+				/>
+				<FormControl variant="standard">
+					<InputLabel id="colorset-label">Colorset</InputLabel>
+					<Select labelId="colorset-label" sx={{ width: '8em' }} value={opts.colorset} onChange={evt => this.setDiagramOption('colorset', evt.target.value)}>
+						{Object.keys(Chessboard.colorsets()).sort().map(colorset => <MenuItem key={colorset} value={colorset}>{colorset}</MenuItem>)}
+					</Select>
+				</FormControl>
+				<FormControl variant="standard">
+					<InputLabel id="pieceset-label">Pieceset</InputLabel>
+					<Select labelId="pieceset-label" sx={{ width: '8em' }} value={opts.pieceset} onChange={evt => this.setDiagramOption('pieceset', evt.target.value)}>
+						{Object.keys(Chessboard.piecesets()).sort().map(pieceset => <MenuItem key={pieceset} value={pieceset}>{pieceset}</MenuItem>)}
+					</Select>
+				</FormControl>
+			</Stack>
+			<Box>
+				<Typography gutterBottom>Diagram square size</Typography>
+				<Slider
+					value={opts.squareSize} onChange={(_, newValue) => this.setDiagramOption('squareSize', newValue)}
+					min={Chessboard.minSquareSize()} max={Chessboard.maxSquareSize()} step={1} valueLabelDisplay="on" color="primary"
+				/>
+			</Box>
+		</>);
+	}
+
+	renderCustomSymbolSelector() {
+		if (this.state.pieceSymbols !== 'custom') {
+			return undefined;
+		}
+		let symbols = this.state.customSymbols;
+		return (<>
+			<TextField variant="standard" sx={{ width: '3em' }} label="King" value={symbols.K} onChange={evt => this.setCustomSymbol('K', evt.target.value)} />
+			<TextField variant="standard" sx={{ width: '3em' }} label="Queen" value={symbols.Q} onChange={evt => this.setCustomSymbol('Q', evt.target.value)} />
+			<TextField variant="standard" sx={{ width: '3em' }} label="Rook" value={symbols.R} onChange={evt => this.setCustomSymbol('R', evt.target.value)} />
+			<TextField variant="standard" sx={{ width: '3em' }} label="Bishop" value={symbols.B} onChange={evt => this.setCustomSymbol('B', evt.target.value)} />
+			<TextField variant="standard" sx={{ width: '3em' }} label="Knight" value={symbols.N} onChange={evt => this.setCustomSymbol('N', evt.target.value)} />
+			<TextField variant="standard" sx={{ width: '3em' }} label="Pawn" value={symbols.P} onChange={evt => this.setCustomSymbol('P', evt.target.value)} />
+		</>);
+	}
+
+	renderMovetext() {
+		return (
+			<Box>
+				<Movetext
+					game={this.state.pgn}
+					headerVisible={this.state.headerVisible}
+					diagramVisible={this.state.diagramVisible}
+					pieceSymbols={this.state.pieceSymbols === 'custom' ? this.state.customSymbols : this.state.pieceSymbols}
+					diagramOptions={this.state.diagramOptions}
+				/>
+			</Box>
+		);
+	}
+
+	renderCode() {
+		let attributes = [];
+		attributes.push('game={pgn}');
+		attributes.push(`headerVisible={${this.state.headerVisible}}`);
+		attributes.push(`pieceSymbols=${this.getPieceSymbolsAsText()}`);
+		attributes.push(`diagramVisible={${this.state.diagramVisible}}`);
+		attributes.push(`diagramOptions={{ ${this.getDiagramAttributesAsText()} }}`);
+		let pgnDeclaration = 'const pgn = `\n' + this.state.pgn.trim() + '`;\n\n';
+		return <pre className="kokopu-demoCode">{pgnDeclaration + buildComponentDemoCode('Movetext', attributes)}</pre>;
+	}
+
+	set(attributeName, newValue) {
+		let newState = {};
+		newState[attributeName] = newValue;
+		this.setState(newState);
+	}
+
+	setCustomSymbol(key, value) {
+		let symbols = {...this.state.customSymbols};
+		symbols[key] = value;
+		this.set('customSymbols', symbols);
+	}
+
+	getPieceSymbolsAsText() {
+		if (this.state.pieceSymbols === 'custom') {
+			let symbols = this.state.customSymbols;
+			return `{{ K:'${symbols.K}', Q:'${symbols.Q}', R:'${symbols.R}', B:'${symbols.B}', N:'${symbols.N}', P:'${symbols.P}' }}`;
+		}
+		else {
+			return `"${this.state.pieceSymbols}"`;
+		}
+	}
+
+	setDiagramOption(key, value) {
+		let diagramOptions = {...this.state.diagramOptions};
+		diagramOptions[key] = value;
+		this.set('diagramOptions', diagramOptions);
+	}
+
+	getDiagramAttributesAsText() {
+		let attributes = [];
+		if (this.state.diagramOptions.flipped) {
+			attributes.push('flipped:true');
+		}
+		attributes.push(`squareSize:${this.state.diagramOptions.squareSize}`);
+		attributes.push(`coordinateVisible:${this.state.diagramOptions.coordinateVisible}`);
+		attributes.push(`colorset:'${this.state.diagramOptions.colorset}'`);
+		attributes.push(`pieceset:'${this.state.diagramOptions.pieceset}'`);
+		return attributes.join(', ');
+	}
+}

package/doc_src/demo/PageMovetextInteraction.js

@@ -0,0 +1,159 @@
+/******************************************************************************
+ *                                                                            *
+ *    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 { Chessboard, Movetext } from '../../src/index';
+import { buildComponentDemoCode } from './util';
+
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Paper from '@mui/material/Paper';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+
+import './demo.css';
+import game1 from './game-1.pgn';
+import game2 from './game-2.pgn';
+
+
+export default class Page extends React.Component {
+
+	constructor(props) {
+		super(props);
+		this.state = {
+			pgn: game1,
+			selection: '28b',
+			interactionMode: 'selectMove',
+			withPopup: true,
+			withMove: false,
+		};
+	}
+
+	render() {
+		return (
+			<Stack spacing={2} mt={2}>
+				{this.renderControls()}
+				{this.renderMovetext()}
+				{this.renderCode()}
+				{this.renderNavigationBoard()}
+			</Stack>
+		);
+	}
+
+	renderControls() {
+		return (<>
+			<Stack direction="row" spacing={2} alignItems="center">
+				<ButtonGroup color="primary" size="small">
+					<Button onClick={() => this.set('pgn', game1, 'selection', '28b')}>Game 1</Button>
+					<Button onClick={() => this.set('pgn', game2, 'selection', '15b')}>Game 2</Button>
+				</ButtonGroup>
+			</Stack>
+			<Box>
+				<Typography gutterBottom>Interaction mode</Typography>
+				<RadioGroup value={this.state.interactionMode} onChange={evt => this.set('interactionMode', evt.target.value)}>
+					<FormControlLabel value="" control={<Radio color="primary" />} label="None" />
+					<FormControlLabel value="selectMove" control={<Radio color="primary" />} label="Select moves" />
+				</RadioGroup>
+			</Box>
+		</>);
+	}
+
+	renderMovetext() {
+		return (
+			<Box>
+				<Movetext
+					game={this.state.pgn}
+					selection={this.state.selection}
+					pieceSymbols="figurines"
+					diagramVisible={false}
+					interactionMode={this.state.interactionMode}
+					onMoveSelected={(nodeId, evtOrigin) => this.handleMoveSelected(nodeId, evtOrigin)}
+				/>
+			</Box>
+		);
+	}
+
+	renderCode() {
+		let attributes = [];
+		attributes.push('game={pgn}');
+		attributes.push('pieceSymbols="figurines"');
+		attributes.push('diagramVisible={false}');
+		attributes.push(`selection="${this.state.selection}"`);
+		switch(this.state.interactionMode) {
+			case 'selectMove':
+				attributes.push('interactionMode="selectMove"');
+				attributes.push('onMoveSelected={nodeId => handleMoveSelected(nodeId)}');
+				break;
+			default:
+				break;
+		}
+		let pgnDeclaration = 'const pgn = `\n' + this.state.pgn.trim() + '`;\n\n';
+		return <pre className="kokopu-demoCode">{pgnDeclaration + buildComponentDemoCode('Movetext', attributes)}</pre>;
+	}
+
+	renderNavigationBoard() {
+		let button = <Button size="small" onClick={() => this.handlePopupToggled()}>{this.state.withPopup ? 'Reduce' : 'Open'}</Button>;
+		let { position, move, csl, cal } = this.getCurrentPositionAndAnnotations();
+		let content = this.state.withPopup ? <Stack><Chessboard position={position} move={move} squareMarkers={csl} arrowMarkers={cal} animated={true} />{button}</Stack> : button;
+		return <Paper className="kokopu-fixedPopup" elevation={3}>{content}</Paper>;
+	}
+
+	handleMoveSelected(nodeId, evtOrigin) {
+		if (nodeId) {
+			this.set('selection', nodeId, 'withMove', evtOrigin === 'key-next');
+		}
+	}
+
+	handlePopupToggled() {
+		this.set('withPopup', !this.state.withPopup);
+	}
+
+	set(attributeName, newValue, attributeName2, newValue2) {
+		let newState = {};
+		newState[attributeName] = newValue;
+		if (attributeName2) {
+			newState[attributeName2] = newValue2;
+		}
+		this.setState(newState);
+	}
+
+	getCurrentPositionAndAnnotations() {
+		let game = kokopu.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') };
+		}
+		else {
+			let node = game.findById(this.state.selection);
+			let result = this.state.withMove ? { position: node.positionBefore(), move: node.notation() } : { position: node.position() };
+			result.csl = node.tag('csl');
+			result.cal = node.tag('cal');
+			return result;
+		}
+	}
+}

package/doc_src/demo/demo.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      *
@@ -32,3 +32,10 @@
 .MuiToggleButton-root.kokopu-fixTextTransform {
 	text-transform: none;
 }
+
+.kokopu-fixedPopup {
+	position: fixed;
+	bottom: 20px;
+	right: 20px;
+	padding: 10px;
+}

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      *

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      *

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      *