kokopu-react 3.3.2 → 3.3.4

package/CHANGELOG.md

@@ -1,6 +1,14 @@
 ChangeLog
 =========
 
+3.3.4 (October 19, 2025)
+-------------------------
+* Automated deployment using GitHub Actions.
+
+3.3.3 (June 22, 2025)
+---------------------
+* Minor fixes in dependencies.
+
 3.3.2 (January 1, 2025)
 -----------------------
 * Add support for React 19.

package/README.md

@@ -8,8 +8,9 @@ Kokopu-React is built on top of [Kokopu](https://www.npmjs.com/package/kokopu),
 implements all the chess logic (game rules, parsing of [FEN](https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation)
 and [PGN](https://en.wikipedia.org/wiki/Portable_Game_Notation) formats...).
 
-https://www.npmjs.com/package/kokopu-react
-
+[![NPM Version](https://img.shields.io/npm/v/kokopu-react)](https://www.npmjs.com/package/kokopu-react)
+[![NPM Last Update](https://img.shields.io/npm/last-update/kokopu-react)](https://github.com/yo35/kokopu-react/actions/workflows/publish.yml)
+[![NPM Downloads](https://img.shields.io/npm/dw/kokopu-react)](https://www.npmjs.com/package/kokopu-react)
 [![Build Status](https://github.com/yo35/kokopu-react/actions/workflows/main.yml/badge.svg)](https://github.com/yo35/kokopu-react/actions/workflows/main.yml)
 [![Coverage Status](https://coveralls.io/repos/github/yo35/kokopu-react/badge.svg?branch=master)](https://coveralls.io/github/yo35/kokopu-react?branch=master)
 
@@ -22,6 +23,18 @@ https://kokopu-react.yo35.org/
 
 
 
+Installation
+------------
+
+```
+npm install kokopu-react
+```
+
+If you use [Webpack](https://webpack.js.org/), please look at [webpack configuration](https://kokopu-react.yo35.org/docs/current/#/Webpack%20configuration)
+to get more information on how to configure it to handle Kokopu-React properly.
+
+
+
 Example
 -------
 

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/doc_src/home.md

@@ -15,7 +15,7 @@ npm install kokopu-react
 ```
 
 If you use [Webpack](https://webpack.js.org/), please look at [webpack configuration](#/Webpack%20configuration)
-to get more information on how to configure it to handle Kokopu-React propertly.
+to get more information on how to configure it to handle Kokopu-React properly.
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "kokopu-react",
-    "version": "3.3.2",
+    "version": "3.3.4",
     "description": "A React-based library to create and display chessboard and chess-related components.",
     "keywords": [
         "chess",
@@ -43,48 +43,51 @@
         "htmlparser2": "^9.1.0"
     },
     "devDependencies": {
-        "@babel/preset-env": "^7.26.0",
-        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-env": "^7.28.3",
+        "@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",
+        "@emotion/styled": "^11.14.1",
+        "@eslint/js": "^9.38.0",
+        "@mui/material": "^7.3.4",
+        "@stylistic/eslint-plugin": "^5.5.0",
+        "@types/react": "^19.2.2",
+        "@types/react-dom": "^19.2.2",
+        "babel-loader": "^10.0.0",
+        "copy-webpack-plugin": "^13.0.1",
         "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",
-        "html-webpack-plugin": "^5.6.3",
+        "eslint": "^9.38.0",
+        "eslint-plugin-react": "^7.37.5",
+        "globals": "^16.4.0",
+        "html-webpack-plugin": "^5.6.4",
         "img-diff-js": "^0.5.4",
-        "kokopu": "^4.11.3",
-        "mocha": "^11.0.1",
+        "kokopu": "^4.12.2",
+        "mocha": "^11.7.4",
         "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.2.0",
+        "react-docgen-typescript": "~2.2.2",
+        "react-dom": "^19.2.0",
+        "react-styleguidist": "^13.1.4",
         "rimraf": "^6.0.1",
-        "selenium-webdriver": "^4.27.0",
-        "ssh2-sftp-client": "^11.0.0",
+        "selenium-webdriver": "^4.37.0",
+        "ssh2-sftp-client": "^12.0.1",
         "style-loader": "^4.0.0",
-        "ts-loader": "^9.5.1",
-        "typescript": "^5.7.2",
-        "typescript-eslint": "^8.19.0",
+        "ts-loader": "^9.5.4",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.46.1",
         "unit.js": "^2.1.1",
-        "webpack": "^5.97.1",
+        "webpack": "^5.102.1",
         "webpack-cli": "^6.0.1"
     },
     "scripts": {
         "lint": "eslint doc_src src test",
-        "preunit": "npm run build:lib && webpack --config scripts/test-headless.webpack.config.js && webpack --config scripts/test-graphic.webpack.config.js && rimraf build/graphic_output",
-        "unit": "nyc mocha --enable-source-maps --bail --sort",
+        "preunit": "npm run build:lib",
+        "unit": "npm run unit:prepare_headless && npm run unit:prepare_graphic && npm run unit:run",
+        "unit:prepare_headless": "webpack --config scripts/test-headless.webpack.config.js",
+        "unit:prepare_graphic": "webpack --config scripts/test-graphic.webpack.config.js && rimraf build/graphic_output",
+        "unit:run": "nyc mocha --enable-source-maps --bail --sort",
         "test": "npm run lint && npm run unit",
         "test_env:start": "docker compose -p kokopu-react-test-env -f scripts/docker-compose.yml up -d",
         "test_env:stop": "docker compose -p kokopu-react-test-env -f scripts/docker-compose.yml down",
@@ -92,8 +95,6 @@
         "build:doc": "rimraf dist/docs && styleguidist build --config scripts/doc.styleguide.config.js && copyfiles -u 2 'doc_src/theming/*.png' dist/docs",
         "build:lib": "rimraf dist/lib && tsc --outDir dist/lib && copyfiles -u 1 'src/**/*.{css,png,woff,woff2}' dist/lib",
         "start": "styleguidist server --open --config scripts/doc.styleguide.config.js",
-        "clean": "rimraf build dist",
-        "predeploy": "npm run test && npm run build",
-        "deploy": "npm publish && node scripts/deploy.js"
+        "clean": "rimraf build dist"
     }
 }

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.
 };