kokopu-react 1.11.0 → 2.0.0

package/src/exception.ts

@@ -0,0 +1,51 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    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 {
+
+	/** Name of the function or component that raises the exception. */
+	functionOrComponentName: string;
+
+	/** Name of the argument that causes the error. */
+	argumentName: string;
+
+	constructor(functionOrComponentName: string, argumentName: string) {
+		this.functionOrComponentName = functionOrComponentName;
+		this.argumentName = argumentName;
+	}
+
+	/**
+	 * @ignore
+	 */
+	toString(): string {
+		return `Illegal argument '${this.argumentName}' in function or component ${this.functionOrComponentName}`;
+	}
+}

package/src/i18n.ts

@@ -0,0 +1,43 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    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 defines the localizable strings used by the library.
+ */
+export namespace 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
+export let LINE = 'line {0}';
+
+// Chessboard
+export let INVALID_FEN_ERROR_TITLE = 'Invalid FEN string.';
+export let INVALID_NOTATION_ERROR_TITLE = 'Invalid move notation.';
+
+// Movetext
+export let PIECE_SYMBOLS = { 'K':'K', 'Q':'Q', 'R':'R', 'B':'B', 'N':'N', 'P':'P' };
+export let ANNOTATED_BY = 'Annotated by {0}';
+export let INVALID_PGN_ERROR_TITLE = 'Invalid PGN string.';
+
+}

package/{dist/lib/css/symbol.css → src/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/src/{impl/TextSymbol.js → icons/AnnotationSymbolShape.tsx}

@@ -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,60 +17,62 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as React from 'react';
 
-import '../css/symbol.css';
+import { AnnotationSymbol } from '../types';
+
+import './AnnotationSymbolShape.css';
 
 const SHAPE_THICKNESS_FACTOR = 0.1;
 const DOT_RADIUS_FACTOR = 0.15;
 const CIRCLE_RADIUS_FACTOR = 0.425;
 
 
-/**
- * Symbol of a text marker.
- */
-export default function TextSymbol(props) {
-	if (props.symbol === 'dot') {
-		return <circle cx={props.x} cy={props.y} r={props.size * DOT_RADIUS_FACTOR} fill={props.color} />;
-	}
-	else if (props.symbol === 'circle') {
-		let thickness = props.size * SHAPE_THICKNESS_FACTOR;
-		return <circle className="kokopu-symbolCircle" cx={props.x} cy={props.y} r={props.size * CIRCLE_RADIUS_FACTOR} stroke={props.color} strokeWidth={thickness} />;
-	}
-	else {
-		let symbol = props.symbol === 'plus' ? '+' : props.symbol === 'times' ? '\u00d7' : props.symbol;
-		return <text className="kokopu-symbolText" x={props.x} y={props.y} fill={props.color} fontSize={props.size}>{symbol}</text>;
-	}
-}
-
-TextSymbol.propTypes = {
+interface AnnotationSymbolShapeProps {
 
 	/**
 	 * X-coordinate of the center of the symbol.
 	 */
-	x: PropTypes.number.isRequired,
+	x: number;
 
 	/**
 	 * Y-coordinate of the center of the symbol.
 	 */
-	y: PropTypes.number.isRequired,
+	y: number;
 
 	/**
 	 * Size of the symbol (i.e. size of square in which the symbol is rendered).
 	 */
-	size: PropTypes.number.isRequired,
+	size: number;
 
 	/**
 	 * Symbol code.
 	 */
-	symbol: PropTypes.string.isRequired,
+	symbol: AnnotationSymbol;
 
 	/**
-	 * Color to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
+	 * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
 	 */
-	color: PropTypes.string.isRequired,
-};
+	color: string;
+}
+
+
+/**
+ * Symbol of a text marker.
+ */
+export function AnnotationSymbolShape({ x, y, size, symbol, color }: AnnotationSymbolShapeProps) {
+	if (symbol === 'dot') {
+		return <circle cx={x} cy={y} r={size * DOT_RADIUS_FACTOR} fill={color} />;
+	}
+	else if (symbol === 'circle') {
+		const thickness = size * SHAPE_THICKNESS_FACTOR;
+		return <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 <text className="kokopu-symbolText" x={x} y={y} fill={color} fontSize={size}>{text}</text>;
+	}
+}

package/src/{ArrowMarkerIcon.js → icons/ArrowMarkerIcon.tsx}

@@ -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,62 +17,65 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as React from 'react';
 
-import './css/arrow.css';
+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 './impl/ArrowTip';
-import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, sanitizeInteger, generateRandomId } from './impl/util';
+import { ArrowTip } from './ArrowTip';
+
+import './arrow.css';
 
 const ARROW_THICKNESS_FACTOR = 0.2;
 
 
+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 default class ArrowMarkerIcon extends React.Component {
+export class ArrowMarkerIcon extends React.Component<ArrowMarkerIconProps> {
 
-	constructor(props) {
-		super(props);
-		this.arrowTipId = generateRandomId();
-	}
+	static defaultProps: Partial<ArrowMarkerIconProps> = {
+		color: 'currentcolor',
+	};
+
+	private arrowTipId = generateRandomId();
 
 	render() {
-		let size = sanitizeInteger(this.props.size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE);
-		if (isNaN(size)) {
-			return undefined;
-		}
-		let halfThickness = size * ARROW_THICKNESS_FACTOR / 2;
-		let viewBox = `0 0 ${size} ${size}`;
+
+		// 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 (
 			<svg className="kokopu-arrowMarkerIcon" viewBox={viewBox} width={size} height={size}>
 				<defs>
 					<ArrowTip id={this.arrowTipId} color={this.props.color} />
 				</defs>
-				<line className="kokopu-arrow" x1={halfThickness} y1={size / 2} x2={size - halfThickness * 3} y2={size / 2} stroke={this.props.color}
+				<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})`} />
 			</svg>
 		);
 	}
 }
-
-ArrowMarkerIcon.propTypes = {
-
-	/**
-	 * Width and height (in pixels) of the icon.
-	 */
-	size: PropTypes.number.isRequired,
-
-	/**
-	 * Color to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
-	 */
-	color: PropTypes.string,
-};
-
-ArrowMarkerIcon.defaultProps = {
-	color: 'currentcolor',
-};

package/src/{impl/ArrowTip.js → icons/ArrowTip.tsx}

@@ -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,33 +17,33 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as React from 'react';
 
 
-/**
- * Tip of the arrow markers.
- */
-export default function ArrowTip(props) {
-	return (
-		<marker id={props.id} markerWidth={4} markerHeight={4} refX={2.5} refY={2} orient="auto">
-			<path fill={props.color} d="M 4,2 L 0,4 L 1,2 L 0,0 Z" />
-		</marker>
-	);
-}
-
-ArrowTip.propTypes = {
+interface ArrowTipProps {
 
 	/**
 	 * ID of the element.
 	 */
-	id: PropTypes.string.isRequired,
+	id: string;
 
 	/**
-	 * Color to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
+	 * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
 	 */
-	color: PropTypes.string.isRequired,
-};
+	color: string;
+}
+
+
+/**
+ * Tip of the arrow markers.
+ */
+export function ArrowTip({ id, color }: ArrowTipProps) {
+	return (
+		<marker id={id} markerWidth={4} markerHeight={4} refX={2.5} refY={2} orient="auto">
+			<path fill={color} d="M 4,2 L 0,4 L 1,2 L 0,0 Z" />
+		</marker>
+	);
+}

package/src/{SquareMarkerIcon.js → icons/SquareMarkerIcon.tsx}

@@ -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,47 +17,54 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as React from 'react';
 
-import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, sanitizeInteger } from './impl/util';
+import { IllegalArgument } from '../exception';
+import { sanitizeString, sanitizeBoundedInteger } from '../sanitization';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE } from '../types';
 
 const SQUARE_MARGIN_FACTOR = 0.1;
 
 
-/**
- * SVG icon representing a square marker.
- */
-export default function SquareMarkerIcon(props) {
-	let size = sanitizeInteger(props.size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE);
-	if (isNaN(size)) {
-		return undefined;
-	}
-	let margin = Math.round(size * SQUARE_MARGIN_FACTOR);
-	let viewBox = `0 0 ${size} ${size}`;
-	return (
-		<svg className="kokopu-squareMarkerIcon" viewBox={viewBox} width={size} height={size}>
-			<rect x={margin} y={margin} width={size - margin*2} height={size - margin*2} fill={props.color} />
-		</svg>
-	);
-}
-
-SquareMarkerIcon.propTypes = {
+export interface SquareMarkerIconProps {
 
 	/**
 	 * Width and height (in pixels) of the icon.
 	 */
-	size: PropTypes.number.isRequired,
+	size: number;
 
 	/**
-	 * Color to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
+	 * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
 	 */
-	color: PropTypes.string,
-};
+	color: string;
+}
+
 
-SquareMarkerIcon.defaultProps = {
+const defaultProps: Partial<SquareMarkerIconProps> = {
 	color: 'currentcolor',
 };
+
+
+/**
+ * SVG icon representing a square marker.
+ */
+export function SquareMarkerIcon({ size, color }: SquareMarkerIconProps) {
+
+	// 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 (
+		<svg className="kokopu-squareMarkerIcon" viewBox={viewBox} width={size} height={size}>
+			<rect x={margin} y={margin} width={size - margin * 2} height={size - margin * 2} fill={color} />
+		</svg>
+	);
+}
+
+SquareMarkerIcon.defaultProps = defaultProps;

package/src/{TextMarkerIcon.js → icons/TextMarkerIcon.tsx}

@@ -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,53 +17,61 @@
  *    Public License along with this program. If not, see                     *
  *    <http://www.gnu.org/licenses/>.                                         *
  *                                                                            *
- ******************************************************************************/
+ * -------------------------------------------------------------------------- */
 
 
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as React from 'react';
 
-import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, sanitizeInteger, isValidSymbol } from './impl/util';
-import TextSymbol from './impl/TextSymbol';
+import { IllegalArgument } from '../exception';
+import { sanitizeString, sanitizeBoundedInteger } from '../sanitization';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, AnnotationSymbol, isAnnotationSymbol } from '../types';
 
+import { AnnotationSymbolShape } from './AnnotationSymbolShape';
 
-/**
- * SVG icon representing a text marker.
- */
-export default function TextMarkerIcon(props) {
-	let size = sanitizeInteger(props.size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE);
-	if (isNaN(size) || !isValidSymbol(props.symbol)) {
-		return undefined;
-	}
-	let viewBox = `0 0 ${size} ${size}`;
-	return (
-		<svg className="kokopu-textMarkerIcon" viewBox={viewBox} width={size} height={size}>
-			<TextSymbol x={size / 2} y={size / 2} size={size} symbol={props.symbol} color={props.color} />
-		</svg>
-	);
-}
 
-TextMarkerIcon.propTypes = {
+export interface TextMarkerIconProps {
 
 	/**
 	 * Width and height (in pixels) of the icon.
 	 */
-	size: PropTypes.number.isRequired,
+	size: number;
 
 	/**
-	 * Symbol to represent on the icon. Must be one of:
-	 *  - any letter from A to Z (either upper-case or lower-case),
-	 *  - any digit from 0 to 9,
-	 *  - any symbol code among `'plus'`, `'times'`, `'dot'`, or `'circle'`.
+	 * Symbol to represent on the icon.
 	 */
-	symbol: PropTypes.string.isRequired,
+	symbol: AnnotationSymbol;
 
 	/**
-	 * Color to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
+	 * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
 	 */
-	color: PropTypes.string,
-};
+	color: string;
+}
+
 
-TextMarkerIcon.defaultProps = {
+const defaultProps: Partial<TextMarkerIconProps> = {
 	color: 'currentcolor',
 };
+
+
+/**
+ * SVG icon representing a text marker.
+ */
+export function TextMarkerIcon({ size, symbol, color }: TextMarkerIconProps) {
+
+	// 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 (
+		<svg className="kokopu-textMarkerIcon" viewBox={viewBox} width={size} height={size}>
+			<AnnotationSymbolShape x={size / 2} y={size / 2} size={size} symbol={symbol} color={color} />
+		</svg>
+	);
+}
+
+TextMarkerIcon.defaultProps = defaultProps;

package/{dist/lib/css → src/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/src/index.ts

@@ -0,0 +1,38 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    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/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+
+
+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';

package/src/{css/movetext.css → movetext/Movetext.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-colorTag {