From d19e4eb41eed9511bd682ae05acd8ac1406f1727 Mon Sep 17 00:00:00 2001
From: Eduard Wisch <data@data-it-solution.de>
Date: Thu, 9 Apr 2026 01:31:16 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=93=B2=20Install-Button=20in=20To?=
 =?UTF-8?q?pbar=20=E2=80=94=20umgeht=20Chrome=20Engagement-Heuristik?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Chrome zeigt 'App installieren' im Menü erst nach mehrmaligem Besuch
mit User-Interaktion. Das ist die sog. Site-Engagement-Heuristik —
keine technische Voraussetzung, sondern UX-Gate.

Workaround: beforeinstallprompt-Event abfangen und manuell auslösen.

- 📲 Install-Button in Topbar (standardmäßig versteckt)
- Bei beforeinstallprompt: Event speichern, Button anzeigen
- Klick → prompt() aufrufen → Install-Dialog öffnet sich
- appinstalled-Event: Button wieder verstecken
- iOS-Fallback: Hinweis zum manuellen 'Zum Home-Bildschirm'

Damit ist die Install-Funktion jederzeit sichtbar und nutzbar,
unabhängig davon wie oft der User die Seite vorher besucht hat.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
[deploy]
---
 index.php | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/index.php b/index.php
index 6b93b7b..d8208eb 100644
--- a/index.php
+++ b/index.php
@@ -42,6 +42,7 @@ header('Expires: 0');
     <header id="topbar">
         <button id="back-btn" class="icon-btn" style="display:none">←</button>
         <h1 id="page-title">Baustelle</h1>
+        <button id="install-btn" class="icon-btn" title="Als App installieren" style="display:none">📲</button>
         <button id="help-btn" class="icon-btn" title="Hilfe">❓</button>
         <span id="status-badge">🟢</span>
     </header>
@@ -63,6 +64,36 @@ header('Expires: 0');
 <script src="lib/router.js?v=<?php echo $jsVersion; ?>"></script>
 <script src="app.js?v=<?php echo $jsVersion; ?>"></script>
 <script>
+/* PWA Install Prompt abfangen */
+let deferredInstallPrompt = null;
+window.addEventListener('beforeinstallprompt', function (e) {
+    e.preventDefault();
+    deferredInstallPrompt = e;
+    var btn = document.getElementById('install-btn');
+    if (btn) btn.style.display = '';
+    console.log('PWA: Install-Prompt ist verfügbar');
+});
+document.addEventListener('DOMContentLoaded', function () {
+    var btn = document.getElementById('install-btn');
+    if (btn) btn.addEventListener('click', async function () {
+        if (!deferredInstallPrompt) {
+            alert('Installation nicht verfügbar. Falls du die App bereits installiert hast, öffne sie über das Home-Screen-Icon.\n\nAuf iPhone: Safari → Teilen → "Zum Home-Bildschirm".');
+            return;
+        }
+        deferredInstallPrompt.prompt();
+        var choice = await deferredInstallPrompt.userChoice;
+        if (choice.outcome === 'accepted') {
+            btn.style.display = 'none';
+        }
+        deferredInstallPrompt = null;
+    });
+});
+window.addEventListener('appinstalled', function () {
+    var btn = document.getElementById('install-btn');
+    if (btn) btn.style.display = 'none';
+    console.log('PWA: Installation abgeschlossen');
+});
+
 if ('serviceWorker' in navigator) {
     window.addEventListener('load', function () {
         navigator.serviceWorker.register('sw.js?v=<?php echo $swVersion; ?>').then(function (reg) {