Use localStorage for restoring saveGame

requirements-server.txt

@@ -19,7 +19,7 @@ dnspython==2.7.0
     # via email-validator
 email-validator==2.2.0
     # via fastapi
-fastapi==0.115.4
+fastapi==0.115.5
     # via -r requirements.in
 fastapi-cli==0.0.5
     # via fastapi
@@ -29,7 +29,7 @@ h11==0.14.0
     # via
     #   httpcore
     #   uvicorn
-httpcore==1.0.6
+httpcore==1.0.7
     # via httpx
 httptools==0.6.4
     # via uvicorn
@@ -48,7 +48,7 @@ markupsafe==3.0.2
     # via jinja2
 mdurl==0.1.2
     # via markdown-it-py
-packaging==24.1
+packaging==24.2
     # via gunicorn
 pydantic==2.9.2
     # via
@@ -76,9 +76,9 @@ sniffio==1.3.1
     # via
     #   anyio
     #   httpx
-starlette==0.41.2
+starlette==0.41.3
     # via fastapi
-typer==0.12.5
+typer==0.13.1
     # via fastapi-cli
 typing-extensions==4.12.2
     # via
@@ -94,5 +94,5 @@ uvloop==0.21.0
     # via uvicorn
 watchfiles==0.24.0
     # via uvicorn
-websockets==13.1
+websockets==14.1
     # via uvicorn

requirements.txt

@@ -19,7 +19,7 @@ dnspython==2.7.0
     # via email-validator
 email-validator==2.2.0
     # via fastapi
-fastapi==0.115.4
+fastapi==0.115.5
     # via -r requirements.in
 fastapi-cli==0.0.5
     # via fastapi
@@ -27,7 +27,7 @@ h11==0.14.0
     # via
     #   httpcore
     #   uvicorn
-httpcore==1.0.6
+httpcore==1.0.7
     # via httpx
 httptools==0.6.4
     # via uvicorn
@@ -72,9 +72,9 @@ sniffio==1.3.1
     # via
     #   anyio
     #   httpx
-starlette==0.41.2
+starlette==0.41.3
     # via fastapi
-typer==0.12.5
+typer==0.13.1
     # via fastapi-cli
 typing-extensions==4.12.2
     # via
@@ -90,5 +90,5 @@ uvloop==0.21.0
     # via uvicorn
 watchfiles==0.24.0
     # via uvicorn
-websockets==13.1
+websockets==14.1
     # via uvicorn

src/alfagok/static/game.js

@@ -1,5 +1,8 @@
 document.addEventListener('alpine:init', () => {
     Alpine.store('alfagok', {
+        // isLocalStorageAvailable: this.testLocalStorage(),
+        isLocalStorageAvailable: false,
+
         /* Main alfagok application, state etc */
         gameID: 0,
 
@@ -7,6 +10,7 @@ document.addEventListener('alpine:init', () => {
 
         winTime: null,
         startTime: null,
+        gaveUpTime: null, // not implemented yet
 
         nrGuesses: 0,
         guessesBefore: [],
@@ -88,6 +92,90 @@ document.addEventListener('alpine:init', () => {
                 this.resultGuesses = '🤔 '+ this.nrGuesses + ' gokken';
                 this.resultTimeTaken = '⏱️ ' + getFormattedTime(this.winTime - this.startTime);
             }
+        },
+        setEmptyGameState() {
+            this.winTime = null;
+            this.startTime = null;
+
+            this.nrGuesses = 0;
+            this.guessesBefore = [];
+            this.guessesAfter = [];
+
+            this.guessValue = '';
+
+            this.guessError = '';
+
+            this.resultGameID = '';
+            this.resultGuesses = '';
+            this.resultTimeTaken = '';
+
+            this.getGameID();
+        },
+        // # Local Storage Persistence
+        storeGameState() {
+        },
+        getStoredGameState() {
+            if (!this.isLocalStorageAvailable) return undefined;
+
+            const savedGameJson = localStorage.getItem('saveGame');
+            try {
+                return savedGameJSON && JSON.parse(savedGameJSON);
+            } catch (e) {
+                localStorage.removeItem('saveGame');
+            }
+            return undefined;
+        },
+        loadGameState() {
+            const savedGame = this.getStoredGameState();
+
+            if (!savedGame || !savedGame.gameID || (savedGame.gameID !== this.gameID)) {
+                this.setEmptyGameState();
+                return;
+            }
+            if (!savedGame || !savedGame.startTime) {
+                this.setEmptyGameState();
+                return;
+            }
+            const startTime = new Date(savedGame.startTime);
+            if (!isPlayDateToday(app.playDate)) {
+                this.setEmptyGameState();
+                return;
+            }
+            const savedGameForToday = getDOY(startTime) === getDOY(now());
+            if (!savedGameForToday) {
+                this.resetSavedGames();
+                this.setEmptyGameState();
+                return;
+            }
+            const {
+                winTime,
+                guessesBefore,
+                guessesAfter,
+                guessValue,
+            } = savedGame;
+            const gaveUpTime = null; // to be implemented
+            this.startTime = startTime;
+            this.winTime = (winTime && new Date(winTime)) || null;
+            this.guessesBefore = guessesBefore || [];
+            this.guessesAfter = guessesAfter || [];
+            if (gaveUpTime || this.winTime) {
+                this.guessValue = guessValue;
+            }
+        },
+        resetSavedGames() {
+            localStorage.removeItem('saveGame');
+        },
+        testLocalStorage() {
+            // stolen from https://stackoverflow.com/questions/16427636/check-if-localstorage-is-available
+            const test = 'test';
+            try {
+                localStorage.setItem(test, test);
+                localStorage.removeItem(test);
+                this.isLocalStorageAvailable = true;
+            } catch (e) {
+                this.isLocalStorageAvailable = false;
+            }
+            console.log('Local storage is available? ' + this.isLocalStorageAvailable);
         }
     }),
 
@@ -177,4 +265,5 @@ go();
 document.addEventListener('alpine:initialized', () => {
     /* On AlpineJS completely loaded, do all this */
     Alpine.store('alfagok').getGameID();
+    Alpine.store('alfagok').testLocalStorage();
 })

src/alfagok/static/images/site.webmanifest

@@ -0,0 +1 @@
+{"name":"alfagok","short_name":"alfagok","icons":[{"src":"/static/images/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/images//android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/alfagok/templates/index.html

@@ -6,6 +6,11 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Raad het woord van de dag. Elke gok geeft een hint over waar het woord zich in het alfabet bevindt. Iedereen speelt hetzelfde woord.">
         <link rel="stylesheet" href="/static/game.css">
+        <link id="favicon" rel="icon" type="image/x-icon" href="static/images/favicon.ico">
+        <link rel="apple-touch-icon" sizes="180x180" href="static/images/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="static/images/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="static/images/favicon-16x16.png">
+        <link rel="manifest" href="static/images/site.webmanifest">
         <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     </head>
     <body>
@@ -16,6 +21,7 @@
 
             <div x-cloak class="instructions" x-show="$store.alfagok.guessesBefore.length === 0 && $store.alfagok.guessesAfter.length === 0">
                 <p>Raad het woord van de dag. Elke gok geeft een hint over waar het woord zich in het alfabet bevindt.</p>
+                <p x-show="$store.alfagok.isLocalStorageAvailable"></p>
             </div>
 
             <center>

wordlist/create_list.py

@@ -1,3 +1,4 @@
+import os.path
 import random
 
 MIN_LENGTH = 4
@@ -12,6 +13,14 @@ with open('wikiwoordenboek_basiswoorden.lst', 'r', encoding='utf-8') as wordfile
     wikiwoorden_words = wordfile.readlines()
     print(f'wikiwoorden basic list contains {len(wikiwoorden_words)} words')
 
+scrabble_words = []
+if os.path.isfile('scrabblewoorden.txt'):
+    with open('scrabblewoorden.txt', 'r', encoding='utf-8') as wordfile:
+        scrabble_words = wordfile.readlines()
+        print(f'scrabblewoorden list contains {len(scrabble_words)} words')
+else:
+    print('scrabblewoorden.txt not found, skipped')
+
 with open('basiswoorden-gekeurd.txt', 'r', encoding='utf-8') as wordfile:
     basis_words = wordfile.readlines()
     print(f'opentaal basic list contains {len(basis_words)} words')
@@ -33,7 +42,7 @@ print()
 all_words_count = 0
 dictionary_list = []
 result_list = []
-for word in wikiwoorden_words + basis_words + flexies_words:
+for word in wikiwoorden_words + scrabble_words + basis_words + flexies_words:
     all_words_count += 1
     word = word.strip()
     if word.isalpha() and word.lower() == word:
@@ -47,7 +56,8 @@ if USE_OPENTAAL:
     # Use basis_words if you want to use the big but difficult OpenTaal list
     source_words = basis_words
 else:
-    source_words = wikiwoorden_words
+    # Combine the basic words and the Scrabble word lists
+    source_words = wikiwoorden_words + scrabble_words
 
 for word in source_words:
     word = word.strip()
@@ -63,7 +73,7 @@ if USE_OPENTAAL:
     filtered_set = nl_set.difference(en_set)
     filtered_list = sorted(list(filtered_set), key=str.casefold)
 else:
-    filtered_list = sorted(list(wikiwoorden_words), key=str.casefold)
+    filtered_list = sorted(list(set(result_list)), key=str.casefold)
 
 print(f'words total: {all_words_count}')
 print(f'words in dictionary: {len(dictionary_list)}')