Disable nukes option (#237)

This makes it possible to disable all nukes as well as missile silos
from the game in privat lobbies and singleplayer games

src/client/HostLobbyModal.ts

@@ -18,6 +18,7 @@ export class HostLobbyModal extends LitElement {
   @state() private selectedMap: GameMapType = GameMapType.World;
   @state() private selectedDifficulty: Difficulty = Difficulty.Medium;
   @state() private disableNPCs = false;
+  @state() private disableNukes: boolean = false;
   @state() private bots: number = 400;
   @state() private infiniteGold: boolean = false;
   @state() private infiniteTroops: boolean = false;
@@ -506,6 +507,20 @@ export class HostLobbyModal extends LitElement {
                   />
                   <div class="option-card-title">Infinite troops</div>
                 </label>
+
+                <label
+                  for="disable-nukes"
+                  class="option-card ${this.disableNukes ? "selected" : ""}"
+                >
+                  <div class="checkbox-icon"></div>
+                  <input
+                    type="checkbox"
+                    id="disable-nukes"
+                    @change=${this.handleDisableNukesChange}
+                    .checked=${this.disableNukes}
+                  />
+                  <div class="option-card-title">Disable Nukes</div>
+                </label>
               </div>
             </div>
 
@@ -621,6 +636,9 @@ export class HostLobbyModal extends LitElement {
     this.infiniteTroops = Boolean((e.target as HTMLInputElement).checked);
     this.putGameConfig();
   }
+  private handleDisableNukesChange(e: Event) {
+    this.disableNukes = Boolean((e.target as HTMLInputElement).checked);
+  }
 
   private async handleDisableNPCsChange(e: Event) {
     this.disableNPCs = Boolean((e.target as HTMLInputElement).checked);
@@ -641,6 +659,7 @@ export class HostLobbyModal extends LitElement {
           gameMap: this.selectedMap,
           difficulty: this.selectedDifficulty,
           disableNPCs: this.disableNPCs,
+          disableNukes: this.disableNukes,
           bots: this.bots,
           infiniteGold: this.infiniteGold,
           infiniteTroops: this.infiniteTroops,

src/client/SinglePlayerModal.ts

@@ -16,6 +16,7 @@ export class SinglePlayerModal extends LitElement {
   @state() private selectedMap: GameMapType = GameMapType.World;
   @state() private selectedDifficulty: Difficulty = Difficulty.Medium;
   @state() private disableNPCs: boolean = false;
+  @state() private disableNukes: boolean = false;
   @state() private bots: number = 400;
   @state() private infiniteGold: boolean = false;
   @state() private infiniteTroops: boolean = false;
@@ -411,6 +412,20 @@ export class SinglePlayerModal extends LitElement {
                   />
                   <div class="option-card-title">Infinite troops</div>
                 </label>
+
+                <label
+                  for="disable-nukes"
+                  class="option-card ${this.disableNukes ? "selected" : ""}"
+                >
+                  <div class="checkbox-icon"></div>
+                  <input
+                    type="checkbox"
+                    id="disable-nukes"
+                    @change=${this.handleDisableNukesChange}
+                    .checked=${this.disableNukes}
+                  />
+                  <div class="option-card-title">Disable Nukes</div>
+                </label>
               </div>
             </div>
           </div>
@@ -464,6 +479,9 @@ export class SinglePlayerModal extends LitElement {
   private handleDisableNPCsChange(e: Event) {
     this.disableNPCs = Boolean((e.target as HTMLInputElement).checked);
   }
+  private handleDisableNukesChange(e: Event) {
+    this.disableNukes = Boolean((e.target as HTMLInputElement).checked);
+  }
 
   private getRandomMap(): GameMapType {
     const maps = Object.values(GameMapType);
@@ -490,6 +508,7 @@ export class SinglePlayerModal extends LitElement {
             gameType: GameType.Singleplayer,
             difficulty: this.selectedDifficulty,
             disableNPCs: this.disableNPCs,
+            disableNukes: this.disableNukes,
             bots: this.bots,
             infiniteGold: this.infiniteGold,
             infiniteTroops: this.infiniteTroops,

src/client/graphics/layers/BuildMenu.ts

@@ -96,6 +96,7 @@ export class BuildMenu extends LitElement implements Layer {
   public eventBus: EventBus;
   private clickedTile: TileRef;
   private playerActions: PlayerActions | null;
+  private filteredBuildTable: BuildItemDisplay[][] = buildTable;
 
   tick() {
     if (!this._hidden) {
@@ -342,7 +343,7 @@ export class BuildMenu extends LitElement implements Layer {
         class="build-menu ${this._hidden ? "hidden" : ""}"
         @contextmenu=${(e) => e.preventDefault()}
       >
-        ${buildTable.map(
+        ${this.filteredBuildTable.map(
           (row) => html`
             <div class="build-row">
               ${row.map(
@@ -407,6 +408,26 @@ export class BuildMenu extends LitElement implements Layer {
         this.playerActions = actions;
         this.requestUpdate();
       });
+
+    // removed disabled buildings from the buildtable
+    this.filteredBuildTable = this.getBuildableUnits();
+  }
+
+  private getBuildableUnits(): BuildItemDisplay[][] {
+    if (this.game?.config()?.disableNukes()) {
+      return buildTable.map((row) =>
+        row.filter(
+          (item) =>
+            ![
+              UnitType.AtomBomb,
+              UnitType.MIRV,
+              UnitType.HydrogenBomb,
+              UnitType.MissileSilo,
+            ].includes(item.unitType),
+        ),
+      );
+    }
+    return buildTable;
   }
 
   get isVisible() {