Catch errors when opening cache

src/app/App.ts

@@ -75,12 +75,12 @@ export const App = {
 }
 console.debug(`[App] LocalStorage=${'localStorage' in window} Caches=${'caches' in window}`)
 
-App.version.watch(async (value) => {
+App.version.watchRun(async (value) => {
-  console.debug(`[App.version.watch] ${value}`)
+  console.debug(`[App.version.watchRun] ${value}`)
   App.schemasLoaded.set(false)
   await updateSchemas(value)
   App.schemasLoaded.set(true)
-  console.debug(`[App.version.watch] Done! ${value}`)
+  console.debug(`[App.version.watchRun] Done! ${value}`)
 })
 
 App.theme.watchRun((value) => {

src/app/DataFetcher.ts

@@ -176,15 +176,22 @@ async function getData<T = any>(url: string, fn: (v: any) => T = (v: any) => v):
 }
 
 async function deleteMatching(matches: (url: string) => boolean) {
-  const cache = await caches.open(CACHE_NAME)
+  console.debug(`[deleteMatching] Open cache ${CACHE_NAME}`)
+  let cache: Cache
+  try {
+    cache = await caches.open(CACHE_NAME)
+  } catch (e) {
+    console.error(`[deleteMatching] Failed to open cache ${CACHE_NAME}: ${e.message}`)
+    return
+  }
+  console.debug(`[deleteMatching] Opened cache! ${CACHE_NAME}`)
   const promises: Promise<boolean>[] = []
-  console.debug(`[deleteMatching] ${CACHE_NAME} ${cache}`)
 
   for (const request of await cache.keys()) {
     if (matches(request.url)) {
       promises.push(cache.delete(request))
     }
   }
-  console.debug(`[deleteMatching] ${CACHE_NAME} ${promises.length}`)
+  console.debug(`[deleteMatching] Removing ${promises.length} cache objects...`)
   return (await Promise.all(promises)).length > 0
 }

src/app/Router.ts

@@ -66,7 +66,6 @@ window.addEventListener("popstate", router);
 
 document.addEventListener("DOMContentLoaded", () => {
   console.debug(`[DOMContentLoaded] LocalStorage=${'localStorage' in window} Caches=${'caches' in window}`)
-  App.version.trigger()
   document.body.addEventListener("click", e => {
     if (e.target instanceof Element
       && e.target.hasAttribute('data-link')

src/app/state/Property.ts

@@ -37,8 +37,4 @@ export class Property<T> {
     }
     return this
   }
-
-  trigger() {
-    this.watchers.forEach(w => w.watcher(this.value, null))
-  }
 }