web: show the account number and stop reel spin on an error

Also documents the __Host- cookie prefix used on HTTPS.

2 files changed, 3 insertions, 0 deletions

diff --git a/web/play/src/main.ts b/web/play/src/main.ts
index 2dd3ce9..15eecf5 100644
--- a/web/play/src/main.ts
+++ b/web/play/src/main.ts
@@ -19,6 +19,7 @@ const gameBoard = byId("game-board");
 const gameSide = byId("game-side");
 const gameTitle = byId("game-title");
 const gameBadge = byId("game-badge");
+const lobbyAccount = byId("lobby-account");
 const historyBody = byId("history-body");
 const authForm = byId<HTMLFormElement>("auth-form");
 const authUser = byId<HTMLInputElement>("auth-user");
@@ -226,6 +227,7 @@ function badge(view: View): string {
 }
 
 function renderLobby(lobby: View): void {
+  lobbyAccount.textContent = lobby.account ? `Account ${lobby.account}` : "";
   gameGrid.replaceChildren();
   const list: [string, string][] = lobby.games ?? [];
   for (const [id, name] of list) {
diff --git a/web/play/src/slots.ts b/web/play/src/slots.ts
index 7c4677d..8b821cf 100644
--- a/web/play/src/slots.ts
+++ b/web/play/src/slots.ts
@@ -39,6 +39,7 @@ export function renderSlots(
 ): void {
   latest = view;
   latestBoard = board;
+  if (view.error) spinUntil = 0;
   if (animation !== undefined) {
     window.clearInterval(animation);
     animation = undefined;