cm-chessboard 8.6.0 → 8.7.0

package/index.html

@@ -23,6 +23,7 @@ It works, it is cool and it is easy to use. 👍</p>
         <li><a href="examples/pieces-animation.html">Set different positions, with animation</a></li>
         <li><a href="examples/extensions/markers-extension.html">Context input, mark squares and detect clicks on fields</a></li>
         <li><a href="examples/different-styles.html">Different styles and piece sets</a> 🎨</li>
+        <li><a href="examples/pointer-events.html">Pointer events on squares</a> 🆕</li>
         <li><a href="examples/destroy-many-boards.html">Stress test, 5000 boards created and destroyed</a> 🤓 👍</li>
     </ul>
     <h3>Examples using the cm-chessboard extensions</h3>

package/package.json

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

package/src/Chessboard.js

@@ -112,8 +112,9 @@ export class Chessboard {
         return this.state.position.getPiece(square)
     }
 
+    /** return the position object since 2024-04-20 (8.7.0) */
     getPosition() {
-        return this.state.position.getFen()
+        return this.state.position
     }
 
     getOrientation() {
@@ -132,7 +133,7 @@ export class Chessboard {
         return this.state.inputWhiteEnabled || this.state.inputBlackEnabled
     }
 
-    enableSquareSelect(event = POINTER_EVENTS.pointerdown, eventHandler) {
+    enableSquareSelect(eventType = POINTER_EVENTS.pointerdown, eventHandler) {
         if (!this.squareSelectListener) {
             this.squareSelectListener = function (e) {
                 const square = e.target.getAttribute("data-square")
@@ -144,13 +145,13 @@ export class Chessboard {
                 })
             }
         }
-        this.context.addEventListener(event, this.squareSelectListener)
+        this.context.addEventListener(eventType, this.squareSelectListener)
         this.state.squareSelectEnabled = true
         this.view.visualizeInputState()
     }
 
-    disableSquareSelect(event) {
-        this.context.removeEventListener(event, this.squareSelectListener)
+    disableSquareSelect(eventType) {
+        this.context.removeEventListener(eventType, this.squareSelectListener)
         this.squareSelectListener = undefined
         this.state.squareSelectEnabled = false
         this.view.visualizeInputState()

package/src/model/Position.js

@@ -130,6 +130,10 @@ export class Position {
         return file + rank
     }
 
+    toString() {
+        return this.getFen()
+    }
+
     clone() {
         const cloned = new Position()
         cloned.squares = this.squares.slice(0)