Changeset 942028f in Klonkt

Timestamp:

06/14/2026 04:01:38 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2b52bfb

Parents:

9b36f45

Message:

app: remove APK/TWA variant — PWA-only install

Robin: only PWA possible, no APK. Removed:

• src/assets/apk/soundfabrics.apk + src/assets/.well-known/assetlinks.json
• /.well-known/assetlinks.json route (server.js) — only needed for TWA
• data-apk-url on the install button (footer.ejs)
• the 'Option B — APK' branch + Option A/B framing in install-app.js (now PWA-only)

install-app.js?v bump (without cache buster the old version would keep
being served).

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/.well-known/assetlinks.json (deleted)
• assets/apk/soundfabrics.apk (deleted)
• assets/js/install-app.js (modified) (3 diffs)
• server.js (modified) (1 diff)
• views/partials/footer.ejs (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/js/install-app.js

@@ -7 +7 @@
  *  - On click, opens a modal with platform-specific instructions:
  *      iOS     → "Voeg toe aan beginscherm" via Safari share sheet
- *      Android → choice between PWA install (1-tap if available) and APK download
+ *      Android → PWA install (1-tap if available, else Chrome ⋮-menu instructions)
  *      Desktop → instructions for Chrome/Edge install icon, or native prompt if available
  *  - Listens for `beforeinstallprompt` (Android Chrome / desktop Chromium) and
  *    deferreds it so the modal's "Install as PWA" button can fire it.
  *
- * Markup contract: <button data-pcms-install-app data-apk-url="/path/to.apk">
+ * Markup contract: <button data-pcms-install-app>
  *
  * CSS: .install-app-btn / .install-modal* / .install-choice* — defined in
@@ -30 +30 @@
   const isIOS     = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
   const isAndroid = /Android/.test(ua);
-  const apkUrl    = btn.dataset.apkUrl || '';
 
   // Capture Chrome/Edge native install prompt so we can fire it from our modal.
@@ -100 +99 @@
       : `<p class="install-choice-note">Open deze site in <strong>Chrome</strong> en kies in het <strong>⋮-menu → "App installeren"</strong> (of "Aan beginscherm toevoegen").</p>`;
 
-    const apkBlock = apkUrl ? `
-      <div class="install-choice install-choice-apk">
-        <h4>🤖 Optie B — APK (native Android-app)</h4>
-        <div class="install-pros-cons">
-          <div class="install-pros">
-            <strong>Voordelen</strong>
-            <ul>
-              <li>Echte app in app-lade, naast WhatsApp/Gmail</li>
-              <li>Beste achtergrond-audio ondersteuning</li>
-              <li>Lock-screen controls werken optimaal</li>
-              <li>Blijft geïnstalleerd ongeacht browser-cache</li>
-            </ul>
-          </div>
-          <div class="install-cons">
-            <strong>Nadelen</strong>
-            <ul>
-              <li>Moet eenmalig "onbekende bronnen" toestaan</li>
-              <li>Geen auto-updates — nieuwe versie = APK opnieuw downloaden</li>
-              <li>Browser toont beveiligings-waarschuwing bij install</li>
-              <li>Alleen Android (Android 5+ / API 21+)</li>
-            </ul>
-          </div>
-        </div>
-        <a href="${apkUrl}" class="install-choice-cta" download>
-          <svg width="18" height="18" viewBox="0 0 24 24" style="vertical-align:middle;margin-right:.35rem"><path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z" fill="currentColor"/></svg>
-          Download APK
-        </a>
-        <ol class="install-steps" style="margin-top:.75rem">
-          <li>Tik op de gedownloade APK</li>
-          <li>Sta eenmalig <strong>"installeren van onbekende bronnen"</strong> toe voor je browser</li>
-          <li>Tik <strong>Installeer</strong> in de popup</li>
-          <li>Open de app vanuit je app-lade</li>
-        </ol>
-      </div>
-    ` : '';
-
     showModal(`
       <h3 id="install-title" style="margin:0 0 .5rem">🤖 Installeer op Android</h3>
-      <p style="margin:0 0 1.25rem;opacity:.8">Twee manieren. Kies wat bij je past:</p>
-
-      <div class="install-choice install-choice-pwa">
-        <h4>📱 Optie A — Home-screen shortcut (PWA)</h4>
-        <div class="install-pros-cons">
-          <div class="install-pros">
-            <strong>Voordelen</strong>
-            <ul>
-              <li>Instant — geen download of toestemmingen</li>
-              <li>Updates automatisch bij elke site-wijziging</li>
-              <li>Geen beveiligings-waarschuwing</li>
-              <li>Minder opslagruimte op je telefoon</li>
-            </ul>
-          </div>
-          <div class="install-cons">
-            <strong>Nadelen</strong>
-            <ul>
-              <li>Vereist Chrome als browser</li>
-              <li>Audio-in-achtergrond iets minder robuust dan native</li>
-              <li>Kan verdwijnen als je browser-data wist</li>
-            </ul>
-          </div>
-        </div>
-        ${nativeLine}
-      </div>
-
-      ${apkBlock}
-
-      <p style="margin:1rem 0 0;opacity:.65;font-size:.82rem">💡 Weet je niet wat te kiezen? Begin met <strong>Optie A (shortcut)</strong>. Te beperkt? Ga dan voor de APK.</p>
+      <p style="margin:0 0 1rem;opacity:.8">Voeg deze site als app toe aan je beginscherm:</p>
+      <ul class="install-steps" style="opacity:.85">
+        <li>Instant — geen download of toestemmingen</li>
+        <li>Updatet automatisch bij elke wijziging</li>
+        <li>Minder opslag dan een losse app</li>
+      </ul>
+      ${nativeLine}
+      <p style="margin:1rem 0 0;opacity:.7;font-size:.85rem">⚠️ Werkt het best in Chrome.</p>
     `);
   }

src/server.js

@@ -118 +118 @@
 app.use('/media', express.static(process.env.MEDIA_PATH || './storage/media'));
 
-// P64 — TWA / digital-asset-links: must be served at /.well-known/assetlinks.json
-// at the site root with Content-Type: application/json. Without this Android
-// shows the URL bar inside the installed PrutFolio app.
-app.get('/.well-known/assetlinks.json', (req, res) => {
-  res.type('application/json').sendFile(
-    path.join(__dirname, 'assets', '.well-known', 'assetlinks.json')
-  );
-});
+// (Verwijderd) TWA / digital-asset-links — alleen nodig voor de APK/TWA-variant.
+// Klonkt is PWA-only; geen assetlinks.json meer.
 
 initializeDatabase();

src/views/partials/footer.ejs

@@ -20 +20 @@
   </div>
 
-  <%# P64 — Install-app button. JS detects platform & opens modal with steps.
-      data-apk-url is the direct download for Android users who want the
-      native APK route instead of the PWA. %>
+  <%# Install-app button. JS detects platform & opens a modal with PWA-install
+      steps (iOS share-sheet / Android Chrome / desktop). PWA only — geen APK. %>
   <div class="site-footer-install container">
-    <button type="button" class="install-app-btn" data-pcms-install-app data-apk-url="/assets/apk/soundfabrics.apk">
+    <button type="button" class="install-app-btn" data-pcms-install-app>
       <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M5 20h14v-2H5v2zm7-18L5.33 9h3.84v6h5.66V9h3.84L12 2z" fill="currentColor"/></svg>
       <span>Installeer app</span>

src/views/shell.ejs

@@ -283 +283 @@
 
 <!-- Install-app button: detects platform + shows install instructions modal -->
-<script src="/assets/js/install-app.js" defer></script>
+<script src="/assets/js/install-app.js?v=2" defer></script>
 
 <!-- Service Worker registration -->