cm-chessboard 7.3.16 → 7.4.0

package/README.md

@@ -41,7 +41,7 @@ The core of cm-chessboard is small, fast and reduced to the essentials. You can
 
 **Option 2:** Download the code from [GitHub](https://github.com/shaack/cm-chessboard).
 
-**Option 3:** Use it via CDN https://cdn.jsdelivr.net/npm/cm-chessboard@7/src/cm-chessboard/Chessboard.js
+**Option 3:** Use it via CDN https://cdn.jsdelivr.net/npm/cm-chessboard@7/src/Chessboard.js
 
 After installation, copy the sprite in `cm-chessboard/assets/images/` to your projects `assets/images/`
 folder. If you put the sprite somewhere else you have to configure the location
@@ -56,14 +56,14 @@ dependencies.
 Preconditions for using cm-chessboard in a web page:
 
 1. **include the css:** `assets/styles/cm-chessboard.css`
-2. **import the ES6 module:** `import {Chessboard} from "PATH/TO/src/cm-chessboard/Chessboard.js"`
+2. **import the ES6 module:** `import {Chessboard} from "PATH/TO/src/Chessboard.js"`
 
 Example, showing a FEN:
 
 ```html
 
 <script type="module">
-    import {Chessboard} from "./src/cm-chessboard/Chessboard.js"
+    import {Chessboard} from "./src/Chessboard.js"
 
     new Chessboard(document.getElementById("containerId"),
             {position: "rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR"})

package/examples/destroy-many-boards.html

@@ -29,8 +29,8 @@
 <h2>Stress Test: Create and destroy 5,000 responsive boards</h2>
 <div id="boards"></div>
 <script type="module">
-    import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
+    import {Chessboard} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
     import {Chess} from "https://cdn.jsdelivr.net/npm/chess.mjs@1/src/chess.mjs/Chess.js"
 
     const boardsDiv = document.getElementById("boards")

package/examples/different-styles.html

@@ -20,8 +20,8 @@
 <div class="board" id="board8"></div>
 <div class="board" id="board9"></div>
 <script type="module">
-    import {Chessboard, BORDER_TYPE} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
+    import {Chessboard, BORDER_TYPE} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
 
     new Chessboard(document.getElementById("board1"), {
         position: FEN.start,

package/examples/enable-input.html

@@ -45,9 +45,9 @@ function inputHandler(event) {
 </button>
 <div id="output" style="width: 100%; overflow: hidden"></div>
 <script type="module">
-    import {INPUT_EVENT_TYPE, Chessboard} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
-    import {MARKER_TYPE, Markers} from "../src/cm-chessboard/extensions/markers/Markers.js"
+    import {INPUT_EVENT_TYPE, Chessboard} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
+    import {MARKER_TYPE, Markers} from "../src/extensions/markers/Markers.js"
 
     window.board = new Chessboard(document.getElementById("board"), {
         position: FEN.start,

package/examples/extensions/accessibility-extension.html

@@ -34,9 +34,9 @@
         onclick="window.switchOrientation()">Switch Orientation
 </button>
 <script type="module">
-    import {Chessboard} from "../../src/cm-chessboard/Chessboard.js"
-    import {Accessibility} from "../../src/cm-chessboard/extensions/accessibility/Accessibility.js"
-    import {Markers} from "../../src/cm-chessboard/extensions/markers/Markers.js"
+    import {Chessboard} from "../../src/Chessboard.js"
+    import {Accessibility} from "../../src/extensions/accessibility/Accessibility.js"
+    import {Markers} from "../../src/extensions/markers/Markers.js"
 
     const chessboard = new Chessboard(document.getElementById("board"), {
         position: "rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR w Gkq - 4 11",

package/examples/extensions/arrows-extension.html

@@ -43,8 +43,8 @@ console.log(chessboard.getArrows())
 </p>
 
 <script type="module">
-    import {ARROW_TYPE, Arrows} from "../../src/cm-chessboard/extensions/arrows/Arrows.js"
-    import {Chessboard} from "../../src/cm-chessboard/Chessboard.js"
+    import {ARROW_TYPE, Arrows} from "../../src/extensions/arrows/Arrows.js"
+    import {Chessboard} from "../../src/Chessboard.js"
 
     const chessboard = new Chessboard(document.getElementById("board"), {
         position: "rn2k1r1/ppp1pp1p/3p2p1/5bn1/P7/2N2B2/1PPPPP2/2BNK1RR w Gkq - 4 11",

package/examples/extensions/markers-extension.html

@@ -17,9 +17,9 @@
 <div style="clear: both"></div>
 <button onclick="window.removeDots()">Remove dots</button>
 <script type="module">
-    import {Chessboard, SQUARE_SELECT_TYPE} from "../../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../../src/cm-chessboard/model/Position.js"
-    import {MARKER_TYPE, Markers} from "../../src/cm-chessboard/extensions/markers/Markers.js"
+    import {Chessboard, SQUARE_SELECT_TYPE} from "../../src/Chessboard.js"
+    import {FEN} from "../../src/model/Position.js"
+    import {MARKER_TYPE, Markers} from "../../src/extensions/markers/Markers.js"
 
     const board1 = new Chessboard(document.getElementById("board1"), {
         position: FEN.start,

package/examples/extensions/promotion-dialog-extension.html

@@ -20,9 +20,9 @@
         onclick="window.switchOrientation()">Switch Orientation
 </button>
 <script type="module">
-    import {Chessboard, COLOR, INPUT_EVENT_TYPE} from "../../src/cm-chessboard/Chessboard.js"
-    import {PromotionDialog} from "../../src/cm-chessboard/extensions/promotion-dialog/PromotionDialog.js"
-    import {Markers} from "../../src/cm-chessboard/extensions/markers/Markers.js"
+    import {Chessboard, COLOR, INPUT_EVENT_TYPE} from "../../src/Chessboard.js"
+    import {PromotionDialog} from "../../src/extensions/promotion-dialog/PromotionDialog.js"
+    import {Markers} from "../../src/extensions/markers/Markers.js"
 
     const position = "4k3/1P6/8/8/6r1/8/8/2R1K3 w - - 0 1"
     const chessboard = new Chessboard(document.getElementById("chessboard"), {

package/examples/extensions/render-video-extension.html

@@ -17,9 +17,9 @@
 <br/>
 <a href="" style="visibility: hidden" id="download-link">Download video</a>
 <script type="module">
-    import {RenderVideo} from "../../src/cm-chessboard/extensions/render-video/RenderVideo.js"
-    import {Chessboard} from "../../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../../src/cm-chessboard/model/Position.js"
+    import {RenderVideo} from "../../src/extensions/render-video/RenderVideo.js"
+    import {Chessboard} from "../../src/Chessboard.js"
+    import {FEN} from "../../src/model/Position.js"
 
     const boardElement = document.getElementById("board")
     const chessboard = new Chessboard(boardElement, {

package/examples/many-boards.html

@@ -22,7 +22,7 @@
 <div id="boards"></div>
 <!--suppress JSUnresolvedFunction -->
 <script type="module">
-    import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
+    import {Chessboard} from "../src/Chessboard.js"
     import {Chess} from "https://cdn.jsdelivr.net/npm/chess.mjs@1/src/chess.mjs/Chess.js"
 
     const boardsDiv = document.getElementById("boards")

package/examples/pieces-animation.html

@@ -44,8 +44,8 @@ await board.movePiece("c3", "d5")
 await board.movePiece("d5", "f4")
 </pre>
 <script type="module">
-    import {Chessboard, PIECE} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
+    import {Chessboard, PIECE} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
 
     const board = new Chessboard(document.getElementById("board"),
         {

package/examples/responsive-board.html

@@ -18,8 +18,8 @@ new Chessboard(document.getElementById("board"), {
     })
 </pre>
 <script type="module">
-    import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
+    import {Chessboard} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
 
     new Chessboard(document.getElementById("board"), {
         position: FEN.start,

package/examples/simple-boards.html

@@ -24,8 +24,8 @@ new Chessboard(document.getElementById("board2"), {
 })
 </pre>
 <script type="module">
-    import {COLOR, Chessboard, BORDER_TYPE} from "../src/cm-chessboard/Chessboard.js"
-    import {FEN} from "../src/cm-chessboard/model/Position.js"
+    import {COLOR, Chessboard, BORDER_TYPE} from "../src/Chessboard.js"
+    import {FEN} from "../src/model/Position.js"
 
     new Chessboard(document.getElementById("board1"), {
         position: FEN.start,

package/examples/test-getPiece.html

@@ -9,7 +9,7 @@ Board:
 <div id="board"></div>
 
 <script type="module">
-    import { Chessboard } from '../src/cm-chessboard/Chessboard.js'
+    import { Chessboard } from '../src/Chessboard.js'
 
     const board = new Chessboard(document.getElementById('board'), {
         position: 'start',

package/examples/validate-moves.html

@@ -17,10 +17,10 @@
 <div id="output"></div>
 
 <script type="module">
-    import {INPUT_EVENT_TYPE, COLOR, Chessboard, BORDER_TYPE} from "../src/cm-chessboard/Chessboard.js"
-    import {MARKER_TYPE, Markers} from "../src/cm-chessboard/extensions/markers/Markers.js"
-    import {PromotionDialog} from "../src/cm-chessboard/extensions/promotion-dialog/PromotionDialog.js"
-    import {Accessibility} from "../src/cm-chessboard/extensions/accessibility/Accessibility.js"
+    import {INPUT_EVENT_TYPE, COLOR, Chessboard, BORDER_TYPE} from "../src/Chessboard.js"
+    import {MARKER_TYPE, Markers} from "../src/extensions/markers/Markers.js"
+    import {PromotionDialog} from "../src/extensions/promotion-dialog/PromotionDialog.js"
+    import {Accessibility} from "../src/extensions/accessibility/Accessibility.js"
     import {Chess} from "https://cdn.jsdelivr.net/npm/chess.mjs@1/src/chess.mjs/Chess.js"
 
     const chess = new Chess()

package/index.html

@@ -37,8 +37,8 @@ It works, it is cool and it is easy to use. 👍</p>
 <h2>Chessboard</h2>
 <div class="board" id="board"></div>
 <script type="module">
-    import {Chessboard} from "./src/cm-chessboard/Chessboard.js"
-    import {FEN} from "./src/cm-chessboard/model/Position.js"
+    import {Chessboard} from "./src/Chessboard.js"
+    import {FEN} from "./src/model/Position.js"
     import {Chess} from "https://cdn.jsdelivr.net/npm/chess.mjs@1/src/chess.mjs/Chess.js"
 
     const chess = new Chess()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "7.3.16",
+  "version": "7.4.0",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",
@@ -13,8 +13,8 @@
     "widget"
   ],
   "type": "module",
-  "module": "./src/cm-chessboard/Chessboard.js",
-  "browser": "./src/cm-chessboard/Chessboard.js",
+  "module": "./src/Chessboard.js",
+  "browser": "./src/Chessboard.js",
   "scripts": {
     "test": "tput setaf 4;echo 'Run test/index.html in your browser for unit testing.'; echo ''; exit 0"
   },

package/src/{cm-chessboard/Chessboard.js → Chessboard.js}

@@ -170,7 +170,7 @@ export class Chessboard {
         this.context.addEventListener("contextmenu", this.squareSelectListener)
         this.context.addEventListener("mousedown", this.squareSelectListener)
         this.context.addEventListener("mouseup", this.squareSelectListener)
-        this.context.addEventListener("touchstart", this.squareSelectListener)
+        this.context.addEventListener("touchstart", this.squareSelectListener, {passive: false})
         this.context.addEventListener("touchend", this.squareSelectListener)
         this.state.squareSelectEnabled = true
         this.view.visualizeInputState()

package/src/{cm-chessboard/view → view}/ChessboardView.js

@@ -38,7 +38,7 @@ export class ChessboardView {
         this.pointerDownListener = this.pointerDownHandler.bind(this)
         this.pointerDownListener = this.pointerDownHandler.bind(this)
         this.context.addEventListener("mousedown", this.pointerDownListener)
-        this.context.addEventListener("touchstart", this.pointerDownListener)
+        this.context.addEventListener("touchstart", this.pointerDownListener, {passive: false})
 
         this.createSvgAndGroups()
         this.updateMetrics()

package/test/TestBoard.js

@@ -5,8 +5,8 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
-import {FEN} from "../src/cm-chessboard/model/Position.js"
+import {Chessboard} from "../src/Chessboard.js"
+import {FEN} from "../src/model/Position.js"
 
 describe("TestBoard", () => {
 

package/test/TestChessboard.js

@@ -5,8 +5,8 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {PIECE, Chessboard} from "../src/cm-chessboard/Chessboard.js"
-import {FEN} from "../src/cm-chessboard/model/Position.js"
+import {PIECE, Chessboard} from "../src/Chessboard.js"
+import {FEN} from "../src/model/Position.js"
 
 describe("TestChessboard", () => {
 

package/test/TestMarkers.js

@@ -5,8 +5,8 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
-import {MARKER_TYPE, Markers} from "../src/cm-chessboard/extensions/markers/Markers.js"
+import {Chessboard} from "../src/Chessboard.js"
+import {MARKER_TYPE, Markers} from "../src/extensions/markers/Markers.js"
 
 describe("TestMarkers", () => {
 

package/test/TestPiecesAnimation.js

@@ -5,9 +5,9 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {ChessboardState} from "../src/cm-chessboard/model/ChessboardState.js"
-import {PositionsAnimation} from "../src/cm-chessboard/view/PositionAnimationsQueue.js"
-import {Position} from "../src/cm-chessboard/model/Position.js"
+import {ChessboardState} from "../src/model/ChessboardState.js"
+import {PositionsAnimation} from "../src/view/PositionAnimationsQueue.js"
+import {Position} from "../src/model/Position.js"
 
 describe("TestPiecesAnimation", () => {
     it("should calculate square distances", () => {

package/test/TestPosition.js

@@ -5,7 +5,7 @@
  */
 
 import {describe, it, assert} from "../node_modules/teevi/src/teevi.js"
-import {Position} from "../src/cm-chessboard/model/Position.js"
+import {Position} from "../src/model/Position.js"
 
 describe("TestPosition", () => {
     it("should convert square to index", () => {