cm-chessboard 3.14.2 → 3.16.0

package/README.md

@@ -44,7 +44,7 @@ dependencies.
 
 Preconditions for using cm-chessboard in a web page:
 
-1. **include the css:** `styles/cm-chessboard.css`
+1. **include the css:** `assets/styles/cm-chessboard.css`
 2. **import the ES6 module:** `import {Chessboard} from "PATH/TO/src/cm-chessboard/Chessboard.js"`
 
 Example, showing a FEN:
@@ -75,7 +75,8 @@ props = {
         showCoordinates: true, // show ranks and files
         borderType: BORDER_TYPE.thin, // thin: thin border, frame: wide border with coordinates in it, none: no border
         aspectRatio: 1, // height/width. Set to `undefined`, if you want to define it only in the css.
-        moveMarker: MARKER_TYPE.frame // the marker used for moves
+        moveFromMarker: MARKER_TYPE.frame, // the marker used to mark the start square
+        moveToMarker: MARKER_TYPE.frame // the marker used to mark the square where the figure is moving to
     },
     responsive: true, // resizes the board based on element size
     animationDuration: 300, // pieces animation duration in milliseconds
@@ -105,12 +106,18 @@ Sets a piece on a square. Example: `board.setPiece("e4", PIECE.blackKnight)` or
 
 Returns the piece on a square or `undefined` if the square is empty.
 
+### movePiece(squareFrom, squareTo, animated = true)
+
+Move a piece from `squareFrom` to `squareTo`. Returns a **Promise**, which is resolved, when the animation finished.
+
+[Example for **movePiece**](https://shaack.com/projekte/cm-chessboard/examples/pieces-animation.html)
+
 ### setPosition(fen, animated = true)
 
 Sets the position as `fen`. Special values are `"start"`, sets the chess start position and
 `"empty"`, sets an empty board. When `animated` is set `false`, the new position will be shown instant.
 
-Returns a **Promise** which will be resolved, after the Animation has finished.
+Returns a **Promise**, which is resolved, when the animation finished.
 
 [Example for **setPosition**](https://shaack.com/projekte/cm-chessboard/examples/pieces-animation.html)
 
@@ -261,7 +268,7 @@ Example: The markerCircle is defined in the SVG like this.
 It's a circle with the radius 18 and its center at 20/20.
 
 Important is the id "markerCircle". You can set the marker
-with `board.addMarker("e4", {class: "emphasize", slice: "markerSquare"})`
+with `board.addMarker("e4", {class: "markerSquare", slice: "markerSquare"})`
 "emphasize" is the css class, which defines the color and opacity of the marker. "slice" is the id of the marker in the SVG. This is
 also demonstrated in the [mark squares example](https://shaack.com/projekte/cm-chessboard/examples/input-callbacks.html)
 .
@@ -269,17 +276,17 @@ also demonstrated in the [mark squares example](https://shaack.com/projekte/cm-c
 The color and stroke-width of the marker is defined in the css (or scss). You could also define your marker completely
 in the sprite, but then that is not so flexible.
 
-These are the css styles of the markers "emphasize" and "danger".
+These are the css styles of the markers "markerSquare" and "markerCircleRed".
 
 ```css
-marker.emphasize {
+marker.markerSquare {
   fill: black;
-  opacity: 0.4;
+  opacity: 0.11;
 }
-marker.danger {
-   stroke: #cc0000;
+marker.markerCircleRed {
+   stroke: #aa0000;
    stroke-width: 3px;
-   opacity: 0.5;
+   opacity: 0.4;
  }
 ```
 

package/{styles → assets/styles}/cm-chessboard.css

@@ -1,30 +1,30 @@
 .cm-chessboard .board.input-enabled .square {
   cursor: pointer; }
 
-.cm-chessboard .markers .marker.markerFrame {
+.cm-chessboard .markers .marker.markerFrame, .cm-chessboard .markers .marker.marker-frame {
   stroke: black;
   stroke-width: 1.8px;
   opacity: 0.5; }
 
-.cm-chessboard .markers .marker.markerFrameRed {
+.cm-chessboard .markers .marker.markerFrameRed, .cm-chessboard .markers .marker.marker-frame-red {
   stroke: #aa0000;
   stroke-width: 1.8px;
   opacity: 0.4; }
 
-.cm-chessboard .markers .marker.markerSquare {
+.cm-chessboard .markers .marker.markerSquare, .cm-chessboard .markers .marker.marker-square {
   fill: black;
   opacity: 0.11; }
 
-.cm-chessboard .markers .marker.markerDot {
+.cm-chessboard .markers .marker.markerDot, .cm-chessboard .markers .marker.marker-dot {
   fill: black;
   opacity: 0.3; }
 
-.cm-chessboard .markers .marker.markerCircle {
+.cm-chessboard .markers .marker.markerCircle, .cm-chessboard .markers .marker.marker-circle {
   stroke: #000055;
   stroke-width: 3px;
   opacity: 0.4; }
 
-.cm-chessboard .markers .marker.markerCircleRed {
+.cm-chessboard .markers .marker.markerCircleRed, .cm-chessboard .markers .marker.marker-circle-red {
   stroke: #aa0000;
   stroke-width: 3px;
   opacity: 0.4; }

package/assets/styles/cm-chessboard.css.map

@@ -0,0 +1,10 @@
+{
+	"version": 3,
+	"file": "cm-chessboard.css",
+	"sources": [
+		"cm-chessboard.scss",
+		"_cm-chessboard-theme.scss"
+	],
+	"names": [],
+	"mappings": "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"
+}

package/{styles → assets/styles}/cm-chessboard.scss

@@ -11,38 +11,39 @@
   }
   .markers {
     .marker {
-      &.markerFrame {
+      // use the second, the hyphens syntax
+      &.markerFrame, &.marker-frame {
         stroke: black;
         stroke-width: 1.8px;
         opacity: 0.5;
       }
-      &.markerFrameRed {
+      &.markerFrameRed, &.marker-frame-red {
         stroke: #aa0000;
         stroke-width: 1.8px;
         opacity: 0.4;
       }
-      &.markerSquare {
+      &.markerSquare, &.marker-square {
         fill: black;
         opacity: 0.11;
       }
-      &.markerDot {
+      &.markerDot, &.marker-dot {
         fill: black;
         opacity: 0.3;
       }
-      &.markerCircle {
+      &.markerCircle, &.marker-circle {
         stroke: #000055;
         stroke-width: 3px;
         opacity: 0.4;
       }
-      &.markerCircleRed {
+      &.markerCircleRed, &.marker-circle-red {
         stroke: #aa0000;
         stroke-width: 3px;
         opacity: 0.4;
       }
     }
   }
-
   .pieces, .markers {
+    // important for the proper function
     pointer-events: none;
   }
 }

package/examples/destroy-many-boards.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
     <!--suppress CssUnusedSymbol -->
     <style type="text/css">
         div.board {

package/examples/different-styles.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>

package/examples/enable-input.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>
@@ -45,6 +45,7 @@ function inputHandler(event) {
     })
     window.board.enableMoveInput(inputHandler)
     function inputHandler(event) {
+        console.log(event)
         switch (event.type) {
             case INPUT_EVENT_TYPE.moveStart:
                 log(`moveStart: ${event.square}`)

package/examples/input-callbacks.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>

package/examples/many-boards.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
     <!--suppress CssUnusedSymbol -->
     <style type="text/css">

package/examples/pieces-animation.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>
@@ -18,9 +18,12 @@
 <button onclick="setPosition('rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR')">Position 1</button>
 <button onclick="setPosition('rnbqkbnr/pp1ppppp/8/2p5/4P3/5N2/PPPP1PPP/RNBQKB1R')">Position 2</button>
 <button onclick="setPosition('rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR')">Position 3</button>
-<button onclick="switchOrientation()">Switch Orientation
-</button>
+<button onclick="switchOrientation()">Switch Orientation</button>
 <pre>&lt;button onclick="window.board.setPosition('rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR')"&gt;Position 3&lt;/button&gt;</pre>
+<br/>
+Move piece from: <input id="moveFrom" type="text" size="2" value="e2"/> to:  <input id="moveTo" type="text" size="2" value="e4"/>
+<button onclick="movePiece()">Do move</button>
+<pre>board.movePiece(squareFrom, squareTo)</pre>
 <script type="module">
     import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
 
@@ -40,6 +43,12 @@
     window.switchOrientation = () => {
         board.setOrientation(board.getOrientation() === 'w' ? 'b' : 'w')
     }
+    window.movePiece = () => {
+        const squareFrom = document.getElementById("moveFrom").value
+        const squareTo = document.getElementById("moveTo").value
+        console.log("movePiece", squareFrom, squareTo)
+        board.movePiece(squareFrom, squareTo)
+    }
 </script>
 </body>
 </html>

package/examples/responsive-board.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>

package/examples/simple-boards.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
 </head>
 <body>
 <h1><a href="../">cm-chessboard</a></h1>

package/examples/validate-moves.html

@@ -5,7 +5,7 @@
     <title>cm-chessboard</title>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
     <link rel="stylesheet" href="styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
 </head>
 <body>
@@ -22,8 +22,10 @@ const chess = new Chess()
 function inputHandler(event) {
     console.log("event", event)
     event.chessboard.removeMarkers(undefined, MARKER_TYPE.dot)
+    event.chessboard.removeMarkers(undefined, MARKER_TYPE.square)
     if (event.type === INPUT_EVENT_TYPE.moveStart) {
         const moves = chess.moves({square: event.square, verbose: true});
+        event.chessboard.addMarker(event.square, MARKER_TYPE.square)
         for (const move of moves) {
             event.chessboard.addMarker(move.to, MARKER_TYPE.dot)
         }
@@ -32,6 +34,7 @@ function inputHandler(event) {
         const move = {from: event.squareFrom, to: event.squareTo}
         const result = chess.move(move)
         if (result) {
+            event.chessboard.removeMarkers(undefined, MARKER_TYPE.square)
             event.chessboard.disableMoveInput()
             event.chessboard.setPosition(chess.fen())
             const possibleMoves = chess.moves({verbose: true})
@@ -54,7 +57,7 @@ function inputHandler(event) {
 const board = new Chessboard(document.getElementById("board"), {
     position: chess.fen(),
     sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
-    style: {moveMarker: MARKER_TYPE.square, hoverMarker: undefined},
+    style: {moveFromMarker: undefined, moveToMarker: undefined}, // disable standard markers
     orientation: COLOR.white
 })
 board.enableMoveInput(inputHandler, COLOR.white)
@@ -69,9 +72,11 @@ board.enableMoveInput(inputHandler, COLOR.white)
     function inputHandler(event) {
         console.log("event", event)
         event.chessboard.removeMarkers(undefined, MARKER_TYPE.dot)
+        event.chessboard.removeMarkers(undefined, MARKER_TYPE.square)
         if (event.type === INPUT_EVENT_TYPE.moveStart) {
             const moves = chess.moves({square: event.square, verbose: true});
-            for (const move of moves) {
+            event.chessboard.addMarker(event.square, MARKER_TYPE.square)
+            for (const move of moves) { // draw dots on possible moves
                 event.chessboard.addMarker(move.to, MARKER_TYPE.dot)
             }
             return moves.length > 0
@@ -101,7 +106,7 @@ board.enableMoveInput(inputHandler, COLOR.white)
     const board = new Chessboard(document.getElementById("board"), {
         position: chess.fen(),
         sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
-        style: {moveMarker: MARKER_TYPE.square, hoverMarker: undefined},
+        style: {moveFromMarker: undefined, moveToMarker: undefined}, // disable standard markers
         orientation: COLOR.white
     })
     board.enableMoveInput(inputHandler, COLOR.white)

package/index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>cm-chessboard</title>
-    <link rel="stylesheet" href="./styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="assets/styles/cm-chessboard.css"/>
     <link rel="stylesheet" href="examples/styles/examples.css"/>
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
 </head>

package/package.json

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

package/src/cm-chessboard/Chessboard.js

@@ -26,10 +26,10 @@ export const BORDER_TYPE = {
     frame: "frame" // wide border with coordinates in it
 }
 export const MARKER_TYPE = {
-    frame: {class: "markerFrame", slice: "markerFrame"},
-    square: {class: "markerSquare", slice: "markerSquare"},
-    dot: {class: "markerDot", slice: "markerDot"},
-    circle: {class: "markerCircle", slice: "markerCircle"}
+    frame: {class: "marker-frame", slice: "markerFrame"},
+    square: {class: "marker-square", slice: "markerSquare"},
+    dot: {class: "marker-dot", slice: "markerDot"},
+    circle: {class: "marker-circle", slice: "markerCircle"}
 }
 export const PIECE = {
     wp: "wp", wb: "wb", wn: "wn", wr: "wr", wq: "wq", wk: "wk",
@@ -53,8 +53,10 @@ export class Chessboard {
                 showCoordinates: true, // show ranks and files
                 borderType: BORDER_TYPE.thin, // thin: thin border, frame: wide border with coordinates in it, none: no border
                 aspectRatio: 1, // height/width. Set to `undefined`, if you want to define it only in the css.
-                moveMarker: MARKER_TYPE.frame, // the marker used for moves
-                hoverMarker: MARKER_TYPE.frame // the marker used for hovering, when moving
+                moveFromMarker: MARKER_TYPE.frame, // the marker used to mark the start square
+                moveToMarker: MARKER_TYPE.frame, // the marker used to mark the square where the figure is moving to
+                moveMarker: MARKER_TYPE.frame, // deprecated => moveFromMarker // TODO remove in future
+                hoverMarker: MARKER_TYPE.frame // deprecated => moveToMarker // TODO remove in future
             },
             responsive: true, // resizes the board based on element size
             animationDuration: 300, // pieces animation duration in milliseconds
@@ -75,6 +77,14 @@ export class Chessboard {
         if (props.style) {
             Object.assign(this.props.style, props.style)
         }
+        if(this.props.style.moveMarker !== MARKER_TYPE.frame) { // TODO remove in future
+            console.warn("this.props.style.moveMarker is deprecated, use this.props.style.moveFromMarker")
+            this.props.style.moveFromMarker = this.props.style.moveMarker
+        }
+        if(this.props.style.hoverMarker !== MARKER_TYPE.frame) { // TODO remove in future
+            console.warn("this.props.style.hoverMarker is deprecated, use this.props.style.moveToMarker")
+            this.props.style.moveToMarker = this.props.style.hoverMarker
+        }
         if (this.props.style.aspectRatio) {
             this.element.style.height = (this.element.offsetWidth * this.props.style.aspectRatio) + "px"
         }
@@ -104,6 +114,27 @@ export class Chessboard {
         return this.state.squares[this.state.squareToIndex(square)]
     }
 
+    movePiece(squareFrom, squareTo, animated = true) {
+        return new Promise((resolve, reject) => {
+            const prevSquares = this.state.squares.slice(0) // clone
+            const pieceFrom = this.getPiece(squareFrom)
+            if(!pieceFrom) {
+                reject("no piece on square " + squareFrom)
+                return
+            }
+            this.state.squares[this.state.squareToIndex(squareFrom)] = undefined
+            this.state.squares[this.state.squareToIndex(squareTo)] = pieceFrom
+            if (animated) {
+                this.view.animatePieces(prevSquares, this.state.squares, () => {
+                    resolve()
+                })
+            } else {
+                this.view.drawPieces(this.state.squares)
+                resolve()
+            }
+        })
+    }
+
     setPosition(fen, animated = true) {
         return new Promise((resolve) => {
             if (fen === "start") {

package/src/cm-chessboard/ChessboardMoveInput.js

@@ -21,7 +21,7 @@ export const MOVE_CANCELED_REASON = {
     secondClick: "secondClick",
     movedOutOfBoard: "movedOutOfBoard",
     draggedBack: "draggedBack",
-    clickedAnother: "clickedAnother"
+    clickedAnotherPiece: "clickedAnotherPiece"
 }
 
 const DRAG_THRESHOLD = 4
@@ -254,7 +254,7 @@ export class ChessboardMoveInput {
                             const startPieceName = this.chessboard.getPiece(SQUARE_COORDINATES[this.startIndex])
                             const startPieceColor = startPieceName ? startPieceName.substr(0, 1) : undefined
                             if (color && startPieceColor === pieceColor) { // https://github.com/shaack/cm-chessboard/issues/40
-                                this.moveCanceledCallback(MOVE_CANCELED_REASON.clickedAnother, index)
+                                this.moveCanceledCallback(MOVE_CANCELED_REASON.clickedAnotherPiece, this.startIndex, index)
                                 if (this.moveStartCallback(index)) {
                                     this.setMoveInputState(STATE.pieceClickedThreshold, {
                                         index: index,
@@ -339,7 +339,7 @@ export class ChessboardMoveInput {
                         if (this.moveInputState === STATE.clickDragTo) {
                             this.chessboard.state.setPiece(this.startIndex, this.movedPiece)
                             this.view.setPieceVisibility(this.startIndex)
-                            this.moveCanceledCallback(MOVE_CANCELED_REASON.draggedBack, index)
+                            this.moveCanceledCallback(MOVE_CANCELED_REASON.draggedBack, index, index)
                             this.setMoveInputState(STATE.reset)
                         } else {
                             this.setMoveInputState(STATE.clickTo, {index: index})
@@ -351,12 +351,13 @@ export class ChessboardMoveInput {
                     this.setMoveInputState(STATE.clickTo, {index: index})
                 } else if (this.moveInputState === STATE.secondClickThreshold) {
                     this.setMoveInputState(STATE.reset)
-                    this.moveCanceledCallback(MOVE_CANCELED_REASON.secondClick, index)
+                    this.moveCanceledCallback(MOVE_CANCELED_REASON.secondClick, index, index)
                 }
             } else {
                 this.view.drawPieces()
+                const moveStartIndex = this.startIndex
                 this.setMoveInputState(STATE.reset)
-                this.moveCanceledCallback(MOVE_CANCELED_REASON.movedOutOfBoard, undefined)
+                this.moveCanceledCallback(MOVE_CANCELED_REASON.movedOutOfBoard, moveStartIndex, undefined)
             }
         } else {
             this.view.drawPieces()
@@ -365,20 +366,20 @@ export class ChessboardMoveInput {
     }
 
     updateStartEndMarkers() {
-        if(this.chessboard.props.style.moveMarker) {
-            this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.moveMarker)
+        if(this.chessboard.props.style.moveFromMarker) {
+            this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.moveFromMarker)
         }
-        if(this.chessboard.props.style.hoverMarker) {
-            this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.hoverMarker)
+        if(this.chessboard.props.style.moveToMarker) {
+            this.chessboard.state.removeMarkers(undefined, this.chessboard.props.style.moveToMarker)
         }
-        if (this.chessboard.props.style.moveMarker) {
+        if (this.chessboard.props.style.moveFromMarker) {
             if (this.startIndex) {
-                this.chessboard.state.addMarker(this.startIndex, this.chessboard.props.style.moveMarker)
+                this.chessboard.state.addMarker(this.startIndex, this.chessboard.props.style.moveFromMarker)
             }
         }
-        if (this.chessboard.props.style.hoverMarker) {
+        if (this.chessboard.props.style.moveToMarker) {
             if (this.endIndex) {
-                this.chessboard.state.addMarker(this.endIndex, this.chessboard.props.style.hoverMarker)
+                this.chessboard.state.addMarker(this.endIndex, this.chessboard.props.style.moveToMarker)
             }
         }
         this.view.drawMarkers()

package/src/cm-chessboard/ChessboardState.js

@@ -7,7 +7,7 @@
 export class ChessboardState {
 
     constructor() {
-        this.squares = new Array(64).fill(undefined)
+        this.squares = new Array(64).fill(null)
         this.orientation = undefined
         this.markers = []
         this.inputWhiteEnabled = false
@@ -59,7 +59,7 @@ export class ChessboardState {
                 })
                 for (let c = 0; c < 8; c++) {
                     const char = row.substr(c, 1)
-                    let piece = undefined
+                    let piece = null
                     if (char !== '-') {
                         if (char.toUpperCase() === char) {
                             piece = `w${char.toLowerCase()}`

package/src/cm-chessboard/ChessboardView.js

@@ -406,13 +406,14 @@ export class ChessboardView {
         }
     }
 
-    moveCanceledCallback(reason, index) {
+    moveCanceledCallback(reason, fromIndex, toIndex) {
         if (this.moveInputCallback) {
             this.moveInputCallback({
                 chessboard: this.chessboard,
                 type: INPUT_EVENT_TYPE.moveCanceled,
                 reason: reason,
-                square: index ? SQUARE_COORDINATES[index] : undefined
+                squareFrom: SQUARE_COORDINATES[fromIndex],
+                squareTo: toIndex ? SQUARE_COORDINATES[toIndex] : undefined
             })
         }
     }

package/test/TestMarkers.js

@@ -17,18 +17,16 @@ describe("TestMarkers", () => {
         chessboard.addMarker("e5", MARKER_TYPE.square)
         chessboard.addMarker("b6", MARKER_TYPE.frame)
         chessboard.addMarker("h6", MARKER_TYPE.frame)
-        setTimeout(() => {
-            assert.equals(chessboard.getMarkers().length,3)
-            const markersE5 = chessboard.getMarkers("e5")
-            assert.equals(markersE5.length, 1)
-            assert.equals(markersE5[0].square, "e5")
-            assert.equals(markersE5[0].type.slice, "markerSquare")
-            assert.equals(chessboard.getMarkers(undefined, MARKER_TYPE.square).length, 1)
-            assert.equals(chessboard.getMarkers("a4").length, 0)
-            assert.equals(chessboard.getMarkers(undefined, MARKER_TYPE.frame).length, 2)
-            assert.equals(chessboard.getMarkers("b6", MARKER_TYPE.frame).length, 1)
-            chessboard.destroy()
-        }, 100)
+        assert.equals(chessboard.getMarkers().length,3)
+        const markersE5 = chessboard.getMarkers("e5")
+        assert.equals(markersE5.length, 1)
+        assert.equals(markersE5[0].square, "e5")
+        assert.equals(markersE5[0].type.slice, "markerSquare")
+        assert.equals(chessboard.getMarkers(undefined, MARKER_TYPE.square).length, 1)
+        assert.equals(chessboard.getMarkers("a4").length, 0)
+        assert.equals(chessboard.getMarkers(undefined, MARKER_TYPE.frame).length, 2)
+        assert.equals(chessboard.getMarkers("b6", MARKER_TYPE.frame).length, 1)
+        chessboard.destroy()
     })
 
 })

package/test/TestPosition.js

@@ -13,10 +13,9 @@ describe("TestPosition", () => {
         const chessboard = new Chessboard(document.getElementById("TestPosition"), {
             sprite: {url: "../assets/images/chessboard-sprite.svg"},
             position: "start"
-        }, () => {
-            assert.equals(chessboard.getPosition(), "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR")
-            chessboard.destroy()
         })
+        assert.equals(chessboard.getPosition(), "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR")
+        chessboard.destroy()
     })
 
     it("should set and get the position", () => {
@@ -48,9 +47,7 @@ describe("TestPosition", () => {
         assert.equals(chessboard.getPiece("a1"), "bk")
         chessboard.setPiece("e5", PIECE.wk)
         assert.equals(chessboard.getPiece("e5"), "wk")
-        setTimeout(() => {
-            chessboard.destroy()
-        }, 100)
+        chessboard.destroy()
     })
 
 })

package/test/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>Test cm-chessboard</title>
     <link rel="stylesheet" href="../examples/styles/examples.css"/>
-    <link rel="stylesheet" href="../styles/cm-chessboard.css"/>
+    <link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
     <style type="text/css">
         .board {
             position: absolute;

package/styles/cm-chessboard.css.map

@@ -1,10 +0,0 @@
-{
-	"version": 3,
-	"file": "cm-chessboard.css",
-	"sources": [
-		"cm-chessboard.scss",
-		"_cm-chessboard-theme.scss"
-	],
-	"names": [],
-	"mappings": "AAGA,AAGM,cAHQ,CACZ,MAAM,AACH,cAAc,CACb,OAAO,CAAC;EACN,MAAM,EAAE,OAAO,GAChB;;AALP,AAUM,cAVQ,CAQZ,QAAQ,CACN,OAAO,AACJ,YAAY,CAAC;EACZ,MAAM,EAAE,KAAK;EACb,YAAY,EAAE,KAAK;EACnB,OAAO,EAAE,GAAG,GACb;;AAdP,AAeM,cAfQ,CAQZ,QAAQ,CACN,OAAO,AAMJ,eAAe,CAAC;EACf,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,KAAK;EACnB,OAAO,EAAE,GAAG,GACb;;AAnBP,AAoBM,cApBQ,CAQZ,QAAQ,CACN,OAAO,AAWJ,aAAa,CAAC;EACb,IAAI,EAAE,KAAK;EACX,OAAO,EAAE,IAAI,GACd;;AAvBP,AAwBM,cAxBQ,CAQZ,QAAQ,CACN,OAAO,AAeJ,UAAU,CAAC;EACV,IAAI,EAAE,KAAK;EACX,OAAO,EAAE,GAAG,GACb;;AA3BP,AA4BM,cA5BQ,CAQZ,QAAQ,CACN,OAAO,AAmBJ,aAAa,CAAC;EACb,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,GAAG;EACjB,OAAO,EAAE,GAAG,GACb;;AAhCP,AAiCM,cAjCQ,CAQZ,QAAQ,CACN,OAAO,AAwBJ,gBAAgB,CAAC;EAChB,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,GAAG;EACjB,OAAO,EAAE,GAAG,GACb;;AArCP,AAyCE,cAzCY,CAyCZ,OAAO,EAzCT,cAAc,CAyCH,QAAQ,CAAC;EAChB,cAAc,EAAE,IAAI,GACrB;;AC9CH,AAQQ,cARM,AAAA,QAAQ,CAMlB,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,ED2CE,OAAO,GC1Cd;;AAVT,AAYQ,cAZM,AAAA,QAAQ,CAMlB,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,EDuCW,OAAO,GCtCvB;;AAdT,AAoBQ,cApBM,AAAA,QAAQ,AAkBjB,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,ED+BS,OAAO;EC9BtB,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,QAAQ,AA4BjB,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,EDqBE,OAAO;ECpBb,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,QAAQ,AA4BjB,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,EDgBS,OAAO;ECftB,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,QAAQ,CAyClB,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,QAAQ,CAyClB,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,EDMa,OAAO;ICLxB,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,QAAQ,CAyClB,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,EDEE,OAAO,GCDd;IAnDT,AAoDQ,cApDM,AAAA,QAAQ,CAyClB,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDDW,OAAO,GCEvB;;AAtDT,AAQQ,cARM,AAAA,MAAM,CAMhB,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,ED+CE,OAAO,GC9Cd;;AAVT,AAYQ,cAZM,AAAA,MAAM,CAMhB,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,ED2CW,OAAO,GC1CvB;;AAdT,AAoBQ,cApBM,AAAA,MAAM,AAkBf,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,EDmCS,OAAO;EClCtB,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,MAAM,AA4Bf,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,EDyBE,OAAO;ECxBb,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,MAAM,AA4Bf,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,EDoBS,OAAO;ECnBtB,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,MAAM,CAyChB,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,MAAM,CAyChB,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,EDUa,OAAO;ICTxB,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,MAAM,CAyChB,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,EDME,OAAO,GCLd;IAnDT,AAoDQ,cApDM,AAAA,MAAM,CAyChB,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDGW,OAAO,GCFvB;;AAtDT,AAQQ,cARM,AAAA,KAAK,CAMf,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,EDmDE,OAAO,GClDd;;AAVT,AAYQ,cAZM,AAAA,KAAK,CAMf,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,ED+CW,OAAO,GC9CvB;;AAdT,AAoBQ,cApBM,AAAA,KAAK,AAkBd,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,EDuCS,OAAO;ECtCtB,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,KAAK,AA4Bd,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,ED6BE,OAAO;EC5Bb,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,KAAK,AA4Bd,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,EDwBS,OAAO;ECvBtB,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,KAAK,CAyCf,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,KAAK,CAyCf,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,EDca,OAAO;ICbxB,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,KAAK,CAyCf,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,EDUE,OAAO,GCTd;IAnDT,AAoDQ,cApDM,AAAA,KAAK,CAyCf,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDOW,OAAO,GCNvB;;AAtDT,AAQQ,cARM,AAAA,WAAW,CAMrB,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,EDuDE,OAAO,GCtDd;;AAVT,AAYQ,cAZM,AAAA,WAAW,CAMrB,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,EDmDW,OAAO,GClDvB;;AAdT,AAoBQ,cApBM,AAAA,WAAW,AAkBpB,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,ED8CA,OAAO;EC7Cb,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,WAAW,AA4BpB,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,EDoCW,OAAO;ECnCtB,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,WAAW,AA4BpB,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,ED+BA,OAAO;EC9Bb,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,WAAW,CAyCrB,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,WAAW,CAyCrB,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,EDoBI,OAAO;ICnBf,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,WAAW,CAyCrB,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,EDeW,OAAO,GCdvB;IAnDT,AAoDQ,cApDM,AAAA,WAAW,CAyCrB,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDYE,OAAO,GCXd;;AAtDT,AAQQ,cARM,AAAA,cAAc,CAMxB,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,ED8DE,OAAO,GC7Dd;;AAVT,AAYQ,cAZM,AAAA,cAAc,CAMxB,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,ED0DW,OAAO,GCzDvB;;AAdT,AAoBQ,cApBM,AAAA,cAAc,AAkBvB,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,EDqDA,OAAO;ECpDb,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,cAAc,AA4BvB,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,ED2CW,OAAO;EC1CtB,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,cAAc,AA4BvB,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,EDsCA,OAAO;ECrCb,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,cAAc,CAyCxB,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,cAAc,CAyCxB,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,ED2BI,OAAO;IC1Bf,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,cAAc,CAyCxB,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,EDsBW,OAAO,GCrBvB;IAnDT,AAoDQ,cApDM,AAAA,cAAc,CAyCxB,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDmBE,OAAO,GClBd;;AAtDT,AAQQ,cARM,AAAA,gBAAgB,CAM1B,MAAM,CACJ,OAAO,AACJ,MAAM,CAAC;EACN,IAAI,EDqEE,OAAO,GCpEd;;AAVT,AAYQ,cAZM,AAAA,gBAAgB,CAM1B,MAAM,CACJ,OAAO,AAKJ,MAAM,CAAC;EACN,IAAI,EDiEW,OAAO,GChEvB;;AAdT,AAoBQ,cApBM,AAAA,gBAAgB,AAkBzB,iBAAiB,CAChB,MAAM,CACJ,OAAO,CAAC;EACN,MAAM,EDyDS,OAAO;ECxDtB,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE,WAAW,GAClB;;AAxBT,AA8BQ,cA9BM,AAAA,gBAAgB,AA4BzB,kBAAkB,CACjB,MAAM,CACJ,OAAO,CAAC;EACN,IAAI,ED+CE,OAAO;EC9Cb,MAAM,EAAE,IAAI,GACb;;AAjCT,AAkCQ,cAlCM,AAAA,gBAAgB,AA4BzB,kBAAkB,CACjB,MAAM,CAKJ,aAAa,CAAC;EACZ,IAAI,EAAE,WAAW;EACjB,MAAM,ED0CS,OAAO;ECzCtB,YAAY,EAAE,IAAI,GACnB;;AAtCT,AAyCI,cAzCU,AAAA,gBAAgB,CAyC1B,YAAY,CAAC;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI,GAalB;EAxDL,AA6CM,cA7CQ,AAAA,gBAAgB,CAyC1B,YAAY,CAIV,WAAW,CAAC;IACV,IAAI,EDgCa,OAAO;IC/BxB,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,OAAO,GAOhB;IAvDP,AAiDQ,cAjDM,AAAA,gBAAgB,CAyC1B,YAAY,CAIV,WAAW,AAIR,MAAM,CAAC;MACN,IAAI,ED4BE,OAAO,GC3Bd;IAnDT,AAoDQ,cApDM,AAAA,gBAAgB,CAyC1B,YAAY,CAIV,WAAW,AAOR,MAAM,CAAC;MACN,IAAI,EDyBW,OAAO,GCxBvB"
-}