feat: update APK build process to rename output and publish latest release

.gitea/workflows/build-apk.yml

@@ -0,0 +1,84 @@
+name: Build Android APK
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          distribution: 'temurin'
+          java-version: '21'
+
+      - name: Setup Android SDK
+        uses: android-actions/setup-android@v3
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Sync Capacitor
+        run: npx cap sync android
+
+      - name: Decode keystore
+        if: ${{ secrets.KEYSTORE_BASE64 != '' }}
+        run: |
+          echo "${{ secrets.KEYSTORE_BASE64 }}" | base64 -d > android/impostor.keystore
+
+      - name: Create keystore.properties
+        if: ${{ secrets.KEYSTORE_BASE64 != '' }}
+        run: |
+          cat > android/keystore.properties << EOF
+          storeFile=../impostor.keystore
+          storePassword=${{ secrets.KEYSTORE_PASSWORD }}
+          keyAlias=${{ secrets.KEY_ALIAS }}
+          keyPassword=${{ secrets.KEY_PASSWORD }}
+          EOF
+
+      - name: Build Release APK
+        if: ${{ secrets.KEYSTORE_BASE64 != '' }}
+        working-directory: android
+        run: ./gradlew assembleRelease --no-daemon
+
+      - name: Build Debug APK (fallback)
+        if: ${{ secrets.KEYSTORE_BASE64 == '' }}
+        working-directory: android
+        run: ./gradlew assembleDebug --no-daemon
+
+      - name: Rename APK
+        run: |
+          if [ -f android/app/build/outputs/apk/release/app-release.apk ]; then
+            cp android/app/build/outputs/apk/release/app-release.apk impostor-game.apk
+          else
+            cp android/app/build/outputs/apk/debug/app-debug.apk impostor-game.apk
+          fi
+
+      - name: Update latest release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: latest
+          name: Latest Build
+          body: |
+            Última versión del APK generada automáticamente.
+
+            Commit: ${{ github.sha }}
+          files: impostor-game.apk
+          prerelease: false
+          make_latest: true

.gitea/workflows/version-assets.yml

@@ -5,12 +5,12 @@ on:
     branches:
       - main
     paths:
-      - 'script.js'
-      - 'styles.css'
-      - 'logo.png'
-      - 'index.html'
+      - 'www/script.js'
+      - 'www/styles.css'
+      - 'www/logo.png'
+      - 'www/index.html'
       - 'version-assets.sh'
-      - '.github/workflows/version-assets.yml'
+      - '.gitea/workflows/version-assets.yml'
 
 jobs:
   version-assets:
@@ -26,7 +26,7 @@ jobs:
       - name: Delete old versioned assets
         run: |
           echo "🗑️ Borrando archivos hasheados antiguos..."
-          rm -f *.*.js *.*.css *.*.png || true
+          rm -f www/*.*.js www/*.*.css www/*.*.png || true
           git add -A
 
       - name: Run asset versioning
@@ -49,6 +49,6 @@ jobs:
         run: |
           git config --local user.email "ci@dariosevilla.es"
           git config --local user.name "CI Action"
-          git add *.*.js *.*.css *.*.png index.html
+          git add www/*.*.js www/*.*.css www/*.*.png www/index.html
           git commit -m "chore: update asset versions [skip ci]"
           git push

.github/workflows/build-apk.yml

@@ -5,6 +5,9 @@ on:
     branches: [main]
   workflow_dispatch:
 
+permissions:
+  contents: write
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -16,14 +19,14 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'npm'
 
       - name: Setup Java
         uses: actions/setup-java@v4
         with:
           distribution: 'temurin'
-          java-version: '17'
+          java-version: '21'
 
       - name: Setup Android SDK
         uses: android-actions/setup-android@v3
@@ -34,13 +37,59 @@ jobs:
       - name: Sync Capacitor
         run: npx cap sync android
 
-      - name: Build APK
-        working-directory: android
-        run: ./gradlew assembleDebug
+      - name: Check if keystore exists
+        id: keystore-check
+        run: |
+          if [ -n "$KEYSTORE_BASE64" ]; then
+            echo "exists=true" >> $GITHUB_OUTPUT
+          else
+            echo "exists=false" >> $GITHUB_OUTPUT
+          fi
+        env:
+          KEYSTORE_BASE64: ${{ secrets.KEYSTORE_BASE64 }}
 
-      - name: Upload APK
-        uses: actions/upload-artifact@v4
+      - name: Decode keystore
+        if: steps.keystore-check.outputs.exists == 'true'
+        run: |
+          echo "${{ secrets.KEYSTORE_BASE64 }}" | base64 -d > android/impostor.keystore
+
+      - name: Create keystore.properties
+        if: steps.keystore-check.outputs.exists == 'true'
+        run: |
+          cat > android/keystore.properties << EOF
+          storeFile=../impostor.keystore
+          storePassword=${{ secrets.KEYSTORE_PASSWORD }}
+          keyAlias=${{ secrets.KEY_ALIAS }}
+          keyPassword=${{ secrets.KEY_PASSWORD }}
+          EOF
+
+      - name: Build Release APK
+        if: steps.keystore-check.outputs.exists == 'true'
+        working-directory: android
+        run: ./gradlew assembleRelease --no-daemon
+
+      - name: Build Debug APK (fallback)
+        if: steps.keystore-check.outputs.exists == 'false'
+        working-directory: android
+        run: ./gradlew assembleDebug --no-daemon
+
+      - name: Rename APK
+        run: |
+          if [ "${{ steps.keystore-check.outputs.exists }}" == "true" ]; then
+            cp android/app/build/outputs/apk/release/app-release.apk impostor-game.apk
+          else
+            cp android/app/build/outputs/apk/debug/app-debug.apk impostor-game.apk
+          fi
+
+      - name: Update latest release
+        uses: softprops/action-gh-release@v2
         with:
-          name: impostor-game-debug
-          path: android/app/build/outputs/apk/debug/app-debug.apk
-          retention-days: 30
+          tag_name: latest
+          name: Latest Build
+          body: |
+            Última versión del APK generada automáticamente.
+
+            Commit: ${{ github.sha }}
+          files: impostor-game.apk
+          prerelease: false
+          make_latest: true

android/app/build.gradle

@@ -41,6 +41,10 @@ android {
             }
         }
     }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_21
+        targetCompatibility JavaVersion.VERSION_21
+    }
 }
 
 repositories {

android/app/src/main/java/es/dariosevilla/impostor/MainActivity.java

@@ -1,15 +1,35 @@
 package es.dariosevilla.impostor;
 
+import android.graphics.Color;
 import android.os.Bundle;
 import android.view.View;
+import android.view.Window;
+import android.view.WindowManager;
 import androidx.core.view.WindowCompat;
+import androidx.core.view.WindowInsetsControllerCompat;
 import com.getcapacitor.BridgeActivity;
 
 public class MainActivity extends BridgeActivity {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
-        // Disable edge-to-edge to prevent status bar overlap
-        WindowCompat.setDecorFitsSystemWindows(getWindow(), true);
+
+        Window window = getWindow();
+
+        // Enable edge-to-edge mode so CSS safe-area-inset-* values work correctly
+        WindowCompat.setDecorFitsSystemWindows(window, false);
+
+        // Make status bar transparent so content can draw underneath
+        window.setStatusBarColor(Color.TRANSPARENT);
+        window.setNavigationBarColor(Color.TRANSPARENT);
+
+        // Set status bar icons to light (for dark backgrounds) or dark (for light backgrounds)
+        WindowInsetsControllerCompat insetsController = WindowCompat.getInsetsController(window, window.getDecorView());
+        if (insetsController != null) {
+            // Use dark icons (false = dark icons for light status bar background)
+            // The CSS handles the actual content offset via safe-area-inset-top
+            insetsController.setAppearanceLightStatusBars(false);
+            insetsController.setAppearanceLightNavigationBars(false);
+        }
     }
 }

android/build.gradle

@@ -24,6 +24,19 @@ allprojects {
     }
 }
 
+subprojects {
+    afterEvaluate { project ->
+        if (project.hasProperty("android")) {
+            android {
+                compileOptions {
+                    sourceCompatibility JavaVersion.VERSION_21
+                    targetCompatibility JavaVersion.VERSION_21
+                }
+            }
+        }
+    }
+}
+
 task clean(type: Delete) {
     delete rootProject.buildDir
 }

version-assets.sh

@@ -7,6 +7,9 @@ set -e
 echo "🚀 Iniciando versionado de archivos estáticos..."
 echo ""
 
+# Directorio de trabajo
+WWW_DIR="www"
+
 # Archivos a versionar
 ASSETS=("script.js" "styles.css" "logo.png")
 HTML_FILE="index.html"
@@ -28,26 +31,29 @@ get_versioned_name() {
 
 # Limpiar archivos versionados antiguos
 echo "🗑️  Limpiando versiones antiguas..."
-rm -f *.*.js *.*.css *.*.png 2>/dev/null || true
+rm -f "$WWW_DIR"/*.*.js "$WWW_DIR"/*.*.css "$WWW_DIR"/*.*.png 2>/dev/null || true
 echo ""
 
 # Crear backup del HTML
-cp "$HTML_FILE" "${HTML_FILE}.bak"
+cp "$WWW_DIR/$HTML_FILE" "$WWW_DIR/${HTML_FILE}.bak"
 
 # Versionar cada archivo
 for asset in "${ASSETS[@]}"; do
-    if [[ ! -f "$asset" ]]; then
-        echo "⚠️  Advertencia: $asset no encontrado, saltando..."
+    asset_path="$WWW_DIR/$asset"
+
+    if [[ ! -f "$asset_path" ]]; then
+        echo "⚠️  Advertencia: $asset_path no encontrado, saltando..."
         continue
     fi
 
     # Generar hash
-    hash=$(generate_hash "$asset")
+    hash=$(generate_hash "$asset_path")
     versioned=$(get_versioned_name "$asset" "$hash")
+    versioned_path="$WWW_DIR/$versioned"
 
     # Copiar archivo con versión
     echo "📦 Versionando: $asset → $versioned"
-    cp "$asset" "$versioned"
+    cp "$asset_path" "$versioned_path"
 
     # Obtener nombre base y extensión para el patrón
     base="${asset%.*}"
@@ -56,14 +62,14 @@ for asset in "${ASSETS[@]}"; do
     # Actualizar referencia en HTML (busca versión original o hasheada)
     case "$asset" in
         *.js)
-            sed -i -E "s|src=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|src=\"${versioned}\"|g" "$HTML_FILE"
+            sed -i -E "s|src=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|src=\"${versioned}\"|g" "$WWW_DIR/$HTML_FILE"
             ;;
         *.css)
-            sed -i -E "s|href=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|href=\"${versioned}\"|g" "$HTML_FILE"
+            sed -i -E "s|href=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|href=\"${versioned}\"|g" "$WWW_DIR/$HTML_FILE"
             ;;
         *.png)
-            sed -i -E "s|href=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|href=\"${versioned}\"|g" "$HTML_FILE"
-            sed -i -E "s|src=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|src=\"${versioned}\"|g" "$HTML_FILE"
+            sed -i -E "s|href=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|href=\"${versioned}\"|g" "$WWW_DIR/$HTML_FILE"
+            sed -i -E "s|src=\"${base}(\.[a-f0-9]{8})?\.${ext}\"|src=\"${versioned}\"|g" "$WWW_DIR/$HTML_FILE"
             ;;
     esac
 
@@ -72,9 +78,9 @@ for asset in "${ASSETS[@]}"; do
 done
 
 # Limpiar backup
-rm -f "${HTML_FILE}.bak"
+rm -f "$WWW_DIR/${HTML_FILE}.bak"
 
 echo "✅ Versionado completado exitosamente!"
 echo ""
 echo "📋 Archivos versionados:"
-ls -1 *.*.{js,css,png} 2>/dev/null || echo "   (ninguno)"
+ls -1 "$WWW_DIR"/*.*.{js,css,png} 2>/dev/null || echo "   (ninguno)"

www/index.html

@@ -77,17 +77,17 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600;700&family=Courier+Prime:wght@400;700&family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="styles.1a37b506.css">
+    <link rel="stylesheet" href="styles.3a5cdf49.css">
+    <link rel="icon" type="image/png" href="logo.78f51359.png">
+    <link rel="sitemap" type="application/xml" href="/www/sitemap.xml">
+    <link rel="stylesheet" href="styles.3a5cdf49.css">
     <link rel="icon" type="image/png" href="logo.78f51359.png">
-    <link rel="sitemap" type="application/xml" href="/sitemap.xml">
-    <link rel="stylesheet" href="styles.css">
-    <link rel="icon" type="image/png" href="logo.png">
     <link rel="manifest" href="manifest.webmanifest">
     <meta name="theme-color" content="#ff4444">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-title" content="Impostor">
-    <link rel="apple-touch-icon" href="logo.png">
+    <link rel="apple-touch-icon" href="logo.78f51359.png">
     <script defer src="https://analytics.dariosevilla.es/script.js" data-website-id="0520a008-d309-477f-9742-b4a674ac42eb"></script>
 </head>
 <body>
@@ -117,7 +117,7 @@
         <!-- Welcome screen -->
         <div id="welcome-screen" class="screen active">
             <div class="welcome-content">
-                <img src="logo.png" alt="Logo" class="welcome-logo">
+                <img src="logo.78f51359.png" alt="Logo" class="welcome-logo">
                 <h1 class="welcome-title">Juego del Impostor</h1>
                 <p class="welcome-subtitle">¿Podrás descubrir quién es el impostor?</p>
                 <div class="welcome-buttons">
@@ -265,7 +265,7 @@
         </div>
     </div>
 
-    <script src="script.js"></script>
+    <script src="script.52beba25.js"></script>
 </body>
 </html>
 

www/script.52beba25.js

@@ -7,6 +7,17 @@ const THEME_STORAGE_KEY = 'impostorGameTheme';
 const LANGUAGE_STORAGE_KEY = 'impostorGameLanguage';
 const SCREEN_LOCK_STORAGE_KEY = 'impostorGameScreenLock';
 
+// Detect if running as a native app (Capacitor/Cordova)
+(function detectNativeApp() {
+  const isCapacitor = window.Capacitor !== undefined;
+  const isCordova = window.cordova !== undefined;
+  const isNativeApp = isCapacitor || isCordova;
+
+  if (isNativeApp) {
+    document.documentElement.classList.add('native-app');
+  }
+})();
+
 // ---------- Internationalization system ----------
 const TRANSLATIONS = {
   es: {
@@ -1300,6 +1311,19 @@ document.addEventListener('DOMContentLoaded', () => {
   });
 });
 
+// ---------- Service Worker Registration ----------
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('/sw.js')
+      .then((registration) => {
+        console.log('[App] Service Worker registered:', registration.scope);
+      })
+      .catch((error) => {
+        console.error('[App] Service Worker registration failed:', error);
+      });
+  });
+}
+
 // ---------- State rehydration ----------
 (function init() {
   const restored = loadState();

www/script.js

@@ -7,6 +7,17 @@ const THEME_STORAGE_KEY = 'impostorGameTheme';
 const LANGUAGE_STORAGE_KEY = 'impostorGameLanguage';
 const SCREEN_LOCK_STORAGE_KEY = 'impostorGameScreenLock';
 
+// Detect if running as a native app (Capacitor/Cordova)
+(function detectNativeApp() {
+  const isCapacitor = window.Capacitor !== undefined;
+  const isCordova = window.cordova !== undefined;
+  const isNativeApp = isCapacitor || isCordova;
+
+  if (isNativeApp) {
+    document.documentElement.classList.add('native-app');
+  }
+})();
+
 // ---------- Internationalization system ----------
 const TRANSLATIONS = {
   es: {

www/styles.3a5cdf49.css

@@ -102,7 +102,7 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 70px 16px 16px;
+  padding: calc(70px + env(safe-area-inset-top, 24px)) 16px calc(16px + env(safe-area-inset-bottom, 0px));
   color: var(--text-primary);
   position: relative;
   overflow: hidden;
@@ -111,6 +111,27 @@ body {
   transition: background 0.5s ease, color 0.3s ease;
 }
 
+/* Native app (Capacitor/Cordova) status bar adjustment */
+.native-app body {
+  padding-top: calc(70px + 32px);
+}
+
+.native-app .theme-toggle {
+  top: calc(20px + 32px);
+}
+
+.native-app .language-toggle {
+  top: calc(86px + 32px);
+}
+
+.native-app .exit-game {
+  top: calc(20px + 32px);
+}
+
+.native-app .screen-lock-toggle {
+  top: calc(152px + 32px);
+}
+
 /* Film grain texture overlay */
 body::before {
   content: '';
@@ -1440,7 +1461,7 @@ button:disabled {
 
 .theme-toggle {
   position: fixed;
-  top: 20px;
+  top: calc(20px + env(safe-area-inset-top, 24px));
   right: 20px;
   width: 56px;
   height: 56px;
@@ -1481,7 +1502,7 @@ button:disabled {
 
 .language-toggle {
   position: fixed;
-  top: 86px;
+  top: calc(86px + env(safe-area-inset-top, 24px));
   right: 20px;
   width: auto;
   min-width: 56px;
@@ -1531,7 +1552,7 @@ button:disabled {
 
 .exit-game {
   position: fixed;
-  top: 20px;
+  top: calc(20px + env(safe-area-inset-top, 24px));
   left: 20px;
   width: auto;
   height: 56px;
@@ -1580,7 +1601,7 @@ button:disabled {
 
 .screen-lock-toggle {
   position: fixed;
-  top: 152px;
+  top: calc(152px + env(safe-area-inset-top, 24px));
   right: 20px;
   width: 56px;
   height: 56px;

www/styles.css

@@ -111,6 +111,27 @@ body {
   transition: background 0.5s ease, color 0.3s ease;
 }
 
+/* Native app (Capacitor/Cordova) status bar adjustment */
+.native-app body {
+  padding-top: calc(70px + 32px);
+}
+
+.native-app .theme-toggle {
+  top: calc(20px + 32px);
+}
+
+.native-app .language-toggle {
+  top: calc(86px + 32px);
+}
+
+.native-app .exit-game {
+  top: calc(20px + 32px);
+}
+
+.native-app .screen-lock-toggle {
+  top: calc(152px + 32px);
+}
+
 /* Film grain texture overlay */
 body::before {
   content: '';