Force asset reload token on first visit

README.md

@@ -61,7 +61,7 @@ Control은 라즈베리파이/리눅스 호스트의 팬과 시스템 상태를
 - `bin/wifi_observe.php`: 5G WiFi 연결 시간 보정을 위한 시스템단 관측 CLI
 - `systemd/control-wifi-observe.*`: WiFi 관측 CLI를 주기적으로 실행하는 systemd unit 예시
 
-`asset-version.php`는 `public`의 PHP/JS/CSS/manifest/icon 파일과 `config`의 PHP 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `asset-reload.js`는 화면 복귀, 포커스 복귀, 온라인 복귀, 모바일 터치/클릭 복귀, 30초 간격으로 이 값을 다시 확인하고, 값이 달라지면 브라우저 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 삼성 브라우저 등에서 Web Storage나 `Promise.finally()` 호환성이 부족해도 동작하도록 쿠키 fallback과 timeout 기반 캐시 삭제를 사용합니다.
+`asset-version.php`는 `public`의 PHP/JS/CSS/manifest/icon 파일과 `config`의 PHP 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `asset-reload.js`는 화면 복귀, 포커스 복귀, 온라인 복귀, 모바일 터치/클릭 복귀, 30초 간격으로 이 값을 다시 확인하고, 값이 달라지면 브라우저 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 삼성 브라우저 등에서 Web Storage나 `Promise.finally()` 호환성이 부족해도 동작하도록 쿠키 fallback과 timeout 기반 캐시 삭제를 사용합니다.
 
 ## 데이터/저장소
 

public/assets/asset-reload.js

@@ -133,7 +133,11 @@
         });
     }
 
-    var currentAssetToken = new URL(window.location.href).searchParams.get('assetReload') || '';
+    function assetTokenFromLocation() {
+        return new URL(window.location.href).searchParams.get('assetReload') || '';
+    }
+
+    var currentAssetToken = assetTokenFromLocation();
     if (currentAssetToken) {
         applyAssetToken(currentAssetToken);
         new MutationObserver(function () {
@@ -155,7 +159,8 @@
         var token = version.slice(0, 12);
         var marker = token + ':' + Math.floor(Date.now() / 10000);
 
-        if (sessionGet(reloadKey) === marker) return;
+        if (assetTokenFromLocation() === token) return;
+        if (assetTokenFromLocation() && sessionGet(reloadKey) === marker) return;
 
         sessionSet(reloadKey, marker);
         withTimeout(deleteCaches(), 2500).then(function () {
@@ -189,9 +194,15 @@
         }).then(function (data) {
             if (!data || data.result !== 'ok' || !data.version) return;
 
+            var token = data.version.slice(0, 12);
             var previous = storeGet(storageKey);
             storeSet(storageKey, data.version);
 
+            if (assetTokenFromLocation() !== token) {
+                reloadWith(data.version);
+                return;
+            }
+
             if (previous && previous !== data.version) {
                 reloadWith(data.version);
             }

public/index.php

@@ -76,7 +76,7 @@ $loggedIn = signed_in();
 <link rel="icon" href="/assets/icon-192.png" type="image/png" sizes="192x192">
 <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
 <link rel="manifest" href="/manifest.json">
-<script src="/assets/asset-reload.js?v=20260721_mobilefix1" data-service="control" defer></script>
+<script src="/assets/asset-reload.js?v=20260721_autotoken1" data-service="control" defer></script>
 <meta name="theme-color" content="#0f1115">
 <script>
 try {