@cocreate/pwa 1.14.0 → 1.15.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [1.15.0](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.14.0...v1.15.0) (2023-11-12)
+
+
+### Bug Fixes
+
+* bump dependencies for latest features ([f786f81](https://github.com/CoCreate-app/CoCreate-pwa/commit/f786f812e921d612b932ddaa7b8d3088ac98a410))
+* relocated persit function out of init ([7725508](https://github.com/CoCreate-app/CoCreate-pwa/commit/7725508a023ece5b231387556849893b845ece73))
+
+
+### Features
+
+* observe actions=install ([d1f7aea](https://github.com/CoCreate-app/CoCreate-pwa/commit/d1f7aeae233cc8c3d531f66f982ef47e56280d92))
+
 # [1.14.0](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.13.7...v1.14.0) (2023-11-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/pwa",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "A simple pwa component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "pwa",
@@ -59,6 +59,6 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/local-storage": "^1.10.8"
+    "@cocreate/local-storage": "^1.10.10"
   }
 }

package/src/index.js

@@ -15,14 +15,16 @@
  * along with this program. If not, see <https://www.gnu.org/licenses/>.
  ********************************************************************************/
 
-// Commercial Licensing Information:
-// For commercial use of this software without the copyleft provisions of the AGPLv3,
-// you must obtain a commercial license from CoCreate LLC.
-// For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
+/**
+ * Commercial Licensing Information:
+ * For commercial use of this software without the copyleft provisions of the AGPLv3,
+ * you must obtain a commercial license from CoCreate LLC.
+ * For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
+ */
 
+import observer from '@cocreate/observer'
 import localStorage from '@cocreate/local-storage'
 
-const button = document.querySelector('[actions*="install"]');
 
 /**
  * Warn the page must be served over HTTPS
@@ -37,41 +39,87 @@ const button = document.querySelector('[actions*="install"]');
 //     requireHTTPS.classList.remove('hidden');
 // }
 
-window.addEventListener('beforeinstallprompt', (event) => {
-    // console.log('👍', 'beforeinstallprompt', event);
-    // Stash the event so it can be triggered later.
-    window.deferredPrompt = event;
-    // Remove the 'hidden' class from the install button container
-    if (button)
-        button.removeAttribute('hidden');
-});
+function init() {
+    const button = document.querySelector('[actions*="install"]');
 
-if (button) {
-    button.addEventListener('click', async () => {
-        // console.log('👍', 'installBtn-clicked');
-        const promptEvent = window.deferredPrompt;
-        if (!promptEvent) {
-            // The deferred prompt isn't available.
-            return;
-        }
-        // Show the install prompt.
-        promptEvent.prompt();
-        // Log the result
-        const result = await promptEvent.userChoice;
-        console.log('👍', 'userChoice', result);
-        // Reset the deferred prompt variable, since
-        // prompt() can only be called once.
+    window.addEventListener('beforeinstallprompt', (event) => {
+        window.deferredPrompt = event;
+        if (button)
+            button.removeAttribute('hidden');
+    });
+
+    if (button) {
+        button.addEventListener('click', async () => {
+            // console.log('👍', 'installBtn-clicked');
+            const promptEvent = window.deferredPrompt;
+            if (!promptEvent) {
+                // The deferred prompt isn't available.
+                return;
+            }
+            // Show the install prompt.
+            promptEvent.prompt();
+            // Log the result
+            const result = await promptEvent.userChoice;
+            console.log('👍', 'userChoice', result);
+            // Reset the deferred prompt variable, since
+            // prompt() can only be called once.
+            window.deferredPrompt = null;
+            // Hide the install button.
+            button.setAttribute('hidden', '');
+        });
+    }
+
+    window.addEventListener('appinstalled', (event) => {
+        // console.log('👍', 'appinstalled', event);
+        // Clear the deferredPrompt so it can be garbage collected
         window.deferredPrompt = null;
-        // Hide the install button.
-        button.addAttribute('hidden', '');
     });
-}
 
-window.addEventListener('appinstalled', (event) => {
-    // console.log('👍', 'appinstalled', event);
-    // Clear the deferredPrompt so it can be garbage collected
-    window.deferredPrompt = null;
-});
+    if ('serviceWorker' in navigator) {
+        let workerPath
+        if (window.CoCreateConfig && window.CoCreateConfig.serviceWorker)
+            workerPath = window.CoCreateConfig.serviceWorker
+        else
+            workerPath = localStorage.getItem("serviceWorker") || '/service-worker.js'
+
+        localStorage.setItem("serviceWorker", workerPath);
+
+        let cache
+        if (window.CoCreateConfig && window.CoCreateConfig.cache)
+            cache = window.CoCreateConfig.cache
+        else
+            cache = localStorage.getItem("cache") || 'true'
+
+        localStorage.setItem("cache", cache);
+        workerPath += `?cache=${cache}`
+
+        let isPwa = true
+        if (workerPath) {
+            navigator.serviceWorker.getRegistrations().then(registrations => {
+                if (registrations.length === 0 || isPwa == true)
+                    window.addEventListener("load", function () {
+                        navigator.serviceWorker.getRegistration(workerPath).then(registration => {
+                            if (registration && registration.active && registration.active.scriptURL.includes(workerPath)) {
+                                console.log('Service Worker Active')
+                            } else {
+                                navigator.serviceWorker.register(workerPath)
+                                    .then(reg => {
+                                        reg.onupdatefound = () => {
+                                            const installingWorker = reg.installing;
+                                            installingWorker.onstatechange = () => {
+                                                // console.log('Service Worker', installingWorker.state);
+                                            }
+                                        }
+                                    })
+                                    .catch(err => console.log('SW ERROR', err));
+                            }
+                        });
+                    });
+            });
+
+        }
+    }
+}
 
 async function persistData() {
     if (navigator.storage && navigator.storage.persist) {
@@ -80,49 +128,14 @@ async function persistData() {
     }
 }
 
-if ('serviceWorker' in navigator) {
-    let workerPath
-    if (window.CoCreateConfig && window.CoCreateConfig.serviceWorker)
-        workerPath = window.CoCreateConfig.serviceWorker
-    else
-        workerPath = localStorage.getItem("serviceWorker") || '/service-worker.js'
-
-    localStorage.setItem("serviceWorker", workerPath);
-
-    let cache
-    if (window.CoCreateConfig && window.CoCreateConfig.cache)
-        cache = window.CoCreateConfig.cache
-    else
-        cache = localStorage.getItem("cache") || 'true'
-
-    localStorage.setItem("cache", cache);
-    workerPath += `?cache=${cache}`
-
-    let isPwa = true
-    if (workerPath) {
-        navigator.serviceWorker.getRegistrations().then(registrations => {
-            if (registrations.length === 0 || isPwa == true)
-                window.addEventListener("load", function () {
-                    navigator.serviceWorker.getRegistration(workerPath).then(registration => {
-                        if (registration && registration.active && registration.active.scriptURL.includes(workerPath)) {
-                            console.log('Service Worker Active')
-                        } else {
-                            navigator.serviceWorker.register(workerPath)
-                                .then(reg => {
-                                    reg.onupdatefound = () => {
-                                        const installingWorker = reg.installing;
-                                        installingWorker.onstatechange = () => {
-                                            // console.log('Service Worker', installingWorker.state);
-                                        }
-                                    }
-                                })
-                                .catch(err => console.log('SW ERROR', err));
-                        }
-                    });
-                });
-        });
-
+observer.init({
+    name: 'initPwa',
+    observe: ['addedNodes'],
+    target: '[actions="install"]',
+    callback: (mutation) => {
+        init()
     }
-}
+});
+
 
 export default { persistData }