@cocreate/pwa 1.6.27 → 1.7.0

package/demo/index.html

@@ -5,7 +5,7 @@
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta
-            name="viewport"
+            key="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
-            name="apple-mobile-web-app-status-bar-style"
+            key="apple-mobile-web-app-status-bar-style"
             content="black-translucent" />
 
         <link rel="apple-touch-startup-image" href="ios-startup.png" />
@@ -72,6 +72,7 @@
         <button actions="install" type="button" hidden>Install</button>
 
         <!-- <script src="../src/index.js" defer></script> -->
-        <script src="../dist/CoCreate-pwa.js" defer></script>
+        <!-- <script src="../dist/CoCreate-pwa.js" defer></script> -->
+        <!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
     </body>
 </html>

package/demo/{manifest.json → manifest.webmanifest}

@@ -1,92 +1,88 @@
-{
-    "short_name": "CoCreate",
-    "name": "CoCreate",
-    "description": "Build your business in miutes",
-    "protocol_handlers": [
-        {
-          "protocol": "web+jngl",
-          "url": "/lookup?type=%s"
-        },
-        {
-          "protocol": "web+jnglstore",
-          "url": "/shop?for=%s"
-        }
-    ],
-    "orientation": "portrait-primary",
-    "icons": [
-        {
-            "src": "./assets/icons/icon-72x72.png",
-            "type": "image/png",
-            "sizes": "72x72"
-        },
-        {
-            "src": "./assets/icons/icon-96x96.png",
-            "type": "image/png",
-            "sizes": "96x96"
-        },
-        {
-            "src": "./assets/icons/icon-128x128.png",
-            "type": "image/png",
-            "sizes": "128x128"
-        },
-        {
-            "src": "./assets/icons/icon-144x144.png",
-            "type": "image/png",
-            "sizes": "144x144"
-        },
-        {
-            "src": "./assets/icons/icon-152x152.png",
-            "type": "image/png",
-            "sizes": "152x152"
-        },
-        {
-            "src": "./assets/icons/icon-192x192.png",
-            "type": "image/png",
-            "sizes": "192x192"
-        },
-        {
-            "src": "./assets/icons/icon-384x384.png",
-            "type": "image/png",
-            "sizes": "384x384"
-        },
-        {
-            "src": "./assets/icons/icon-512x512.png",
-            "type": "image/png",
-            "sizes": "512x512",
-            "purpose": "maskable"
-        }
-    ],
-    "start_url": "/",
-    "id": "/",
-    "background_color": "whitesmoke",
-    "display": "fullscreen",
-    "theme_color": "#c7c7c7",
-    "screenshots": [
-        {
-            "src": "./assets/screenshot-1.png",
-            "type": "image/png",
-            "sizes": "1903x950"
-        }
-    ],
-    "categories": "productivity",
-    "file_handlers": [
-        {
-            "action": "/open-file",
-            "accept": {
-                "text/*": [
-                    ".txt"
-                ]
-            }
-        }
-    ],
-    "share_target": {
-        "action": "/",
-        "method": "GET",
-        "enctype": "application/x-www-form-urlencoded",
-        "params": {
-            "title": "title",
-            "text": "text",
-            "url": "url"
-        }
-    }
+{
+    "short_name": "CoCreate",
+    "name": "CoCreate",
+    "description": "Build your business in miutes",
+    "protocol_handlers": [
+        {
+          "protocol": "web+jngl",
+          "url": "/lookup?type=%s"
+        }
+    ],
+    "orientation": "portrait-primary",
+    "icons": [
+        {
+            "src": "./assets/icons/icon-72x72.png",
+            "type": "image/png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "./assets/icons/icon-96x96.png",
+            "type": "image/png",
+            "sizes": "96x96"
+        },
+        {
+            "src": "./assets/icons/icon-128x128.png",
+            "type": "image/png",
+            "sizes": "128x128"
+        },
+        {
+            "src": "./assets/icons/icon-144x144.png",
+            "type": "image/png",
+            "sizes": "144x144"
+        },
+        {
+            "src": "./assets/icons/icon-152x152.png",
+            "type": "image/png",
+            "sizes": "152x152"
+        },
+        {
+            "src": "./assets/icons/icon-192x192.png",
+            "type": "image/png",
+            "sizes": "192x192"
+        },
+        {
+            "src": "./assets/icons/icon-384x384.png",
+            "type": "image/png",
+            "sizes": "384x384"
+        },
+        {
+            "src": "./assets/icons/icon-512x512.png",
+            "type": "image/png",
+            "sizes": "512x512",
+            "purpose": "maskable"
+        }
+    ],
+    "start_url": "/",
+    "id": "/",
+    "background_color": "whitesmoke",
+    "display": "fullscreen",
+    "theme_color": "#c7c7c7",
+    "screenshots": [
+        {
+            "src": "./assets/screenshot-1.png",
+            "type": "image/png",
+            "sizes": "1903x950"
+        }
+    ],
+    "categories": "productivity",
+    "file_handlers": [
+        {
+            "action": "/open-file",
+            "accept": {
+                "text/*": [
+                    ".txt"
+                ]
+            }
+        }
+    ],
+    "share_target": {
+        "action": "/",
+        "method": "GET",
+        "enctype": "application/x-www-form-urlencoded",
+        "params": {
+            "title": "title",
+            "text": "text",
+            "url": "url"
+        }
+    }
 }

package/demo/offline.html

@@ -6,7 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#3f51b5" />
-        <link rel="manifest" href="./manifest.webmanifest" />
+        <link rel="manifest" href="/manifest.webmanifest" />
         <style>
             body {
                 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",

package/demo/pages/test3.html

@@ -13,7 +13,6 @@
         <link rel="stylesheet" href="../css/test3.css" />
         <!-- Manifest -->
         <link rel="manifest" href="../manifest.webmanifest" />
-        <!--<link rel="manifest" href="./manifest.webmanifest">  -->
         <link rel="manifest" href="/manifest.webmanifest" />
     </head>
 

package/docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
         <meta
-            name="keywords"
+            key="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
 
@@ -28,7 +28,7 @@
     </head>
 
     <body>
-        <div collection="" document_id="" name="" id="cocreate-pwa">
+        <div array="" object="" key="" id="cocreate-pwa">
             <div
                 class="display:flex flex-wrap:wrap justify-content:space-between margin:10px">
                 <div class="display:flex align-items:center">
@@ -169,9 +169,9 @@
                                 <textarea
                                     type="code"
                                     lang="html"
-                                    collection="demos"
-                                    document_id=""
-                                    name="demo"
+                                    array="demos"
+                                    object=""
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -194,7 +194,7 @@
                                     show="#eye-slash"
                                     hide="#eye, #demo-preview"
                                     toggle="code-height"
-                                    toggle-target="#demo-code"
+                                    toggle-selector="#demo-code"
                                     ><i
                                         class="height:18px fill:#505050"
                                         src="/assets/svg/eye.svg"></i
@@ -206,7 +206,7 @@
                                     show="#eye, #demo-preview"
                                     hide="#eye-slash"
                                     toggle="code-height"
-                                    toggle-target="#demo-code"
+                                    toggle-selector="#demo-code"
                                     ><i
                                         class="height:20px fill:#505050"
                                         src="/assets/svg/eye-slash.svg"></i
@@ -233,7 +233,7 @@
                                 <a
                                     class="margin-right:5px"
                                     fullscreen
-                                    fullscreen-target="#playground"></a>
+                                    fullscreen-selector="#playground"></a>
                             </div>
                         </div>
                         <!-- End SandBox -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/pwa",
-  "version": "1.6.27",
+  "version": "1.7.0",
   "description": "A simple pwa component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "pwa",
@@ -24,8 +24,10 @@
     "access": "public"
   },
   "scripts": {
-    "start": "npx webpack --config webpack.config.js --watch",
-    "build": "SET NODE_ENV=production npx webpack --config webpack.config.js",
+    "start": "npx webpack --config webpack.config.js",
+    "build": "npx webpack --mode=production --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "pwa": "node ./node_modules/@cocreate/cli/src/commands/other/symlinkPwa.js",
     "postinstall": "node -e \"const { execSync } = require('child_process'); try { execSync('coc --version', { stdio: 'ignore' }); } catch (error) { try { execSync('npm install -g @cocreate/cli', { stdio: 'inherit' }); console.log('Installed \"@cocreate/cli\" globally.'); } catch (error) { console.error('Failed to install \"@cocreate/cli\" globally:', error); } }\""
   },
   "repository": {
@@ -33,7 +35,7 @@
     "url": "git+https://github.com/CoCreate-app/CoCreate-pwa.git"
   },
   "author": "CoCreate LLC",
-  "license": "MIT",
+  "license": "AGPL-3.0",
   "bugs": {
     "url": "https://github.com/CoCreate-app/CoCreate-pwa/issues"
   },
@@ -57,6 +59,6 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/local-storage": "^1.7.20"
+    "@cocreate/local-storage": "^1.7.21"
   }
 }

package/src/cache.js

@@ -3,7 +3,7 @@ const cacheBtn = document.getElementById('cacheBtn');
 function deleteCache(cache) {
     if ('serviceWorker' in navigator) {
         return caches.delete(key);
-        
+
         // caches.keys().then(function(cacheNames) {
         //     cacheNames.forEach(function(cacheName) {
         //         if (cacheName == cache)
@@ -25,8 +25,8 @@ function deleteCache(cache) {
 
 function deleteFile(cacheName, fileName) {
     if ('serviceWorker' in navigator) {
-        caches.open(cacheName).then(function(cache) {
-            cache.delete(fileName).then(function(response) {
+        caches.open(cacheName).then(function (cache) {
+            cache.delete(fileName).then(function (response) {
                 return response
                 // console.log(cacheName, fileName, response)
             });
@@ -36,9 +36,9 @@ function deleteFile(cacheName, fileName) {
 
 
 if (cacheBtn) {
-    cacheBtn.addEventListener('click', function() {
+    cacheBtn.addEventListener('click', function () {
         deleteFile('dynamic-v2', '/CoCreate-components/CoCreate-pwa/src/index.js');
     });
 }
 
-export {deleteCache, deleteFile}
+export { deleteCache, deleteFile }

package/src/index.js

@@ -1,4 +1,26 @@
-import {deleteCache, deleteFile} from './cache.js'
+/********************************************************************************
+ * Copyright (C) 2023 CoCreate and Contributors.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * 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.
+
+import { deleteCache, deleteFile } from './cache.js'
 import localStorage from '@cocreate/local-storage'
 
 const button = document.querySelector('[actions*="install"]');
@@ -26,7 +48,7 @@ window.addEventListener('beforeinstallprompt', (event) => {
 });
 
 if (button) {
-    button.addEventListener('click', async() => {
+    button.addEventListener('click', async () => {
         // console.log('👍', 'installBtn-clicked');
         const promptEvent = window.deferredPrompt;
         if (!promptEvent) {
@@ -54,8 +76,8 @@ window.addEventListener('appinstalled', (event) => {
 
 async function persistData() {
     if (navigator.storage && navigator.storage.persist) {
-      const result = await navigator.storage.persist();
-    //   console.log(`Data persisted: ${result}`);
+        const result = await navigator.storage.persist();
+        //   console.log(`Data persisted: ${result}`);
     }
 }
 
@@ -64,36 +86,44 @@ if ('serviceWorker' in navigator) {
     if (window.CoCreateConfig && window.CoCreateConfig.serviceWorker)
         workerPath = window.CoCreateConfig.serviceWorker
     else
-        workerPath =  localStorage.getItem("serviceWorker") || '/sw.js'
+        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") || 'false'
+
+    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(event) {
+                window.addEventListener("load", function () {
                     navigator.serviceWorker.getRegistration(workerPath).then(registration => {
-                        if (registration && registration.active) { 
+                        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);
+                                .then(reg => {
+                                    reg.onupdatefound = () => {
+                                        const installingWorker = reg.installing;
+                                        installingWorker.onstatechange = () => {
+                                            // console.log('Service Worker', installingWorker.state);
+                                        }
                                     }
-                                }
-                            })
-                            .catch(err => console.log('SW ERROR', err)); 
+                                })
+                                .catch(err => console.log('SW ERROR', err));
                         }
                     });
-            });
+                });
         });
 
     }
 }
 
-
-export default {deleteCache, deleteFile, persistData}
+export default { deleteCache, deleteFile, persistData }