cm-chessboard 8.0.1 → 8.0.3

package/examples/validate-moves.html

@@ -25,10 +25,15 @@
 
     const chess = new Chess()
 
+    let seed = 71;
+    function random() {
+        const x = Math.sin(seed++) * 10000;
+        return x - Math.floor(x);
+    }
     function makeEngineMove(chessboard) {
         const possibleMoves = chess.moves({verbose: true})
         if (possibleMoves.length > 0) {
-            const randomIndex = Math.floor(Math.random() * possibleMoves.length)
+            const randomIndex = Math.floor(random() * possibleMoves.length)
             const randomMove = possibleMoves[randomIndex]
             setTimeout(() => { // smoother with 500ms delay
                 chess.move({from: randomMove.from, to: randomMove.to})

package/package.json

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

package/src/Chessboard.js

@@ -46,7 +46,6 @@ export {FEN}
 export class Chessboard {
 
     constructor(context, props = {}) {
-        this.initialized = Promise.resolve()
         if (!context) {
             throw new Error("container element is " + context)
         }

package/src/view/ChessboardView.js

@@ -18,8 +18,8 @@ export class ChessboardView {
         if (chessboard.props.assetsCache) {
             this.cacheSpriteToDiv("cm-chessboard-sprite", this.getSpriteUrl())
         }
-        this.context = document.createElement("div")
-        this.chessboard.context.appendChild(this.context)
+        this.container = document.createElement("div")
+        this.chessboard.context.appendChild(this.container)
         if (chessboard.props.responsive) {
             if (typeof ResizeObserver !== "undefined") {
                 this.resizeObserver = new ResizeObserver(() => {
@@ -34,8 +34,8 @@ export class ChessboardView {
         this.positionsAnimationTask = Promise.resolve()
         this.pointerDownListener = this.pointerDownHandler.bind(this)
         this.pointerDownListener = this.pointerDownHandler.bind(this)
-        this.context.addEventListener("mousedown", this.pointerDownListener)
-        this.context.addEventListener("touchstart", this.pointerDownListener, {passive: false})
+        this.container.addEventListener("mousedown", this.pointerDownListener)
+        this.container.addEventListener("touchstart", this.pointerDownListener, {passive: false})
 
         this.createSvgAndGroups()
         this.updateMetrics()
@@ -80,7 +80,7 @@ export class ChessboardView {
     }
 
     createSvgAndGroups() {
-        this.svg = Svg.createSvg(this.context)
+        this.svg = Svg.createSvg(this.container)
         // let description = document.createElement("description")
         // description.innerText = "Chessboard"
         // description.id = "svg-description"
@@ -101,8 +101,8 @@ export class ChessboardView {
 
     updateMetrics() {
         const piecesTileSize = this.chessboard.props.style.pieces.tileSize
-        this.width = this.context.clientWidth
-        this.height = this.context.clientWidth * (this.chessboard.props.style.aspectRatio || 1)
+        this.width = this.container.clientWidth
+        this.height = this.container.clientWidth * (this.chessboard.props.style.aspectRatio || 1)
         if (this.chessboard.props.style.borderType === BORDER_TYPE.frame) {
             this.borderSize = this.width / 25
         } else if (this.chessboard.props.style.borderType === BORDER_TYPE.thin) {
@@ -120,9 +120,9 @@ export class ChessboardView {
     }
 
     handleResize() {
-        this.context.style.width = this.chessboard.context.clientWidth + "px"
-        this.context.style.height = (this.chessboard.context.clientWidth * this.chessboard.props.style.aspectRatio) + "px"
-        if (this.context.clientWidth !== this.width || this.context.clientHeight !== this.height) {
+        this.container.style.width = this.chessboard.context.clientWidth + "px"
+        this.container.style.height = (this.chessboard.context.clientWidth * this.chessboard.props.style.aspectRatio) + "px"
+        if (this.container.clientWidth !== this.width || this.container.clientHeight !== this.height) {
             this.updateMetrics()
             this.redrawBoard()
             this.redrawPieces()

package/src/view/VisualMoveInput.js

@@ -242,10 +242,6 @@ export class VisualMoveInput {
         if (!(e.type === "mousedown" && e.button === 0 || e.type === "touchstart")) {
             return
         }
-        if(e.type === "mousedown") { // another try to prevent strange safari desktop select all bug
-            e.preventDefault()
-            e.stopPropagation()
-        }
         const square = e.target.getAttribute("data-square")
         if (!square) { // pointer on square
             return
@@ -317,8 +313,6 @@ export class VisualMoveInput {
             pageX = e.pageX
             pageY = e.pageY
             target = e.target
-            e.preventDefault() // trying to prevent strange safari desktop bug, selecting the whole page on drag
-            e.stopPropagation()
         } else if (e.type === "touchmove") {
             clientX = e.touches[0].clientX
             clientY = e.touches[0].clientY

package/test/TestBoard.js

@@ -24,7 +24,7 @@ describe("TestBoard", () => {
             assetsUrl: "../assets/",
             position: FEN.start
         })
-        assert.equal(chessboard.view.context.childNodes.length, 1)
+        assert.equal(chessboard.view.container.childNodes.length, 1)
         chessboard.destroy()
         assert.equal(chessboard.state, undefined)
     })