added service-worker.js

Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>

index.html

@@ -142,5 +142,6 @@
     <script src="js/comms.js"></script>
     <script src="js/appinfo.js"></script>
     <script src="js/index.js"></script>
+    <script src="js/pwa.js" defer></script>
   </body>
 </html>

js/pwa.js

@@ -0,0 +1,21 @@
+const divInstall = document.getElementById('installContainer');
+const butInstall = document.getElementById('butInstall');
+
+
+/* Only register a service worker if it's supported */
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/service-worker.js');
+}
+
+/**
+ * Warn the page must be served over HTTPS
+ * The `beforeinstallprompt` event won't fire if the page is served over HTTP.
+ * Installability requires a service worker with a fetch event handler, and
+ * if the page isn't served over HTTPS, the service worker won't load.
+ */
+if (window.location.protocol === 'http:') {
+    const requireHTTPS = document.getElementById('requireHTTPS');
+    const link = requireHTTPS.querySelector('a');
+    link.href = window.location.href.replace('http://', 'https://');
+    requireHTTPS.classList.remove('hidden');
+}

js/service-worker.js

@@ -0,0 +1,14 @@
+self.addEventListener('install', (event) => {
+    console.log('👷', 'install', event);
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+    console.log('👷', 'activate', event);
+    return self.clients.claim();
+});
+
+self.addEventListener('fetch', function(event) {
+    // console.log('👷', 'fetch', event);
+    event.respondWith(fetch(event.request));
+});

site.webmanifest

@@ -1,6 +1,7 @@
 {
     "name": "BangleApps",
     "short_name": "BangleApps",
+    "description": "Banglejs App Store",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",
@@ -16,5 +17,6 @@
     "theme_color": "#5755d9",
     "background_color": "#5755d9",
     "display": "standalone",
-    "start_url": "/"
+    "start_url": "/",
+    "scope": "/"
 }