Keep track of 'tab/window' shown events to see if game needs reloading

requirements-server.txt

@@ -2,12 +2,12 @@
 #    uv pip compile requirements-server.in
 annotated-types==0.7.0
     # via pydantic
-anyio==4.7.0
+anyio==4.9.0
     # via
     #   httpx
     #   starlette
     #   watchfiles
-certifi==2024.12.14
+certifi==2025.4.26
     # via
     #   httpcore
     #   httpx
@@ -20,17 +20,17 @@ dnspython==2.7.0
     # via email-validator
 email-validator==2.2.0
     # via fastapi
-fastapi==0.115.6
+fastapi==0.115.12
     # via -r requirements.in
 fastapi-cli==0.0.7
     # via fastapi
 gunicorn==23.0.0
     # via -r requirements-server.in
-h11==0.14.0
+h11==0.16.0
     # via
     #   httpcore
     #   uvicorn
-httpcore==1.0.7
+httpcore==1.0.9
     # via httpx
 httptools==0.6.4
     # via uvicorn
@@ -41,7 +41,7 @@ idna==3.10
     #   anyio
     #   email-validator
     #   httpx
-jinja2==3.1.5
+jinja2==3.1.6
     # via fastapi
 markdown-it-py==3.0.0
     # via rich
@@ -49,19 +49,19 @@ markupsafe==3.0.2
     # via jinja2
 mdurl==0.1.2
     # via markdown-it-py
-packaging==24.2
+packaging==25.0
     # via gunicorn
-pydantic==2.10.4
+pydantic==2.11.4
     # via
     #   fastapi
     #   pydantic-settings
-pydantic-core==2.27.2
+pydantic-core==2.33.2
     # via pydantic
-pydantic-settings==2.7.0
+pydantic-settings==2.9.1
     # via -r requirements.in
-pygments==2.18.0
+pygments==2.19.1
     # via rich
-python-dotenv==1.0.1
+python-dotenv==1.1.0
     # via
     #   pydantic-settings
     #   uvicorn
@@ -69,35 +69,39 @@ python-multipart==0.0.20
     # via fastapi
 pyyaml==6.0.2
     # via uvicorn
-rich==13.9.4
+rich==14.0.0
     # via
     #   rich-toolkit
     #   typer
-rich-toolkit==0.12.0
+rich-toolkit==0.14.6
     # via fastapi-cli
 shellingham==1.5.4
     # via typer
 sniffio==1.3.1
     # via anyio
-starlette==0.41.3
+starlette==0.46.2
     # via fastapi
-typer==0.15.1
+typer==0.15.4
     # via fastapi-cli
-typing-extensions==4.12.2
+typing-extensions==4.13.2
     # via
-    #   anyio
     #   fastapi
     #   pydantic
     #   pydantic-core
     #   rich-toolkit
     #   typer
-uvicorn==0.34.0
+    #   typing-inspection
+typing-inspection==0.4.0
+    # via
+    #   pydantic
+    #   pydantic-settings
+uvicorn==0.34.2
     # via
     #   fastapi
     #   fastapi-cli
 uvloop==0.21.0
     # via uvicorn
-watchfiles==1.0.3
+watchfiles==1.0.5
     # via uvicorn
-websockets==14.1
+websockets==15.0.1
     # via uvicorn

requirements.txt

@@ -2,12 +2,12 @@
 #    uv pip compile requirements.in
 annotated-types==0.7.0
     # via pydantic
-anyio==4.7.0
+anyio==4.9.0
     # via
     #   httpx
     #   starlette
     #   watchfiles
-certifi==2024.12.14
+certifi==2025.4.26
     # via
     #   httpcore
     #   httpx
@@ -20,15 +20,15 @@ dnspython==2.7.0
     # via email-validator
 email-validator==2.2.0
     # via fastapi
-fastapi==0.115.6
+fastapi==0.115.12
     # via -r requirements.in
 fastapi-cli==0.0.7
     # via fastapi
-h11==0.14.0
+h11==0.16.0
     # via
     #   httpcore
     #   uvicorn
-httpcore==1.0.7
+httpcore==1.0.9
     # via httpx
 httptools==0.6.4
     # via uvicorn
@@ -39,7 +39,7 @@ idna==3.10
     #   anyio
     #   email-validator
     #   httpx
-jinja2==3.1.5
+jinja2==3.1.6
     # via fastapi
 markdown-it-py==3.0.0
     # via rich
@@ -47,17 +47,17 @@ markupsafe==3.0.2
     # via jinja2
 mdurl==0.1.2
     # via markdown-it-py
-pydantic==2.10.4
+pydantic==2.11.4
     # via
     #   fastapi
     #   pydantic-settings
-pydantic-core==2.27.2
+pydantic-core==2.33.2
     # via pydantic
-pydantic-settings==2.7.0
+pydantic-settings==2.9.1
     # via -r requirements.in
-pygments==2.18.0
+pygments==2.19.1
     # via rich
-python-dotenv==1.0.1
+python-dotenv==1.1.0
     # via
     #   pydantic-settings
     #   uvicorn
@@ -65,35 +65,39 @@ python-multipart==0.0.20
     # via fastapi
 pyyaml==6.0.2
     # via uvicorn
-rich==13.9.4
+rich==14.0.0
     # via
     #   rich-toolkit
     #   typer
-rich-toolkit==0.12.0
+rich-toolkit==0.14.6
     # via fastapi-cli
 shellingham==1.5.4
     # via typer
 sniffio==1.3.1
     # via anyio
-starlette==0.41.3
+starlette==0.46.2
     # via fastapi
-typer==0.15.1
+typer==0.15.4
     # via fastapi-cli
-typing-extensions==4.12.2
+typing-extensions==4.13.2
     # via
-    #   anyio
     #   fastapi
     #   pydantic
     #   pydantic-core
     #   rich-toolkit
     #   typer
-uvicorn==0.34.0
+    #   typing-inspection
+typing-inspection==0.4.0
+    # via
+    #   pydantic
+    #   pydantic-settings
+uvicorn==0.34.2
     # via
     #   fastapi
     #   fastapi-cli
 uvloop==0.21.0
     # via uvicorn
-watchfiles==1.0.3
+watchfiles==1.0.5
     # via uvicorn
-websockets==14.1
+websockets==15.0.1
     # via uvicorn

src/alfagok/main.py

@@ -12,7 +12,7 @@ from pydantic import DirectoryPath, FilePath
 from pydantic_settings import BaseSettings
 
 
-VERSION = '0.3.1'
+VERSION = '0.3.2'
 
 AMSTERDAM = ZoneInfo('Europe/Amsterdam')
 

src/alfagok/static/game.css

@@ -39,6 +39,7 @@ a.title {
 
 .guessesheading, .guessesbefore, .guessesafter {
     text-align: center;
+    clear: both;
 }
 
 input[type="text"] {

src/alfagok/static/game.js

@@ -30,7 +30,7 @@ document.addEventListener('alpine:init', () => {
             /** Initialise the application after loading */
             await this.getGameID();
             setInterval(() => {
-                // Update counter to next game (midnight UTC, fetched from API) every second
+                // Update counter to the next game (midnight UTC, fetched from API) every second
                 this.countDownTimer();
             }, 1000);
         },
@@ -58,7 +58,7 @@ document.addEventListener('alpine:init', () => {
             /** Handle the newly entered guess */
             this.guessError = null;
 
-            /* Normalise on lowercase, and strip whitespace from begin and end, just in case */
+            /* Normalise on lowercase, and strip whitespace from start and end, just in case */
             this.guessValue = this.guessValue.toLowerCase().trim();
 
             if (this.guessValue === '') {
@@ -132,7 +132,7 @@ document.addEventListener('alpine:init', () => {
             this.resultTimeTaken = '';
         },
         getFormattedTime(milliseconds) {
-            /** Nicely format time for 'time played' */
+            /** Format the time for 'time played' nicely */
             if (!Number.isInteger(milliseconds)) {
                 return '';
             }
@@ -195,3 +195,10 @@ document.addEventListener('alpine:init', () => {
     /* On AlpineJS completely loaded, do all this */
     // Alpine.store('alfagok').getGameID();
 // })
+
+document.onvisibilitychange = () => {
+  if (!document.hidden) {
+      /* Tab/window is shown again, possibly after a long time, check if game is still current, otherwise re-load */
+      Alpine.store('alfagok').getGameID();
+  }
+};