From 5e8d9efb7b9d1e8e732ecc91f22f4ea18eddd5db Mon Sep 17 00:00:00 2001
From: Matt Edholm <football2801@me.com>
Date: Fri, 15 May 2026 14:37:56 -0400
Subject: [PATCH] fix(pwa): cache-bust icon link tags (?v=20260515-3a)

iOS Safari caches the apple-touch-icon per origin and ignores byte-level
changes on the same URL. Adding a version query forces a refetch on
fresh visits without renaming the source files. Buttressed across all
standalone Twig templates and the SPA index plus the manifest icons so
Chrome desktop also refetches.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/index.html                   | 8 ++++----
 frontend/public/manifest.webmanifest  | 6 +++---
 public/build/index.html               | 8 ++++----
 public/build/manifest.webmanifest     | 6 +++---
 templates/base.html.twig              | 8 ++++----
 templates/help/index.html.twig        | 8 ++++----
 templates/security/login.html.twig    | 8 ++++----
 templates/security/register.html.twig | 8 ++++----
 templates/setup/configure.html.twig   | 8 ++++----
 templates/setup/index.html.twig       | 8 ++++----
 templates/token/approve.html.twig     | 8 ++++----
 templates/token/approved.html.twig    | 8 ++++----
 templates/token/decline.html.twig     | 8 ++++----
 templates/token/declined.html.twig    | 8 ++++----
 templates/token/invalid.html.twig     | 8 ++++----
 15 files changed, 58 insertions(+), 58 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index cc6e951..c07f666 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <title>WeVisto</title>
 
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png" />
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a" />
     <link rel="manifest" href="/build/manifest.webmanifest" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a" />
 
     <meta name="theme-color" content="#fdf6ee" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
diff --git a/frontend/public/manifest.webmanifest b/frontend/public/manifest.webmanifest
index 48db074..ac6f11f 100644
--- a/frontend/public/manifest.webmanifest
+++ b/frontend/public/manifest.webmanifest
@@ -11,19 +11,19 @@
   "theme_color": "#fdf6ee",
   "icons": [
     {
-      "src": "/build/icons/icon-192.png",
+      "src": "/build/icons/icon-192.png?v=20260515-3a",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/build/icons/icon-512.png",
+      "src": "/build/icons/icon-512.png?v=20260515-3a",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/build/icons/icon-512-maskable.png",
+      "src": "/build/icons/icon-512-maskable.png?v=20260515-3a",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/public/build/index.html b/public/build/index.html
index f3068f7..a533f68 100644
--- a/public/build/index.html
+++ b/public/build/index.html
@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <title>WeVisto</title>
 
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png" />
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a" />
     <link rel="manifest" href="/build/manifest.webmanifest" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a" />
 
     <meta name="theme-color" content="#fdf6ee" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
diff --git a/public/build/manifest.webmanifest b/public/build/manifest.webmanifest
index 48db074..ac6f11f 100644
--- a/public/build/manifest.webmanifest
+++ b/public/build/manifest.webmanifest
@@ -11,19 +11,19 @@
   "theme_color": "#fdf6ee",
   "icons": [
     {
-      "src": "/build/icons/icon-192.png",
+      "src": "/build/icons/icon-192.png?v=20260515-3a",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/build/icons/icon-512.png",
+      "src": "/build/icons/icon-512.png?v=20260515-3a",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/build/icons/icon-512-maskable.png",
+      "src": "/build/icons/icon-512-maskable.png?v=20260515-3a",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 2ce9b9a..304bac9 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -3,10 +3,10 @@
     <head>
         <meta charset="UTF-8">
         <title>{% block title %}Welcome!{% endblock %}</title>
-        <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-        <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-        <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+        <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+        <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+        <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+        <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
         {% block stylesheets %}
         {% endblock %}
 
diff --git a/templates/help/index.html.twig b/templates/help/index.html.twig
index 31fd04a..101cb86 100644
--- a/templates/help/index.html.twig
+++ b/templates/help/index.html.twig
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
     <title>Setup help — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index e436fae..063afe6 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
     <title>Sign in — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/security/register.html.twig b/templates/security/register.html.twig
index c7fcb1f..144081c 100644
--- a/templates/security/register.html.twig
+++ b/templates/security/register.html.twig
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
     <title>Create account — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/setup/configure.html.twig b/templates/setup/configure.html.twig
index fb2b32a..ff5ecae 100644
--- a/templates/setup/configure.html.twig
+++ b/templates/setup/configure.html.twig
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
     <title>Name your frame — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/setup/index.html.twig b/templates/setup/index.html.twig
index 0d0c369..416ffd8 100644
--- a/templates/setup/index.html.twig
+++ b/templates/setup/index.html.twig
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
     <title>Set up your frame — WeVisto</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
diff --git a/templates/token/approve.html.twig b/templates/token/approve.html.twig
index 789c2e9..03691e4 100644
--- a/templates/token/approve.html.twig
+++ b/templates/token/approve.html.twig
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+<link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
 <title>Add photo to your frame — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/approved.html.twig b/templates/token/approved.html.twig
index 94f9316..99eb6c9 100644
--- a/templates/token/approved.html.twig
+++ b/templates/token/approved.html.twig
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+<link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
 <title>Photo added — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/decline.html.twig b/templates/token/decline.html.twig
index ef55a8c..2f36522 100644
--- a/templates/token/decline.html.twig
+++ b/templates/token/decline.html.twig
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+<link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
 <title>Decline photo — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/declined.html.twig b/templates/token/declined.html.twig
index 808d014..2f079f8 100644
--- a/templates/token/declined.html.twig
+++ b/templates/token/declined.html.twig
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+<link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
 <title>Photo declined — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
diff --git a/templates/token/invalid.html.twig b/templates/token/invalid.html.twig
index cfee08d..74627ed 100644
--- a/templates/token/invalid.html.twig
+++ b/templates/token/invalid.html.twig
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" type="image/svg+xml" href="/build/favicon.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png">
+<link rel="icon" type="image/svg+xml" href="/build/favicon.svg?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="32x32" href="/build/icons/favicon-32.png?v=20260515-3a">
+    <link rel="icon" type="image/png" sizes="16x16" href="/build/icons/favicon-16.png?v=20260515-3a">
+    <link rel="apple-touch-icon" sizes="180x180" href="/build/icons/apple-touch-icon.png?v=20260515-3a">
 <title>Link invalid — WeVisto</title>
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}