@cocreate/pwa 1.13.7 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [1.14.0](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.13.7...v1.14.0) (2023-11-09)
+
+
+### Bug Fixes
+
+* meta name typo ([3c58a5e](https://github.com/CoCreate-app/CoCreate-pwa/commit/3c58a5ead6d509fb6cf63e57c0c3bc58e21a1e1d))
+* update crud methods ([1b5236c](https://github.com/CoCreate-app/CoCreate-pwa/commit/1b5236c3c91610d9420f96584fbd195eb9c90078))
+
+
+### Features
+
+* debounce an array of files served from cache and send to client ([4daa134](https://github.com/CoCreate-app/CoCreate-pwa/commit/4daa1344a06049667c22fa6dab8aa229678d726e))
+
 ## [1.13.7](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.13.6...v1.13.7) (2023-11-03)
 
 

package/demo/index.html

@@ -5,7 +5,7 @@
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta
-            key="viewport"
+            name="viewport"
             content="width=device-width; initial-scale=1; viewport-fit=cover" />
         <!-- import the webpage's stylesheet -->
         <link
@@ -23,7 +23,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes" />
         <!--<hides status bar for a full screen experience omn ios only>-->
         <meta
-            key="apple-mobile-web-app-status-bar-style"
+            name="apple-mobile-web-app-status-bar-style"
             content="black-translucent" />
 
         <link rel="apple-touch-startup-image" href="ios-startup.png" />

package/docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            key="description"
+            name="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
         <meta
-            key="keywords"
+            name="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/pwa",
-  "version": "1.13.7",
+  "version": "1.14.0",
   "description": "A simple pwa component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "pwa",

package/src/service-worker.js

@@ -25,7 +25,6 @@
 const cacheName = "dynamic-v2";
 let organization_id = ""
 let storage = true
-let returnedFromCache = {};
 
 const queryString = self.location.search;
 const queryParams = new URLSearchParams(queryString);
@@ -42,7 +41,7 @@ self.addEventListener("activate", async (e) => {
 
 self.addEventListener("fetch", async (e) => {
     if (!(e.request.url.indexOf('http') === 0) || e.request.method === 'POST') return;
-    // TODO: check file header for cache policies and cache accorddingly
+
     e.respondWith(
         caches
             .match(e.request)
@@ -51,7 +50,8 @@ self.addEventListener("fetch", async (e) => {
                     const organization = cacheResponse.headers.get('organization')
                     const lastModified = cacheResponse.headers.get('last-modified')
 
-                    returnedFromCache[e.request.url] = { organization, lastModified }
+                    // returnedFromCache[e.request.url] = { organization, lastModified }
+                    sendCacheUpdate(e.request.url, organization, lastModified);
                     return cacheResponse;
                 } else {
                     const networkResponse = await fetch(e.request);
@@ -129,7 +129,7 @@ self.addEventListener('push', (event) => {
     // Handle WebSocket events
     socket.addEventListener('open', () => {
         // The WebSocket connection is open, send the message to the server
-        socket.send(JSON.stringify({ method: 'read.object', array: 'files', object: { _id }, uid: '' }));
+        socket.send(JSON.stringify({ method: 'object.read', array: 'files', object: { _id }, uid: '' }));
     });
 
     socket.addEventListener('message', (event) => {
@@ -160,6 +160,28 @@ self.addEventListener('push', (event) => {
     );
 });
 
+let returnedFromCache = {};
+let fetchTimeout = null;
+const sendCacheUpdate = (url, organization, lastModified) => {
+
+    returnedFromCache[url] = { organization, lastModified };
+
+    if (fetchTimeout) {
+        clearTimeout(fetchTimeout);
+    }
+    const self = this
+    fetchTimeout = setTimeout(() => {
+        self.clients.matchAll().then(clients => {
+            if (clients.length > 0) {
+                clients[0].postMessage({ action: 'checkCache', returnedFromCache });
+            }
+        });
+
+        fetchTimeout = null;
+        returnedFromCache = {};
+    }, 500);
+};
+
 // self.addEventListener('backgroundfetchsuccess', (event) => {
 //     const bgFetch = event.registration;