add screenshots

Author: stringhandler

.github/workflows/android-release.yml

@@ -85,14 +85,6 @@ jobs:
             echo "ANDROID_APP_ID=com.volthawk.dota_keeper" >> $GITHUB_ENV
           fi
 
-      - name: Patch applicationId for beta
-        if: env.IS_BETA == 'true'
-        run: |
-          sed -i \
-            's/applicationId = "com.volthawk.dota_keeper"/applicationId = "com.volthawk.dota_keeper_beta"/' \
-            src-tauri/gen/android/app/build.gradle.kts
-          echo "applicationId patched to com.volthawk.dota_keeper_beta"
-
       # ── AAB (for Google Play Store) ────────────────────────────────────────
 
       - name: Build release AAB (all ABIs)
@@ -101,7 +93,12 @@ jobs:
           POSTHOG_API_KEY: ${{ secrets.POSTHOG_API_KEY }}
           PUBLIC_SUPABASE_URL: ${{ secrets.PUBLIC_SUPABASE_URL }}
           PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PUBLIC_SUPABASE_ANON_KEY }}
-        run: yarn tauri android build --aab true
+        run: |
+          if [ "$IS_BETA" = "true" ]; then
+            yarn tauri android build --aab true --config src-tauri/tauri.beta.conf.json
+          else
+            yarn tauri android build --aab true
+          fi
 
       - name: Sign AAB
         run: |

.gitignore

@@ -14,4 +14,7 @@ vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 .claude
 .vscode
-meta/social
+meta/social
+meta/screenshots/
+scripts/mock-data.json
+.env.screenshots

assets/Dota Keeper Feature Graphic.kra

@@ -0,0 +1,97 @@
+#Requires -Version 5.1
+<#
+.SYNOPSIS
+    Generates Play Store screenshots for all required device form factors.
+
+.DESCRIPTION
+    1. Reads SCREENSHOT_STEAM_ID from .env.screenshots
+    2. Fetches real match data from OpenDota API
+    3. Captures screenshots via Playwright for phone, 7" tablet, 10" tablet, Chromebook
+    4. Outputs PNGs to meta\screenshots\<device>\
+
+.EXAMPLE
+    .\create-playstore-screenshots.ps1
+#>
+
+Set-StrictMode -Version Latest
+$ErrorActionPreference = "Stop"
+
+$Root = $PSScriptRoot
+
+# ---------------------------------------------------------------------------
+# 1. Load .env.screenshots
+# ---------------------------------------------------------------------------
+
+$EnvFile = Join-Path $Root ".env.screenshots"
+if (-not (Test-Path $EnvFile)) {
+    Write-Error @"
+.env.screenshots not found.
+Copy the example and fill in your Steam64 ID:
+
+    Copy-Item .env.screenshots.example .env.screenshots
+
+Then edit .env.screenshots and set:
+    SCREENSHOT_STEAM_ID=76561198XXXXXXXXX
+"@
+    exit 1
+}
+
+foreach ($line in Get-Content $EnvFile) {
+    $line = $line.Trim()
+    if (-not $line -or $line.StartsWith("#")) { continue }
+    $parts = $line -split "=", 2
+    if ($parts.Count -eq 2) {
+        $key = $parts[0].Trim()
+        $val = $parts[1].Trim().Trim('"').Trim("'")
+        [System.Environment]::SetEnvironmentVariable($key, $val, "Process")
+    }
+}
+
+if (-not $env:SCREENSHOT_STEAM_ID) {
+    Write-Error "SCREENSHOT_STEAM_ID is not set in .env.screenshots"
+    exit 1
+}
+
+Write-Host ""
+Write-Host "=== Dota Keeper - Play Store Screenshots ===" -ForegroundColor Cyan
+Write-Host "Steam ID : $($env:SCREENSHOT_STEAM_ID.Substring(0, 10))..." -ForegroundColor DarkGray
+Write-Host ""
+
+# ---------------------------------------------------------------------------
+# 2. Fetch mock data from OpenDota
+# ---------------------------------------------------------------------------
+
+Write-Host "Step 1/2  Fetching match data from OpenDota..." -ForegroundColor Yellow
+npm run screenshots:fetch
+if ($LASTEXITCODE -ne 0) {
+    Write-Error "Failed to fetch mock data. Check your Steam ID and that your OpenDota profile is public."
+    exit 1
+}
+
+Write-Host ""
+
+# ---------------------------------------------------------------------------
+# 3. Capture screenshots
+# ---------------------------------------------------------------------------
+
+Write-Host "Step 2/2  Capturing screenshots..." -ForegroundColor Yellow
+npm run screenshots
+if ($LASTEXITCODE -ne 0) {
+    Write-Error "Screenshot capture failed."
+    exit 1
+}
+
+# ---------------------------------------------------------------------------
+# 4. Summary
+# ---------------------------------------------------------------------------
+
+$OutDir = Join-Path $Root "meta\screenshots"
+$Files = @(Get-ChildItem -Path $OutDir -Recurse -Filter "*.png" -ErrorAction SilentlyContinue)
+
+Write-Host ""
+Write-Host "Done!" -ForegroundColor Green
+Write-Host "$($Files.Count) screenshots saved to: $OutDir" -ForegroundColor Green
+Write-Host ""
+
+# Open the folder in Explorer
+Start-Process explorer.exe $OutDir

assets/Dota Keeper Feature Graphic.kra~

@@ -0,0 +1,68 @@
+# Test Guide: Play Store Screenshot Automation
+
+## Prerequisites
+- Node 18+, Playwright installed (`npm install` already handles this)
+- Your Steam64 ID (find it at https://steamid.io/ or via your Steam profile URL)
+- Your OpenDota profile must be **public**
+
+## Steps
+
+### 1. Configure your Steam ID
+Copy the example env file and fill it in:
+```
+cp .env.screenshots.example .env.screenshots
+# Edit .env.screenshots and set SCREENSHOT_STEAM_ID=76561198XXXXXXXXX
+```
+
+### 2. Fetch mock data from OpenDota
+```
+npm run screenshots:fetch
+```
+Expected output:
+- Fetches 30 matches from OpenDota public API
+- Prints: `Saved mock data to: scripts/mock-data.json`
+- Check `scripts/mock-data.json` exists and contains matches/goals
+
+### 3. Capture screenshots
+```
+npm run screenshots
+```
+(The script starts the Vite dev server automatically, takes screenshots, then stops it.)
+
+Or if your dev server is already running:
+```
+node scripts/screenshots.js --no-server
+```
+
+Expected output:
+- Prints progress for each device × route
+- All 4 devices × up to 6 routes = up to 24 screenshots
+
+### 4. Check output
+Screenshots land in `meta/screenshots/<device>/<route>.png`:
+```
+meta/screenshots/
+  phone/
+    dashboard.png
+    matches.png
+    goals.png
+    analysis.png
+    match-detail.png
+    goal-detail.png
+  tablet7/  ...
+  tablet10/ ...
+  chromebook/ ...
+```
+
+## What to verify
+- [ ] All 4 device folders exist with PNG files
+- [ ] Screenshots show realistic data (matches, goals, progress charts) — not empty states
+- [ ] Steam ID is NOT visible in screenshots (redacted in layout mock)
+- [ ] Phone screenshots look good at 1080×1920
+- [ ] Tablet screenshots look good at 1200×1920 and 1600×2560
+- [ ] No error banners or loading spinners visible in screenshots
+
+## One-shot (fetch + screenshot)
+```
+npm run screenshots:all
+```