generate a service worker and add webapp manifest

npm install workbox-cli ./node_modules/.bin/workbox injectManifest workbox-config.js service worker: ignore query string for fonts

generate a service worker and add webapp manifest
npm install workbox-cli ./node_modules/.bin/workbox injectManifest workbox-config.js service worker: ignore query string for fonts
901c4804 · Jérome Perrin · Thomas Gambier · fc8314b9 · 901c4804 · 901c4804
Commit 901c4804 authored Sep 28, 2018 by Jérome Perrin Committed by Thomas Gambier May 14, 2019
6 changed files
--- a/css/images/logo.png
+++ b/css/images/logo.png
--- a/fullscreen.html
+++ b/fullscreen.html
@@ -8,6 +8,7 @@
    <noscript><p><img src="//stats.opkode.com/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
    <link type="text/css" rel="stylesheet" media="screen" href="css/converse.css" />
    <link type="text/css" rel="stylesheet" media="screen" href="css/fullpage.css" />
+    <link rel="manifest" href="manifest.json">
    <script src="dist/converse.js"></script>
 </head>
 <body class="converse-fullscreen">
@@ -41,6 +42,10 @@
    For more information, please refer to <http://unlicense.org/>
    @licend
    */
+    window.addEventListener('load', () => {
+         navigator.serviceWorker.register('sw.js');
+    });
+
    converse.initialize({
        authentication: 'login',
        auto_away: 300,

--- a/manifest.json
+++ b/manifest.json
+{
+    "display": "standalone",
+    "icons": [
+        {
+            "sizes": "144x144",
+            "src": "css/images/logo.png",
+            "type": "image/png"
+        }
+    ],
+    "name": "Converse.js",
+    "short_name": "Converse",
+    "start_url": "fullscreen.html"
+}
--- a/sw.js
+++ b/sw.js
--- a/sw.template.js
+++ b/sw.template.js
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js');
+
+
+workbox.core.setCacheNameDetails({
+  prefix: 'converse.nexedi',
+});
+
+// Note: this is populated at build time.
+workbox.precaching.precacheAndRoute([],
+  // we ignore wvi0ht for urls like :
+  //  /fonticons/fonts/icomoon.ttf?wvi0ht
+  { ignoreUrlParametersMatching: [/^wvi0ht/] }
+)
+
+
+workbox.strategies.cacheFirst()
+workbox.strategies.networkFirst()
+workbox.strategies.staleWhileRevalidate()
+
+
+workbox.skipWaiting();
--- a/workbox-config.js
+++ b/workbox-config.js
+module.exports = {
+  globDirectory: '.',
+  globPatterns: [
+    '*.html',
+    'manifest.json',
+    'dist/**',
+    'css/**',
+    'fonts/**',
+    'locale/**',
+    'css/webfonts/icomoon/fonticons/**',
+    'sounds/**',
+    'logo/**',
+  ],
+  swSrc: 'sw.template.js',
+  swDest: 'sw.js',
+  maximumFileSizeToCacheInBytes: 1024**4
+};