chess-console-puzzles/src/chess-console-puzzles/deprecated/PuzzleConsole.js

GUI for solving chess puzzles

/**
 * Author and copyright: Stefan Haack (https://shaack.com)
 * Repository: https://github.com/shaack/chess-console-puzzles
 * License: MIT, see file 'LICENSE'
 */

import {Component} from "../../../lib/cm-web-modules/app/Component.js"
import {PgnUrlPuzzleDao} from "../dao/PgnUrlPuzzleDao.js"
import {Observe} from "../../../lib/cm-web-modules/observe/Observe.js"
import {Puzzle} from "../Puzzle.js"
import {Chessboard} from "../../../lib/cm-chessboard/Chessboard.js"
import {Chess} from "../../../lib/cm-chess/Chess.js"

export class PuzzleConsole extends Component {

    constructor(context, props) {
        // defaults
        props = Object.assign({
            misMoveFirstInPgn: false, // true for lichess type
            dao: new PgnUrlPuzzleDao({url: "./assets/puzzles/puzzles_Oli1970.pgn"})
        }, props)
        super(context, props, {
            puzzle: new Puzzle(),
            chess: new Chess()
        })
        this.elements = {
            chessboardContainer: context.querySelector(".chessboard-container"),
            controlsContainer: context.querySelector(".controls-container")
        }
        Observe.property(this.state, "puzzle", () => {
            // console.log("puzzle changed", this.state.puzzle)
            this.redraw()
        })
    }

    redraw() {
        this.chessboard = new Chessboard(this.elements.chessboardContainer, {
            position: this.state.puzzle.chess.setUpFen()
        })
        this.chessboard.enableMoveInput((event) => {
            console.log(event)
            return true
        }, this.state.puzzle.chess.turn())
    }

    /**
     * Show a chess puzzle
     */
    loadPuzzle(id = undefined) {
        return new Promise(async (resolve) => {
            this.state.puzzle = await this.props.dao.getPuzzle(id)
            resolve()
        })
    }

}