Actually return things in the cache, from the cache

Service worker basics I guess.

1 files changed, 13 insertions, 0 deletions

diff --git a/ui/service-worker.js b/ui/service-worker.js
index fc619d9..e2143b3 100644
--- a/ui/service-worker.js
+++ b/ui/service-worker.js
@@ -39,3 +39,16 @@ self.addEventListener('activate', (event) => {
 
 	event.waitUntil(deleteOldCaches());
 });
+
+// The simplest possible use of the caches above:
+async function cacheFirst(request) {
+  const responseFromCache = await caches.match(request);
+  if (responseFromCache) {
+    return responseFromCache;
+  }
+  return fetch(request);
+};
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(cacheFirst(event.request));
+});