From e8e5b61404600ed868ddc628d21786189a19b7c8 Mon Sep 17 00:00:00 2001
From: Jeith <Keithp1208@yahoo.com>
Date: Fri, 15 Jul 2022 09:49:36 -0500
Subject: [PATCH] PWA optimizations (#274)

* feat: added service worker and pwa optimizations

* fix: added newline at the end of Gemfile.lock to match main branch

* fix: fixed newline at the end of Gemfile.lock to match main branch
---
 _includes/head/custom.html |  1 +
 images/manifest.json       | 15 ++++++++++-----
 images/pwa.js              | 11 +++++++++++
 images/service-worker.js   | 11 +++++++++++
 4 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 images/pwa.js
 create mode 100644 images/service-worker.js

diff --git a/_includes/head/custom.html b/_includes/head/custom.html
index 39c67e1e2..fb77e6944 100644
--- a/_includes/head/custom.html
+++ b/_includes/head/custom.html
@@ -29,6 +29,7 @@
 
 <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
 <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
+<script type="text/javascript" src="{{ base_path }}/images/pwa.js"></script>
 <script>
 window.addEventListener("load", function(){
 window.cookieconsent.initialise({
diff --git a/images/manifest.json b/images/manifest.json
index 4fbe18185..516fe2c65 100644
--- a/images/manifest.json
+++ b/images/manifest.json
@@ -1,15 +1,20 @@
 {
-    "name": "",
+    "name": "Wii Guide",
+    "short_name": "Wii Guide",
+    "description": "The complete guide to modding your Nintendo Wii.",
+    "start_url": "/",
     "icons": [
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "./android-chrome-192x192.png",
             "sizes": "192x192",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "maskable"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "./android-chrome-512x512.png",
             "sizes": "512x512",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "any"
         }
     ],
     "theme_color": "#ffffff",
diff --git a/images/pwa.js b/images/pwa.js
new file mode 100644
index 000000000..eb804e305
--- /dev/null
+++ b/images/pwa.js
@@ -0,0 +1,11 @@
+document.addEventListener('DOMContentLoaded', init, false);
+function init() {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/images/service-worker.js')
+      .then((reg) => {
+        // Service worker registration confirmed
+      }, (err) => {
+        // Service worker registration error
+    });
+  }
+}
\ No newline at end of file
diff --git a/images/service-worker.js b/images/service-worker.js
new file mode 100644
index 000000000..505071c89
--- /dev/null
+++ b/images/service-worker.js
@@ -0,0 +1,11 @@
+self.addEventListener('install', function(event) {
+    // registering service worker...
+  })
+  
+  self.addEventListener('fetch', function(event) {
+    // intercepting requests to check for the file or data in the cache
+  })
+  
+  self.addEventListener('activate', function(event) {
+    // service worker activated!
+  })
\ No newline at end of file