Serve PWA icons from fresh /icons/v2/ URLs with every iOS size

iOS showed a letter tile ('N') when adding to the Home Screen. The live files were fine, but a
reverse proxy in front of the app serves static files with a long cache lifetime (live icon.svg
and sw.js were stale) and iOS remembers a failed icon per URL.

- New versioned URLs no proxy/phone has cached; old paths kept for existing installs
- apple-touch-icon declared at 180/167/152/120 (opaque 8-bit RGB PNGs) for app and dashboard
- 180px icon also listed in both manifests; notification icons and root fallbacks use v2
- Service worker cache bumped

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

app/public/app.js

@@ -2083,10 +2083,10 @@ function renderAlerts(data) {
     if (typeof Notification !== 'undefined' && Notification.permission === 'granted') {
       if ('serviceWorker' in navigator && navigator.serviceWorker.controller) {
         navigator.serviceWorker.ready.then(reg =>
-          reg.showNotification(title, { body, icon: '/icons/icon-192.png', badge: '/icons/icon-192.png', tag: id, data: { url: '/?tab=alerts' } })
+          reg.showNotification(title, { body, icon: '/icons/v2/icon-192.png', badge: '/icons/v2/icon-192.png', tag: id, data: { url: '/?tab=alerts' } })
-        ).catch(() => new Notification(title, { body, icon: '/icons/icon-192.png' }));
+        ).catch(() => new Notification(title, { body, icon: '/icons/v2/icon-192.png' }));
       } else {
-        new Notification(title, { body, icon: '/icons/icon-192.png', badge: '/icons/icon-192.png' });
+        new Notification(title, { body, icon: '/icons/v2/icon-192.png', badge: '/icons/v2/icon-192.png' });
       }
     }
     if (state.ntfyTopic) {

app/public/dashboard-account.html

@@ -5,10 +5,13 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
 <meta name="theme-color" content="#070c14">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <meta name="apple-mobile-web-app-title" content="Station">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="stylesheet" href="/pwa-safe.css">

app/public/dashboard-login.html

@@ -8,8 +8,11 @@
 <meta name="apple-mobile-web-app-title" content="Station">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>Station Dashboard — Sign In</title>
 <style>

app/public/dashboard-recover.html

@@ -6,8 +6,11 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <meta name="apple-mobile-web-app-title" content="Station">
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>Station Dashboard — Recover Access</title>

app/public/dashboard-settings.html

@@ -6,8 +6,11 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <meta name="apple-mobile-web-app-title" content="Station">
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>Station Settings</title>

app/public/dashboard-setup.html

@@ -6,8 +6,11 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <meta name="apple-mobile-web-app-title" content="Station">
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>Station Dashboard — Create Account</title>

app/public/dashboard.html

@@ -10,8 +10,11 @@
 <meta name="apple-mobile-web-app-title" content="Station">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="/dashboard.webmanifest">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/dashboard-icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/dashboard-icon-192.png">
-<link rel="apple-touch-icon" href="/icons/dashboard-apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/dashboard-apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/dashboard-apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/dashboard-apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/dashboard-apple-touch-icon-120.png">
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>Station Dashboard</title>
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>

app/public/dashboard.webmanifest

@@ -14,19 +14,25 @@
   ],
   "icons": [
     {
-      "src": "/icons/dashboard-icon-192.png",
+      "src": "/icons/v2/dashboard-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/dashboard-icon-512.png",
+      "src": "/icons/v2/dashboard-apple-touch-icon-180.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/v2/dashboard-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/dashboard-icon-maskable-512.png",
+      "src": "/icons/v2/dashboard-icon-maskable-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"

app/public/icons/v2/icon.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#3b82f6"/><stop offset="1" stop-color="#0a1a40"/></linearGradient>
+    <radialGradient id="glow" cx="0.18" cy="0.1" r="0.7"><stop offset="0" stop-color="#fff" stop-opacity="0.28"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient>
+    <radialGradient id="sun" cx="0.4" cy="0.4" r="0.7"><stop offset="0" stop-color="#ffe9a8"/><stop offset="1" stop-color="#f97316"/></radialGradient>
+    <radialGradient id="sunglow"><stop offset="0" stop-color="#fbbf24" stop-opacity="0.5"/><stop offset="1" stop-color="#fbbf24" stop-opacity="0"/></radialGradient>
+    <linearGradient id="cloud" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ffffff"/><stop offset="1" stop-color="#c9dcf5"/></linearGradient>
+    <filter id="soft" x="-20%" y="-20%" width="140%" height="160%"><feGaussianBlur stdDeviation="22"/></filter>
+  </defs>
+  <rect width="1024" height="1024" fill="url(#bg)"/>
+  <rect width="1024" height="1024" fill="url(#glow)"/>
+  <circle cx="400" cy="430" r="230" fill="url(#sunglow)"/>
+  <circle cx="400" cy="430" r="132" fill="url(#sun)"/>
+  <g filter="url(#soft)" opacity="0.35" transform="translate(0 26)" fill="#06122e">
+    <circle cx="392" cy="572" r="96"/><circle cx="522" cy="522" r="126"/><circle cx="648" cy="582" r="86"/>
+    <rect x="300" y="560" width="432" height="132" rx="66"/>
+  </g>
+  <g fill="url(#cloud)">
+    <circle cx="392" cy="572" r="96"/><circle cx="522" cy="522" r="126"/><circle cx="648" cy="582" r="86"/>
+    <rect x="300" y="560" width="432" height="132" rx="66"/>
+  </g>
+</svg>

app/public/index.html

@@ -6,9 +6,12 @@
 <link rel="stylesheet" href="/pwa-safe.css">
 <title>NeCloud Weather</title>
 <link rel="manifest" href="/manifest.json">
-<link rel="icon" type="image/svg+xml" href="/icons/icon.svg">
+<link rel="icon" type="image/svg+xml" href="/icons/v2/icon.svg">
-<link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png">
+<link rel="icon" type="image/png" sizes="192x192" href="/icons/v2/icon-192.png">
-<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/v2/apple-touch-icon-180.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/icons/v2/apple-touch-icon-167.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/icons/v2/apple-touch-icon-152.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/icons/v2/apple-touch-icon-120.png">
 <meta name="theme-color" content="#edf2f7" media="(prefers-color-scheme: light)">
 <meta name="theme-color" content="#070c14" media="(prefers-color-scheme: dark)">
 <meta name="apple-mobile-web-app-capable" content="yes">

app/public/manifest.json

@@ -18,25 +18,31 @@
   ],
   "icons": [
     {
-      "src": "/icons/icon-192.png",
+      "src": "/icons/v2/icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/icon-512.png",
+      "src": "/icons/v2/apple-touch-icon-180.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/v2/icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/icon-maskable-512.png",
+      "src": "/icons/v2/icon-maskable-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icons/icon.svg",
+      "src": "/icons/v2/icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "any"
@@ -59,7 +65,7 @@
       "url": "/?tab=conditions",
       "icons": [
         {
-          "src": "/icons/icon-192.png",
+          "src": "/icons/v2/icon-192.png",
           "sizes": "192x192"
         }
       ]
@@ -71,7 +77,7 @@
       "url": "/?tab=station",
       "icons": [
         {
-          "src": "/icons/icon-192.png",
+          "src": "/icons/v2/icon-192.png",
           "sizes": "192x192"
         }
       ]
@@ -83,7 +89,7 @@
       "url": "/?tab=unified-map",
       "icons": [
         {
-          "src": "/icons/icon-192.png",
+          "src": "/icons/v2/icon-192.png",
           "sizes": "192x192"
         }
       ]
@@ -95,7 +101,7 @@
       "url": "/?tab=alerts",
       "icons": [
         {
-          "src": "/icons/icon-192.png",
+          "src": "/icons/v2/icon-192.png",
           "sizes": "192x192"
         }
       ]

app/public/sw.js

@@ -4,7 +4,7 @@ self.addEventListener('message', event => {
   if (event.data === 'skipWaiting') self.skipWaiting();
 });
 
-const CACHE = 'weather-v13';
+const CACHE = 'weather-v14';
 
 // App shell cached on install for offline resilience.
 const PRECACHE = [
@@ -18,7 +18,7 @@ const PRECACHE = [
   '/alert-info.js',
   '/app-ui.js',
   '/manifest.json',
-  '/icons/icon.svg'
+  '/icons/v2/icon.svg'
 ];
 
 self.addEventListener('install', event => {
@@ -44,8 +44,8 @@ self.addEventListener('push', event => {
   event.waitUntil(
     self.registration.showNotification(payload.title || 'NeCloud Weather', {
       body: payload.body || '',
-      icon: '/icons/icon-192.png',
+      icon: '/icons/v2/icon-192.png',
-      badge: '/icons/icon-192.png',
+      badge: '/icons/v2/icon-192.png',
       tag: payload.tag || 'weather-alert',
       data: { url: payload.url || '/' },
     })

app/server.js

@@ -638,7 +638,7 @@ app.use(express.static(path.join(__dirname, 'public')));
 
 // Prevent browser favicon requests from showing noisy 404s.
 // Icons iOS and browsers request from the site root when a page doesn't declare one
-const ICON_DIR = path.join(__dirname, 'public', 'icons');
+const ICON_DIR = path.join(__dirname, 'public', 'icons', 'v2');
 app.get(['/apple-touch-icon.png', '/apple-touch-icon-precomposed.png'], (_req, res) => res.sendFile(path.join(ICON_DIR, 'apple-touch-icon.png')));
 app.get('/favicon.ico', (_req, res) => res.sendFile(path.join(ICON_DIR, 'icon-192.png')));