v0.6.0

web/sw.js

@@ -1,10 +1,13 @@
-const CACHE = 'gree-controller-v055';
-const ASSETS = ['/', '/styles.css', '/app.js', '/favicon.svg', '/manifest.webmanifest', '/lang/index.json', '/lang/en.json'];
+const CACHE = 'gree-controller-v060';
+const SCOPE = new URL(self.registration.scope).pathname.replace(/\/$/, '');
+const path = value => `${SCOPE}${value.startsWith('/') ? value : `/${value}`}` || '/';
+const ASSETS = [path('/'), path('/styles.css'), path('/app.js'), path('/theme-init.js'), path('/favicon.svg'), path('/manifest.webmanifest'), path('/lang/index.json'), path('/lang/en.json')];
 self.addEventListener('install', event => event.waitUntil(caches.open(CACHE).then(cache => cache.addAll(ASSETS)).then(() => self.skipWaiting())));
 self.addEventListener('activate', event => event.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(key => key !== CACHE).map(key => caches.delete(key)))).then(() => self.clients.claim())));
 self.addEventListener('fetch', event => {
-  if (event.request.method !== 'GET' || new URL(event.request.url).pathname.startsWith('/api/')) return;
+  const url = new URL(event.request.url);
+  if (event.request.method !== 'GET' || url.pathname.startsWith(path('/api/'))) return;
   event.respondWith(fetch(event.request).then(response => {
     const copy = response.clone(); caches.open(CACHE).then(cache => cache.put(event.request, copy)); return response;
-  }).catch(() => caches.match(event.request).then(response => response || caches.match('/'))));
+  }).catch(() => caches.match(event.request).then(response => response || caches.match(path('/')))));
 });