support stopping game button clicks when cg is stopped, e.g. during replay

Author: JamesHeppell

src/board.ts

@@ -458,6 +458,7 @@ export function stop(state: HeadlessState): void {
     state.liftable.liftDests =
     state.animation.current =
       undefined;
+  state.gameButtonsActive = false;
   cancelMove(state);
 }
 
@@ -545,14 +546,18 @@ export function isPocketAtDomPos(
 }
 
 export function reorderDice(state: HeadlessState): void {
-  if (state.dice.length === 2 && state.dice[0].isAvailable && state.dice[1].isAvailable) {
-    state.dice = [state.dice[1], state.dice[0]];
+  if (state.gameButtonsActive) {
+    if (state.dice.length === 2 && state.dice[0].isAvailable && state.dice[1].isAvailable) {
+      state.dice = [state.dice[1], state.dice[0]];
+    }
+    callUserFunction(state.events.selectDice, state.dice);
   }
-  callUserFunction(state.events.selectDice, state.dice);
 }
 
 export function undoButtonPressed(state: HeadlessState): void {
-  callUserFunction(state.events.undoButton);
+  if (state.gameButtonsActive) {
+    callUserFunction(state.events.undoButton);
+  }
 }
 
 export function p1Pov(s: HeadlessState): boolean {

src/config.ts

@@ -17,6 +17,7 @@ export interface Config {
   dice?: cg.Dice[]; // dice to display on the board
   canUndo?: boolean; // can user undo thier last action
   showUndoButton?: boolean; //show the undo button
+  gameButtonsActive?: boolean; // can user process game buttons (e.g. swap dice, undo)
   autoCastle?: boolean; // immediately complete the castle by moving the rook after king move
   viewOnly?: boolean; // don't bind events: the user will never be able to move pieces around
   selectOnly?: boolean; // only allow user to select squares/pieces (multiple selection allowed)

src/state.ts

@@ -22,6 +22,7 @@ export interface HeadlessState {
   dice: cg.Dice[]; // dice to display on the board
   canUndo: boolean; // can user undo their last action (backgammon)
   showUndoButton: boolean; // render the undo button (backgammon)
+  gameButtonsActive: boolean; // can user process game buttons (e.g. swap dice, undo)
   autoCastle: boolean; // immediately complete the castle by moving the rook after king move
   viewOnly: boolean; // don't bind events: the user will never be able to move pieces around
   selectOnly: boolean; // only allow user to select squares/pieces (multiple selection allowed)
@@ -154,6 +155,7 @@ export function defaults(): HeadlessState {
     dice: [],
     canUndo: false,
     showUndoButton: false,
+    gameButtonsActive: true,
     autoCastle: true,
     selectedPieces: new Map<cg.Key, cg.Piece>(),
     viewOnly: false,