feat(docs): Turn demo app into a PWA

fixes #30

Author: Airblader

angular.json

@@ -55,7 +55,8 @@
                         "tsConfig": "projects/ngqp-demo/tsconfig.app.json",
                         "assets": [
                             "projects/ngqp-demo/src/favicon.ico",
-                            "projects/ngqp-demo/src/assets"
+                            "projects/ngqp-demo/src/assets",
+                            "projects/ngqp-demo/src/manifest.json"
                         ],
                         "styles": [
                             "projects/ngqp-demo/src/styles.scss"
@@ -85,7 +86,8 @@
                                     "maximumWarning": "2mb",
                                     "maximumError": "5mb"
                                 }
-                            ]
+                            ],
+                            "serviceWorker": true
                         }
                     }
                 },

package.json

@@ -31,7 +31,9 @@
         "@angular/forms": "~7.1.0",
         "@angular/platform-browser": "~7.1.0",
         "@angular/platform-browser-dynamic": "~7.1.0",
+        "@angular/pwa": "^0.12.1",
         "@angular/router": "~7.1.0",
+        "@angular/service-worker": "~7.1.0",
         "@fortawesome/angular-fontawesome": "^0.3.0",
         "@fortawesome/fontawesome-svg-core": "^1.2.10",
         "@fortawesome/free-brands-svg-icons": "^5.6.1",

projects/ngqp-demo/ngsw-config.json

@@ -0,0 +1,27 @@
+{
+    "index": "/index.html",
+    "assetGroups": [
+        {
+            "name": "app",
+            "installMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/favicon.ico",
+                    "/index.html",
+                    "/*.css",
+                    "/*.js"
+                ]
+            }
+        },
+        {
+            "name": "assets",
+            "installMode": "lazy",
+            "updateMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/assets/**"
+                ]
+            }
+        }
+    ]
+}

projects/ngqp-demo/src/app/demo.module.ts

@@ -34,6 +34,8 @@ import { GlobalConfigurationDocsComponent } from './docs-items/global-configurat
 import { CustomControlValueAccessorDocsComponent } from './docs-items/custom-control-value-accessor/custom-control-value-accessor-docs.component';
 import { ControlValueAccessorDirectiveExampleComponent } from './docs-items/examples/control-value-accessor-directive-example/control-value-accessor-directive-example.component';
 import { ManualWiringExampleComponent } from './docs-items/examples/manual-wiring-example/manual-wiring-example.component';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { environment } from '../environments/environment';
 
 @NgModule({
     declarations: [
@@ -79,6 +81,7 @@ import { ManualWiringExampleComponent } from './docs-items/examples/manual-wirin
         NgbModule,
         FontAwesomeModule,
         QueryParamModule,
+        ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
     ],
     bootstrap: [ DemoComponent ]
 })