kokopu-react 1.11.1 → 2.0.1

package/dist/lib/chessboard/Chessboard.js

@@ -0,0 +1,366 @@
+/* -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    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 { exception as kokopuException, MoveDescriptor, Position, isSquare, isSquareCouple, isGameVariant } from 'kokopu';
+import { IllegalArgument } from '../exception';
+import { i18n } from '../i18n';
+import { sanitizeString, sanitizeBoolean, sanitizeInteger, sanitizeBoundedInteger, sanitizeOptional } from '../sanitization';
+import { MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, isAnnotationColor, isAnnotationSymbol, parseSquareMarkers, parseTextMarkers, parseArrowMarkers } from '../types';
+import { colorsets } from './colorsets';
+import { piecesets } from './piecesets';
+import { ChessboardImpl, chessboardSize } from './ChessboardImpl';
+import { ErrorBox } from '../errorbox/ErrorBox';
+/**
+ * SVG image representing a chessboard diagram. Optionally, the user may interact with the board (move pieces, click on squares...).
+ * Annotations such as square markers or arrows can also be added to the board.
+ */
+class Chessboard extends React.Component {
+    constructor(props) {
+        super(props);
+        this.windowResizeListener = () => this.handleWindowResize();
+        this.state = {
+            windowWidth: window.innerWidth,
+        };
+    }
+    componentDidMount() {
+        window.addEventListener('resize', this.windowResizeListener);
+    }
+    componentWillUnmount() {
+        window.removeEventListener('resize', this.windowResizeListener);
+    }
+    handleWindowResize() {
+        this.setState({ windowWidth: window.innerWidth });
+    }
+    render() {
+        // Validate the position and move attributes.
+        const positionInfo = parsePosition(this.props.position);
+        if (positionInfo.error) {
+            return React.createElement(ErrorBox, { title: i18n.INVALID_FEN_ERROR_TITLE, message: positionInfo.message });
+        }
+        const position = positionInfo.position;
+        const moveInfo = parseMove(position, this.props.move);
+        if (moveInfo.error) {
+            return React.createElement(ErrorBox, { title: i18n.INVALID_NOTATION_ERROR_TITLE, message: moveInfo.message });
+        }
+        const move = moveInfo.move;
+        // Validate the markers
+        const sqm = parseMarkers(this.props.squareMarkers, 'squareMarkers', parseSquareMarkers, isSquare, isAnnotationColor);
+        const txtm = parseMarkers(this.props.textMarkers, 'textMarkers', parseTextMarkers, isSquare, isTextMarkerElement);
+        const arm = parseMarkers(this.props.arrowMarkers, 'arrowMarkers', parseArrowMarkers, isSquareCouple, isAnnotationColor);
+        // Validate the appearance attributes.
+        const flipped = sanitizeBoolean(this.props.flipped);
+        const squareSize = sanitizeBoundedInteger(this.props.squareSize, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('Chessboard', 'squareSize'));
+        const coordinateVisible = sanitizeBoolean(this.props.coordinateVisible);
+        const moveArrowVisible = sanitizeBoolean(this.props.moveArrowVisible);
+        if (!isAnnotationColor(this.props.moveArrowColor)) {
+            throw new IllegalArgument('Chessboard', 'moveArrowColor');
+        }
+        const animated = sanitizeBoolean(this.props.animated);
+        const colorset = colorsets[this.props.colorset];
+        if (!colorset) {
+            throw new IllegalArgument('Chessboard', 'colorset');
+        }
+        const pieceset = piecesets[this.props.pieceset];
+        if (!pieceset) {
+            throw new IllegalArgument('Chessboard', 'pieceset');
+        }
+        // Validate and enforce the small-screen limits.
+        const smallScreenLimits = sanitizeSmallScreenLimits(this.props.smallScreenLimits, () => new IllegalArgument('Chessboard', 'smallScreenLimits'));
+        const actualSquareSize = computeSquareSizeForSmallScreens(squareSize, smallScreenLimits, this.state.windowWidth);
+        const actualCoordinateVisible = computeCoordinateVisibleForSmallScreens(coordinateVisible, smallScreenLimits, this.state.windowWidth);
+        // Validate the interaction attributes and the callbacks.
+        const interactionMode = this.getInteractionModeAndValidateEditedArrowColor();
+        const { onPieceMoved, onSquareClicked, onArrowEdited, onMovePlayed } = this.props;
+        // Build a key so that a new `ChessboardImpl` component is instantiated each time the position or the move changes
+        // (mandatory to ensure that the move animation works properly and that the internal state of the component remains consistent).
+        const key = `${position.variant()}|${position.fen()}|${move ? position.notation(move) : ''}`;
+        return (React.createElement(ChessboardImpl, { key: key, position: position, move: move, squareMarkers: sqm, textMarkers: txtm, arrowMarkers: arm, flipped: flipped, squareSize: actualSquareSize, coordinateVisible: actualCoordinateVisible, moveArrowVisible: moveArrowVisible, moveArrowColor: this.props.moveArrowColor, animated: animated, colorset: colorset, pieceset: pieceset, interactionMode: interactionMode, editedArrowColor: this.props.editedArrowColor, onPieceMoved: onPieceMoved, onSquareClicked: onSquareClicked, onArrowEdited: onArrowEdited, onMovePlayed: onMovePlayed }));
+    }
+    getInteractionModeAndValidateEditedArrowColor() {
+        const interactionMode = sanitizeOptional(this.props.interactionMode, sanitizeString);
+        if (interactionMode === undefined || interactionMode === 'movePieces' || interactionMode === 'clickSquares' || interactionMode === 'playMoves') {
+            return interactionMode;
+        }
+        else if (interactionMode === 'editArrows') {
+            if (!isAnnotationColor(this.props.editedArrowColor)) {
+                throw new IllegalArgument('Chessboard', 'editedArrowColor');
+            }
+            return interactionMode;
+        }
+        else {
+            throw new IllegalArgument('Chessboard', 'interactionMode');
+        }
+    }
+    /**
+     * Return the size of the chessboard, assuming it is built with the given attributes.
+     */
+    static size(squareSize, coordinateVisible, smallScreenLimits) {
+        // Sanitize the arguments.
+        squareSize = sanitizeBoundedInteger(squareSize, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('Chessboard.size()', 'squareSize'));
+        coordinateVisible = sanitizeBoolean(coordinateVisible);
+        const limits = sanitizeSmallScreenLimits(smallScreenLimits, () => new IllegalArgument('Chessboard.size()', 'smallScreenLimits'));
+        // Enforce small-screen limits, if any.
+        if (typeof window !== 'undefined') {
+            squareSize = computeSquareSizeForSmallScreens(squareSize, limits, window.innerWidth);
+            coordinateVisible = computeCoordinateVisibleForSmallScreens(coordinateVisible, limits, window.innerWidth);
+        }
+        // Compute the dimensions.
+        return chessboardSize(squareSize, coordinateVisible);
+    }
+    /**
+     * Return the maximum square size that would allow the chessboard to fit in a rectangle of size `width x height`.
+     */
+    static adaptSquareSize(width, height, coordinateVisible, smallScreenLimits) {
+        // Sanitize the arguments.
+        width = sanitizeInteger(width, () => new IllegalArgument('Chessboard.adaptSquareSize()', 'width'));
+        height = sanitizeInteger(height, () => new IllegalArgument('Chessboard.adaptSquareSize()', 'height'));
+        coordinateVisible = sanitizeBoolean(coordinateVisible);
+        const limits = sanitizeSmallScreenLimits(smallScreenLimits, () => new IllegalArgument('Chessboard.adaptSquareSize()', 'smallScreenLimits'));
+        // Enforce small-screen limits, if any.
+        let maxSquareSize = MAX_SQUARE_SIZE;
+        if (typeof window !== 'undefined') {
+            maxSquareSize = computeSquareSizeForSmallScreens(maxSquareSize, limits, window.innerWidth);
+            coordinateVisible = computeCoordinateVisibleForSmallScreens(coordinateVisible, limits, window.innerWidth);
+        }
+        function isAdapted(squareSize) {
+            const { width: actualWidth, height: actualHeight } = chessboardSize(squareSize, coordinateVisible);
+            return actualWidth <= width && actualHeight <= height;
+        }
+        // Check min/max bounds.
+        if (isAdapted(maxSquareSize)) {
+            return maxSquareSize;
+        }
+        else if (!isAdapted(MIN_SQUARE_SIZE)) {
+            return MIN_SQUARE_SIZE;
+        }
+        // Dichotomic search, between a (inclusive) and b (exclusive).
+        let a = MIN_SQUARE_SIZE;
+        let b = maxSquareSize;
+        while (a + 1 < b) {
+            const mid = Math.floor((a + b) / 2);
+            if (isAdapted(mid)) {
+                a = mid;
+            }
+            else {
+                b = mid;
+            }
+        }
+        return a;
+    }
+    /**
+     * Minimum square size (inclusive).
+     *
+     * @public
+     */
+    static minSquareSize() {
+        return MIN_SQUARE_SIZE;
+    }
+    /**
+     * Maximum square size (inclusive).
+     *
+     * @public
+     */
+    static maxSquareSize() {
+        return MAX_SQUARE_SIZE;
+    }
+    /**
+     * Available colorsets for theming.
+     *
+     * @public
+     */
+    static colorsets() {
+        return colorsets;
+    }
+    /**
+     * Available piecesets for theming.
+     *
+     * @public
+     */
+    static piecesets() {
+        return piecesets;
+    }
+}
+Chessboard.defaultProps = {
+    position: 'start',
+    flipped: false,
+    squareSize: 40,
+    coordinateVisible: true,
+    moveArrowVisible: true,
+    moveArrowColor: 'b',
+    animated: false,
+    colorset: 'original',
+    pieceset: 'cburnett',
+};
+export { Chessboard };
+/**
+ * Compute the actual square size taking into account the given small-screen limits and window width.
+ */
+function computeSquareSizeForSmallScreens(squareSize, smallScreenLimits, windowWidth) {
+    const maximumSquareSize = computeSmallScreenLimits(smallScreenLimits, windowWidth, limit => limit.squareSize);
+    return maximumSquareSize === undefined ? squareSize : Math.min(squareSize, maximumSquareSize);
+}
+/**
+ * Compute the actual square size taking into account the given small-screen limits and window width.
+ */
+function computeCoordinateVisibleForSmallScreens(coordinateVisible, smallScreenLimits, windowWidth) {
+    const maximumCoordinateVisible = computeSmallScreenLimits(smallScreenLimits, windowWidth, limit => limit.coordinateVisible);
+    return maximumCoordinateVisible === undefined ? coordinateVisible : coordinateVisible && maximumCoordinateVisible;
+}
+/**
+ * Compute the limit applicable to the given window width.
+ */
+function computeSmallScreenLimits(smallScreenLimits, windowWidth, getter) {
+    let bestWidth = Infinity;
+    let bestAttributeValue = undefined;
+    for (const limit of smallScreenLimits) {
+        // Discard the limits not applicable to the current window width (`windowWidth <= limit.width` must hold)
+        // and those for which the target attribute is not defined.
+        if (windowWidth > limit.width || getter(limit) === undefined) {
+            continue;
+        }
+        // Find the limit with the smallest width among those applicable.
+        if (limit.width < bestWidth) {
+            bestWidth = limit.width;
+            bestAttributeValue = getter(limit);
+        }
+    }
+    return bestAttributeValue;
+}
+/**
+ * Try to interpret the given object as a chess position.
+ */
+function parsePosition(position) {
+    if (position instanceof Position) {
+        return { error: false, position: position };
+    }
+    else if (position === 'start' || position === 'empty') {
+        return { error: false, position: new Position(position) };
+    }
+    else if (typeof position === 'string') {
+        try {
+            const { variant, fen } = splitGameVariantAndFEN(position);
+            const result = new Position(variant, 'empty');
+            result.fen(fen);
+            return { error: false, position: result };
+        }
+        catch (e) {
+            // istanbul ignore else
+            if (e instanceof kokopuException.InvalidFEN) {
+                return { error: true, message: e.message };
+            }
+            else {
+                throw e;
+            }
+        }
+    }
+    else {
+        throw new IllegalArgument('Chessboard', 'position');
+    }
+}
+/**
+ * Look for an optional 'chess-variant:' prefix in the position attribute.
+ */
+function splitGameVariantAndFEN(position) {
+    const separatorIndex = position.indexOf(':');
+    if (separatorIndex < 0) {
+        return { variant: 'regular', fen: position };
+    }
+    const variant = position.substring(0, separatorIndex);
+    return isGameVariant(variant) ? { variant: variant, fen: position.substring(separatorIndex + 1) } : { variant: 'regular', fen: position };
+}
+/**
+ * Try to interpret the given object `move` as a move descriptor based on the given position.
+ */
+function parseMove(position, move) {
+    if (move === undefined || move === null) {
+        return { error: false, move: undefined };
+    }
+    else if (move instanceof MoveDescriptor) {
+        return { error: false, move: move };
+    }
+    else if (typeof move === 'string') {
+        try {
+            return { error: false, move: position.notation(move) };
+        }
+        catch (e) {
+            // istanbul ignore else
+            if (e instanceof kokopuException.InvalidNotation) {
+                return { error: true, message: e.message };
+            }
+            else {
+                throw e;
+            }
+        }
+    }
+    else {
+        throw new IllegalArgument('Chessboard', 'move');
+    }
+}
+/**
+ * Try to interpret the given object as a list of markers.
+ */
+function parseMarkers(markers, argumentName, parse, isValidKey, isValidValue) {
+    if (markers === undefined || markers === null) {
+        return undefined;
+    }
+    else if (typeof markers === 'string') {
+        return parse(markers);
+    }
+    else if (typeof markers === 'object') {
+        const result = {};
+        Object.entries(markers).forEach(([key, value]) => {
+            if (isValidKey(key) && isValidValue(value)) {
+                result[key] = value;
+            }
+        });
+        return result;
+    }
+    else {
+        throw new IllegalArgument('Chessboard', argumentName);
+    }
+}
+function isTextMarkerElement(value) {
+    if (typeof value !== 'object' || value === null) {
+        return false;
+    }
+    return isAnnotationSymbol(value.symbol) && isAnnotationColor(value.color);
+}
+/**
+ * Sanitization method for the small-screen limits parameter.
+ */
+function sanitizeSmallScreenLimits(smallScreenLimits, exceptionBuilder) {
+    if (smallScreenLimits === undefined || smallScreenLimits === null) {
+        return [];
+    }
+    else if (!Array.isArray(smallScreenLimits)) {
+        throw exceptionBuilder();
+    }
+    else {
+        return smallScreenLimits.map(smallScreenLimit => {
+            return {
+                width: sanitizeInteger(smallScreenLimit.width, exceptionBuilder),
+                squareSize: sanitizeOptional(smallScreenLimit.squareSize, val => sanitizeBoundedInteger(val, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, exceptionBuilder)),
+                coordinateVisible: sanitizeOptional(smallScreenLimit.coordinateVisible, sanitizeBoolean),
+            };
+        });
+    }
+}
+//# sourceMappingURL=Chessboard.js.map

package/dist/lib/chessboard/Chessboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chessboard.js","sourceRoot":"","sources":["../../../src/chessboard/Chessboard.tsx"],"names":[],"mappings":"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"}

package/dist/lib/chessboard/ChessboardImpl.d.ts

@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { Piece, Square, MoveDescriptor, Position } from 'kokopu';
+import { Colorset, Pieceset, AnnotationColor, SquareMarkerSet, TextMarkerSet, ArrowMarkerSet } from '../types';
+import '../icons/arrow.css';
+import './Chessboard.css';
+interface ChessboardImplProps {
+    position: Position;
+    move?: MoveDescriptor;
+    squareMarkers?: SquareMarkerSet;
+    textMarkers?: TextMarkerSet;
+    arrowMarkers?: ArrowMarkerSet;
+    flipped: boolean;
+    squareSize: number;
+    coordinateVisible: boolean;
+    moveArrowVisible: boolean;
+    moveArrowColor: AnnotationColor;
+    animated: boolean;
+    colorset: Colorset;
+    pieceset: Pieceset;
+    interactionMode?: 'movePieces' | 'clickSquares' | 'editArrows' | 'playMoves';
+    editedArrowColor?: AnnotationColor;
+    onPieceMoved?: (from: Square, to: Square) => void;
+    onSquareClicked?: (square: Square) => void;
+    onArrowEdited?: (from: Square, to: Square) => void;
+    onMovePlayed?: (move: string) => void;
+}
+interface ChessboardImplState {
+    inhibitedSquare?: Square;
+    draggedSquare?: Square;
+    hoveredSquare?: Square;
+    dragPosition?: {
+        x: number;
+        y: number;
+    };
+    cursorOffset?: {
+        x: number;
+        y: number;
+    };
+    promotionDrawer?: {
+        origin: Square;
+        buttons: Piece[];
+        builder: (promotion: Piece) => string;
+    };
+}
+/**
+ * Implementation of {@link Chessboard}.
+ *
+ * This implementation assumes that all the parameter sanitization has been performed beforehand.
+ * All the logic related to parameter adaptation in presence of small-screen devices is also performed beforehand.
+ */
+export declare class ChessboardImpl extends React.Component<ChessboardImplProps, ChessboardImplState> {
+    private arrowTipIdSuffix;
+    constructor(props: ChessboardImplProps);
+    render(): React.JSX.Element;
+    private renderBoardContent;
+    /**
+     * Render the board content during the animation.
+     */
+    private renderBoardContentAnimated;
+    /**
+     * Render the board content when the animation has been completed (or if there is no animation).
+     */
+    private renderBoardContentStill;
+    private renderSquare;
+    private renderHoveredSquare;
+    private renderPiece;
+    private renderPieceAnimated;
+    private renderDraggedPiece;
+    private renderDraggedArrow;
+    private renderPromotionDrawer;
+    private renderSquareHandle;
+    private renderSquareMarkers;
+    private renderTextMarkers;
+    private renderArrowMarkers;
+    private renderMoveArrow;
+    private renderArrowTip;
+    private renderTurnFlag;
+    private renderRankCoordinate;
+    private renderFileCoordinate;
+    private handleDragStart;
+    private handleDrag;
+    private handleDragStop;
+    private handleDragCanceled;
+    private handleDrawerCancelButtonClicked;
+    private handleDrawerButtonClicked;
+    private handleSquareClicked;
+    /**
+     * Return the position obtained after playing the move passed among the component props, if any.
+     */
+    private getPositionStill;
+    /**
+     * Return the (x,y) coordinates of the given square in the SVG canvas.
+     */
+    private getSquareCoordinates;
+    /**
+     * Return the square at the given location.
+     */
+    private getSquareAt;
+    /**
+     * Return the DOM ID of an arrow tip with the given color.
+     */
+    private getArrowTipId;
+    /**
+     * Return the [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use for the given symbolic annotation color.
+     */
+    private getColorForAnnotation;
+    /**
+     * Return the URL to the image to use for the turn flag of the given color.
+     */
+    private getURLForTurnFlag;
+}
+/**
+ * Return the size of the chessboard, assuming it is built with the given attributes.
+ */
+export declare function chessboardSize(squareSize: number, coordinateVisible: boolean): {
+    width: number;
+    height: number;
+};
+export {};