[MERGE] Merge branch 'master' into production

core/types.ts

@@ -53,3 +53,8 @@ export interface RootState extends IndexState
 {
     config: ConfigState;
 }
+
+export interface WorkboxEvent extends Event
+{
+    isUpdate: boolean;
+}

nuxt.config.js

@@ -47,6 +47,7 @@ export default {
     "@/plugins/globals/mdc.client.ts",
     "@/plugins/globals/time.client.ts",
 
+    "@/plugins/refresh-dialog.client.ts",
     "@/plugins/vue-scroll-animator.client.ts"
   ],
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byloth/website",
-  "version": "5.0.9",
+  "version": "5.0.10",
   "description": "My personal website as a Nuxt.js application, written in TypeScript and based on Material Design.",
   "keywords": [
     "Vue.js",

plugins/globals.d.ts

@@ -0,0 +1,15 @@
+import { MDCTextField } from "@material/textfield";
+
+import Time from "@/core/time";
+
+declare global
+{
+    interface Window
+    {
+        $workbox: Promise<ServiceWorker>;
+
+        mdc: { textfield: { MDCTextField: typeof MDCTextField } };
+
+        Time: Time;
+    }
+}

plugins/globals/mdc.client.ts

@@ -1,11 +1,3 @@
 import { MDCTextField as _MDCTextField } from "@material/textfield";
 
-declare global
-{
-    interface Window
-    {
-        mdc: { textfield: { MDCTextField: typeof _MDCTextField } };
-    }
-}
-
 window.mdc = { textfield: { MDCTextField: _MDCTextField } };

plugins/globals/time.client.ts

@@ -1,11 +1,3 @@
 import Time from "@/core/time";
 
-declare global
-{
-    interface Window
-    {
-        Time: Time;
-    }
-}
-
 window.Time = Time;

plugins/refresh-dialog.client.ts

@@ -0,0 +1,28 @@
+import { Context } from "@nuxt/types";
+
+import { WorkboxEvent } from "@/core/types";
+
+export default async ({ store }: Context): Promise<void> =>
+{
+    const workbox = await window.$workbox;
+
+    if (workbox)
+    {
+        workbox.addEventListener("installed", (event) =>
+        {
+            const workboxEvent = event as WorkboxEvent;
+
+            if (workboxEvent.isUpdate)
+            {
+                store.dispatch("dialog", {
+                    type: "snackbar",
+                    message: { text: "Sono disponibili dei nuovi contenuti!" },
+                    actions: [{
+                        text: "Ricarica",
+                        callback: () => window.location.reload()
+                    }]
+                });
+            }
+        });
+    }
+};

store/config.ts

@@ -54,7 +54,7 @@ const state = (): ConfigState => ({
             title: "Chi sono"
         }
     ],
-    version: "5.0.9"
+    version: "5.0.10"
 });
 
 export { state };