cm-chessboard 4.1.0 → 4.1.3

package/examples/validate-moves.html

@@ -82,11 +82,9 @@ board.enableMoveInput(inputHandler, COLOR.white)
     function inputHandler(event) {
         console.log("event", event)
         event.chessboard.removeMarkers(undefined, MARKER_TYPE.dot)
-        event.chessboard.removeMarkers(undefined, MARKER_TYPE.square)
         if (event.type === INPUT_EVENT_TYPE.moveStart) {
             const moves = chess.moves({square: event.square, verbose: true});
-            event.chessboard.addMarker(event.square, MARKER_TYPE.square)
-            for (const move of moves) { // draw dots on possible moves
+            for (const move of moves) { // draw dots on possible squares
                 event.chessboard.addMarker(move.to, MARKER_TYPE.dot)
             }
             return moves.length > 0
@@ -115,7 +113,7 @@ board.enableMoveInput(inputHandler, COLOR.white)
     const board = new Chessboard(document.getElementById("board"), {
         position: chess.fen(),
         sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
-        style: {moveFromMarker: undefined, moveToMarker: undefined}, // disable standard markers
+        style: {moveFromMarker: MARKER_TYPE.square, moveToMarker: MARKER_TYPE.square},
         orientation: COLOR.white,
         accessibility: {
             brailleNotationInAlt: true, // show the braille notation of the game in the alt attribute of the svg

package/index.html

@@ -37,15 +37,18 @@ It works, it is cool and it is easy to use. 👍</p>
     const board = new Chessboard(document.getElementById("board"), {
         position: "start"
     })
-    setInterval(() => {
+    const interval = setInterval(() => {
         makeRandomMove()
         board.setPosition(chess.fen(), true)
     }, 250)
     function makeRandomMove() {
-        const possibleMoves = chess.moves();
-        if (possibleMoves.length === 0) return;
-        const randomIndex = Math.floor(Math.random() * possibleMoves.length);
-        chess.move(possibleMoves[randomIndex]);
+        const possibleMoves = chess.moves()
+        if (possibleMoves.length === 0) {
+            clearInterval(interval)
+            return
+        }
+        const randomIndex = Math.floor(Math.random() * possibleMoves.length)
+        chess.move(possibleMoves[randomIndex])
     }
 </script>
 <div class="clearfix"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "4.1.0",
+  "version": "4.1.3",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/cm-chessboard/Chessboard.js

@@ -4,10 +4,10 @@
  * License: MIT, see file 'LICENSE'
  */
 
-import {State} from "./core/State.js"
-import {ViewAccessible} from "./core/ViewAccessible.js"
-import {PositionAnimationsQueue} from "./core/PositionAnimationsQueue.js"
-import {Position} from "./core/Position.js"
+import {ChessboardState} from "./model/ChessboardState.js"
+import {Position} from "./model/Position.js"
+import {ChessboardViewAccessible} from "./view/ChessboardViewAccessible.js"
+import {PositionAnimationsQueue} from "./view/PositionAnimationsQueue.js"
 
 export const COLOR = {
     white: "w",
@@ -88,8 +88,8 @@ export class Chessboard {
             Object.assign(this.props.accessibility, props.accessibility)
         }
 
-        this.state = new State()
-        this.view = new ViewAccessible(this)
+        this.state = new ChessboardState()
+        this.view = new ChessboardViewAccessible(this)
         this.positionAnimationsQueue = new PositionAnimationsQueue(this)
         this.state.orientation = this.props.orientation
         this.view.redraw()

package/src/cm-chessboard/{core/State.js → model/ChessboardState.js}

@@ -5,7 +5,7 @@
  */
 import {Position} from "./Position.js"
 
-export class State {
+export class ChessboardState {
 
     constructor() {
         this.position = new Position()

package/src/cm-chessboard/{core/View.js → view/ChessboardView.js}

@@ -4,9 +4,9 @@
  * License: MIT, see file 'LICENSE'
  */
 
-import {MoveInput} from "./MoveInput.js"
+import {VisualMoveInput} from "./VisualMoveInput.js"
 import {COLOR, INPUT_EVENT_TYPE, BORDER_TYPE} from "../Chessboard.js"
-import {Position} from "./Position.js"
+import {Position} from "../model/Position.js"
 
 export const piecesTranslations = {
     en: {
@@ -47,11 +47,11 @@ export function renderPieceTitle(lang, name, color = undefined) {
     return title
 }
 
-export class View {
+export class ChessboardView {
 
     constructor(chessboard) {
         this.chessboard = chessboard
-        this.moveInput = new MoveInput(this,
+        this.moveInput = new VisualMoveInput(this,
             this.moveStartCallback.bind(this),
             this.moveDoneCallback.bind(this),
             this.moveCanceledCallback.bind(this)

package/src/cm-chessboard/{core/ViewAccessible.js → view/ChessboardViewAccessible.js}

@@ -3,9 +3,9 @@
  * Repository: https://github.com/shaack/cm-chessboard
  * License: MIT, see file 'LICENSE'
  */
-import {View, renderPieceTitle} from "./View.js"
+import {ChessboardView, renderPieceTitle} from "./ChessboardView.js"
 import {COLOR, INPUT_EVENT_TYPE} from "../Chessboard.js"
-import {piecesTranslations} from "./View.js"
+import {piecesTranslations} from "./ChessboardView.js"
 
 const hlTranslations = {
     de: {
@@ -32,7 +32,7 @@ const hlTranslations = {
     }
 }
 
-export class ViewAccessible extends View {
+export class ChessboardViewAccessible extends ChessboardView {
 
     constructor(chessboard, callbackAfterCreation) {
         super(chessboard, callbackAfterCreation)

package/src/cm-chessboard/{core → view}/PositionAnimationsQueue.js

@@ -3,8 +3,8 @@
  * Repository: https://github.com/shaack/cm-chessboard
  * License: MIT, see file 'LICENSE'
  */
-import {FEN_EMPTY_POSITION, Position} from "./Position.js"
-import {Svg} from "./View.js"
+import {FEN_EMPTY_POSITION, Position} from "../model/Position.js"
+import {Svg} from "./ChessboardView.js"
 
 /*
 * Thanks to markosyan for the idea to the PromiseQueue

package/src/cm-chessboard/{core/MoveInput.js → view/VisualMoveInput.js}

@@ -4,7 +4,7 @@
  * License: MIT, see file 'LICENSE'
  */
 
-import {Svg} from "./View.js"
+import {Svg} from "./ChessboardView.js"
 
 const STATE = {
     waitForInputStart: 0,
@@ -26,7 +26,7 @@ export const MOVE_CANCELED_REASON = {
 
 const DRAG_THRESHOLD = 4
 
-export class MoveInput {
+export class VisualMoveInput {
 
     constructor(view, moveStartCallback, moveDoneCallback, moveCanceledCallback) {
         this.view = view

package/test/TestPiecesAnimation.js

@@ -5,8 +5,8 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {State} from "../src/cm-chessboard/core/State.js"
-import {PositionsAnimation} from "../src/cm-chessboard/core/PositionAnimationsQueue.js"
+import {ChessboardState} from "../src/cm-chessboard/model/ChessboardState.js"
+import {PositionsAnimation} from "../src/cm-chessboard/view/PositionAnimationsQueue.js"
 
 describe("TestPiecesAnimation", () => {
     it("should calculate square distances", () => {
@@ -21,9 +21,9 @@ describe("TestPiecesAnimation", () => {
     })
 
     it("should seek changes", () => {
-        const state1 = new State()
+        const state1 = new ChessboardState()
         state1.setPosition("rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR")
-        const state2 = new State()
+        const state2 = new ChessboardState()
         state2.setPosition("rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR")
         const previousBoard1 = state1.position.squares
         const newBoard1 = state2.position.squares

package/test/TestPosition.js

@@ -5,7 +5,7 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {Position} from "../src/cm-chessboard/core/Position.js"
+import {Position} from "../src/cm-chessboard/model/Position.js"
 
 describe("TestPosition", () => {
     it("should convert square to index", () => {