kokopu-react 3.3.2 → 3.3.3

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 ChangeLog
 =========
 
+3.3.3 (June 22, 2025)
+---------------------
+* Minor fixes in dependencies.
+
 3.3.2 (January 1, 2025)
 -----------------------
 * Add support for React 19.

package/doc_src/demo/PageNavigationBoardUncontrolledVsControlled.tsx

@@ -112,7 +112,7 @@ export default class Page extends React.Component<object, PageState> {
         return (
             <pre className="kokopu-demoCode">
                 {pgnDeclaration + '// Uncontrolled\n' + buildComponentDemoCode('NavigationBoard', uncontrolledAttributes)
-                + '\n\n// Controlled\n' + buildComponentDemoCode('NavigationBoard', controlledAttributes)}
+                    + '\n\n// Controlled\n' + buildComponentDemoCode('NavigationBoard', controlledAttributes)}
             </pre>
         );
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "kokopu-react",
-    "version": "3.3.2",
+    "version": "3.3.3",
     "description": "A React-based library to create and display chessboard and chess-related components.",
     "keywords": [
         "chess",
@@ -43,42 +43,42 @@
         "htmlparser2": "^9.1.0"
     },
     "devDependencies": {
-        "@babel/preset-env": "^7.26.0",
-        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-env": "^7.27.2",
+        "@babel/preset-react": "^7.27.1",
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
-        "@eslint/js": "^9.17.0",
-        "@mui/material": "^6.3.0",
-        "@stylistic/eslint-plugin": "^2.12.1",
-        "@types/react": "^19.0.2",
-        "@types/react-dom": "^19.0.2",
-        "babel-loader": "^9.2.1",
-        "copy-webpack-plugin": "^12.0.2",
+        "@eslint/js": "^9.29.0",
+        "@mui/material": "^7.1.2",
+        "@stylistic/eslint-plugin": "^4.4.1",
+        "@types/react": "^19.1.8",
+        "@types/react-dom": "^19.1.6",
+        "babel-loader": "^10.0.0",
+        "copy-webpack-plugin": "^13.0.0",
         "copyfiles": "^2.4.1",
         "coverage-istanbul-loader": "^3.0.5",
         "css-loader": "^7.1.2",
-        "eslint": "^9.17.0",
-        "eslint-plugin-react": "^7.37.3",
-        "globals": "^15.14.0",
+        "eslint": "^9.29.0",
+        "eslint-plugin-react": "^7.37.5",
+        "globals": "^16.2.0",
         "html-webpack-plugin": "^5.6.3",
         "img-diff-js": "^0.5.4",
-        "kokopu": "^4.11.3",
-        "mocha": "^11.0.1",
+        "kokopu": "^4.12.1",
+        "mocha": "^11.7.0",
         "null-loader": "^4.0.1",
         "nyc": "^17.1.0",
-        "react": "^19.0.0",
-        "react-docgen-typescript": "^2.2.2",
-        "react-dom": "^19.0.0",
-        "react-styleguidist": "^13.1.3",
+        "react": "^19.1.0",
+        "react-docgen-typescript": "~2.2.2",
+        "react-dom": "^19.1.0",
+        "react-styleguidist": "^13.1.4",
         "rimraf": "^6.0.1",
-        "selenium-webdriver": "^4.27.0",
-        "ssh2-sftp-client": "^11.0.0",
+        "selenium-webdriver": "^4.33.0",
+        "ssh2-sftp-client": "^12.0.0",
         "style-loader": "^4.0.0",
-        "ts-loader": "^9.5.1",
-        "typescript": "^5.7.2",
-        "typescript-eslint": "^8.19.0",
+        "ts-loader": "^9.5.2",
+        "typescript": "^5.8.3",
+        "typescript-eslint": "^8.34.1",
         "unit.js": "^2.1.1",
-        "webpack": "^5.97.1",
+        "webpack": "^5.99.9",
         "webpack-cli": "^6.0.1"
     },
     "scripts": {

package/scripts/docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   web-client:
-    image: selenium/standalone-firefox:4.25.0-20241024 # https://github.com/SeleniumHQ/docker-selenium to get the latest version
+    image: selenium/standalone-firefox:4.33.0-20250606 # https://github.com/SeleniumHQ/docker-selenium to get the latest version
     shm_size: '2gb'
     ports:
       - 4444:4444 # http://localhost:4444/ (driver)

package/test/common/graphic.js

@@ -42,6 +42,7 @@ const UNREACHABLE_TEST_CLIENT_MESSAGE =
 
 const ANIMATION_DELAY = 200;
 const AUTOPLAY_DELAY = 1000;
+const WINDOW_WIDTH_CHANGE_DELAY = 50;
 
 
 /**
@@ -144,11 +145,19 @@ async function fetchTestCase(browserContext, testCaseName) {
 }
 
 
+/**
+ * Wait for a given delay (to be specified in ms).
+ */
+async function waitForDelay(delay) {
+    await new Promise(resolve => setTimeout(resolve, delay));
+}
+
+
 /**
  * Wait until the end of the chessboard animations.
  */
 const waitForAnimation = exports.waitForAnimation = async function () {
-    await new Promise(resolve => setTimeout(resolve, ANIMATION_DELAY));
+    await waitForDelay(ANIMATION_DELAY);
 };
 
 
@@ -156,7 +165,7 @@ const waitForAnimation = exports.waitForAnimation = async function () {
  * Wait until the given number of moves have been auto-played.
  */
 exports.waitForAutoplay = async function (nbMoves) {
-    await new Promise(resolve => setTimeout(resolve, (nbMoves + 0.5) * AUTOPLAY_DELAY));
+    await waitForDelay((nbMoves + 0.5) * AUTOPLAY_DELAY);
 };
 
 
@@ -221,6 +230,7 @@ exports.setSandbox = async function (browserContext, value) {
 exports.setWindowWidth = async function (browserContext, width) {
     const { height } = await await browserContext.driver.manage().window().getRect();
     await browserContext.driver.manage().window().setRect({ width: width, height: height });
+    await waitForDelay(WINDOW_WIDTH_CHANGE_DELAY); // Empirical delay: without it, selenium may not take the width change into account.
 };