Fix for #301 (#306)

Co-authored-by: Keir Finlow-Bates <keirfb@gmail.com>
Co-authored-by: Romain Beaumont <romain.rom1@gmail.com>

Author: 3 people

lib/menus/hud.js

@@ -212,7 +212,7 @@ class Hud extends LitElement {
     debugMenu.bot = bot
 
     chat.init(bot._client, renderer)
-    playerList.init(bot, host)
+    bot.on('spawn', () => playerList.init(bot, host))
 
     bot.on('entityHurt', (entity) => {
       if (entity !== bot.entity) return
@@ -251,15 +251,17 @@ class Hud extends LitElement {
     //   breathbar.updateOxygen(bot.oxygenLevel)
     // })
 
-    this.shadowRoot.querySelector('#xp-bar-bg').style.display = bot.player.gamemode === 1 ? 'none' : 'block'
-    this.shadowRoot.querySelector('#xp-bar-bg').firstElementChild.style.width = `${182 * bot.experience.progress}px`
-    xpLabel.innerHTML = bot.experience.level
-    xpLabel.style.display = bot.experience.level > 0 ? 'block' : 'none'
-    healthbar.gameModeChanged(bot.player.gamemode, bot.game.hardcore)
-    healthbar.updateHealth(bot.health)
-    foodbar.updateHunger(bot.food)
-    // breathbar.updateOxygen(bot.oxygenLevel ?? 20)
-    hotbar.init()
+    bot.on('spawn', () => {
+      this.shadowRoot.querySelector('#xp-bar-bg').style.display = bot.player.gamemode === 1 ? 'none' : 'block'
+      this.shadowRoot.querySelector('#xp-bar-bg').firstElementChild.style.width = `${182 * bot.experience.progress}px`
+      xpLabel.innerHTML = bot.experience.level
+      xpLabel.style.display = bot.experience.level > 0 ? 'block' : 'none'
+      healthbar.gameModeChanged(bot.player.gamemode, bot.game.hardcore)
+      healthbar.updateHealth(bot.health)
+      foodbar.updateHunger(bot.food)
+      // breathbar.updateOxygen(bot.oxygenLevel ?? 20)
+      hotbar.init()
+    })
 
     if (document.getElementById('options-screen').forceMobileControls || isMobile()) {
       this.showMobileControls(true)