feat: cache-control overhaul so visual changes propagate immediately

Per-file content-hash versioning on every /static reference, immutable cache headers on versioned URLs, no-cache on HTML, auto-bumped service worker cache name with stale-while-revalidate for assets, and a controllerchange listener that silently reloads the page when a new SW takes control. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-19 20:11:36 -04:00
parent aaa0899506
commit 7d1649d278
7 changed files with 110 additions and 27 deletions
@@ -8,9 +8,9 @@
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="NHL Scores">
    <link rel="manifest" href="/manifest.json">
-    <link rel="icon" type="image/png" href="/static/icon-32x32.png">
-    <link rel="apple-touch-icon" href="/static/icon-180x180.png">
-    <link rel="stylesheet" type="text/css" href="/static/styles.css">
+    <link rel="icon" type="image/png" href="{{ static_v('icon-32x32.png') }}">
+    <link rel="apple-touch-icon" href="{{ static_v('icon-180x180.png') }}">
+    <link rel="stylesheet" type="text/css" href="{{ static_v('styles.css') }}">
 </head>
 <body>
    <header>
@@ -67,6 +67,6 @@
            <div id="final-games-section" class="games-grid"></div>
        </section>
    </main>
-    <script src="/static/script.js"></script>
+    <script src="{{ static_v('script.js') }}"></script>
 </body>
 </html>