Upgrade dependencies & smallfixes

code/package.json

@@ -1,18 +1,18 @@
 {
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0",
   "scripts": {
     "dev": "vite --host",
     "build": "tsc && vite build",
     "serve": "vite preview --host"
   },
   "type": "module",
   "dependencies": {
-    "@ionic/core": "^8.0.1",
+    "@ionic/core": "^8.1.0",
     "@ionic/storage": "^4.0.0",
     "alpinejs": "^3.13.10",
     "alpinejs-i18n": "^2.4.2",
     "chess.js": "^0.13.4",
-    "chessground": "^9.0.5",
+    "chessground": "^9.1.0",
     "dom-to-image-hm": "github:InYourHead/dom-to-image",
     "howler": "^2.2.4",
     "lila-stockfish-web": "^0.0.3",
@@ -24,10 +24,10 @@
     "@types/chess.js": "^0.13.7",
     "@types/google.accounts": "^0.0.14",
     "@types/howler": "^2.2.11",
-    "sass": "^1.75.0",
+    "sass": "^1.76.0",
     "typescript": "^5.4.5",
-    "vite": "^5.2.10",
+    "vite": "^5.2.11",
     "vite-plugin-pwa": "^0.17.5",
-    "vite-plugin-static-copy": "^1.0.3"
+    "vite-plugin-static-copy": "^1.0.4"
   }
 }

code/public/.well-known/assetlinks.json

@@ -5,7 +5,16 @@
       "namespace": "android_app",
       "package_name": "com.supertorpe.chessendgametraining",
       "sha256_cert_fingerprints":
-        ["DE:3A:00:69:52:F3:CA:93:10:B8:1B:61:7E:75:70:82:08:4E:BF:67:AF:75:B3:86:C7:E5:F2:68:5B:64:73:FE"]
+        ["DE:3A:00:69:52:F3:CA:93:10:B8:1B:61:7E:75:70:82:08:4E:BF:67:AF:75:B3:86:C7:E5:F2:68:5B:64:73:FE","04:00:E0:DA:0D:26:72:DA:77:87:06:4B:81:9C:BB:B5:95:D8:08:10:34:F0:24:C0:33:96:8F:F0:80:F2:FD:9C","C3:50:39:94:AB:3C:DE:88:F1:86:DF:55:B0:9F:24:D4:BD:C5:7E:9D:F3:6B:48:D4:6E:48:F2:64:3A:86:0E:C0"]
+    }
+  },
+  {
+    "relation": [
+      "check_validation"
+    ],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "com.supertorpe.chessendgametraining"
     }
   }
 ]

code/public/app.html

@@ -8,13 +8,13 @@
         <ion-content>
             <ion-menu-toggle auto-hide="false">
                 <ion-list role="list">
-                    <ion-item lines="full" href="home" data-navigo  detail="false">
+                    <ion-item lines="none" href="home" data-navigo  detail="false">
                         <ion-icon slot="start" color="dark" class="aura" style="margin-left: 5px" data-name="home-sharp"></ion-icon>
                         <ion-label x-text="$t('app.home')"></ion-label>
                     </ion-item>
                     <template x-for="(category, idxCategory) in categories" :key="category.name">
                         <span>
-                            <ion-item lines="full" button="true" detail="false"
+                            <ion-item lines="none" button="true" detail="false"
                                 x-on:click="$event.stopPropagation(); selectCategory(category.name)">
                                 <div slot="start" style="display: flex; flex-direction: row; flex-wrap: nowrap">
                                     <template x-for="iconUrl in category.iconUrls">
@@ -40,15 +40,15 @@
                             </template>
                         </span>
                     </template>
-                    <ion-item lines="full" button="true" detail="false" x-on:click="showSettings()"> 
+                    <ion-item lines="none" button="true" detail="false" x-on:click="showSettings()"> 
                         <ion-icon slot="start" color="dark" class="aura" style="margin-left: 5px" data-name="settings-sharp"></ion-icon>
                         <ion-label x-text="$t('app.settings')"></ion-label>
                     </ion-item>
-                    <ion-item lines="full" button="true" detail="false" x-on:click="showAbout()"> 
+                    <ion-item lines="none" button="true" detail="false" x-on:click="showAbout()"> 
                         <ion-icon slot="start" color="dark" class="aura" style="margin-left: 5px" data-name="information-circle"></ion-icon>
                         <ion-label x-text="$t('app.about')"></ion-label>
                     </ion-item>
-                    <ion-item>
+                    <ion-item lines="none">
                         <ion-grid>
                             <ion-row>
                               <ion-col size="6">

code/public/page-about.html

@@ -13,18 +13,17 @@
     <ion-item lines="none">
       <ion-label x-text="$t('about.description', {version: version})" class="ion-text-wrap"></ion-label>
     </ion-item>
-    <ion-item lines="none">
+    <ion-item lines="full">
       <ion-router-link target="_blank" href="https://github.com/supertorpe/chessendgametraining"
         x-text="$t('about.source-code')"></ion-router-link>
     </ion-item>
     <ion-item>
       <ion-label x-text="$t('about.third-party')" class="ion-text-wrap"></ion-label>
     </ion-item>
     <template x-for="item in items" :key="item.url">
-      <ion-item lines="none">
+      <ion-item lines="full">
         <ion-router-link target="_blank" x-bind:href="item.url" x-html="item.text"></ion-router-link>
       </ion-item>
     </template>
-    <ion-item></ion-item>
   </ion-list>
 </ion-content>

code/public/page-position.html

@@ -137,7 +137,7 @@
                         <ion-icon data-name="clipboard-outline" class="aura"></ion-icon>
                     </ion-fab-button>
                     <ion-fab-button color="dark" x-on:click="lichessAnalysis()">
-                        <img width="24px" src="/assets/icons/lichess.png" class="aura"></ion-icon>
+                        <img width="24px" x-bind:src="'/assets/icons/lichess-' + colorTheme + '.png'" class="aura"></ion-icon>
                     </ion-fab-button>
                 </ion-fab-list>
             </ion-fab>

code/src/controllers/position.ts

@@ -418,6 +418,7 @@ class PositionController extends BaseController {
 
     Alpine.data('info', () => ({
       position: self,
+      colorTheme: configurationService.configuration.colorTheme,
       boardTheme: configurationService.configuration.boardTheme,
       pieceTheme: configurationService.configuration.pieceTheme,
       customFen: customFen,
@@ -564,6 +565,7 @@ class PositionController extends BaseController {
         });
         configurationService.configuration.configurationChangedEmitter.addEventListener((event) => {
           switch (event.field) {
+            case 'colorTheme': this.colorTheme = event.config.colorTheme; break;
             case 'boardTheme': this.boardTheme = event.config.boardTheme; break;
             case 'pieceTheme': this.pieceTheme = event.config.pieceTheme; break;
             case 'highlightSquares': {

code/vite.config.js

@@ -80,7 +80,7 @@ export default ({ mode }) => {
           display: 'fullscreen',
           start_url: '/?fullscreen=true',
           scope: 'https://chess-endgame-trainer.web.app',
-          scope_extensions: [ { origin: 'https://chess-endgame-trainer.firebaseapp.com' } ],
+          scope_extensions: [{ origin: 'https://chess-endgame-trainer.firebaseapp.com' }],
           background_color: '#000000',
           theme_color: '#000000',
           orientation: 'any',
@@ -157,6 +157,13 @@ export default ({ mode }) => {
               form_factor: "narrow",
               label: "Settings"
             },
+            {
+              src: "assets/screenshots/screenshot_7.png",
+              sizes: "360x740",
+              type: "image/png",
+              form_factor: "narrow",
+              label: "Settings"
+            },
             {
               src: "assets/screenshots/screenshot_1.png",
               sizes: "360x740",
@@ -198,6 +205,13 @@ export default ({ mode }) => {
               type: "image/png",
               form_factor: "wide",
               label: "Settings"
+            },
+            {
+              src: "assets/screenshots/screenshot_7.png",
+              sizes: "360x740",
+              type: "image/png",
+              form_factor: "wide",
+              label: "Settings"
             }
           ]
         }