Register service worker via ServiceWorkerModule. (#2365)

Author: aamir1995

src/client/app/app.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { APP_BASE_HREF } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
+import { ServiceWorkerModule } from '@angular/service-worker';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 
@@ -15,7 +16,14 @@ import { CoreModule } from './core/core.module';
   imports: [BrowserModule, CoreModule,
     HttpClientModule, AppRoutingModule,
     AboutModule, HomeModule,
-    SharedModule.forRoot()],
+    SharedModule.forRoot(),
+    /**
+     * In order to start the Service Worker in Production located at "/ngsw-worker.js"
+     * uncomment this line. More about Service Workers here
+     * https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
+     */
+    // ServiceWorkerModule.register('ngsw-worker.js', { enabled: String('<%= BUILD_TYPE %>') === 'prod' })
+  ],
   declarations: [AppComponent],
   providers: [{
     provide: APP_BASE_HREF,

src/client/app/main-prod.ts

@@ -11,13 +11,3 @@ enableProdMode();
 
 platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
 
-// In order to start the Service Worker located at "/ngsw-worker.js"
-// uncomment this line. More about Service Workers here
-// https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
-
-// if ('serviceWorker' in navigator) {
-//   (<any>navigator).serviceWorker
-//     .register('/ngsw-worker.js')
-//     .then((registration: any) => console.log('ServiceWorker registration successful with scope: ', registration.scope))
-//     .catch((err: any) => console.log('ServiceWorker registration failed: ', err));
-// }

src/client/app/main.ts

@@ -21,15 +21,3 @@ if (String('<%= BUILD_TYPE %>') === 'prod') {
 // const options: any = { providers };
 platformBrowserDynamic().bootstrapModule(AppModule /*, options*/);
 // });
-
-// In order to start the Service Worker located at "/ngsw-worker.js"
-// uncomment this line. More about Service Workers here
-// https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
-//
-// if ('serviceWorker' in navigator) {
-//   const workerScript = '/ngsw-worker.js';
-//   (<any>navigator).serviceWorker
-//     .register(workerScript)
-//     .then((registration: any) => console.log('ServiceWorker registration successful with scope: ', registration.scope))
-//     .catch((err: any) => console.log('ServiceWorker registration failed: ', err));
-// }

tools/config/seed.config.ts

@@ -498,6 +498,8 @@ export class SeedConfig {
       '@angular/router': 'node_modules/@angular/router/bundles/router.umd.js',
       '@angular/animations/browser':
         'node_modules/@angular/animations/bundles/animations-browser.umd.js',
+      '@angular/service-worker':
+        'node_modules/@angular/service-worker/bundles/service-worker.umd.js',
       'tslib': 'node_modules/tslib/tslib.js',
 
       '@angular/common/testing':