yoksel · devcustrom · Sep 11, 2021 · Sep 11, 2021 · Mar 7, 2023
diff --git a/gulpfile.js b/gulpfile.js
@@ -35,9 +35,12 @@ const translates = [
 // TEMPLATES
 const tmplTasks = translates.map(({ dest, url }) => {
   return (done) => {
-    gulp.src(`./src/index-src.html`)
+    gulp.src([
+      './src/index.html',
+      './src/manifest.json',
+      './src/pwabuilder-sw.js'
+    ])
       .pipe(mustache(url))
-      .pipe(rename(`index.html`))
       .pipe(gulp.dest(dest))
       .pipe(reload({ stream: true }));
     done();

diff --git a/src/index-src.html → src/index.html b/src/index-src.html → src/index.html
@@ -1,6 +1,7 @@
 <html>
   <head>
     <title>{{title}}</title>
+    <link rel="manifest" href="./manifest.json">
     <link rel="stylesheet" href="{{path}}/assets/css/styles.css">
   </head>
   <body>
@@ -144,7 +145,12 @@ <h4>{{preview}}:</h4>
 
     </div>
     <script src="{{path}}/assets/js/script.js"></script>
-
+    <script type="module">
+      import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
+
+      const el = document.createElement('pwa-update');
+      document.body.appendChild(el);
+    </script>
     <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter49839931 = new Ya.Metrika2({ id:49839931, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/49839931" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
   </body>
 </html>
diff --git a/src/manifest.json b/src/manifest.json
@@ -0,0 +1,13 @@
+{
+  "dir": "auto",
+  "display": "browser",
+  "name": "URL-encoder for SVG",
+  "short_name": "URL-encoder for SVG",
+  "scope": "/url-encoder/",
+  "lang": "ru",
+  "description": "URL-encoder for SVG",
+  "theme_color": "none",
+  "background_color": "none",
+  "дисплей": "browser",
+  "цвет_темы": "none"
+}
diff --git a/src/pwabuilder-sw.js b/src/pwabuilder-sw.js
@@ -0,0 +1,18 @@
+// This is the "Offline copy of assets" service worker
+
+const CACHE = "pwabuilder-offline";
+
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+workbox.routing.registerRoute(
+  new RegExp('/*'),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);