Added checkboxes to disable Bots and NPCs for single player and private lobbies

src/client/ClientGameRunner.ts

@@ -56,6 +56,8 @@ export interface LobbyConfig {
   gameID: GameID;
   map: GameMapType | null;
   difficulty: Difficulty | null;
+  disableBots: boolean | null;
+  disableNPCs: boolean | null;
 }
 
 export function joinLobby(
@@ -77,6 +79,8 @@ export function joinLobby(
       gameType: GameType.Singleplayer,
       gameMap: lobbyConfig.map,
       difficulty: lobbyConfig.difficulty,
+      disableBots: lobbyConfig.disableBots,
+      disableNPCs: lobbyConfig.disableNPCs,
     };
   }
 

src/client/HostLobbyModal.ts

@@ -9,6 +9,8 @@ export class HostLobbyModal extends LitElement {
   @state() private isModalOpen = false;
   @state() private selectedMap: GameMapType = GameMapType.World;
   @state() private selectedDiffculty: Difficulty = Difficulty.Medium;
+  @state() private disableNPCs = false;
+  @state() private disableBots = false;
   @state() private lobbyId = "";
   @state() private copySuccess = false;
   @state() private players: string[] = [];
@@ -165,6 +167,22 @@ export class HostLobbyModal extends LitElement {
                 )}
             </select>
           </div>
+          <div>
+            <input
+              type="checkbox"
+              id="disable-bots"
+              @change=${this.handleDisableBotsChange}
+            />
+            <label for="disable-bots">Disable Bots</label>
+          </div>
+          <div>
+            <input
+              type="checkbox"
+              id="disable-npcs"
+              @change=${this.handleDisableNPCsChange}
+            />
+            <label for="disable-npcs">Disable NPCs</label>
+          </div>
           <button @click=${this.startGame}>Start Game</button>
           <div>
             <p>Players: ${this.players.join(", ")}</p>
@@ -191,6 +209,8 @@ export class HostLobbyModal extends LitElement {
               },
               map: this.selectedMap,
               difficulty: this.selectedDiffculty,
+              disableBots: this.disableBots,
+              disableNPCs: this.disableNPCs,
             },
             bubbles: true,
             composed: true,
@@ -226,6 +246,18 @@ export class HostLobbyModal extends LitElement {
     this.putGameConfig();
   }
 
+  private async handleDisableBotsChange(e: Event) {
+    this.disableBots = Boolean((e.target as HTMLInputElement).checked);
+    consolex.log(`updating disable bots to ${this.disableBots}`);
+    this.putGameConfig();
+  }
+
+  private async handleDisableNPCsChange(e: Event) {
+    this.disableNPCs = Boolean((e.target as HTMLInputElement).checked);
+    consolex.log(`updating disable npcs to ${this.disableNPCs}`);
+    this.putGameConfig();
+  }
+
   private async putGameConfig() {
     const response = await fetch(`/private_lobby/${this.lobbyId}`, {
       method: "PUT",
@@ -235,6 +267,8 @@ export class HostLobbyModal extends LitElement {
       body: JSON.stringify({
         gameMap: this.selectedMap,
         difficulty: this.selectedDiffculty,
+        disableBots: this.disableBots,
+        disableNPCs: this.disableNPCs,
       }),
     });
   }

src/client/Main.ts

@@ -95,6 +95,8 @@ class Client {
         clientID: generateID(),
         map: event.detail.map,
         difficulty: event.detail.difficulty,
+        disableBots: event.detail.disableBots,
+        disableNPCs: event.detail.disableNPCs,
       },
       () => this.joinModal.close()
     );

src/client/SinglePlayerModal.ts

@@ -9,6 +9,8 @@ export class SinglePlayerModal extends LitElement {
   @state() private isModalOpen = false;
   @state() private selectedMap: GameMapType = GameMapType.World;
   @state() private selectedDifficulty: Difficulty = Difficulty.Medium;
+  @state() private disableNPCs = false;
+  @state() private disableBots = false;
 
   static styles = css`
     .modal-overlay {
@@ -115,6 +117,22 @@ export class SinglePlayerModal extends LitElement {
                 )}
             </select>
           </div>
+          <div>
+            <input
+              type="checkbox"
+              id="disable-bots"
+              @change=${this.handleDisableBotsChange}
+            />
+            <label for="disable-bots">Disable Bots</label>
+          </div>
+          <div>
+            <input
+              type="checkbox"
+              id="disable-npcs"
+              @change=${this.handleDisableNPCsChange}
+            />
+            <label for="disable-npcs">Disable NPCs</label>
+          </div>
 
           <button @click=${this.startGame}>Start Game</button>
         </div>
@@ -140,6 +158,12 @@ export class SinglePlayerModal extends LitElement {
       (e.target as HTMLSelectElement).value,
     ) as Difficulty;
   }
+  private handleDisableBotsChange(e: Event) {
+    this.disableBots = Boolean((e.target as HTMLInputElement).checked);
+  }
+  private handleDisableNPCsChange(e: Event) {
+    this.disableNPCs = Boolean((e.target as HTMLInputElement).checked);
+  }
   private startGame() {
     consolex.log(
       `Starting single player game with map: ${GameMapType[this.selectedMap]}`,
@@ -153,6 +177,8 @@ export class SinglePlayerModal extends LitElement {
           },
           map: this.selectedMap,
           difficulty: this.selectedDifficulty,
+          disableBots: this.disableBots,
+          disableNPCs: this.disableNPCs,
         },
         bubbles: true,
         composed: true,