cm-chessboard 4.3.4 → 4.3.7

package/README.md

@@ -2,8 +2,6 @@
 
 A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and **without dependencies**.
 
-It works on desktop (current versions of Chrome, Firefox, Safari, Edge), and mobile (Android and iOS).
-
 cm-chessboard is the main chessboard of
 [chessmail.eu](https://www.chessmail.eu) and [chessmail.de](https://www.chessmail.de). It is also used
 in [chess-console](https://shaack.com/projekte/chess-console/examples/load-pgn.html) and in
@@ -395,7 +393,7 @@ const chessboard = new Chessboard(document.getElementById("board"), {
         [{
             class: Accessibility,
             props: {
-                brailleNotationInAlt: true, // show the braille notation of the game in the alt attribute of the SVG
+                brailleNotationInAlt: true, // show the braille notation of the position in the alt attribute of the SVG image
                 boardAsTable: true, // display the board additionally as HTML table
                 movePieceForm: true, // display a form to move a piece (from, to, move)
                 piecesAsList: true, // display the pieces additionally as List

package/package.json

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

package/src/cm-chessboard/Chessboard.js

@@ -87,6 +87,7 @@ export class Chessboard {
             this.props.language = "en"
         }
 
+        this.moveTask = Promise.resolve()
         this.state = new ChessboardState()
         this.view = new ChessboardView(this)
         this.positionAnimationsQueue = new PositionAnimationsQueue(this)

package/src/cm-chessboard/extensions/Accessibility.js

@@ -37,7 +37,7 @@ export class Accessibility extends Extension {
     constructor(chessboard, props) {
         super(chessboard, props)
         this.props = {
-            brailleNotationInAlt: true, // show the braille notation of the game in the alt attribute of the SVG
+            brailleNotationInAlt: true, // show the braille notation of the position in the alt attribute of the SVG image
             boardAsTable: false, // display the board additionally as HTML table
             movePieceForm: false, // display a form to move a piece (from, to, move)
             piecesAsList: false, // display the pieces additionally as List

package/src/cm-chessboard/view/VisualMoveInput.js

@@ -26,14 +26,42 @@ export const MOVE_CANCELED_REASON = {
 
 const DRAG_THRESHOLD = 4
 
+function createTask() {
+    let resolve, reject
+    const promise = new Promise(function (_resolve, _reject) {
+        resolve = _resolve
+        reject = _reject
+    })
+    promise.resolve = resolve
+    promise.reject = reject
+    return promise
+}
+
 export class VisualMoveInput {
 
     constructor(view, moveStartCallback, moveDoneCallback, moveCanceledCallback) {
         this.view = view
         this.chessboard = view.chessboard
-        this.moveStartCallback = moveStartCallback
-        this.moveDoneCallback = moveDoneCallback
-        this.moveCanceledCallback = moveCanceledCallback
+        this.moveStartCallback = (square) => {
+            const result = moveStartCallback(square)
+            if(result) {
+                this.chessboard.moveTask = createTask()
+            }
+            return result
+        }
+        this.moveDoneCallback = (fromSquare, toSquare) => {
+            const result = moveDoneCallback(fromSquare, toSquare)
+            if(result) {
+                this.chessboard.moveTask.resolve()
+            } else {
+                this.chessboard.moveTask.reject()
+            }
+            return result
+        }
+        this.moveCanceledCallback = (reason, fromSquare, toSquare) => {
+            moveCanceledCallback(reason, fromSquare, toSquare)
+            this.chessboard.moveTask.reject()
+        }
         this.setMoveInputState(STATE.waitForInputStart)
     }
 
@@ -138,7 +166,7 @@ export class VisualMoveInput {
                 }
                 this.toSquare = params.square
                 if (this.toSquare && this.moveDoneCallback(this.fromSquare, this.toSquare)) {
-                    if(prevState === STATE.clickTo) {
+                    if (prevState === STATE.clickTo) {
                         this.chessboard.movePiece(this.fromSquare, this.toSquare, true).then(() => {
                             this.setMoveInputState(STATE.reset)
                         })
@@ -365,10 +393,10 @@ export class VisualMoveInput {
     }
 
     updateStartEndMarkers() {
-        if(this.chessboard.props.style.moveFromMarker) {
+        if (this.chessboard.props.style.moveFromMarker) {
             this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.moveFromMarker)
         }
-        if(this.chessboard.props.style.moveToMarker) {
+        if (this.chessboard.props.style.moveToMarker) {
             this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.moveToMarker)
         }
         if (this.chessboard.props.style.moveFromMarker) {