kokopu-react 1.11.0 → 2.0.0

package/dist/lib/exception.js

@@ -0,0 +1,40 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+/**
+ * This module contains the exceptions used by the library.
+ * @module
+ */
+/**
+ * Exception thrown when an invalid argument is passed to a function or a component.
+ */
+export class IllegalArgument {
+    constructor(functionOrComponentName, argumentName) {
+        this.functionOrComponentName = functionOrComponentName;
+        this.argumentName = argumentName;
+    }
+    /**
+     * @ignore
+     */
+    toString() {
+        return `Illegal argument '${this.argumentName}' in function or component ${this.functionOrComponentName}`;
+    }
+}
+//# sourceMappingURL=exception.js.map

package/dist/lib/exception.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exception.js","sourceRoot":"","sources":["../../src/exception.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF;;;GAGG;AAGH;;GAEG;AACH,MAAM,OAAO,eAAe;IAQ3B,YAAY,uBAA+B,EAAE,YAAoB;QAChE,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,QAAQ;QACP,OAAO,qBAAqB,IAAI,CAAC,YAAY,8BAA8B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAC3G,CAAC;CACD"}

package/dist/lib/i18n.d.ts

@@ -0,0 +1,18 @@
+/**
+ * This module defines the localizable strings used by the library.
+ */
+export declare namespace i18n {
+    let LINE: string;
+    let INVALID_FEN_ERROR_TITLE: string;
+    let INVALID_NOTATION_ERROR_TITLE: string;
+    let PIECE_SYMBOLS: {
+        K: string;
+        Q: string;
+        R: string;
+        B: string;
+        N: string;
+        P: string;
+    };
+    let ANNOTATED_BY: string;
+    let INVALID_PGN_ERROR_TITLE: string;
+}

package/dist/lib/i18n.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-/******************************************************************************
+/* -------------------------------------------------------------------------- *
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
  *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
@@ -23,29 +17,22 @@ exports["default"] = void 0;
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
-
-var i18n = {
-  // Error box
-  LINE: 'line {0}',
-  // Chessboard
-  INVALID_FEN_ERROR_TITLE: 'Invalid FEN string.',
-  INVALID_NOTATION_ERROR_TITLE: 'Invalid move notation.',
-  INVALID_POSITION_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "position" attribute.',
-  INVALID_MOVE_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "move" attribute.',
-  // Movetext
-  PIECE_SYMBOLS: {
-    'K': 'K',
-    'Q': 'Q',
-    'R': 'R',
-    'B': 'B',
-    'N': 'N',
-    'P': 'P'
-  },
-  ANNOTATED_BY: 'Annotated by {0}',
-  INVALID_PGN_ERROR_TITLE: 'Invalid PGN string.',
-  INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" attribute.',
-  INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game index" attribute.'
-};
-var _default = i18n;
-exports["default"] = _default;
+ * -------------------------------------------------------------------------- */
+/**
+ * This module defines the localizable strings used by the library.
+ */
+export var i18n;
+(function (i18n) {
+    /* eslint-disable prefer-const */
+    // WARNING: all those constants must be declared with "let" to allow them to be re-defined if necessary by consumer codes.
+    // Error box
+    i18n.LINE = 'line {0}';
+    // Chessboard
+    i18n.INVALID_FEN_ERROR_TITLE = 'Invalid FEN string.';
+    i18n.INVALID_NOTATION_ERROR_TITLE = 'Invalid move notation.';
+    // Movetext
+    i18n.PIECE_SYMBOLS = { 'K': 'K', 'Q': 'Q', 'R': 'R', 'B': 'B', 'N': 'N', 'P': 'P' };
+    i18n.ANNOTATED_BY = 'Annotated by {0}';
+    i18n.INVALID_PGN_ERROR_TITLE = 'Invalid PGN string.';
+})(i18n || (i18n = {}));
+//# sourceMappingURL=i18n.js.map

package/dist/lib/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF;;GAEG;AACH,MAAM,KAAW,IAAI,CAiBpB;AAjBD,WAAiB,IAAI;IAErB,iCAAiC;IACjC,0HAA0H;IAE1H,YAAY;IACD,SAAI,GAAG,UAAU,CAAC;IAE7B,aAAa;IACF,4BAAuB,GAAG,qBAAqB,CAAC;IAChD,iCAA4B,GAAG,wBAAwB,CAAC;IAEnE,WAAW;IACA,kBAAa,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,GAAG,EAAC,GAAG,EAAE,CAAC;IACzE,iBAAY,GAAG,kBAAkB,CAAC;IAClC,4BAAuB,GAAG,qBAAqB,CAAC;AAE3D,CAAC,EAjBgB,IAAI,KAAJ,IAAI,QAiBpB"}

package/{src/css/symbol.css → dist/lib/icons/AnnotationSymbolShape.css}

@@ -1,4 +1,4 @@
-/******************************************************************************
+/* -------------------------------------------------------------------------- *
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
  *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
@@ -17,7 +17,7 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
 .kokopu-symbolCircle {

package/dist/lib/icons/AnnotationSymbolShape.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { AnnotationSymbol } from '../types';
+import './AnnotationSymbolShape.css';
+interface AnnotationSymbolShapeProps {
+    /**
+     * X-coordinate of the center of the symbol.
+     */
+    x: number;
+    /**
+     * Y-coordinate of the center of the symbol.
+     */
+    y: number;
+    /**
+     * Size of the symbol (i.e. size of square in which the symbol is rendered).
+     */
+    size: number;
+    /**
+     * Symbol code.
+     */
+    symbol: AnnotationSymbol;
+    /**
+     * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
+     */
+    color: string;
+}
+/**
+ * Symbol of a text marker.
+ */
+export declare function AnnotationSymbolShape({ x, y, size, symbol, color }: AnnotationSymbolShapeProps): JSX.Element;
+export {};

package/dist/lib/{impl/ArrowTip.js → icons/AnnotationSymbolShape.js}

@@ -1,13 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ArrowTip;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-/******************************************************************************
+/* -------------------------------------------------------------------------- *
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
  *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
@@ -26,31 +17,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
-
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import './AnnotationSymbolShape.css';
+const SHAPE_THICKNESS_FACTOR = 0.1;
+const DOT_RADIUS_FACTOR = 0.15;
+const CIRCLE_RADIUS_FACTOR = 0.425;
 /**
- * Tip of the arrow markers.
+ * Symbol of a text marker.
  */
-function ArrowTip(props) {
-  return /*#__PURE__*/_react["default"].createElement("marker", {
-    id: props.id,
-    markerWidth: 4,
-    markerHeight: 4,
-    refX: 2.5,
-    refY: 2,
-    orient: "auto"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: props.color,
-    d: "M 4,2 L 0,4 L 1,2 L 0,0 Z"
-  }));
+export function AnnotationSymbolShape({ x, y, size, symbol, color }) {
+    if (symbol === 'dot') {
+        return React.createElement("circle", { cx: x, cy: y, r: size * DOT_RADIUS_FACTOR, fill: color });
+    }
+    else if (symbol === 'circle') {
+        const thickness = size * SHAPE_THICKNESS_FACTOR;
+        return React.createElement("circle", { className: "kokopu-symbolCircle", cx: x, cy: y, r: size * CIRCLE_RADIUS_FACTOR, stroke: color, strokeWidth: thickness });
+    }
+    else {
+        const text = symbol === 'plus' ? '+' : symbol === 'times' ? '\u00d7' : symbol;
+        return React.createElement("text", { className: "kokopu-symbolText", x: x, y: y, fill: color, fontSize: size }, text);
+    }
 }
-ArrowTip.propTypes = {
-  /**
-   * ID of the element.
-   */
-  id: _propTypes["default"].string.isRequired,
-  /**
-   * Color to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
-   */
-  color: _propTypes["default"].string.isRequired
-};
+//# sourceMappingURL=AnnotationSymbolShape.js.map

package/dist/lib/icons/AnnotationSymbolShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationSymbolShape.js","sourceRoot":"","sources":["../../../src/icons/AnnotationSymbolShape.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,6BAA6B,CAAC;AAErC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AACnC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAC/B,MAAM,oBAAoB,GAAG,KAAK,CAAC;AAgCnC;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAA8B;IAC9F,IAAI,MAAM,KAAK,KAAK,EAAE;QACrB,OAAO,gCAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,iBAAiB,EAAE,IAAI,EAAE,KAAK,GAAI,CAAC;KAC1E;SACI,IAAI,MAAM,KAAK,QAAQ,EAAE;QAC7B,MAAM,SAAS,GAAG,IAAI,GAAG,sBAAsB,CAAC;QAChD,OAAO,gCAAQ,SAAS,EAAC,qBAAqB,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,oBAAoB,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAI,CAAC;KACvI;SACI;QACJ,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9E,OAAO,8BAAM,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAG,IAAI,CAAQ,CAAC;KAClG;AACF,CAAC"}

package/dist/lib/icons/ArrowMarkerIcon.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import './arrow.css';
+export interface ArrowMarkerIconProps {
+    /**
+     * Width and height (in pixels) of the icon.
+     */
+    size: number;
+    /**
+     * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
+     */
+    color: string;
+}
+/**
+ * SVG icon representing an arrow marker.
+ */
+export declare class ArrowMarkerIcon extends React.Component<ArrowMarkerIconProps> {
+    static defaultProps: Partial<ArrowMarkerIconProps>;
+    private arrowTipId;
+    render(): JSX.Element;
+}

package/dist/lib/icons/ArrowMarkerIcon.js

@@ -0,0 +1,53 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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 { IllegalArgument } from '../exception';
+import { sanitizeString, sanitizeBoundedInteger } from '../sanitization';
+import { generateRandomId } from '../util';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE } from '../types';
+import { ArrowTip } from './ArrowTip';
+import './arrow.css';
+const ARROW_THICKNESS_FACTOR = 0.2;
+/**
+ * SVG icon representing an arrow marker.
+ */
+export class ArrowMarkerIcon extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.arrowTipId = generateRandomId();
+    }
+    render() {
+        // Sanitize the inputs.
+        const size = sanitizeBoundedInteger(this.props.size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('ArrowMarkerIcon', 'size'));
+        const color = sanitizeString(this.props.color);
+        // Render the component.
+        const halfThickness = size * ARROW_THICKNESS_FACTOR / 2;
+        const viewBox = `0 0 ${size} ${size}`;
+        return (React.createElement("svg", { className: "kokopu-arrowMarkerIcon", viewBox: viewBox, width: size, height: size },
+            React.createElement("defs", null,
+                React.createElement(ArrowTip, { id: this.arrowTipId, color: this.props.color })),
+            React.createElement("line", { className: "kokopu-arrow", x1: halfThickness, y1: size / 2, x2: size - halfThickness * 3, y2: size / 2, stroke: color, strokeWidth: halfThickness * 2, markerEnd: `url(#${this.arrowTipId})` })));
+    }
+}
+ArrowMarkerIcon.defaultProps = {
+    color: 'currentcolor',
+};
+//# sourceMappingURL=ArrowMarkerIcon.js.map

package/dist/lib/icons/ArrowMarkerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowMarkerIcon.js","sourceRoot":"","sources":["../../../src/icons/ArrowMarkerIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,aAAa,CAAC;AAErB,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAiBnC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAA+B;IAA1E;;QAMS,eAAU,GAAG,gBAAgB,EAAE,CAAC;IAqBzC,CAAC;IAnBA,MAAM;QAEL,uBAAuB;QACvB,MAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;QAC7I,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE/C,wBAAwB;QACxB,MAAM,aAAa,GAAG,IAAI,GAAG,sBAAsB,GAAG,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;QACtC,OAAO,CACN,6BAAK,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI;YAClF;gBACC,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CACpD;YACP,8BAAM,SAAS,EAAC,cAAc,EAAC,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EACxH,WAAW,EAAE,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,IAAI,CAAC,UAAU,GAAG,GAAI,CACrE,CACN,CAAC;IACH,CAAC;;AAxBM,4BAAY,GAAkC;IACpD,KAAK,EAAE,cAAc;CACrB,CAAC"}

package/dist/lib/icons/ArrowTip.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface ArrowTipProps {
+    /**
+     * ID of the element.
+     */
+    id: string;
+    /**
+     * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
+     */
+    color: string;
+}
+/**
+ * Tip of the arrow markers.
+ */
+export declare function ArrowTip({ id, color }: ArrowTipProps): JSX.Element;
+export {};

package/dist/lib/icons/ArrowTip.js

@@ -0,0 +1,29 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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';
+/**
+ * Tip of the arrow markers.
+ */
+export function ArrowTip({ id, color }) {
+    return (React.createElement("marker", { id: id, markerWidth: 4, markerHeight: 4, refX: 2.5, refY: 2, orient: "auto" },
+        React.createElement("path", { fill: color, d: "M 4,2 L 0,4 L 1,2 L 0,0 Z" })));
+}
+//# sourceMappingURL=ArrowTip.js.map

package/dist/lib/icons/ArrowTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowTip.js","sourceRoot":"","sources":["../../../src/icons/ArrowTip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,EAAiB;IACpD,OAAO,CACN,gCAAQ,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM;QACjF,8BAAM,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,2BAA2B,GAAG,CAC3C,CACT,CAAC;AACH,CAAC"}

package/dist/lib/icons/SquareMarkerIcon.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface SquareMarkerIconProps {
+    /**
+     * Width and height (in pixels) of the icon.
+     */
+    size: number;
+    /**
+     * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
+     */
+    color: string;
+}
+/**
+ * SVG icon representing a square marker.
+ */
+export declare function SquareMarkerIcon({ size, color }: SquareMarkerIconProps): JSX.Element;
+export declare namespace SquareMarkerIcon {
+    var defaultProps: Partial<SquareMarkerIconProps>;
+}

package/{src/i18n.js → dist/lib/icons/SquareMarkerIcon.js}

@@ -1,4 +1,4 @@
-/******************************************************************************
+/* -------------------------------------------------------------------------- *
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
  *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
@@ -17,26 +17,27 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
-
-
-const i18n = {
-
-	// Error box
-	LINE: 'line {0}',
-
-	// Chessboard
-	INVALID_FEN_ERROR_TITLE: 'Invalid FEN string.',
-	INVALID_NOTATION_ERROR_TITLE: 'Invalid move notation.',
-	INVALID_POSITION_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "position" attribute.',
-	INVALID_MOVE_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "move" attribute.',
-
-	// Movetext
-	PIECE_SYMBOLS: { 'K':'K', 'Q':'Q', 'R':'R', 'B':'B', 'N':'N', 'P':'P' },
-	ANNOTATED_BY: 'Annotated by {0}',
-	INVALID_PGN_ERROR_TITLE: 'Invalid PGN string.',
-	INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" attribute.',
-	INVALID_GAME_INDEX_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game index" attribute.',
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import { IllegalArgument } from '../exception';
+import { sanitizeString, sanitizeBoundedInteger } from '../sanitization';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE } from '../types';
+const SQUARE_MARGIN_FACTOR = 0.1;
+const defaultProps = {
+    color: 'currentcolor',
 };
-
-export default i18n;
+/**
+ * SVG icon representing a square marker.
+ */
+export function SquareMarkerIcon({ size, color }) {
+    // Sanitize the inputs.
+    size = sanitizeBoundedInteger(size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('SquareMarkerIcon', 'size'));
+    color = sanitizeString(color);
+    // Render the component.
+    const margin = Math.round(size * SQUARE_MARGIN_FACTOR);
+    const viewBox = `0 0 ${size} ${size}`;
+    return (React.createElement("svg", { className: "kokopu-squareMarkerIcon", viewBox: viewBox, width: size, height: size },
+        React.createElement("rect", { x: margin, y: margin, width: size - margin * 2, height: size - margin * 2, fill: color })));
+}
+SquareMarkerIcon.defaultProps = defaultProps;
+//# sourceMappingURL=SquareMarkerIcon.js.map

package/dist/lib/icons/SquareMarkerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquareMarkerIcon.js","sourceRoot":"","sources":["../../../src/icons/SquareMarkerIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAiBjC,MAAM,YAAY,GAAmC;IACpD,KAAK,EAAE,cAAc;CACrB,CAAC;AAGF;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAyB;IAEtE,uBAAuB;IACvB,IAAI,GAAG,sBAAsB,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7H,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE9B,wBAAwB;IACxB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;IACtC,OAAO,CACN,6BAAK,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI;QACnF,8BAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,GAAI,CAC3F,CACN,CAAC;AACH,CAAC;AAED,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC"}

package/dist/lib/icons/TextMarkerIcon.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { AnnotationSymbol } from '../types';
+export interface TextMarkerIconProps {
+    /**
+     * Width and height (in pixels) of the icon.
+     */
+    size: number;
+    /**
+     * Symbol to represent on the icon.
+     */
+    symbol: AnnotationSymbol;
+    /**
+     * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
+     */
+    color: string;
+}
+/**
+ * SVG icon representing a text marker.
+ */
+export declare function TextMarkerIcon({ size, symbol, color }: TextMarkerIconProps): JSX.Element;
+export declare namespace TextMarkerIcon {
+    var defaultProps: Partial<TextMarkerIconProps>;
+}

package/dist/lib/icons/TextMarkerIcon.js

@@ -0,0 +1,45 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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 { IllegalArgument } from '../exception';
+import { sanitizeString, sanitizeBoundedInteger } from '../sanitization';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, isAnnotationSymbol } from '../types';
+import { AnnotationSymbolShape } from './AnnotationSymbolShape';
+const defaultProps = {
+    color: 'currentcolor',
+};
+/**
+ * SVG icon representing a text marker.
+ */
+export function TextMarkerIcon({ size, symbol, color }) {
+    // Sanitize the inputs.
+    size = sanitizeBoundedInteger(size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('TextMarkerIcon', 'size'));
+    if (!isAnnotationSymbol(symbol)) {
+        throw new IllegalArgument('TextMarkerIcon', 'symbol');
+    }
+    color = sanitizeString(color);
+    // Render the component.
+    const viewBox = `0 0 ${size} ${size}`;
+    return (React.createElement("svg", { className: "kokopu-textMarkerIcon", viewBox: viewBox, width: size, height: size },
+        React.createElement(AnnotationSymbolShape, { x: size / 2, y: size / 2, size: size, symbol: symbol, color: color })));
+}
+TextMarkerIcon.defaultProps = defaultProps;
+//# sourceMappingURL=TextMarkerIcon.js.map

package/dist/lib/icons/TextMarkerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMarkerIcon.js","sourceRoot":"","sources":["../../../src/icons/TextMarkerIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;gFAmBgF;AAGhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAoB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAElG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAsBhE,MAAM,YAAY,GAAiC;IAClD,KAAK,EAAE,cAAc;CACrB,CAAC;AAGF;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAuB;IAE1E,uBAAuB;IACvB,IAAI,GAAG,sBAAsB,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3H,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE;QAChC,MAAM,IAAI,eAAe,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;KACtD;IACD,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE9B,wBAAwB;IACxB,MAAM,OAAO,GAAG,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;IACtC,OAAO,CACN,6BAAK,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI;QACjF,oBAAC,qBAAqB,IAAC,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,CACxF,CACN,CAAC;AACH,CAAC;AAED,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC"}

package/{src/css → dist/lib/icons}/arrow.css

@@ -1,4 +1,4 @@
-/******************************************************************************
+/* -------------------------------------------------------------------------- *
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
  *    Copyright (C) 2021-2023  Yoann Le Montagner <yo35 -at- melix.net>       *
@@ -17,7 +17,7 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
 .kokopu-arrow {

package/dist/lib/index.d.ts

@@ -0,0 +1,10 @@
+export { i18n } from './i18n';
+export * as exception from './exception';
+export { Colorset, Pieceset, PieceSymbolMapping, AnnotationColor, AnnotationSymbol, SquareMarkerSet, TextMarkerSet, ArrowMarkerSet, isPieceSymbolMapping, isAnnotationColor, isAnnotationSymbol, flattenSquareMarkers, flattenTextMarkers, flattenArrowMarkers, parseSquareMarkers, parseTextMarkers, parseArrowMarkers } from './types';
+export { ErrorBox, ErrorBoxProps } from './errorbox/ErrorBox';
+export { SquareMarkerIcon, SquareMarkerIconProps } from './icons/SquareMarkerIcon';
+export { TextMarkerIcon, TextMarkerIconProps } from './icons/TextMarkerIcon';
+export { ArrowMarkerIcon, ArrowMarkerIconProps } from './icons/ArrowMarkerIcon';
+export { Chessboard, ChessboardProps, SmallScreenLimit } from './chessboard/Chessboard';
+export { formatMove, moveFormatter } from './movetext/moveFormatter';
+export { Movetext, MovetextProps, MoveSelectEventOrigin } from './movetext/Movetext';