feat: Optimize PWA support

- Auto upload sw.min.js as asset with enablePWA option
- Update scripts in package.json
- Remove the cache for avatar in sw.js

layouts/partials/head/link.html

@@ -49,3 +49,9 @@
 {{- $source := $cdn.animateCSS | default "lib/animate/animate.min.css" -}}
 {{- $style := dict "Source" $source "Fingerprint" $fingerprint -}}
 {{- partial "plugin/defer-style.html" $style -}}
+
+{{- if eq .Site.Params.enablePWA true -}}
+{{- /* sw.min.js */ -}}
+{{- $sw := resources.Get "sw.min.js" -}}
+{{- $_ := $sw.Permalink -}}
+{{- end -}}

package.json

@@ -17,7 +17,7 @@
   },
   "scripts": {
     "preinstall": "npx npm-force-resolutions",
-    "babel": "npx babel src/js/theme.js --out-file assets/js/theme.min.js --source-maps --no-comments && npx babel src/js/sw.js --out-file exampleSite/static/sw.min.js --source-maps --no-comments",
+    "babel": "npx babel src/js/theme.js --out-file assets/js/theme.min.js --source-maps --no-comments && npx babel src/js/sw.js --out-file assets/sw.min.js --source-maps --no-comments",
     "build": "npm run babel && hugo -v --source=exampleSite --themesDir ../.. --gc",
     "build-lunr-segmentit": "browserify src/lib/lunr.segmentit.js -o assets/lib/lunr/lunr.segmentit.js -t babelify --presets @babel/preset-env --presets minify",
     "start": "npm run babel && hugo server --source=exampleSite --themesDir ../.. -D --disableFastRender",

src/js/sw.js

@@ -2,22 +2,19 @@ const CACHE_VERSION = 1;
 
 const BASE_CACHE_FILES = [
     '/css/style.min.css',
-    '/images/avatar.webp',
     '/js/theme.min.js',
     '/site.webmanifest',
 ];
 
 const OFFLINE_CACHE_FILES = [
     '/css/style.min.css',
-    '/images/avatar.webp',
     '/js/theme.min.js',
     '/site.webmanifest',
     '/offline',
 ];
 
 const NOT_FOUND_CACHE_FILES = [
     '/css/style.min.css',
-    '/images/avatar.webp',
     '/js/theme.min.js',
     '/site.webmanifest',
     '/404.html',
@@ -182,7 +179,6 @@ function cleanupLegacyCache() {
                         reject();
                     }
                 );
-
         }
     );
 }
@@ -240,7 +236,6 @@ self.addEventListener(
                                                 date = new Date(pair[1]);
                                             }
                                         }
-
                                         if (date) {
                                             let age = parseInt((new Date().getTime() - date.getTime()) / 1000);
                                             let ttl = getTTL(event.request.url);
@@ -266,7 +261,6 @@ self.addEventListener(
                                                                     resolve(response);
                                                                 }
                                                             );
-
                                                     }
                                                 )
                                                     .catch(
@@ -322,7 +316,6 @@ self.addEventListener(
                                                                 return offlineCache.match(OFFLINE_PAGE)
                                                             }
                                                         )
-
                                                 }
                                             );
                                     }