Force asset reload token on first visit

README.md

@@ -29,7 +29,7 @@ Seoul은 서버에 흩어진 웹 서비스들을 한 화면에서 찾기 위한
 - `sw.js`: 대시보드 캐시와 PWA 동작
 - `assets/`: 아이콘과 정적 자산
 
-`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.
+`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.
 
 ## 입력 소스
 

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);
             }

index.php

@@ -318,7 +318,7 @@ ksort($items, SORT_NATURAL);
     <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.webmanifest">
-    <script src="assets/asset-reload.js?v=20260721_mobilefix1" data-service="seoul" defer></script>
+    <script src="assets/asset-reload.js?v=20260721_autotoken1" data-service="seoul" defer></script>
     <script src="https://chaegeon.com/log/bancheck.min.js?_=<?php echo time(); ?>"></script>
     <style>
         * {