kokopu-react 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 ChangeLog
 =========
 
+1.5.0 (April 27, 2022)
+----------------------
+* Add component `Movetext` to display chess games.
+
 1.4.1 (January 1, 2022)
 -----------------------
 * Upgrade dependencies.

package/README.md

@@ -10,7 +10,7 @@ and [PGN](https://en.wikipedia.org/wiki/Portable_Game_Notation) formats...).
 
 https://www.npmjs.com/package/kokopu-react
 
-[![Build Status](https://travis-ci.com/yo35/kokopu-react.svg?branch=master)](https://travis-ci.com/yo35/kokopu-react)
+[![Build Status](https://app.travis-ci.com/yo35/kokopu-react.svg?branch=master)](https://app.travis-ci.com/yo35/kokopu-react)
 [![Coverage Status](https://coveralls.io/repos/github/yo35/kokopu-react/badge.svg?branch=master)](https://coveralls.io/github/yo35/kokopu-react?branch=master)
 
 

package/dist/lib/Chessboard.js

@@ -35,8 +35,6 @@ require("./css/chessboard.css");
 
 require("./css/arrow.css");
 
-require("./css/label.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -695,7 +693,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
       var label = RANK_LABELS[rank];
       return /*#__PURE__*/_react["default"].createElement("text", {
         key: 'rank-' + label,
-        className: "kokopu-coordinate kokopu-label",
+        className: "kokopu-coordinate",
         x: x,
         y: y,
         fontSize: fontSize
@@ -709,7 +707,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
       var label = FILE_LABELS[file];
       return /*#__PURE__*/_react["default"].createElement("text", {
         key: 'file-' + label,
-        className: "kokopu-coordinate kokopu-label",
+        className: "kokopu-coordinate",
         x: x,
         y: y,
         fontSize: fontSize
@@ -917,7 +915,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
       };
     }
     /**
-     * Return information regarding the current displayed position and move, or parsing error message if something went wrong.
+     * Return information regarding the currently displayed position and move, or parsing error message if something went wrong.
      */
 
   }, {

package/dist/lib/ErrorBox.js

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _i18n = _interopRequireDefault(require("./i18n"));
+
 require("./css/error_box.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -33,18 +35,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
  ******************************************************************************/
-
+var BACKWARD_CHARACTERS = 5;
+var FORWARD_CHARACTERS = 36;
 /**
  * Display an error message.
  */
+
 function ErrorBox(props) {
+  var excerpt = typeof props.text === 'string' && props.errorIndex >= 0 && props.errorIndex < props.text.length ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "kokopu-errorExcerpt"
+  }, ellipsisAt(props.text, props.errorIndex, BACKWARD_CHARACTERS, FORWARD_CHARACTERS, props.lineNumber)) : undefined;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "kokopu-errorBox"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "kokopu-errorTitle"
   }, props.title), /*#__PURE__*/_react["default"].createElement("div", {
     className: "kokopu-errorMessage"
-  }, props.message));
+  }, props.message), excerpt);
 }
 
 ErrorBox.propTypes = {
@@ -56,5 +63,78 @@ ErrorBox.propTypes = {
   /**
    * Additional message providing details about the error.
    */
-  message: _propTypes["default"].string.isRequired
-};
+  message: _propTypes["default"].string.isRequired,
+
+  /**
+   * Raw text whose processing results in the error.
+   */
+  text: _propTypes["default"].string,
+
+  /**
+   * Index of the character within `text` that results in the error.
+   */
+  errorIndex: _propTypes["default"].number,
+
+  /**
+   * Index (1-based) of the line in which is the character that results in the error.
+   */
+  lineNumber: _propTypes["default"].number
+};
+/**
+ * Ellipsis function.
+ *
+ * Example: if `text` is `0123456789`, then `ellipsis(text, 5, 1, 3)` returns
+ * the following string:
+ *
+ * ```
+ * ...45678...
+ *     ^
+ * ```
+ *
+ * @param {string} text Text from a substring must be extracted.
+ * @param {number} pos Index of the character in `text` around which the substring must be extracted.
+ * @param {number} backwardCharacters Number of characters to keep before `pos`.
+ * @param {number} forwardCharacters Number of characters to keep after `pos`.
+ * @returns {string}
+ */
+
+function ellipsisAt(text, pos, backwardCharacters, forwardCharacters, lineNumber) {
+  // p1 => begin of the extracted sub-string
+  var p1 = pos;
+  var e1 = '... ';
+
+  while (p1 > pos - backwardCharacters) {
+    --p1;
+
+    if (p1 < 0 || text.charAt(p1) === '\n' || text.charAt(p1) === '\r') {
+      ++p1;
+      e1 = '';
+      break;
+    }
+  } // p2 => one character after the end of the extracted sub-string
+
+
+  var p2 = pos;
+  var e2 = ' ...';
+
+  while (p2 < pos + forwardCharacters) {
+    ++p2;
+
+    if (p2 >= text.length || text.charAt(p2) === '\n' || text.charAt(p2) === '\r') {
+      --p2;
+      e2 = '';
+      break;
+    }
+  } // Extract the sub-string around the requested position.
+
+
+  var excerpt = e1 + text.substring(p1, p2 + 1) + e2;
+  excerpt = excerpt.replace(/\n|\r|\t/g, ' ');
+  var secondLine = Array(1 + e1.length + pos - p1).join(' ') + '^';
+
+  if (lineNumber) {
+    secondLine += ' (' + _i18n["default"].LINE.replace(/\{0\}/g, lineNumber) + ')';
+  }
+
+  return excerpt + '\n' + secondLine;
+}