@cocreate/pwa 1.6.10 → 1.6.12

package/src/cache.js

@@ -1,44 +1,44 @@
-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)
-        //             caches.delete(cacheName);
-        //     });
-        // });
-    }
-}
-
-// function cleanCache(cacheName, numeroItems) {
-//     caches.open(cacheName).then((cache) => {
-//         return cache.keys().then((keys) => {
-//             if (keys.length > numeroItems) {
-//                 cache.delete(keys[0]).then(cleanCache(cacheName, numeroItems));
-//             }
-//         });
-//     });
-// }
-
-function deleteFile(cacheName, fileName) {
-    if ('serviceWorker' in navigator) {
-        caches.open(cacheName).then(function(cache) {
-            cache.delete(fileName).then(function(response) {
-                return response
-                // console.log(cacheName, fileName, response)
-            });
-        })
-    }
-}
-
-
-if (cacheBtn) {
-    cacheBtn.addEventListener('click', function() {
-        deleteFile('dynamic-v2', '/CoCreate-components/CoCreate-pwa/src/index.js');
-    });
-}
-
+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)
+        //             caches.delete(cacheName);
+        //     });
+        // });
+    }
+}
+
+// function cleanCache(cacheName, numeroItems) {
+//     caches.open(cacheName).then((cache) => {
+//         return cache.keys().then((keys) => {
+//             if (keys.length > numeroItems) {
+//                 cache.delete(keys[0]).then(cleanCache(cacheName, numeroItems));
+//             }
+//         });
+//     });
+// }
+
+function deleteFile(cacheName, fileName) {
+    if ('serviceWorker' in navigator) {
+        caches.open(cacheName).then(function(cache) {
+            cache.delete(fileName).then(function(response) {
+                return response
+                // console.log(cacheName, fileName, response)
+            });
+        })
+    }
+}
+
+
+if (cacheBtn) {
+    cacheBtn.addEventListener('click', function() {
+        deleteFile('dynamic-v2', '/CoCreate-components/CoCreate-pwa/src/index.js');
+    });
+}
+
 export {deleteCache, deleteFile}

package/src/contact-picker.js

@@ -1,11 +1,11 @@
-
-async function getContacts() {
-    const properties = ['name', 'email', 'tel'];
-    const options = { multiple: true };
-    try {
-      const contacts = await navigator.contacts.select(properties, options);
-      console.log(contacts);
-    } catch (ex) {
-      // Handle any errors here.
-    }
+
+async function getContacts() {
+    const properties = ['name', 'email', 'tel'];
+    const options = { multiple: true };
+    try {
+      const contacts = await navigator.contacts.select(properties, options);
+      console.log(contacts);
+    } catch (ex) {
+      // Handle any errors here.
+    }
  }

package/src/file-share.js

@@ -1,15 +1,15 @@
-// https://web.dev/learn/pwa/os-integration/
-// Have the user select a file.
-const [ handle ] = await window.showOpenFilePicker();
-// Get the File object from the handle.
-const file = await handle.getFile();
-// Get the file content.
-// Also available, slice(), stream(), arrayBuffer()
-const content = await file.text();
-
-// Make a writable stream from the handle.
-const writable = await handle.createWritable();
-// Write the contents of the file to the stream.
-await writable.write(contents);
-// Close the file and write the contents to disk.
+// https://web.dev/learn/pwa/os-integration/
+// Have the user select a file.
+const [ handle ] = await window.showOpenFilePicker();
+// Get the File object from the handle.
+const file = await handle.getFile();
+// Get the file content.
+// Also available, slice(), stream(), arrayBuffer()
+const content = await file.text();
+
+// Make a writable stream from the handle.
+const writable = await handle.createWritable();
+// Write the contents of the file to the stream.
+await writable.write(contents);
+// Close the file and write the contents to disk.
 await writable.close();

package/src/index.js

@@ -1,99 +1,99 @@
-import {deleteCache, deleteFile} from './cache.js'
-import localStorage from '@cocreate/local-storage'
-
-const button = document.querySelector('[actions*="install"]');
-
-/**
- * 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');
-// }
-
-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');
-});
-
-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.addAttribute('hidden', '');
-    });
-}
-
-window.addEventListener('appinstalled', (event) => {
-    // console.log('👍', 'appinstalled', event);
-    // Clear the deferredPrompt so it can be garbage collected
-    window.deferredPrompt = null;
-});
-
-async function persistData() {
-    if (navigator.storage && navigator.storage.persist) {
-      const result = await navigator.storage.persist();
-    //   console.log(`Data persisted: ${result}`);
-    }
-}
-
-if ('serviceWorker' in navigator) {
-    let workerPath
-    if (window.CoCreateConfig && window.CoCreateConfig.serviceWorker)
-        workerPath = window.CoCreateConfig.serviceWorker
-    else
-        workerPath =  localStorage.getItem("serviceWorker") || '/sw.js'
-
-    localStorage.setItem("serviceWorker", workerPath);
-
-    let isPwa = true
-    if (workerPath) {
-        navigator.serviceWorker.getRegistrations().then(registrations => {
-            if (registrations.length === 0 || isPwa == true)
-            window.addEventListener("load", function(event) {
-                    navigator.serviceWorker.getRegistration(workerPath).then(registration => {
-                        if (registration && registration.active) { 
-                            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)); 
-                        }
-                    });
-            });
-        });
-
-    }
-}
-
-
+import {deleteCache, deleteFile} from './cache.js'
+import localStorage from '@cocreate/local-storage'
+
+const button = document.querySelector('[actions*="install"]');
+
+/**
+ * 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');
+// }
+
+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');
+});
+
+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.addAttribute('hidden', '');
+    });
+}
+
+window.addEventListener('appinstalled', (event) => {
+    // console.log('👍', 'appinstalled', event);
+    // Clear the deferredPrompt so it can be garbage collected
+    window.deferredPrompt = null;
+});
+
+async function persistData() {
+    if (navigator.storage && navigator.storage.persist) {
+      const result = await navigator.storage.persist();
+    //   console.log(`Data persisted: ${result}`);
+    }
+}
+
+if ('serviceWorker' in navigator) {
+    let workerPath
+    if (window.CoCreateConfig && window.CoCreateConfig.serviceWorker)
+        workerPath = window.CoCreateConfig.serviceWorker
+    else
+        workerPath =  localStorage.getItem("serviceWorker") || '/sw.js'
+
+    localStorage.setItem("serviceWorker", workerPath);
+
+    let isPwa = true
+    if (workerPath) {
+        navigator.serviceWorker.getRegistrations().then(registrations => {
+            if (registrations.length === 0 || isPwa == true)
+            window.addEventListener("load", function(event) {
+                    navigator.serviceWorker.getRegistration(workerPath).then(registration => {
+                        if (registration && registration.active) { 
+                            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)); 
+                        }
+                    });
+            });
+        });
+
+    }
+}
+
+
 export default {deleteCache, deleteFile, persistData}

package/src/wakeLock.js

@@ -1,9 +1,9 @@
-// Request a screen wake lock
-const wakeLock = await navigator.wakeLock.request();
-
-// Listen for wake lock release
-wakeLock.addEventListener('release', () => {
- console.log(`Screen Wake Lock released: ${wakeLock.released}`);
-});
-// Manually release the wake lock
+// Request a screen wake lock
+const wakeLock = await navigator.wakeLock.request();
+
+// Listen for wake lock release
+wakeLock.addEventListener('release', () => {
+ console.log(`Screen Wake Lock released: ${wakeLock.released}`);
+});
+// Manually release the wake lock
 wakeLock.release();

package/src/web-share.js

@@ -1 +1 @@
-// https://web.dev/web-share-target/
+// https://web.dev/web-share-target/

package/webpack.config.js

@@ -1,84 +1,84 @@
-const path = require("path")
-const TerserPlugin = require("terser-webpack-plugin")
-const MiniCssExtractPlugin = require("mini-css-extract-plugin")
-let isProduction = process.env.NODE_ENV === "production"
-const { CleanWebpackPlugin } = require("clean-webpack-plugin")
-
-module.exports = {
-  entry: {
-    "CoCreate-pwa": "./src/index.js",
-  },
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: isProduction ? "[name].min.js" : "[name].js",
-    libraryTarget: "umd",
-    libraryExport: "default",
-    library: ["CoCreate", "pwa"],
-    globalObject: "this",
-  },
-
-  plugins: [
-    new CleanWebpackPlugin(),
-    new MiniCssExtractPlugin({
-      filename: "[name].css",
-    }),
-  ],
-  // Default mode for Webpack is production.
-  // Depending on mode Webpack will apply different things
-  // on final bundle. For now we don't need production's JavaScript
-  // minifying and other thing so let's set mode to development
-  mode: isProduction ? "production" : "development",
-  module: {
-    rules: [
-      {
-        test: /.js$/,
-        exclude: /(node_modules)/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            plugins: ["@babel/plugin-transform-modules-commonjs"],
-          },
-        },
-      },
-      {
-        test: /.css$/i,
-        use: [
-          { loader: "style-loader", options: { injectType: "linkTag" } },
-          "file-loader",
-        ],
-      },
-    ],
-  },
-
-  // add source map
-  ...(isProduction ? {} : { devtool: "eval-source-map" }),
-
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        extractComments: true,
-        // cache: true,
-        parallel: true,
-        // sourceMap: true, // Must be set to true if using source-maps in production
-        terserOptions: {
-          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
-          // extractComments: 'all',
-          compress: {
-            drop_console: true,
-          },
-        },
-      }),
-    ],
-    splitChunks: {
-      chunks: "all",
-      minSize: 200,
-      // maxSize: 99999,
-      //minChunks: 1,
-
-      cacheGroups: {
-        defaultVendors: false,
-      },
-    },
-  },
-}
+const path = require("path")
+const TerserPlugin = require("terser-webpack-plugin")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+let isProduction = process.env.NODE_ENV === "production"
+const { CleanWebpackPlugin } = require("clean-webpack-plugin")
+
+module.exports = {
+  entry: {
+    "CoCreate-pwa": "./src/index.js",
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: isProduction ? "[name].min.js" : "[name].js",
+    libraryTarget: "umd",
+    libraryExport: "default",
+    library: ["CoCreate", "pwa"],
+    globalObject: "this",
+  },
+
+  plugins: [
+    new CleanWebpackPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+  ],
+  // Default mode for Webpack is production.
+  // Depending on mode Webpack will apply different things
+  // on final bundle. For now we don't need production's JavaScript
+  // minifying and other thing so let's set mode to development
+  mode: isProduction ? "production" : "development",
+  module: {
+    rules: [
+      {
+        test: /.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: ["@babel/plugin-transform-modules-commonjs"],
+          },
+        },
+      },
+      {
+        test: /.css$/i,
+        use: [
+          { loader: "style-loader", options: { injectType: "linkTag" } },
+          "file-loader",
+        ],
+      },
+    ],
+  },
+
+  // add source map
+  ...(isProduction ? {} : { devtool: "eval-source-map" }),
+
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        extractComments: true,
+        // cache: true,
+        parallel: true,
+        // sourceMap: true, // Must be set to true if using source-maps in production
+        terserOptions: {
+          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+          // extractComments: 'all',
+          compress: {
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+      minSize: 200,
+      // maxSize: 99999,
+      //minChunks: 1,
+
+      cacheGroups: {
+        defaultVendors: false,
+      },
+    },
+  },
+}