diff --git a/README.md b/README.md index 87ee4aa..998195d 100644 --- a/README.md +++ b/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으로 이전 버전을 비교합니다. ## 입력 소스 diff --git a/assets/asset-reload.js b/assets/asset-reload.js index 6008abd..580fad1 100644 --- a/assets/asset-reload.js +++ b/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); } diff --git a/index.php b/index.php index d9392d7..e8d83a9 100644 --- a/index.php +++ b/index.php @@ -318,7 +318,7 @@ ksort($items, SORT_NATURAL); - +