kokopu-react 3.3.5 → 3.4.1

package/test/graphic_test_app/06_chessboard_animation/base_1.tsx

@@ -29,10 +29,10 @@ import { Chessboard } from '../../../dist/lib/index';
 window['__kokopu_debug_freeze_motion'] = 0.09;
 
 testApp([ /* eslint-disable react/jsx-key */
-    <Chessboard move="e4" animated={true} />,
-    <Chessboard move="Nf3" animated={true} moveArrowVisible={false} />,
-    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated={true} flipped turnVisible={false} />,
-    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated={true} />,
-    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated={true} />,
-    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated={true} turnVisible={false} />,
+    <Chessboard move="e4" animated />,
+    <Chessboard move="Nf3" animated moveArrowVisible={false} />,
+    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated flipped turnVisible={false} />,
+    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated />,
+    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated />,
+    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated turnVisible={false} />,
 ]); /* eslint-enable react/jsx-key */

package/test/graphic_test_app/06_chessboard_animation/base_2.tsx

@@ -29,10 +29,10 @@ import { Chessboard } from '../../../dist/lib/index';
 window['__kokopu_debug_freeze_motion'] = 0.7;
 
 testApp([ /* eslint-disable react/jsx-key */
-    <Chessboard move="e4" animated={true} />,
-    <Chessboard move="Nf3" animated={true} moveArrowVisible={false} />,
-    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated={true} flipped turnVisible={false} />,
-    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated={true} />,
-    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated={true} />,
-    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated={true} turnVisible={false} />,
+    <Chessboard move="e4" animated />,
+    <Chessboard move="Nf3" animated moveArrowVisible={false} />,
+    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated flipped turnVisible={false} />,
+    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated />,
+    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated />,
+    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated turnVisible={false} />,
 ]); /* eslint-enable react/jsx-key */

package/test/graphic_test_app/06_chessboard_animation/base_3.tsx

@@ -29,10 +29,10 @@ import { Chessboard } from '../../../dist/lib/index';
 window['__kokopu_debug_freeze_motion'] = 0.91;
 
 testApp([ /* eslint-disable react/jsx-key */
-    <Chessboard move="e4" animated={true} />,
-    <Chessboard move="Nf3" animated={true} moveArrowVisible={false} />,
-    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated={true} flipped turnVisible={false} />,
-    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated={true} />,
-    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated={true} />,
-    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated={true} turnVisible={false} />,
+    <Chessboard move="e4" animated />,
+    <Chessboard move="Nf3" animated moveArrowVisible={false} />,
+    <Chessboard position="r1bqkbnr/pppppppp/n7/8/4P3/8/PPPP1PPP/RNBQKBNR w KQkq - 1 2" move="Bxa6" animated flipped turnVisible={false} />,
+    <Chessboard position="r3k2r/pppppppp/8/8/8/8/PPPPPPPP/R3K2R b KQkq - 0 1" move="O-O-O" animated />,
+    <Chessboard position="rnbqkbnr/ppp1p1pp/8/3pPp2/8/8/PPPP1PPP/RNBQKBNR w KQkq f6 0 3" move="exf6" animated />,
+    <Chessboard position="8/8/8/1K6/8/4k3/1p6/8 b - - 0 1" move="b1=R+" animated turnVisible={false} />,
 ]); /* eslint-enable react/jsx-key */

package/test/graphic_test_app/06_chessboard_animation/on_redraw.tsx

@@ -34,15 +34,16 @@ function TestComponent() {
 
     function onClick() {
         window['__kokopu_debug_freeze_motion'] = 0.6;
+        window['__kokopu_debug_sound'] = '';
         setClicked(true);
     }
 
     return (
         <>
             <div>
-                <Chessboard position={position} move={move} animated={true} />
+                <Chessboard position={position} move={move} animated sound />
             </div>
-            {clicked ? undefined : <button id="chessboard-action-button" onClick={onClick}>Click here</button>}
+            {clicked ? undefined : <button id="chessboard-actionButton" onClick={onClick}>Click here</button>}
         </>
     );
 }

package/test/graphic_test_app/06_chessboard_animation/sound.tsx

@@ -0,0 +1,52 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2026  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React 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.                     *
+ *                                                                            *
+ *    Kokopu-React 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 * as React from 'react';
+import { testApp } from '../common/test_app';
+import { Chessboard } from '../../../dist/lib/index';
+
+
+/**
+ * REMARK: do NOT display the chessboards by default, because:
+ * - we want to know which one plays the sound,
+ * - there could be some issues with the auto-play policies of browsers.
+ */
+function TestComponent({ move }: { move?: string }) {
+
+    const [ clicked, setClicked ] = React.useState(false);
+
+    function onClick() {
+        window['__kokopu_debug_sound'] = '';
+        setClicked(true);
+    }
+
+    const id = `chessboard-actionButton-${move === undefined ? 'noMove' : 'withMove'}`;
+    return clicked ? <Chessboard move={move} sound /> : <button id={id} onClick={onClick}>Click here</button>;
+}
+
+
+testApp([ /* eslint-disable react/jsx-key */
+    <TestComponent />,
+    <TestComponent move="e4" />,
+]); /* eslint-enable react/jsx-key */

package/test/graphic_test_app/14_navigation_board_autoplay/controlled.tsx

@@ -85,5 +85,5 @@ testApp([ /* eslint-disable react/jsx-key */
         }}
     />,
     <NavigationBoardWithIsPlayingController />,
-    <NavigationBoard game={pgn} playButtonVisible initialNodeId="20b" isPlaying={true} />,
+    <NavigationBoard game={pgn} playButtonVisible initialNodeId="20b" isPlaying />,
 ]); /* eslint-enable react/jsx-key */

package/test/graphic_test_app/common/test_app.tsx

@@ -28,12 +28,13 @@ import { createRoot } from 'react-dom/client';
 import './test_app.css';
 
 
-// This global variable allows to freeze animations in an intermediate stage.
+// These global variables are used for testing purposes.
+/* eslint-disable camelcase */
 declare global {
-    interface Window {
-        __kokopu_debug_freeze_motion: number,
-    }
+    var __kokopu_debug_freeze_motion: number;
+    var __kokopu_debug_sound: string;
 }
+/* eslint-enable */
 
 
 interface TestItemContainerProps {