cm-chessboard 8.5.5 → 8.5.7

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.5",
+  "version": "8.5.7",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/Chessboard.js

@@ -8,39 +8,19 @@ import {ChessboardState} from "./model/ChessboardState.js"
 import {FEN, Position} from "./model/Position.js"
 import {PositionAnimationsQueue} from "./view/PositionAnimationsQueue.js"
 import {EXTENSION_POINT} from "./model/Extension.js"
-import {ChessboardView} from "./view/ChessboardView.js"
+import {ChessboardView, COLOR, INPUT_EVENT_TYPE, BORDER_TYPE} from "./view/ChessboardView.js"
 import {Utils} from "./lib/Utils.js"
 
-export const COLOR = {
-    white: "w",
-    black: "b"
-}
-export const INPUT_EVENT_TYPE = {
-    moveInputStarted: "moveInputStarted",
-    movingOverSquare: "movingOverSquare", // while dragging or hover after click
-    validateMoveInput: "validateMoveInput",
-    moveInputCanceled: "moveInputCanceled",
-    moveInputFinished: "moveInputFinished"
-}
-/** @deprecated */
-export const SQUARE_SELECT_TYPE = {
-    primary: "primary",
-    secondary: "secondary"
-}
-export const BORDER_TYPE = {
-    none: "none", // no border
-    thin: "thin", // thin border
-    frame: "frame" // wide border with coordinates in it
-}
 export const PIECE = {
     wp: "wp", wb: "wb", wn: "wn", wr: "wr", wq: "wq", wk: "wk",
     bp: "bp", bb: "bb", bn: "bn", br: "br", bq: "bq", bk: "bk"
 }
-
 export const PIECES_FILE_TYPE = {
     svgSprite: "svgSprite"
 }
-
+export {COLOR}
+export {INPUT_EVENT_TYPE}
+export {BORDER_TYPE}
 export {FEN}
 
 export class Chessboard {

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') {

package/src/view/ChessboardView.js

@@ -5,12 +5,28 @@
  */
 
 import {VisualMoveInput} from "./VisualMoveInput.js"
-import {BORDER_TYPE, COLOR, INPUT_EVENT_TYPE} from "../Chessboard.js"
 import {Position} from "../model/Position.js"
 import {EXTENSION_POINT} from "../model/Extension.js"
 import {Svg} from "../lib/Svg.js"
 import {Utils} from "../lib/Utils.js"
 
+export const COLOR = {
+    white: "w",
+    black: "b"
+}
+export const INPUT_EVENT_TYPE = {
+    moveInputStarted: "moveInputStarted",
+    movingOverSquare: "movingOverSquare", // while dragging or hover after click
+    validateMoveInput: "validateMoveInput",
+    moveInputCanceled: "moveInputCanceled",
+    moveInputFinished: "moveInputFinished"
+}
+export const BORDER_TYPE = {
+    none: "none", // no border
+    thin: "thin", // thin border
+    frame: "frame" // wide border with coordinates in it
+}
+
 export class ChessboardView {
     constructor(chessboard) {
         this.chessboard = chessboard