cm-chessboard 4.3.6 → 4.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "4.3.6",
+  "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/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) {