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

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,