beta v1.3 - stockfish update

 - added stockfish 11 support!
 - added fen getter to chess library
 - moved scheduler class into its own file
 - fixed various mobile UI bugs

Author: gitpushjoe

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

about.html

@@ -20,7 +20,7 @@
         <a href="../donate.html"><p id="donate" class="banner-text">donate</p></a>
     </div>
     <div class="about-text">
-        <p style="color: aqua">beta v1.2.3.2<br></p>
+        <p style="color: aqua">beta v1.2.2<br></p>
         <p style="display: inline-block;">The Chess Library is an open-source database of 700,000+ chess games, run by 
         <a href="https://www.github.com/gitpushjoe" style="word-wrap: break-word;"><nobr>a single college student.</nobr></a> It's currently in open beta testing right now so if you have any suggestions, bug findings, questions, or would like to help expand the database,
         please share using the donate link above. (Note: The back-end web scraping and data formatting scripts will be up soon.)<br>&nbsp;<br><br>Sources:<br>

chess.js

@@ -104,7 +104,7 @@ class Game {
         dynamicQueue = [];
         overlayQueue = [];
         this.validProspects = [];
-        setTimeout(() => this.dispatchBoards(), this.dispatchDelayTime);
+        if (this.dispatchDelayTime != -1) setTimeout(() => this.dispatchBoards(), this.dispatchDelayTime);
     }
 
     /** Sets the current Board forwards by n steps.
@@ -117,7 +117,7 @@ class Game {
         promotionMode = false;
         dynamicQueue = [];
         overlayQueue = [];
-        setTimeout(() => this.dispatchBoards(), this.dispatchDelayTime);
+        if (this.dispatchDelayTime != -1) setTimeout(() => this.dispatchBoards(), this.dispatchDelayTime);
     }
 
     /** Sets the current Board to the nth Board.
@@ -220,6 +220,28 @@ class Game {
         return this.validProspects;
     }
 
+    fen() {
+        const board = [...this.board()].map(p => p && p.toUpperCase() != 'X' ? p: '#')
+        let fen = [0, 1, 2, 3, 4, 5, 6, 7].reduce((acc, curr) => {
+            return acc + board.slice(curr * 8, (curr + 1) * 8).join('').replace(/#{1,8}/g, (match) => match.length) + '/'
+        }, "").slice(0, -1);
+        fen += ` ${this.currentBoard % 2 == 0 ? 'w' : 'b'} `;
+        fen += this.board().castling.W % 2 == 1 ? 'K' : '';
+        fen += this.board().castling.W > 1 ? 'Q' : '';
+        fen += this.board().castling.B % 2 == 1 ? 'k' : '';
+        fen += this.board().castling.B > 1 ? 'q' : '';
+        fen += this.board().castling.W == 0 && this.board().castling.B == 0 ? '-' : '';
+        fen += ` ${renderSqToAlgebraicStr(board.findIndex(sq => sq.toUpperCase() == 'X'))}`;
+        if (fen.slice(-1) != " ") 
+            fen += " " 
+        else fen += "- ";
+        const fiftyMove = this.boards.slice(0, this.currentBoard).reduce((acc, board, idx) => 
+            [1, 3, 5].includes((board.scan & 0b0_00_000_111_000_000000_000000) >> 15) ||
+            (board.scan & 0b0_00_000_000_111_000000_000000) >> 12 == 1 ? idx : acc, 0);
+        fen += this.currentBoard - fiftyMove;
+        fen += ` ${Math.round(this.currentBoard / 2)}`;
+        return fen;
+    }
     /** Directly updates the current board with a move.
      * @param {number} origin: origin square
      * @param {number} destination: destination square
@@ -238,6 +260,7 @@ class Game {
         } else {
             board = findProspects(origin, this.board()).filter((prospect) => prospect.destination == destination).at(0).board;
         }
+        board.halfMoves = this.board().halfMoves + 1;
         if (promotion) {
             board.scan = moveObj.getScan([ChessScan.disambiguation, ChessScan.piece]);
             if (promotion.toLowerCase() == 'n') board.scan = board.scan | (1 << 20);
@@ -272,7 +295,7 @@ class Game {
                 this.currentBoard++;
             }
         }
-        if (!force) this.dispatchBoards();
+        if (!force && this.dispatchDelayTime != -1) this.dispatchBoards();
         return true;
     }
 

database.js

@@ -161,95 +161,6 @@ function getTranspositions(aliases, transpositions, visited, currMoveLength, mov
 
 let scheduleStage = 0;
 
-class Scheduler {
-    constructor() {
-        this.cycleToken = this.generateToken();
-        this.tokenLocked = false;
-        this.lockRevisitDelay = 100;
-    }
-    push(task, revisiting=false) {
-        // console.log(task.func, task.args, task.sleep, task.lock, task.newSession, revisiting);
-        if (task.token != this.cycleToken) return;
-        if (task.sleep > 0 && !revisiting) {
-            setTimeout(() => this.push(task, true), task.sleep);
-            return;
-        }
-        if (this.tokenLocked) {
-            setTimeout(() => this.push(task, true), this.lockRevisitDelay);
-            return;
-        }
-        if (task.startNewSession) {
-            this.cycleToken = this.generateToken();
-            task.token = this.cycleToken;
-            console.log("new session", this.cycleToken);
-        }
-        if (task.lock) {
-            this.tokenLocked = true;
-        }
-        task.execute().then((chainedTaskData) => {
-            if (task.lock)
-                this.unlock();
-            if (!chainedTaskData) return;
-            let chainedTask = chainedTaskData.task;
-            let chainedToken = chainedTaskData.token;
-            chainedTask.setToken(chainedToken);
-            this.push(chainedTask);
-        });
-    }
-    generateToken() {
-        return Math.random().toString(16).slice(2);
-    }
-    unlock () {
-        this.tokenLocked = false;
-    }
-    force(task) {
-        task.token = this.cycleToken;
-        this.push(task);
-    }
-}
-
-class ScheduledTask {
-    constructor(func=null, args=[], token=null, lock=false, startNewSession=false, sleep=10) {
-        this.token = token;
-        this.startNewSession = startNewSession;
-        this.sleep = sleep;
-        this.func = func ? func : () => { };
-        this.args = args;
-        this.lock = lock;
-
-    }
-    set(func, ...args) {
-        this.func = func;
-        this.args = args;
-        return this;
-    }
-    setNewSession(bool) {
-        this.startNewSession = bool;
-        return this;
-    }
-    setLock(bool) {
-        this.lock = bool;
-        return this;
-    }
-    setSleep(ms) {
-        this.sleep = ms;
-        return this;
-    }
-    setToken(token) {
-        this.token = token;
-        return this;
-    }
-    execute() {
-        return new Promise((resolve, reject) => {
-            const res = this.func(...this.args);
-            if (res instanceof ScheduledTask) {
-                resolve({"task": res, "token": this.token});
-            }
-            resolve(null);
-        });
-    }
-}
-
 let scheduler = new Scheduler();
 let localDirectory = {};
 let searchForGamesRange = [null, null];

index.html

@@ -30,11 +30,19 @@
     <div class="flexbox-container">
         <div id="chessboard-column">
             <div id="icon-column">
+                <img class="options-icon robot" src="resources\\icons\\robot-sleep.png"></img>
                 <img class="options-icon legals" src="resources\\icons\\legals-enabled.png"></img>
                 <img class="options-icon arrows" src="resources\\icons\\arrows-enabled.png"></img>
                 <!-- <img class="options-icon" src="resources\\icons\\legals-enabled.png"></img> -->
             </div>
             <div id="chessboard-column-main">
+                <div id="stockfish">
+                    <!-- <p style="display: inline-block; height: 0;">&nbsp;</p> -->
+                    <p class="stockfish-text evaluation">+0.00</p>
+                    <p style="display: inline-block; height: 0; font-size: .25em;">&nbsp;</p>
+                    <p class="stockfish-text data depth">at depth ??<br></p>
+                    <p class="stockfish-text data continuation">null</p>
+                </div>
                 <canvas id="chessboard" width="800" height="800"></canvas>
                 <div id="moves-display">
                     <div class="moves-block">
@@ -74,11 +82,16 @@
                 <div class="directory-header">
                     <div class="directory-header-text">
                         <p>found</p>
-                        <p id="number-of-games">142,357</p>
+                        <p id="number-of-games">781,475</p>
                         <select name="Collection" id="collection">
                             <option value="world_championships">World Championship</option>
                             <option value="candidates">Candidates</option>
                             <option value="interzonals">Interzonal</option>
+                            <option value="women">Women's WCC</option>
+                            <option value="wijk">Wijk aan Zee</option>
+                            <option value="olympiads">Chess Olympiad</option>
+                            <option value="world_cup">World Cup</option>
+                            <option value="sinquefield">Sinquefield</option>
                             <option value="tcec">TCEC</option>
                             <option value="lichess_broadcasts">Lichess Broadcast (2017—)</option>
                             <option value="titled_arena">Lichess Titled Arena</option>
@@ -111,11 +124,13 @@
                     <p class="rating black">(2627)</p>
                 </div>
             </div>
+        </div>
+            <script src="scheduler.js"></script>
             <script src="rendering.js"></script>
             <script src="chess.js"></script>
             <script src="script.js"></script>
             <script src="database.js"> </script>
-            <script src="move-display.js"> </script>
+            <script src="move-display.js"> </script>>
         </div>
 
 </body>

resources/icons/1x/robot-wake.png

@@ -0,0 +1,87 @@
+class Scheduler {
+    constructor() {
+        this.cycleToken = this.generateToken();
+        this.tokenLocked = false;
+        this.lockRevisitDelay = 100;
+    }
+    push(task, revisiting=false) {
+        if (task.token != this.cycleToken) return;
+        if (task.sleep > 0 && !revisiting) {
+            setTimeout(() => this.push(task, true), task.sleep);
+            return;
+        }
+        if (this.tokenLocked) {
+            setTimeout(() => this.push(task, true), this.lockRevisitDelay);
+            return;
+        }
+        if (task.startNewSession) {
+            this.cycleToken = this.generateToken();
+            task.token = this.cycleToken;
+            console.log("new session", this.cycleToken);
+        }
+        if (task.lock) {
+            this.tokenLocked = true;
+        }
+        task.execute().then((chainedTaskData) => {
+            if (task.lock)
+                this.unlock();
+            if (!chainedTaskData) return;
+            let chainedTask = chainedTaskData.task;
+            let chainedToken = chainedTaskData.token;
+            chainedTask.setToken(chainedToken);
+            this.push(chainedTask);
+        });
+    }
+    generateToken() {
+        return Math.random().toString(16).slice(2);
+    }
+    unlock () {
+        this.tokenLocked = false;
+    }
+    force(task) {
+        task.token = this.cycleToken;
+        this.push(task);
+    }
+}
+
+class ScheduledTask {
+    constructor(func=null, args=[], token=null, lock=false, startNewSession=false, sleep=10) {
+        this.token = token;
+        this.startNewSession = startNewSession;
+        this.sleep = sleep;
+        this.func = func ? func : () => { };
+        this.args = args;
+        this.lock = lock;
+
+    }
+    set(func, ...args) {
+        this.func = func;
+        this.args = args;
+        return this;
+    }
+    setNewSession(bool) {
+        this.startNewSession = bool;
+        return this;
+    }
+    setLock(bool) {
+        this.lock = bool;
+        return this;
+    }
+    setSleep(ms) {
+        this.sleep = ms;
+        return this;
+    }
+    setToken(token) {
+        this.token = token;
+        return this;
+    }
+    execute() {
+        return new Promise((resolve, reject) => {
+            const res = this.func(...this.args);
+            if (res instanceof ScheduledTask) {
+                resolve({"task": res, "token": this.token});
+            }
+            resolve(null);
+        });
+    }
+}