Merge pull request #98 from caleb-mabry/become-a-pwa

Turn Application into a PWA

1 files changed, 26 insertions, 0 deletions

diff --git a/webAO/sw.js b/webAO/sw.js
new file mode 100644
index 0000000..09a2251
--- /dev/null
+++ b/webAO/sw.js
@@ -0,0 +1,26 @@
+const cacheName = 'webAO';
+
+// Cache all the files to make a PWA
+self.addEventListener('install', (e) => {
+  e.waitUntil(
+    caches.open(cacheName).then((cache) =>
+      // Our application only has two files here index.html and manifest.json
+      // but you can add more such as style.css as your app grows
+      cache.addAll([
+        './',
+        './index.html',
+        '../manifest.json',
+      ])),
+  );
+});
+
+// Our service worker will intercept all fetch requests
+// and check if we have cached the file
+// if so it will serve the cached file
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.open(cacheName)
+      .then((cache) => cache.match(event.request, { ignoreSearch: true }))
+      .then((response) => response || fetch(event.request)),
+  );
+});