feat: try to add services worker

Author: phodal

angular.json

@@ -26,7 +26,8 @@
             "assets": [
               "src/favicon.ico",
               "src/assets",
-              "src/README.md"
+              "src/README.md",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
@@ -75,7 +76,9 @@
                   "maximumWarning": "6kb",
                   "maximumError": "10kb"
                 }
-              ]
+              ],
+              "serviceWorker": true,
+              "ngswConfigPath": "ngsw-config.json"
             }
           }
         },
@@ -108,7 +111,8 @@
             "karmaConfig": "karma.conf.js",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",

ngsw-config.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    }, {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+        ]
+      }
+    }
+  ]
+}

package.json

@@ -31,6 +31,7 @@
     "@angular/platform-browser": "~9.0.3",
     "@angular/platform-browser-dynamic": "^9.1.0",
     "@angular/router": "~9.0.3",
+    "@angular/service-worker": "~9.0.3",
     "@ledge-framework/render": "~0.0.6",
     "@ngx-pwa/local-storage": "^9.0.2",
     "@scullyio/init": "^0.0.23",

src/android-chrome-192x192.png

@@ -25,6 +25,8 @@ import { registerLocaleData } from '@angular/common';
 import localeGb from '@angular/common/locales/en-GB';
 import localZhHans from '@angular/common/locales/zh-Hans';
 import { ScullyLibModule } from '@scullyio/ng-lib';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { environment } from '../environments/environment';
 
 registerLocaleData(localeGb, 'en-gb');
 registerLocaleData(localZhHans, 'zh-Hans');
@@ -57,6 +59,9 @@ registerLocaleData(localZhHans, 'zh-Hans');
     CustomMaterialModule,
     LedgeRenderModule,
     ScullyLibModule,
+    ServiceWorkerModule.register('ngsw-worker.js', {
+      enabled: environment.production,
+    }),
   ],
   providers: [Title],
   bootstrap: [AppComponent],