add preboot

Author: Gorniv

package.json

@@ -33,6 +33,7 @@
         "@nguniversal/common": "5.0.0-beta.5",
         "@nguniversal/express-engine": "5.0.0-beta.5",
         "@nguniversal/module-map-ngfactory-loader": "5.0.0-beta.5",
+        "@types/node": "8.0.51",
         "chart.js": "2.7.1",
         "cookie-parser": "1.4.3",
         "core-js": "2.5.1",
@@ -42,14 +43,14 @@
         "jquery": "3.2.1",
         "moment": "2.19.2",
         "ngx-cookie-service": "1.0.9",
+        "preboot": "5.1.7",
         "primeng": "5.0.0-rc.0",
         "prismjs": "1.8.4",
         "quill": "1.3.4",
         "rxjs": "5.5.2",
         "uglify-es": "3.1.9",
-        "xmlhttprequest": "^1.8.0",
-        "zone.js": "0.8.18",
-        "@types/node": "8.0.51"
+        "xmlhttprequest": "1.8.0",
+        "zone.js": "0.8.18"
     },
     "devDependencies": {
         "@angular/cli": "1.6.0-beta.0",
@@ -72,4 +73,4 @@
         "tslint": "5.8.0",
         "typescript": "2.4.2"
     }
-}
+}

src/app/app.browser.module.ts

@@ -6,6 +6,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { AppComponent } from './app.component';
 import { AppModule } from './app.module';
 import { REQUEST } from '@nguniversal/express-engine/tokens';
+import { BrowserPrebootModule } from 'preboot/browser';
 
 export function getRequest(): any {
   // the Request object only lives on the server
@@ -20,6 +21,7 @@ export function getRequest(): any {
     BrowserModule.withServerTransition({
       appId: 'my-app'
     }),
+    BrowserPrebootModule.replayEvents(),
     BrowserTransferStateModule,
     AppModule
   ],

src/app/app.routing.ts

@@ -3,7 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
 const routes: Routes = [
   { path: '', loadChildren: './home/home.module#HomeModule', pathMatch: 'full' },
   { path: 'material', loadChildren: './materialPage/materialPage.module#MaterialPageModule' },
-  // { path: 'primeng', loadChildren: './primengPage/primengPage.module#PrimengPageModule' },
+  { path: 'primeng', loadChildren: './primengPage/primengPage.module#PrimengPageModule' },
   { path: 'mock', loadChildren: './mock-server-browser/mock-server-browser.module#MockServerBrowserModule' },
 ];
 

src/app/app.server.module.ts

@@ -11,14 +11,16 @@ import 'rxjs/add/operator/filter';
 import 'rxjs/add/operator/first';
 import { ModuleMapLoaderModule } from '@nguniversal/module-map-ngfactory-loader';
 import { ServerTransferStateModule } from '@angular/platform-server';
+import { ServerPrebootModule } from 'preboot/server';
 
 @NgModule({
   imports: [
     AppModule,
     NoopAnimationsModule,
     ServerTransferStateModule,
     ServerModule,
-    ModuleMapLoaderModule
+    ModuleMapLoaderModule,
+    ServerPrebootModule.recordEvents({ appRoot: 'app-root' })
   ],
   bootstrap: [AppComponent],
   providers: [

webpack.config.js

@@ -20,7 +20,7 @@ module.exports = {
     // This is an example of Static prerendering (generative)
     prerender: './prerender.ts'
   },
-  resolve: { extensions: ['.ts', '.js'] },
+  resolve: { extensions: [".js", ".ts"] },
   output: {
     // Puts the output at the root of the dist folder
     path: path.join(__dirname),