cm-chessboard 8.5.4 → 8.5.6

package/examples/validate-moves.html

@@ -49,21 +49,12 @@
             return // ignore this event
         }
         if(event.type !== INPUT_EVENT_TYPE.moveInputFinished) {
-            event.chessboard.removeMarkers(MARKER_TYPE.dot)
-            event.chessboard.removeMarkers(MARKER_TYPE.bevel)
+            event.chessboard.removeLegalMovesMarkers()
         }
         if (event.type === INPUT_EVENT_TYPE.moveInputStarted) {
+            // mark legal moves
             const moves = chess.moves({square: event.squareFrom, verbose: true})
-            for (const move of moves) { // draw dots on possible squares
-                if (move.promotion && move.promotion !== "q") {
-                    continue
-                }
-                if (event.chessboard.getPiece(move.to)) {
-                    event.chessboard.addMarker(MARKER_TYPE.bevel, move.to)
-                } else {
-                    event.chessboard.addMarker(MARKER_TYPE.dot, move.to)
-                }
-            }
+            event.chessboard.addLegalMovesMarkers(moves)
             return moves.length > 0
         } else if (event.type === INPUT_EVENT_TYPE.validateMoveInput) {
             const move = {from: event.squareFrom, to: event.squareTo, promotion: event.promotion}

package/package.json

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

package/src/Chessboard.js

@@ -147,8 +147,12 @@ export class Chessboard {
         this.view.disableMoveInput()
     }
 
+    isMoveInputEnabled() {
+        return this.state.inputWhiteEnabled || this.state.inputBlackEnabled
+    }
+
     addExtension(extensionClass, props) {
-        if(this.getExtension(extensionClass)) {
+        if (this.getExtension(extensionClass)) {
             throw Error("extension \"" + extensionClass.name + "\" already added")
         }
         this.extensions.push(new extensionClass(this, props))

package/src/extensions/markers/Markers.js

@@ -39,6 +39,8 @@ export class Markers extends Extension {
         chessboard.addMarker = this.addMarker.bind(this)
         chessboard.getMarkers = this.getMarkers.bind(this)
         chessboard.removeMarkers = this.removeMarkers.bind(this)
+        chessboard.addLegalMovesMarkers = this.addLegalMovesMarkers.bind(this)
+        chessboard.removeLegalMovesMarkers = this.removeLegalMovesMarkers.bind(this)
         this.markerGroupDown = Svg.addElement(chessboard.view.markersLayer, "g", {class: "markers"})
         this.markerGroupUp = Svg.addElement(chessboard.view.markersTopLayer, "g", {class: "markers"})
         this.markers = []
@@ -82,6 +84,24 @@ export class Markers extends Extension {
         )
     }
 
+    addLegalMovesMarkers(moves) {
+        for (const move of moves) {
+            if (move.promotion && move.promotion !== "q") {
+                continue
+            }
+            if (this.chessboard.getPiece(move.to)) {
+                this.chessboard.addMarker(MARKER_TYPE.bevel, move.to)
+            } else {
+                this.chessboard.addMarker(MARKER_TYPE.dot, move.to)
+            }
+        }
+    }
+
+    removeLegalMovesMarkers() {
+        this.chessboard.removeMarkers(MARKER_TYPE.bevel)
+        this.chessboard.removeMarkers(MARKER_TYPE.dot)
+    }
+
     drawMarker(marker) {
         let markerGroup
         if (marker.type.position === 'above') {