diff --git a/README.md b/README.md
index d5d37a1..87ee4aa 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를 비운 뒤 현재 화면을 다시 엽니다.
+`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.
## 입력 소스
diff --git a/assets/asset-reload.js b/assets/asset-reload.js
index 12a6a6a..6008abd 100644
--- a/assets/asset-reload.js
+++ b/assets/asset-reload.js
@@ -19,6 +19,82 @@
var storageKey = 'assetVersion:' + service;
var reloadKey = 'assetReload:' + service;
var running = false;
+ var memoryStore = {};
+ var lastCheckAt = 0;
+
+ function cookieName(key) {
+ return key.replace(/[^A-Za-z0-9_-]/g, '_');
+ }
+
+ function getCookie(key) {
+ var name = cookieName(key) + '=';
+ return (document.cookie || '').split(';').map(function (part) {
+ return part.trim();
+ }).reduce(function (found, part) {
+ if (found || part.indexOf(name) !== 0) return found;
+ return decodeURIComponent(part.slice(name.length));
+ }, '');
+ }
+
+ function setCookie(key, value) {
+ document.cookie = cookieName(key) + '=' + encodeURIComponent(value) + '; Path=/; Max-Age=31536000; SameSite=Lax';
+ }
+
+ function storeGet(key) {
+ try {
+ return localStorage.getItem(key) || getCookie(key) || memoryStore[key] || '';
+ } catch (e) {
+ return getCookie(key) || memoryStore[key] || '';
+ }
+ }
+
+ function storeSet(key, value) {
+ memoryStore[key] = value;
+ try {
+ localStorage.setItem(key, value);
+ } catch (e) {}
+ try {
+ setCookie(key, value);
+ } catch (e) {}
+ }
+
+ function sessionGet(key) {
+ try {
+ return sessionStorage.getItem(key) || memoryStore[key] || '';
+ } catch (e) {
+ return memoryStore[key] || '';
+ }
+ }
+
+ function sessionSet(key, value) {
+ memoryStore[key] = value;
+ try {
+ sessionStorage.setItem(key, value);
+ } catch (e) {}
+ }
+
+ function withTimeout(promise, timeout) {
+ return new Promise(function (resolve) {
+ var done = false;
+ var timer = setTimeout(function () {
+ if (done) return;
+ done = true;
+ resolve();
+ }, timeout);
+
+ Promise.resolve(promise).then(function () {
+ if (done) return;
+ done = true;
+ clearTimeout(timer);
+ resolve();
+ }).catch(function () {
+ if (done) return;
+ done = true;
+ clearTimeout(timer);
+ resolve();
+ });
+ });
+ }
function addQuery(url, key, value) {
var parsed = new URL(url, window.location.href);
@@ -79,17 +155,26 @@
var token = version.slice(0, 12);
var marker = token + ':' + Math.floor(Date.now() / 10000);
- if (sessionStorage.getItem(reloadKey) === marker) return;
+ if (sessionGet(reloadKey) === marker) return;
- sessionStorage.setItem(reloadKey, marker);
- deleteCaches().then(function () {
+ sessionSet(reloadKey, marker);
+ withTimeout(deleteCaches(), 2500).then(function () {
+ if (navigator.serviceWorker && navigator.serviceWorker.getRegistrations) {
+ navigator.serviceWorker.getRegistrations().then(function (registrations) {
+ registrations.forEach(function (registration) {
+ if (registration && typeof registration.update === 'function') registration.update();
+ });
+ }).catch(function () {});
+ }
window.location.replace(addQuery(window.location.href, 'assetReload', token));
});
}
function check(force) {
if (running || (!force && document.hidden)) return;
+ if (force && Date.now() - lastCheckAt < 1000) return;
+ lastCheckAt = Date.now();
running = true;
fetch(addQuery(endpoint, '_', String(Date.now())), {
cache: 'no-store',
@@ -104,23 +189,39 @@
}).then(function (data) {
if (!data || data.result !== 'ok' || !data.version) return;
- var previous = localStorage.getItem(storageKey);
- localStorage.setItem(storageKey, data.version);
+ var previous = storeGet(storageKey);
+ storeSet(storageKey, data.version);
if (previous && previous !== data.version) {
reloadWith(data.version);
}
- }).catch(function () {}).finally(function () {
+ }).then(function () {
+ running = false;
+ }, function () {
running = false;
});
}
window.addEventListener('pageshow', function () {
check(true);
+ setTimeout(function () { check(true); }, 250);
+ setTimeout(function () { check(true); }, 1500);
});
window.addEventListener('focus', function () {
check(true);
});
+ window.addEventListener('online', function () {
+ check(true);
+ });
+ window.addEventListener('orientationchange', function () {
+ setTimeout(function () { check(true); }, 500);
+ });
+ ['pointerdown', 'touchstart', 'click'].forEach(function (eventName) {
+ window.addEventListener(eventName, function () {
+ if (document.hidden || Date.now() - lastCheckAt < 5000) return;
+ check(true);
+ }, { passive: true });
+ });
document.addEventListener('visibilitychange', function () {
if (!document.hidden) check(true);
});
diff --git a/index.php b/index.php
index 4b6ecc1..d9392d7 100644
--- a/index.php
+++ b/index.php
@@ -318,7 +318,7 @@ ksort($items, SORT_NATURAL);
-
+