From bcb1311060dbeb812cfa23d39c38a6f20c9f598b Mon Sep 17 00:00:00 2001
From: ECWireless <Elliott@valtechcreative.com>
Date: Mon, 24 Aug 2020 10:25:45 -0600
Subject: [PATCH] Add cache busting for new deploys

---
 public/service-worker.js     | 58 ++++++++++++++++++++++++++++++++++++
 src/registerServiceWorker.ts |  5 +++-
 vue.config.js                |  8 ++++-
 3 files changed, 69 insertions(+), 2 deletions(-)
 create mode 100644 public/service-worker.js

diff --git a/public/service-worker.js b/public/service-worker.js
new file mode 100644
index 0000000..90cc0d7
--- /dev/null
+++ b/public/service-worker.js
@@ -0,0 +1,58 @@
+// service-worker.js
+
+workbox.core.setCacheNameDetails({ prefix: "d4" });
+//Change this value every time before you build
+const LATEST_VERSION = "v0.1";
+self.addEventListener("activate", event => {
+  console.log(`%c ${LATEST_VERSION} `, "background: #ddd; color: #0000ff");
+  if (caches) {
+    caches.keys().then(arr => {
+      arr.forEach(key => {
+        if (key.indexOf("d4-precache") < -1) {
+          caches
+            .delete(key)
+            .then(() =>
+              console.log(
+                `%c Cleared ${key}`,
+                "background: #333; color: #ff0000"
+              )
+            );
+        } else {
+          caches.open(key).then(cache => {
+            cache.match("version").then(res => {
+              if (!res) {
+                cache.put(
+                  "version",
+                  new Response(LATEST_VERSION, {
+                    status: 200,
+                    statusText: LATEST_VERSION
+                  })
+                );
+              } else if (res.statusText !== LATEST_VERSION) {
+                caches
+                  .delete(key)
+                  .then(() =>
+                    console.log(
+                      `%c Cleared Cache ${LATEST_VERSION}`,
+                      "background: #333; color: #ff0000"
+                    )
+                  );
+              } else
+                console.log(
+                  `%c Great you have the latest version ${LATEST_VERSION}`,
+                  "background: #333; color: #00ff00"
+                );
+            });
+          });
+        }
+      });
+    });
+  }
+});
+
+workbox.skipWaiting();
+workbox.clientsClaim();
+
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+workbox.precaching.suppressWarnings();
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
diff --git a/src/registerServiceWorker.ts b/src/registerServiceWorker.ts
index 30b7895..5da8907 100644
--- a/src/registerServiceWorker.ts
+++ b/src/registerServiceWorker.ts
@@ -20,7 +20,10 @@ if (process.env.NODE_ENV === "production") {
       console.log("New content is downloading.");
     },
     updated() {
-      console.log("New content is available; please refresh.");
+      console.log("New content is available; Refresh...");
+      setTimeout(() => {
+        window.location.reload(true);
+      }, 1000);
     },
     offline() {
       console.log(
diff --git a/vue.config.js b/vue.config.js
index 78a9545..cca150b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,3 +1,9 @@
 module.exports = {
-  transpileDependencies: ["vuetify"]
+  transpileDependencies: ["vuetify"],
+  pwa: {
+    workboxPluginMode: "InjectManifest",
+    workboxOptions: {
+      swSrc: "service-worker.js"
+    }
+  }
 };