cm-chessboard 5.1.4 → 5.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -7
- package/assets/styles/cm-chessboard.css +1 -6
- package/assets/styles/cm-chessboard.css.map +1 -1
- package/assets/styles/cm-chessboard.scss +2 -6
- package/examples/extensions/chessboard-arrows-extension.html +18 -5
- package/examples/validate-moves.html +2 -12
- package/index.html +0 -1
- package/package.json +1 -1
- package/src/cm-chessboard/extensions/accessibility/Accessibility.js +3 -3
package/README.md
CHANGED
|
@@ -14,7 +14,8 @@ aspects of chess games.
|
|
|
14
14
|
- [Can handle moves input via click or drag](https://shaack.com/projekte/cm-chessboard/examples/validate-moves.html)
|
|
15
15
|
- [Styleable via css and supports multiple piece sets](https://shaack.com/projekte/cm-chessboard/examples/different-styles.html)
|
|
16
16
|
- Uses SVG for rendering
|
|
17
|
-
- [Allows adding **
|
|
17
|
+
- [Allows adding **
|
|
18
|
+
extensions** to extend the functionality](https://shaack.com/projekte/cm-chessboard/examples/extensions/chessboard-arrows-extension.html)
|
|
18
19
|
|
|
19
20
|
## Extensions 🆕
|
|
20
21
|
|
|
@@ -131,7 +132,7 @@ Sets the position as `fen`. Special values are "start", sets the chess start pos
|
|
|
131
132
|
|
|
132
133
|
Returns the board position as `fen`.
|
|
133
134
|
|
|
134
|
-
### addMarker(type, square)
|
|
135
|
+
### addMarker(type, square)
|
|
135
136
|
|
|
136
137
|
> signature changed with V5.1 from (square, type) to (type, square)
|
|
137
138
|
|
|
@@ -156,7 +157,8 @@ below.
|
|
|
156
157
|
|
|
157
158
|
Returns the board's markers as an array.
|
|
158
159
|
|
|
159
|
-
Only set type, to get all markers of a type on the board. Set type to `undefined`, to get markers of all types on a
|
|
160
|
+
Only set type, to get all markers of a type on the board. Set type to `undefined`, to get markers of all types on a
|
|
161
|
+
square.
|
|
160
162
|
Set `both` to `undefined` to get all markers on the board.
|
|
161
163
|
|
|
162
164
|
### removeMarkers(type = undefined, square = undefined)
|
|
@@ -372,7 +374,7 @@ const chessboard = new Chessboard(document.getElementById("board"), {
|
|
|
372
374
|
### registerMethod(name, callback)
|
|
373
375
|
|
|
374
376
|
Add methods to the main chessboard from your extension with `this.registerMethod("name", callback)`
|
|
375
|
-
like `addArrow(type,
|
|
377
|
+
like `addArrow(type, from, to)` in the
|
|
376
378
|
[Arrows extension](https://shaack.com/projekte/cm-chessboard/examples/extensions/chessboard-arrows-extension.html).
|
|
377
379
|
|
|
378
380
|
```js
|
|
@@ -419,10 +421,26 @@ const chessboard = new Chessboard(document.getElementById("board"), {
|
|
|
419
421
|
|
|
420
422
|
#### Arrows extension
|
|
421
423
|
|
|
422
|
-
|
|
424
|
+
Draw arrows on the board.
|
|
423
425
|
|
|
424
|
-
|
|
425
|
-
|
|
426
|
+
Example: [Arrows extension](https://shaack.com/projekte/cm-chessboard/examples/extensions/chessboard-arrows-extension.html)
|
|
427
|
+
|
|
428
|
+
##### Methods
|
|
429
|
+
|
|
430
|
+
###### addArrow(type, fromSquare, toSquare)
|
|
431
|
+
|
|
432
|
+
Add an arrow.
|
|
433
|
+
|
|
434
|
+
###### removeArrows(type, from, to)
|
|
435
|
+
|
|
436
|
+
To remove all arrows, call `chessboard.removeArrows()` without parameters. To remove all arrows of a specific
|
|
437
|
+
type (type "danger"), call `chessboard.removeArrows(ARROW_TYPE.danger)`. To remove all arrows starting at "
|
|
438
|
+
e2"
|
|
439
|
+
you can call `chessboard.removeArrows(undefined, "e2")` and so on...
|
|
440
|
+
|
|
441
|
+
###### getArrows(type, from, to)
|
|
442
|
+
|
|
443
|
+
To get all arrows, call `chessboard.getArrows()` without parameters, as with `removeArrows(type, from, to)`.
|
|
426
444
|
|
|
427
445
|
## Usage with React
|
|
428
446
|
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
.cm-chessboard-content .list-inline-item:not(:last-child) {
|
|
51
51
|
margin-right: 1rem; }
|
|
52
52
|
|
|
53
|
-
.visually-hidden {
|
|
53
|
+
.cm-visually-hidden {
|
|
54
54
|
position: absolute;
|
|
55
55
|
left: -10000px;
|
|
56
56
|
top: auto;
|
|
@@ -58,11 +58,6 @@
|
|
|
58
58
|
height: 1px;
|
|
59
59
|
overflow: hidden; }
|
|
60
60
|
|
|
61
|
-
/*
|
|
62
|
-
body * {
|
|
63
|
-
outline: 1px rgba(255, 255, 255, 0.1) solid;
|
|
64
|
-
}
|
|
65
|
-
*/
|
|
66
61
|
.cm-chessboard.default .board .square.white {
|
|
67
62
|
fill: #ecdab9; }
|
|
68
63
|
|
|
@@ -6,5 +6,5 @@
|
|
|
6
6
|
"_cm-chessboard-theme.scss"
|
|
7
7
|
],
|
|
8
8
|
"names": [],
|
|
9
|
-
"mappings": "AAGA,AAGM,cAHQ,CACZ,MAAM,AACH,cAAc,CACb,OAAO,CAAC;EACN,MAAM,EAAE,OAAO,GAChB;;AALP,AAYM,cAZQ,CASZ,QAAQ,CACN,OAAO,AAEJ,YAAY,EAZnB,cAAc,CASZ,QAAQ,CACN,OAAO,AAEW,aAAa,CAAC;EAC5B,MAAM,EAAE,KAAK;EACb,YAAY,EAAE,KAAK;EACnB,OAAO,EAAE,GAAG,GACb;;AAhBP,AAkBM,cAlBQ,CASZ,QAAQ,CACN,OAAO,AAQJ,eAAe,EAlBtB,cAAc,CASZ,QAAQ,CACN,OAAO,AAQc,iBAAiB,CAAC;EACnC,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,KAAK;EACnB,OAAO,EAAE,GAAG,GACb;;AAtBP,AAwBM,cAxBQ,CASZ,QAAQ,CACN,OAAO,AAcJ,aAAa,EAxBpB,cAAc,CASZ,QAAQ,CACN,OAAO,AAcY,cAAc,CAAC;EAC9B,IAAI,EAAE,KAAK;EACX,OAAO,EAAE,IAAI,GACd;;AA3BP,AA6BM,cA7BQ,CASZ,QAAQ,CACN,OAAO,AAmBJ,UAAU,EA7BjB,cAAc,CASZ,QAAQ,CACN,OAAO,AAmBS,WAAW,CAAC;EACxB,IAAI,EAAE,KAAK;EACX,OAAO,EAAE,GAAG,GACb;;AAhCP,AAkCM,cAlCQ,CASZ,QAAQ,CACN,OAAO,AAwBJ,aAAa,EAlCpB,cAAc,CASZ,QAAQ,CACN,OAAO,AAwBY,cAAc,CAAC;EAC9B,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,GAAG;EACjB,OAAO,EAAE,GAAG,GACb;;AAtCP,AAwCM,cAxCQ,CASZ,QAAQ,CACN,OAAO,AA8BJ,gBAAgB,EAxCvB,cAAc,CASZ,QAAQ,CACN,OAAO,AA8Be,kBAAkB,CAAC;EACrC,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,GAAG;EACjB,OAAO,EAAE,GAAG,GACb;;AA5CP,AAgDE,cAhDY,CAgDZ,OAAO,EAhDT,cAAc,CAgDH,QAAQ,CAAC;EAEhB,cAAc,EAAE,IAAI,GACrB;;AAEH,AACE,sBADoB,CACpB,YAAY,CAAC;EACX,YAAY,EAAE,CAAC;EACf,UAAU,EAAE,IAAI,GACjB;;AAJH,AAKE,sBALoB,CAKpB,iBAAiB,CAAC;EAChB,OAAO,EAAE,YAAY,GAKtB;EAXH,AAQI,sBARkB,CAKpB,iBAAiB,CAGd,GAAK,EAAC,UAAU,EAAE;IACjB,YAAY,EAAE,IAAI,GACnB;;AAIL,AAEE,sBAFoB,CAEpB,YAAY,CAAC;EACX,YAAY,EAAE,CAAC;EACf,UAAU,EAAE,IAAI,GACjB;;AALH,AAOE,sBAPoB,CAOpB,iBAAiB,CAAC;EAChB,OAAO,EAAE,YAAY,GAKtB;EAbH,AAUI,sBAVkB,CAOpB,iBAAiB,CAGd,GAAK,EAAC,UAAU,EAAE;IACjB,YAAY,EAAE,IAAI,GACnB;;AAKL,AAAA,
|
|
9
|
+
"mappings": "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"
|
|
10
10
|
}
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.visually-hidden {
|
|
88
|
+
.cm-visually-hidden {
|
|
89
89
|
position: absolute;
|
|
90
90
|
left: -10000px;
|
|
91
91
|
top: auto;
|
|
@@ -93,11 +93,7 @@
|
|
|
93
93
|
height: 1px;
|
|
94
94
|
overflow: hidden;
|
|
95
95
|
}
|
|
96
|
-
|
|
97
|
-
body * {
|
|
98
|
-
outline: 1px rgba(255, 255, 255, 0.1) solid;
|
|
99
|
-
}
|
|
100
|
-
*/
|
|
96
|
+
|
|
101
97
|
// define themes
|
|
102
98
|
@include cm-chessboard-theme(
|
|
103
99
|
"default", // name
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
<h2>Example: Arrows extension</h2>
|
|
14
14
|
<div class="board" id="board"></div>
|
|
15
15
|
<br style="clear: both"/>
|
|
16
|
+
<h2>Example code</h2>
|
|
16
17
|
<pre>
|
|
17
18
|
import {ARROW_TYPE, Arrows} from "../../src/cm-chessboard/extensions/arrows/Arrows.js"
|
|
18
19
|
import {Chessboard} from "../../src/cm-chessboard/Chessboard.js"
|
|
@@ -36,6 +37,18 @@ chessboard.addArrow(ARROW_TYPE.default, "b8", "c6");
|
|
|
36
37
|
chessboard.addArrow(ARROW_TYPE.pointy, "d2", "d3");
|
|
37
38
|
chessboard.addArrow(ARROW_TYPE.danger, "g5", "e6");
|
|
38
39
|
</pre>
|
|
40
|
+
<h2>Methods</h2>
|
|
41
|
+
<h3><code>addArrow(type, fromSquare, toSquare)</code></h3>
|
|
42
|
+
<h3><code>removeArrows(type, fromSquare, toSquare)</code></h3>
|
|
43
|
+
<p>
|
|
44
|
+
To remove all arrows, call <code>chessboard.removeArrows()</code> without parameters. To remove all arrows of a specific
|
|
45
|
+
type (type "danger"), call <code>chessboard.removeArrows(ARROW_TYPE.danger)</code>. To remove all arrows starting at "e2"
|
|
46
|
+
you can call <code>chessboard.removeArrows(undefined, "e2")</code> and so on...
|
|
47
|
+
</p>
|
|
48
|
+
<h3><code>getArrows(type, from, to)</code></h3>
|
|
49
|
+
<p>
|
|
50
|
+
To get all arrows, call <code>chessboard.getArrows()</code> without parameters, as with <code>removeArrows(type, from, to)</code>.
|
|
51
|
+
</p>
|
|
39
52
|
|
|
40
53
|
<script type="module">
|
|
41
54
|
import {ARROW_TYPE, Arrows} from "../../src/cm-chessboard/extensions/arrows/Arrows.js"
|
|
@@ -55,10 +68,10 @@ chessboard.addArrow(ARROW_TYPE.danger, "g5", "e6");
|
|
|
55
68
|
|
|
56
69
|
}]
|
|
57
70
|
})
|
|
58
|
-
chessboard.addArrow(ARROW_TYPE.default, "f3", "d5")
|
|
59
|
-
chessboard.addArrow(ARROW_TYPE.default, "b8", "c6")
|
|
60
|
-
chessboard.addArrow(ARROW_TYPE.pointy, "d2", "d3")
|
|
61
|
-
chessboard.addArrow(ARROW_TYPE.danger, "g5", "e6")
|
|
71
|
+
chessboard.addArrow(ARROW_TYPE.default, "f3", "d5")
|
|
72
|
+
chessboard.addArrow(ARROW_TYPE.default, "b8", "c6")
|
|
73
|
+
chessboard.addArrow(ARROW_TYPE.pointy, "d2", "d3")
|
|
74
|
+
chessboard.addArrow(ARROW_TYPE.danger, "g5", "e6")
|
|
62
75
|
</script>
|
|
63
76
|
</body>
|
|
64
|
-
</html>
|
|
77
|
+
</html>
|
|
@@ -7,25 +7,15 @@
|
|
|
7
7
|
<link rel="stylesheet" href="styles/examples.css"/>
|
|
8
8
|
<link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
|
|
9
9
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.10.2/chess.js"></script>
|
|
10
|
-
<style>
|
|
11
|
-
.visually-hidden {
|
|
12
|
-
position: absolute;
|
|
13
|
-
left: -10000px;
|
|
14
|
-
top: auto;
|
|
15
|
-
width: 1px;
|
|
16
|
-
height: 1px;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
}
|
|
19
|
-
</style>
|
|
20
10
|
</head>
|
|
21
11
|
<body>
|
|
22
12
|
<h1><a href="../">cm-chessboard</a></h1>
|
|
23
13
|
<h2>Example: Input enabled, move validation with chess.js</h2>
|
|
24
14
|
<p>Input enabled for white. <a href="https://github.com/jhlywa/chess.js">chess.js</a> does the validation and answers
|
|
25
15
|
with random moves.</p>
|
|
26
|
-
<h2 class="visually-hidden">The Board</h2>
|
|
16
|
+
<h2 class="cm-visually-hidden">The Board</h2>
|
|
27
17
|
<div class="board" id="board"></div>
|
|
28
|
-
<h2 class="visually-hidden">The Sourcecode of the example</h2>
|
|
18
|
+
<h2 class="cm-visually-hidden">The Sourcecode of the example</h2>
|
|
29
19
|
<pre>
|
|
30
20
|
import {INPUT_EVENT_TYPE, COLOR, Chessboard, MARKER_TYPE} from "../src/cm-chessboard/Chessboard.js"
|
|
31
21
|
|
package/index.html
CHANGED
|
@@ -24,7 +24,6 @@ It works, it is cool and it is easy to use. 👍</p>
|
|
|
24
24
|
<li><a href="examples/pieces-animation.html">Set different positions, with animation</a></li>
|
|
25
25
|
<li><a href="examples/input-callbacks.html">Context input, mark squares and detect clicks on fields</a></li>
|
|
26
26
|
<li><a href="examples/different-styles.html">Different styles and piece sets</a> 🎨</li>
|
|
27
|
-
<li><a href="examples/many-boards.html">100 boards, in one page</a></li>
|
|
28
27
|
<li><a href="examples/destroy-many-boards.html">Stress test, 5000 boards created and destroyed</a> 🤓 👍</li>
|
|
29
28
|
</ul>
|
|
30
29
|
<h3>Examples of extensions</h3>
|
package/package.json
CHANGED
|
@@ -59,7 +59,7 @@ export class Accessibility extends Extension {
|
|
|
59
59
|
this.inputTo = this.form.querySelector(".input-to")
|
|
60
60
|
this.moveButton = this.form.querySelector(".button-move")
|
|
61
61
|
if (this.props.visuallyHidden) {
|
|
62
|
-
this.movePieceFormContainer.classList.add("visually-hidden")
|
|
62
|
+
this.movePieceFormContainer.classList.add("cm-visually-hidden")
|
|
63
63
|
}
|
|
64
64
|
this.form.addEventListener("submit", (evt) => {
|
|
65
65
|
evt.preventDefault()
|
|
@@ -83,7 +83,7 @@ export class Accessibility extends Extension {
|
|
|
83
83
|
this.boardAsTable = this.boardAsTableContainer.querySelector(".table")
|
|
84
84
|
this.chessboard.context.appendChild(this.boardAsTableContainer)
|
|
85
85
|
if (this.props.visuallyHidden) {
|
|
86
|
-
this.boardAsTableContainer.classList.add("visually-hidden")
|
|
86
|
+
this.boardAsTableContainer.classList.add("cm-visually-hidden")
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
if (this.props.piecesAsList) {
|
|
@@ -91,7 +91,7 @@ export class Accessibility extends Extension {
|
|
|
91
91
|
this.piecesList = this.piecesListContainer.querySelector(".list")
|
|
92
92
|
this.chessboard.context.appendChild(this.piecesListContainer)
|
|
93
93
|
if (this.props.visuallyHidden) {
|
|
94
|
-
this.piecesListContainer.classList.add("visually-hidden")
|
|
94
|
+
this.piecesListContainer.classList.add("cm-visually-hidden")
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
this.registerExtensionPoint(EXTENSION_POINT.moveInput, () => {
|