feat(demo): support of prerendering

Author: AnthonyNahas

demo/angular.json

@@ -121,6 +121,16 @@
             "outputPath": "dist/server",
             "main": "src/main.server.ts",
             "tsConfig": "src/tsconfig.server.json"
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ]
+            }
           }
         }
       }
@@ -148,5 +158,14 @@
       }
     }
   },
-  "defaultProject": "ng-bootstrap-auth-firebaseui-demo"
+  "defaultProject": "ng-bootstrap-auth-firebaseui-demo",
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "styleext": "scss"
+    },
+    "@schematics/angular:directive": {
+      "prefix": "app"
+    }
+  }
 }

demo/package.json

@@ -10,11 +10,18 @@
     "build": "ng build",
     "build:doc": "cd ../ && gulp build:doc",
     "build:prod": "ng build --prod ",
-    "deploy:firebase": "npm run build:prod && npm run build:doc && firebase deploy",
-    "test": "jest",
-    "lint": "ng lint",
+    "build:client-and-server-bundles": "ng build --prod &&  ng run ng-bootstrap-auth-firebaseui-demo:server:production",
+    "build:prerender": "npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:prerender",
+    "build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server",
+    "compile:server": "tsc -p server.tsconfig.json",
     "e2e": "ng e2e",
-    "postinstall": "npm link @firebaseui/ng-bootstrap"
+    "generate:prerender": "cd dist && node prerender",
+    "lint": "ng lint",
+    "test": "ng test",
+    "postinstall": "npm link @firebaseui/ng-bootstrap",
+    "serve:prerender": "cd dist/browser && http-server",
+    "serve:ssr": "node dist/server",
+    "webpack:server": "webpack --config webpack.server.config.js --progress --colors"
   },
   "private": true,
   "dependencies": {

demo/src/app/home/home.component.html

@@ -33,7 +33,7 @@ <h5 class="card-title">@firebaseui/ng-bootstrap</h5>
       </div>
     </div>
 
-    <div class="card mx-auto col-xl-6 col-lg-8 col-sm-10">
+    <div class="card mx-auto col-xl-6 col-lg-8 col-sm-10 card-code">
       <markdown src="assets/md/e1/html.md"></markdown>
     </div>
   </div>

demo/src/app/home/home.component.scss

@@ -7,3 +7,7 @@
 .home {
   margin-top: 1.0rem;
 }
+
+.card-code {
+  margin-top: 1rem;
+}

demo/src/app/home/home.component.spec.ts

@@ -1,7 +1,7 @@
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {HomeComponent} from './home.component';
-import {LibModule} from 'ng-bootstrap-auth-firebaseui';
+import {NgbAuthFirebaseUIModule} from '@firebaseui/ng-bootstrap';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;
@@ -10,7 +10,7 @@ describe('HomeComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [
-        LibModule.forRoot(),],
+        NgbAuthFirebaseUIModule.forRoot(null)],
       declarations: [HomeComponent]
     })
       .compileComponents()

demo/static.paths.ts

@@ -1,4 +1,4 @@
 export const ROUTES = [
-  '/',
+  '/home',
   '/getting-started/',
 ];