From 1e080865ff1b3619f31c07f8a16c7d61d22175fd Mon Sep 17 00:00:00 2001
From: Dorian Zedler <dorian@itsblue.de>
Date: Thu, 29 Dec 2022 17:42:47 +0100
Subject: [PATCH] Fix: some minor problems

---
 index.html | 2 +-
 index.js   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 960a148..f802e6e 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 
                 <button @click="$store.remoteState.giveTurnToNextPlayer()"
                     x-bind:disabled="$store.remoteState.currentPlayer !== $store.localState.id">I'm done!</button>
-                <p>Player after me:</p>
+                <p>Player after me: <b x-text="$store.remoteState.players[$store.localState.nextPlayer]"></b> </p>
                 <select x-model="$store.localState.nextPlayer">
                     <template
                         x-for="playerId in Object.keys($store.remoteState.players).filter(id => id != $store.localState.id)"
diff --git a/index.js b/index.js
index 9720c7c..470b6a2 100644
--- a/index.js
+++ b/index.js
@@ -24,7 +24,7 @@ function Timer() {
           }, 1000);
         },
     }
-} 
+}
 
 document.addEventListener('alpine:init', () => {
     console.log("Alpine.js is ready to go!")
@@ -102,7 +102,7 @@ document.addEventListener('alpine:init', () => {
             })
 
             Alpine.effect(() => {
-                if(Alpine.store("localState").nextPlayer == null || !Object.keys(this.players).includes(Alpine.store("localState").nextPlayer)) {
+                if(Alpine.store("localState").nextPlayer == null || Alpine.store("localState").nextPlayer == Alpine.store("localState").id || !Object.keys(this.players).includes(Alpine.store("localState").nextPlayer)) {
                     const players = Object.keys(this.players).sort();
                     const nextPlayer = players[(players.indexOf(Alpine.store("localState").id) + 1) % players.length]
                     Alpine.store("localState").nextPlayer = nextPlayer;
@@ -160,6 +160,7 @@ document.addEventListener('alpine:init', () => {
             this._client.publish('im.dorian.whos-turn-is-it.players', JSON.stringify({
                 [Alpine.store("localState").id]: Alpine.store("localState").name,
             }), { qos:1, retain: true })
+            this._client.publish('im.dorian.whos-turn-is-it.currentPlayer', Alpine.store("localState").id, { qos:1, retain: true })
         }
     })
 })
\ No newline at end of file