kokopu-react 1.9.0 → 1.9.1

package/dist/lib/impl/piecesets.js

@@ -4,173 +4,89 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _cburnettBb = _interopRequireDefault(require("../sprites/cburnett-bb.png"));
-
 var _cburnettBk = _interopRequireDefault(require("../sprites/cburnett-bk.png"));
-
 var _cburnettBn = _interopRequireDefault(require("../sprites/cburnett-bn.png"));
-
 var _cburnettBp = _interopRequireDefault(require("../sprites/cburnett-bp.png"));
-
 var _cburnettBq = _interopRequireDefault(require("../sprites/cburnett-bq.png"));
-
 var _cburnettBr = _interopRequireDefault(require("../sprites/cburnett-br.png"));
-
 var _cburnettWb = _interopRequireDefault(require("../sprites/cburnett-wb.png"));
-
 var _cburnettWk = _interopRequireDefault(require("../sprites/cburnett-wk.png"));
-
 var _cburnettWn = _interopRequireDefault(require("../sprites/cburnett-wn.png"));
-
 var _cburnettWp = _interopRequireDefault(require("../sprites/cburnett-wp.png"));
-
 var _cburnettWq = _interopRequireDefault(require("../sprites/cburnett-wq.png"));
-
 var _cburnettWr = _interopRequireDefault(require("../sprites/cburnett-wr.png"));
-
 var _cburnettBx = _interopRequireDefault(require("../sprites/cburnett-bx.png"));
-
 var _cburnettWx = _interopRequireDefault(require("../sprites/cburnett-wx.png"));
-
 var _celticBb = _interopRequireDefault(require("../sprites/celtic-bb.png"));
-
 var _celticBk = _interopRequireDefault(require("../sprites/celtic-bk.png"));
-
 var _celticBn = _interopRequireDefault(require("../sprites/celtic-bn.png"));
-
 var _celticBp = _interopRequireDefault(require("../sprites/celtic-bp.png"));
-
 var _celticBq = _interopRequireDefault(require("../sprites/celtic-bq.png"));
-
 var _celticBr = _interopRequireDefault(require("../sprites/celtic-br.png"));
-
 var _celticWb = _interopRequireDefault(require("../sprites/celtic-wb.png"));
-
 var _celticWk = _interopRequireDefault(require("../sprites/celtic-wk.png"));
-
 var _celticWn = _interopRequireDefault(require("../sprites/celtic-wn.png"));
-
 var _celticWp = _interopRequireDefault(require("../sprites/celtic-wp.png"));
-
 var _celticWq = _interopRequireDefault(require("../sprites/celtic-wq.png"));
-
 var _celticWr = _interopRequireDefault(require("../sprites/celtic-wr.png"));
-
 var _eyesBb = _interopRequireDefault(require("../sprites/eyes-bb.png"));
-
 var _eyesBk = _interopRequireDefault(require("../sprites/eyes-bk.png"));
-
 var _eyesBn = _interopRequireDefault(require("../sprites/eyes-bn.png"));
-
 var _eyesBp = _interopRequireDefault(require("../sprites/eyes-bp.png"));
-
 var _eyesBq = _interopRequireDefault(require("../sprites/eyes-bq.png"));
-
 var _eyesBr = _interopRequireDefault(require("../sprites/eyes-br.png"));
-
 var _eyesWb = _interopRequireDefault(require("../sprites/eyes-wb.png"));
-
 var _eyesWk = _interopRequireDefault(require("../sprites/eyes-wk.png"));
-
 var _eyesWn = _interopRequireDefault(require("../sprites/eyes-wn.png"));
-
 var _eyesWp = _interopRequireDefault(require("../sprites/eyes-wp.png"));
-
 var _eyesWq = _interopRequireDefault(require("../sprites/eyes-wq.png"));
-
 var _eyesWr = _interopRequireDefault(require("../sprites/eyes-wr.png"));
-
 var _fantasyBb = _interopRequireDefault(require("../sprites/fantasy-bb.png"));
-
 var _fantasyBk = _interopRequireDefault(require("../sprites/fantasy-bk.png"));
-
 var _fantasyBn = _interopRequireDefault(require("../sprites/fantasy-bn.png"));
-
 var _fantasyBp = _interopRequireDefault(require("../sprites/fantasy-bp.png"));
-
 var _fantasyBq = _interopRequireDefault(require("../sprites/fantasy-bq.png"));
-
 var _fantasyBr = _interopRequireDefault(require("../sprites/fantasy-br.png"));
-
 var _fantasyWb = _interopRequireDefault(require("../sprites/fantasy-wb.png"));
-
 var _fantasyWk = _interopRequireDefault(require("../sprites/fantasy-wk.png"));
-
 var _fantasyWn = _interopRequireDefault(require("../sprites/fantasy-wn.png"));
-
 var _fantasyWp = _interopRequireDefault(require("../sprites/fantasy-wp.png"));
-
 var _fantasyWq = _interopRequireDefault(require("../sprites/fantasy-wq.png"));
-
 var _fantasyWr = _interopRequireDefault(require("../sprites/fantasy-wr.png"));
-
 var _skullsBb = _interopRequireDefault(require("../sprites/skulls-bb.png"));
-
 var _skullsBk = _interopRequireDefault(require("../sprites/skulls-bk.png"));
-
 var _skullsBn = _interopRequireDefault(require("../sprites/skulls-bn.png"));
-
 var _skullsBp = _interopRequireDefault(require("../sprites/skulls-bp.png"));
-
 var _skullsBq = _interopRequireDefault(require("../sprites/skulls-bq.png"));
-
 var _skullsBr = _interopRequireDefault(require("../sprites/skulls-br.png"));
-
 var _skullsWb = _interopRequireDefault(require("../sprites/skulls-wb.png"));
-
 var _skullsWk = _interopRequireDefault(require("../sprites/skulls-wk.png"));
-
 var _skullsWn = _interopRequireDefault(require("../sprites/skulls-wn.png"));
-
 var _skullsWp = _interopRequireDefault(require("../sprites/skulls-wp.png"));
-
 var _skullsWq = _interopRequireDefault(require("../sprites/skulls-wq.png"));
-
 var _skullsWr = _interopRequireDefault(require("../sprites/skulls-wr.png"));
-
 var _spatialBb = _interopRequireDefault(require("../sprites/spatial-bb.png"));
-
 var _spatialBk = _interopRequireDefault(require("../sprites/spatial-bk.png"));
-
 var _spatialBn = _interopRequireDefault(require("../sprites/spatial-bn.png"));
-
 var _spatialBp = _interopRequireDefault(require("../sprites/spatial-bp.png"));
-
 var _spatialBq = _interopRequireDefault(require("../sprites/spatial-bq.png"));
-
 var _spatialBr = _interopRequireDefault(require("../sprites/spatial-br.png"));
-
 var _spatialWb = _interopRequireDefault(require("../sprites/spatial-wb.png"));
-
 var _spatialWk = _interopRequireDefault(require("../sprites/spatial-wk.png"));
-
 var _spatialWn = _interopRequireDefault(require("../sprites/spatial-wn.png"));
-
 var _spatialWp = _interopRequireDefault(require("../sprites/spatial-wp.png"));
-
 var _spatialWq = _interopRequireDefault(require("../sprites/spatial-wq.png"));
-
 var _spatialWr = _interopRequireDefault(require("../sprites/spatial-wr.png"));
-
 var _celticBx = _interopRequireDefault(require("../sprites/celtic-bx.png"));
-
 var _celticWx = _interopRequireDefault(require("../sprites/celtic-wx.png"));
-
 var _eyesSpatialBx = _interopRequireDefault(require("../sprites/eyes-spatial-bx.png"));
-
 var _eyesSpatialWx = _interopRequireDefault(require("../sprites/eyes-spatial-wx.png"));
-
 var _fantasyBx = _interopRequireDefault(require("../sprites/fantasy-bx.png"));
-
 var _fantasyWx = _interopRequireDefault(require("../sprites/fantasy-wx.png"));
-
 var _skullsBx = _interopRequireDefault(require("../sprites/skulls-bx.png"));
-
 var _skullsWx = _interopRequireDefault(require("../sprites/skulls-wx.png"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
@@ -191,15 +107,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
  ******************************************************************************/
-
 /* eslint-disable camelcase */
-
 /*
  * Source: https://commons.wikimedia.org/wiki/Category:SVG_chess_pieces
  * Authors: Cburnett <https://en.wikipedia.org/wiki/User:Cburnett>, Antonsusi <https://commons.wikimedia.org/wiki/User:Antonsusi>
  * License: Creative Commons Attribution ShareAlike [CC-BY-SA]
  */
-
 /*
  * Source: http://poisson.phc.unipi.it/~monge/chess_art.php
  * Author: Maurizio Monge <http://poisson.phc.unipi.it/~monge/>

package/dist/lib/impl/util.js

@@ -11,7 +11,6 @@ exports.isValidSquare = isValidSquare;
 exports.isValidSymbol = isValidSymbol;
 exports.isValidVector = isValidVector;
 exports.sanitizeInteger = sanitizeInteger;
-
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
@@ -32,50 +31,41 @@ exports.sanitizeInteger = sanitizeInteger;
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
  ******************************************************************************/
+
 var MIN_SQUARE_SIZE = 12;
 exports.MIN_SQUARE_SIZE = MIN_SQUARE_SIZE;
 var MAX_SQUARE_SIZE = 96;
 exports.MAX_SQUARE_SIZE = MAX_SQUARE_SIZE;
-
 function generateRandomId() {
   var buffer = new Uint32Array(8);
   crypto.getRandomValues(buffer);
   var result = '';
-
   for (var i = 0; i < buffer.length; ++i) {
     result += buffer[i].toString(16);
   }
-
   return result;
 }
-
 function fillPlaceholder(message) {
   for (var _len = arguments.length, placeholderValues = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     placeholderValues[_key - 1] = arguments[_key];
   }
-
   return message.replace(/{(\d+)}/g, function (match, placeholder) {
     var placeholderIndex = Number(placeholder);
     return placeholderIndex < placeholderValues.length ? placeholderValues[placeholderIndex] : match;
   });
 }
-
 function sanitizeInteger(input, min, max) {
   return Math.min(Math.max(Math.round(input), min), max);
 }
-
 function isValidSquare(sq) {
   return /^[a-h][1-8]$/.test(sq);
 }
-
 function isValidVector(vect) {
   return /^[a-h][1-8][a-h][1-8]$/.test(vect);
 }
-
 function isValidColor(color) {
   return color === 'b' || color === 'g' || color === 'r' || color === 'y';
 }
-
 function isValidSymbol(symbol) {
   return /^(?:[A-Za-z0-9]|plus|times|dot|circle)$/.test(symbol);
 }

package/dist/lib/index.js

@@ -93,23 +93,13 @@ Object.defineProperty(exports, "parseTextMarkers", {
     return _markers.parseTextMarkers;
   }
 });
-
 var _markers = require("./markers");
-
 var _formatmove = require("./formatmove");
-
 var _i18n = _interopRequireDefault(require("./i18n"));
-
 var _Chessboard = _interopRequireDefault(require("./Chessboard"));
-
 var _ErrorBox = _interopRequireDefault(require("./ErrorBox"));
-
 var _Movetext = _interopRequireDefault(require("./Movetext"));
-
 var _SquareMarkerIcon = _interopRequireDefault(require("./SquareMarkerIcon"));
-
 var _TextMarkerIcon = _interopRequireDefault(require("./TextMarkerIcon"));
-
 var _ArrowMarkerIcon = _interopRequireDefault(require("./ArrowMarkerIcon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/lib/markers.js

@@ -9,21 +9,13 @@ exports.flattenTextMarkers = flattenTextMarkers;
 exports.parseArrowMarkers = parseArrowMarkers;
 exports.parseSquareMarkers = parseSquareMarkers;
 exports.parseTextMarkers = parseTextMarkers;
-
 var _util = require("./impl/util");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * Transform a set of square markers defined as a "square -> color" struct into a comma-separated string.
  *
@@ -33,71 +25,62 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function flattenSquareMarkers(markers) {
   return Object.entries(markers).filter(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        sq = _ref2[0],
-        color = _ref2[1];
-
+      sq = _ref2[0],
+      color = _ref2[1];
     return (0, _util.isValidSquare)(sq) && (0, _util.isValidColor)(color);
   }).sort(function (a, b) {
     return a[0].localeCompare(b[0]);
   }).map(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
-        sq = _ref4[0],
-        color = _ref4[1];
-
+      sq = _ref4[0],
+      color = _ref4[1];
     return color.toUpperCase() + sq;
   }).join(',');
 }
+
 /**
  * Transform a set of text markers defined as a "square -> (symbol, color)" struct into a comma-separated string.
  *
  * @param {object} markers For example: `{ e4: { symbol: 'A', color: 'g' }, d5: { symbol: 'z', color: 'r' }, h3: { symbol: 'plus', color: 'y' } }`
  * @returns {string} For example: `'Rzd5,GAe4,Y(plus)h3'`
  */
-
-
 function flattenTextMarkers(markers) {
   return Object.entries(markers).filter(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
-        sq = _ref6[0],
-        desc = _ref6[1];
-
+      sq = _ref6[0],
+      desc = _ref6[1];
     return (0, _util.isValidSquare)(sq) && desc && (0, _util.isValidColor)(desc.color) && (0, _util.isValidSymbol)(desc.symbol);
   }).sort(function (a, b) {
     return a[0].localeCompare(b[0]);
   }).map(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 2),
-        sq = _ref8[0],
-        desc = _ref8[1];
-
+      sq = _ref8[0],
+      desc = _ref8[1];
     return desc.color.toUpperCase() + (desc.symbol.length === 1 ? desc.symbol : '(' + desc.symbol + ')') + sq;
   }).join(',');
 }
+
 /**
  * Transform a set of arrow markers defined as a "squareFromSquareTo -> color" struct into a comma-separated string.
  *
  * @param {object} markers For example: `{ e2e4: 'g', g8f6: 'r', g8h6: 'b' }`
  * @returns {string} For example: `'Ge2e4,Rg8f6,Bg8h6'`
  */
-
-
 function flattenArrowMarkers(markers) {
   return Object.entries(markers).filter(function (_ref9) {
     var _ref10 = _slicedToArray(_ref9, 2),
-        vect = _ref10[0],
-        color = _ref10[1];
-
+      vect = _ref10[0],
+      color = _ref10[1];
     return (0, _util.isValidVector)(vect) && (0, _util.isValidColor)(color);
   }).sort(function (a, b) {
     return a[0].localeCompare(b[0]);
   }).map(function (_ref11) {
     var _ref12 = _slicedToArray(_ref11, 2),
-        vect = _ref12[0],
-        color = _ref12[1];
-
+      vect = _ref12[0],
+      color = _ref12[1];
     return color.toUpperCase() + vect;
   }).join(',');
 }
-
 function parseMarkers(markers, tokenParser) {
   var result = {};
   markers.split(',').map(function (token) {
@@ -106,19 +89,18 @@ function parseMarkers(markers, tokenParser) {
     return marker;
   }).forEach(function (_ref13) {
     var key = _ref13.key,
-        value = _ref13.value;
+      value = _ref13.value;
     result[key] = value;
   });
   return result;
 }
+
 /**
  * Parse a set of square markers defined as a comma-separated string into a "square -> color" struct.
  *
  * @param {string} markers For example: `'Gd5,Ge4'`
  * @returns {object} For example: `{ e4: 'g', d5: 'r' }`
  */
-
-
 function parseSquareMarkers(markers) {
   return parseMarkers(markers, function (token) {
     return /^([BGRY])([a-h][1-8])$/.test(token) ? {
@@ -127,14 +109,13 @@ function parseSquareMarkers(markers) {
     } : undefined;
   });
 }
+
 /**
  * Parse a set of text markers defined as a comma-separated string into a "square -> (symbol, color)" struct.
  *
  * @param {string} markers For example: `'Rzd5,GAe4,Y(plus)h3'`
  * @returns {object} For example: `{ e4: { symbol: 'A', color: 'g' }, d5: { symbol: 'z', color: 'r' }, h3: { symbol: 'plus', color: 'y' } }`
  */
-
-
 function parseTextMarkers(markers) {
   return parseMarkers(markers, function (token) {
     return /^([BGRY])(?:([A-Za-z0-9])|\((plus|times|dot|circle)\))([a-h][1-8])$/.test(token) ? {
@@ -146,14 +127,13 @@ function parseTextMarkers(markers) {
     } : undefined;
   });
 }
+
 /**
  * Parse a set of arrow markers defined as a comma-separated string into a "squareFromSquareTo -> color" struct.
  *
  * @param {string} markers For example: `'Ge2e4,Rg8f6,Bg8h6'`
  * @returns {object} For example: `{ e2e4: 'g', g8f6: 'r', g8h6: 'b' }`
  */
-
-
 function parseArrowMarkers(markers) {
   return parseMarkers(markers, function (token) {
     return /^([BGRY])([a-h][1-8][a-h][1-8])$/.test(token) ? {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "kokopu-react",
-	"version": "1.9.0",
+	"version": "1.9.1",
 	"description": "A React-based library to create and display chessboard and chess-related components.",
 	"keywords": [
 		"chess",
@@ -39,35 +39,35 @@
 		"react-draggable": "^4.4.5"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.18.10",
-		"@babel/core": "^7.19.0",
-		"@babel/preset-env": "^7.19.0",
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.20.2",
+		"@babel/preset-env": "^7.20.2",
 		"@babel/preset-react": "^7.18.6",
-		"@emotion/react": "^11.10.0",
-		"@emotion/styled": "^11.10.0",
-		"@mui/material": "^5.10.2",
-		"babel-loader": "^8.2.5",
+		"@emotion/react": "^11.10.5",
+		"@emotion/styled": "^11.10.5",
+		"@mui/material": "^5.10.14",
+		"babel-loader": "^9.1.0",
 		"babel-plugin-istanbul": "^6.1.1",
 		"copy-webpack-plugin": "^11.0.0",
 		"coveralls": "^3.1.1",
-		"css-loader": "^6.7.1",
-		"eslint": "^8.22.0",
-		"eslint-plugin-react": "^7.31.7",
+		"css-loader": "^6.7.2",
+		"eslint": "^8.27.0",
+		"eslint-plugin-react": "^7.31.10",
 		"html-webpack-plugin": "^5.5.0",
 		"img-diff-js": "^0.5.2",
-		"kokopu": "^3.0.0",
-		"mocha": "^10.0.0",
+		"kokopu": "^3.3.0",
+		"mocha": "^10.1.0",
 		"null-loader": "^4.0.1",
 		"nyc": "^15.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-styleguidist": "^12.0.0",
-		"selenium-webdriver": "^4.3.1",
-		"ssh2-sftp-client": "^9.0.3",
+		"react-styleguidist": "^13.0.0",
+		"selenium-webdriver": "^4.6.1",
+		"ssh2-sftp-client": "^9.0.4",
 		"style-loader": "^3.3.1",
 		"unit.js": "^2.1.1",
-		"webpack": "^5.74.0",
-		"webpack-cli": "^4.10.0"
+		"webpack": "^5.75.0",
+		"webpack-cli": "^5.0.0"
 	},
 	"scripts": {
 		"lint": "eslint doc_src graphic_test_src src test",

package/scripts/docker-compose.yml

@@ -2,7 +2,7 @@ version: "3.7"
 
 services:
   web-client:
-    image: selenium/standalone-firefox:4.3.0-20220726
+    image: selenium/standalone-firefox:4.6.0-20221104
     shm_size: '2gb'
     ports:
       - 4444:4444 # http://localhost:4444 (driver)

package/src/css/movetext.css

@@ -115,3 +115,7 @@ div.kokopu-subVariation {
 	height: 0px;
 	overflow: hidden;
 }
+
+.kokopu-focusField {
+	position: absolute; /* see #1 */
+}