fix: remove service worker (#503)

* Removes the service worker for the material.angular.io docs page
* Unregisters previously registered service workers and force-reloads the page if someone opens the docs and still has a service worker installed.

Author: devversion

material.angular.io/angular.json

@@ -68,7 +68,6 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "serviceWorker": true,
               "fileReplacements": [
                 {
                   "src": "src/environments/environment.ts",

material.angular.io/ngsw-config.json

@@ -31,7 +31,6 @@
     "@angular/platform-browser": "^6.0.9",
     "@angular/platform-browser-dynamic": "^6.0.9",
     "@angular/router": "^6.0.9",
-    "@angular/service-worker": "^6.0.9",
     "core-js": "^2.5.6",
     "moment": "^2.22.1",
     "rxjs": "^6.1.0",

material.angular.io/package-lock.json

@@ -32,8 +32,6 @@ import {
   CanActivateComponentSidenav
 } from './pages/component-sidenav/component-sidenav-can-load-guard';
 import {HttpClientModule} from '@angular/common/http';
-import {ServiceWorkerModule} from '@angular/service-worker';
-import {environment} from '../environments/environment';
 import {GaService} from './shared/ga/ga';
 
 @NgModule({
@@ -45,7 +43,6 @@ import {GaService} from './shared/ga/ga';
     HttpClientModule,
     MatNativeDateModule,
     RouterModule.forRoot(MATERIAL_DOCS_ROUTES),
-    ServiceWorkerModule.register('/ngsw-worker.js', {enabled: environment.production}),
     ComponentCategoryListModule,
     ComponentHeaderModule,
     ComponentListModule,

material.angular.io/package.json

@@ -4,6 +4,12 @@ import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {enableProdMode} from '@angular/core';
 import {environment} from './environments/environment';
 import {AppModule} from './app/';
+import {unregisterServiceWorkers} from './unregister-service-workers';
+
+// Unregister all installed service workers and force reload the page if there was
+// an old service worker from a previous version of the docs.
+unregisterServiceWorkers()
+  .then(hadServiceWorker => hadServiceWorker && location.reload(true));
 
 if (environment.production) {
   enableProdMode();

material.angular.io/src/app/app-module.ts

@@ -0,0 +1,17 @@
+/**
+ * Unregisters all currently registered service workers and returns a boolean that indicates
+ * whether there were service workers registered or not.
+ */
+export async function unregisterServiceWorkers(): Promise<boolean> {
+  if (!navigator.serviceWorker) {
+    return false;
+  }
+
+  const registrations = await navigator.serviceWorker.getRegistrations();
+
+  // Walk through every currently registered Service Worker and unregister it. There can be
+  // service workers from previous versions of the Angular Material docs.
+  registrations.forEach(registration => registration.unregister());
+
+  return registrations.length > 0
+}