cm-chessboard 7.4.0 → 7.4.2

package/package.json

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

package/src/Chessboard.js

@@ -81,7 +81,7 @@ export class Chessboard {
         this.state.orientation = this.props.orientation
         // instantiate extensions
         for (const extensionData of this.props.extensions) {
-            this.extensions.push(new extensionData.class(this, extensionData.props))
+            this.addExtension(extensionData.class, extensionData.props)
         }
         this.view.redrawBoard()
         this.state.position = new Position(this.props.position)
@@ -187,9 +187,13 @@ export class Chessboard {
         this.view.visualizeInputState()
     }
 
+    addExtension(extensionClass, props) {
+        this.extensions.push(new extensionClass(this, props))
+    }
+
     destroy() {
         this.state.invokeExtensionPoints(EXTENSION_POINT.destroy)
-        if(this.state.squareSelectEnabled) {
+        if (this.state.squareSelectEnabled) {
             this.disableSquareSelect()
         }
         this.positionAnimationsQueue.destroy()

package/src/extensions/accessibility/Accessibility.js

@@ -39,7 +39,7 @@ const translations = {
 
 export class Accessibility extends Extension {
     constructor(chessboard, props) {
-        super(chessboard, props)
+        super(chessboard)
         this.props = {
             brailleNotationInAlt: true, // show the braille notation of the position in the alt attribute of the SVG image
             movePieceForm: true, // display a form to move a piece (from, to, move)

package/src/extensions/arrows/Arrows.js

@@ -15,7 +15,7 @@ export const ARROW_TYPE = {
 
 export class Arrows extends Extension {
     constructor(chessboard, props = {}) {
-        super(chessboard, props)
+        super(chessboard)
         this.registerExtensionPoint(EXTENSION_POINT.redrawBoard, () => {
             this.onRedrawBoard()
         })

package/src/extensions/markers/Markers.js

@@ -22,7 +22,7 @@ export const MARKER_TYPE = {
 
 export class Markers extends Extension {
     constructor(chessboard, props = {}) {
-        super(chessboard, props)
+        super(chessboard)
         this.registerExtensionPoint(EXTENSION_POINT.redrawBoard, () => {
             this.onRedrawBoard()
         })

package/src/extensions/promotion-dialog/PromotionDialog.js

@@ -17,8 +17,8 @@ const DISPLAY_STATE = {
 
 export class PromotionDialog extends Extension {
 
-    constructor(chessboard, props = {}) {
-        super(chessboard, props)
+    constructor(chessboard) {
+        super(chessboard)
         this.registerExtensionPoint(EXTENSION_POINT.redrawBoard, this.extensionPointRedrawBoard.bind(this))
         this.registerExtensionPoint(EXTENSION_POINT.animation, this.extensionPointAnimation.bind(this))
         this.registerMethod("showPromotionDialog", this.showPromotionDialog)

package/src/extensions/render-video/RenderVideo.js

@@ -10,7 +10,7 @@ import {ANIMATION_EVENT_TYPE} from "../../view/PositionAnimationsQueue.js"
 export class RenderVideo extends Extension {
 
     constructor(chessboard, props) {
-        super(chessboard, props)
+        super(chessboard)
         this.props = {
             mediaType: "auto",
             safariMode: true

package/src/model/Extension.js

@@ -16,9 +16,8 @@ export const EXTENSION_POINT = {
 
 export class Extension {
 
-    constructor(chessboard, props) {
+    constructor(chessboard) {
         this.chessboard = chessboard
-        this.props = props
     }
 
     registerExtensionPoint(name, callback) {