Merge pull request #214 from artlowel/angular5-upgrade

Angular5 upgrade

package.json

@@ -8,7 +8,7 @@
   },
   "license": "BSD-2-Clause",
   "engines": {
-    "node": ">=5.0.0"
+    "node": ">=6.0.0"
   },
   "scripts": {
     "global": "npm install -g @angular/cli marked node-gyp nodemon node-nightly npm-check-updates npm-run-all rimraf typescript ts-node typedoc webpack webpack-bundle-analyzer pm2 rollup",
@@ -69,135 +69,135 @@
     "coverage": "http-server -c-1 -o -p 9875 ./coverage"
   },
   "dependencies": {
-    "@angular/animations": "4.4.5",
+    "@angular/animations": "5.2.1",
-    "@angular/common": "4.4.5",
+    "@angular/common": "5.2.1",
-    "@angular/core": "4.4.5",
+    "@angular/core": "5.2.1",
-    "@angular/forms": "4.4.5",
+    "@angular/forms": "5.2.1",
-    "@angular/http": "4.4.5",
+    "@angular/http": "5.2.1",
-    "@angular/platform-browser": "4.4.5",
+    "@angular/platform-browser": "5.2.1",
-    "@angular/platform-browser-dynamic": "4.4.5",
+    "@angular/platform-browser-dynamic": "5.2.1",
-    "@angular/platform-server": "4.4.5",
+    "@angular/platform-server": "5.2.1",
-    "@angular/router": "4.4.5",
+    "@angular/router": "5.2.1",
     "@angularclass/bootloader": "1.0.1",
-    "@angularclass/idle-preload": "1.0.4",
+    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.9",
-    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
+    "@ngrx/effects": "4.1.1",
-    "@ngrx/effects": "4.0.5",
+    "@ngrx/router-store": "4.1.1",
-    "@ngrx/router-store": "4.0.4",
+    "@ngrx/store": "4.1.1",
-    "@ngrx/store": "4.0.3",
+    "@nguniversal/express-engine": "5.0.0-beta.5",
-    "@nguniversal/express-engine": "1.0.0-beta.3",
+    "@ngx-translate/core": "9.1.1",
-    "@ngx-translate/core": "8.0.0",
+    "@ngx-translate/http-loader": "2.0.1",
-    "@ngx-translate/http-loader": "2.0.0",
+    "angular-idle-preload": "2.0.4",
     "body-parser": "1.18.2",
-    "bootstrap": "v4.0.0-beta",
+    "bootstrap": "4.0.0-beta",
     "cerialize": "0.1.18",
     "compression": "1.7.1",
     "cookie-parser": "1.4.3",
-    "core-js": "2.5.1",
+    "core-js": "2.5.3",
     "express": "4.16.2",
     "express-session": "1.15.6",
     "font-awesome": "4.7.0",
-    "http-server": "0.10.0",
+    "http-server": "0.11.1",
     "https": "1.0.0",
     "js.clone": "0.0.3",
-    "jsonschema": "1.2.0",
+    "jsonschema": "1.2.2",
     "methods": "1.1.2",
     "morgan": "1.9.0",
-    "ngx-pagination": "3.0.1",
+    "ngx-pagination": "3.0.3",
     "pem": "1.12.3",
-    "reflect-metadata": "0.1.10",
+    "reflect-metadata": "0.1.12",
-    "rxjs": "5.4.3",
+    "rxjs": "5.5.6",
-    "ts-md5": "1.2.2",
+    "ts-md5": "1.2.3",
-    "uuid": "^3.1.0",
+    "uuid": "^3.2.1",
     "webfontloader": "1.6.28",
-    "zone.js": "0.8.18"
+    "zone.js": "0.8.20"
   },
   "devDependencies": {
-    "@angular/compiler": "4.4.5",
+    "@angular/compiler": "^5.2.1",
-    "@angular/compiler-cli": "4.4.5",
+    "@angular/compiler-cli": "^5.2.1",
-    "@ngrx/store-devtools": "4.0.0",
+    "@ngrx/store-devtools": "4.1.1",
-    "@ngtools/webpack": "1.7.4",
+    "@ngtools/webpack": "1.9.5",
     "@types/cookie-parser": "1.4.1",
     "@types/deep-freeze": "0.1.1",
-    "@types/express": "4.0.37",
+    "@types/express": "4.11.0",
-    "@types/express-serve-static-core": "4.0.53",
+    "@types/express-serve-static-core": "4.11.1",
     "@types/hammerjs": "2.0.35",
-    "@types/jasmine": "2.6.0",
+    "@types/jasmine": "2.8.4",
-    "@types/memory-cache": "0.0.31",
+    "@types/memory-cache": "0.2.0",
     "@types/mime": "2.0.0",
-    "@types/node": "8.0.34",
+    "@types/node": "^9.3.0",
-    "@types/serve-static": "1.7.32",
+    "@types/serve-static": "1.13.1",
-    "@types/source-map": "0.5.1",
     "@types/uuid": "^3.4.3",
     "@types/webfontloader": "1.6.29",
-    "ajv": "5.2.3",
+    "ajv": "6.0.1",
-    "ajv-keywords": "2.1.0",
+    "ajv-keywords": "3.0.0",
     "angular2-template-loader": "0.6.2",
-    "autoprefixer": "7.1.5",
+    "autoprefixer": "7.2.5",
-    "awesome-typescript-loader": "3.2.3",
+    "awesome-typescript-loader": "3.4.1",
-    "caniuse-lite": "1.0.30000746",
+    "caniuse-lite": "1.0.30000792",
-    "codelyzer": "3.2.1",
+    "codelyzer": "^4.1.0",
-    "compression-webpack-plugin": "1.0.1",
+    "compression-webpack-plugin": "1.1.3",
-    "copy-webpack-plugin": "4.1.1",
+    "copy-webpack-plugin": "4.3.1",
     "coveralls": "3.0.0",
-    "css-loader": "0.28.7",
+    "css-loader": "0.28.9",
     "deep-freeze": "0.0.1",
     "exports-loader": "0.6.4",
     "html-webpack-plugin": "2.30.1",
     "imports-loader": "0.7.1",
     "istanbul-instrumenter-loader": "3.0.0",
-    "jasmine-core": "2.8.0",
+    "jasmine-core": "2.9.1",
     "jasmine-marbles": "0.2.0",
     "jasmine-spec-reporter": "4.2.1",
     "json-loader": "0.5.7",
-    "karma": "1.7.1",
+    "karma": "2.0.0",
     "karma-chrome-launcher": "2.2.0",
     "karma-cli": "1.0.1",
     "karma-coverage": "1.1.1",
     "karma-istanbul-preprocessor": "0.0.2",
-    "karma-jasmine": "1.1.0",
+    "karma-jasmine": "1.1.1",
-    "karma-mocha-reporter": "2.2.4",
+    "karma-mocha-reporter": "2.2.5",
     "karma-phantomjs-launcher": "1.0.4",
     "karma-remap-coverage": "0.1.4",
     "karma-remap-istanbul": "0.6.0",
     "karma-sourcemap-loader": "0.3.7",
     "karma-webdriver-launcher": "1.0.5",
-    "karma-webpack": "2.0.5",
+    "karma-webpack": "2.0.9",
     "ngrx-store-freeze": "0.2.0",
-    "node-sass": "4.5.3",
+    "node-sass": "4.7.2",
-    "nodemon": "1.12.1",
+    "nodemon": "1.14.11",
-    "npm-run-all": "4.1.1",
+    "npm-run-all": "4.1.2",
-    "postcss": "6.0.13",
+    "postcss": "6.0.16",
     "postcss-apply": "0.8.0",
     "postcss-cli": "4.1.1",
-    "postcss-cssnext": "3.0.2",
+    "postcss-cssnext": "3.1.0",
-    "postcss-loader": "2.0.7",
+    "postcss-loader": "2.0.10",
     "postcss-responsive-type": "1.0.0",
-    "postcss-smart-import": "0.7.5",
+    "postcss-smart-import": "0.7.6",
-    "protractor": "5.1.2",
+    "protractor": "5.2.2",
     "protractor-istanbul-plugin": "2.0.0",
     "raw-loader": "0.5.1",
-    "resolve-url-loader": "2.1.1",
+    "resolve-url-loader": "2.2.1",
     "rimraf": "2.6.2",
-    "rollup": "0.50.0",
+    "rollup": "0.54.1",
-    "rollup-plugin-commonjs": "8.2.1",
+    "rollup-plugin-commonjs": "8.2.6",
     "rollup-plugin-node-globals": "1.1.0",
-    "rollup-plugin-node-resolve": "3.0.0",
+    "rollup-plugin-node-resolve": "3.0.2",
-    "rollup-plugin-uglify": "2.0.1",
+    "rollup-plugin-uglify": "3.0.0",
     "sass-loader": "6.0.6",
-    "script-ext-html-webpack-plugin": "1.8.5",
+    "script-ext-html-webpack-plugin": "1.8.8",
-    "source-map-loader": "0.2.2",
+    "source-map": "0.6.1",
+    "source-map-loader": "0.2.3",
     "string-replace-loader": "1.3.0",
     "to-string-loader": "1.1.5",
     "ts-helpers": "1.1.2",
-    "ts-node": "3.3.0",
+    "ts-node": "4.1.0",
-    "tslint": "5.7.0",
+    "tslint": "5.9.1",
     "typedoc": "0.9.0",
-    "typescript": "2.5.3",
+    "typescript": "2.6.2",
-    "webpack": "3.7.1",
+    "webpack": "^3.10.0",
-    "webpack-bundle-analyzer": "2.9.0",
+    "webpack-bundle-analyzer": "2.9.2",
-    "webpack-dev-middleware": "1.12.0",
+    "webpack-dev-middleware": "2.0.4",
-    "webpack-dev-server": "2.9.1",
+    "webpack-dev-server": "2.11.1",
-    "webpack-merge": "4.1.0",
+    "webpack-merge": "4.1.1",
     "webpack-node-externals": "1.6.0"
   }
 }

rollup.config.js

@@ -8,7 +8,7 @@ export default {
    file: 'dist/client.js',
    format: 'iife',
   },
-  sourceMap: false,
+  sourcemap: false,
   plugins: [
     nodeResolve({
       jsnext: true,

src/app/shared/object-grid/collection-grid-element/collection-grid-element.component.spec.ts

@@ -52,7 +52,7 @@ describe('CollectionGridElementComponent', () => {
 
     if (mockCollection.shortDescription.length > 0) {
       expect(descriptionText).toBeDefined();
-    }else {
+    } else {
       expect(descriptionText).not.toBeDefined();
     }
   });

src/app/shared/object-grid/community-grid-element/community-grid-element.component.spec.ts

@@ -59,7 +59,7 @@ describe('CommunityGridElementComponent', () => {
 
     if (mockCommunity.shortDescription.length > 0) {
       expect(descriptionText).toBeDefined();
-    }else {
+    } else {
       expect(descriptionText).not.toBeDefined();
     }
   });

src/app/shared/object-grid/item-grid-element/item-grid-element.component.spec.ts

@@ -59,7 +59,7 @@ describe('ItemGridElementComponent', () => {
 
     if (mockItem.filterMetadata(['dc.contributor.author', 'dc.creator', 'dc.contributor.*']).length > 0) {
       expect(itemAuthorField).toBeDefined();
-    }else {
+    } else {
       expect(itemAuthorField).toBeDefined();
     }
   });

src/app/shared/object-grid/search-result-grid-element/collection-search-result/collection-search-result-grid-element.component.spec.ts

@@ -57,7 +57,7 @@ describe('CollectionSearchResultGridElementComponent', () => {
 
     if (mockCollection.shortDescription.length > 0) {
       expect(descriptionText).toBeDefined();
-    }else {
+    } else {
       expect(descriptionText).not.toBeDefined();
     }
   });

src/app/shared/object-grid/search-result-grid-element/community-search-result/community-search-result-grid-element.component.spec.ts

@@ -56,7 +56,7 @@ describe('CommunitySearchResultGridElementComponent', () => {
 
     if (mockCommunity.shortDescription.length > 0) {
       expect(descriptionText).toBeDefined();
-    }else {
+    } else {
       expect(descriptionText).not.toBeDefined();
     }
   });

src/app/shared/object-grid/search-result-grid-element/item-search-result/item-search-result-grid-element.component.spec.ts

@@ -62,7 +62,7 @@ describe('ItemSearchResultGridElementComponent', () => {
 
     if (mockItem.filterMetadata(['dc.contributor.author', 'dc.creator', 'dc.contributor.*']).length > 0) {
       expect(itemAuthorField).toBeDefined();
-    }else {
+    } else {
       expect(itemAuthorField).not.toBeDefined();
     }
   });
@@ -72,7 +72,7 @@ describe('ItemSearchResultGridElementComponent', () => {
 
     if (mockItem.findMetadata('dc.date.issued').length > 0) {
       expect(dateField).toBeDefined();
-    }else {
+    } else {
       expect(dateField).not.toBeDefined();
     }
   });

src/app/shared/object-grid/wrapper-grid-element/wrapper-grid-element.component.ts

@@ -1,8 +1,8 @@
-import { Component, Input, Injector, ReflectiveInjector, OnInit } from '@angular/core';
+import { Component, Injector, Input, OnInit } from '@angular/core';
+import { ViewMode } from '../../../+search-page/search-options.model';
 import { GenericConstructor } from '../../../core/shared/generic-constructor';
 import { rendersDSOType } from '../../object-collection/shared/dso-element-decorator';
 import { ListableObject } from '../../object-collection/shared/listable-object.model';
-import { ViewMode } from '../../../+search-page/search-options.model';
 
 @Component({
   selector: 'ds-wrapper-grid-element',
@@ -13,11 +13,14 @@ export class WrapperGridElementComponent implements OnInit {
   @Input() object: ListableObject;
   objectInjector: Injector;
 
-  constructor(private injector: Injector) {}
+  constructor(private injector: Injector) {
+  }
 
   ngOnInit(): void {
-    this.objectInjector = ReflectiveInjector.resolveAndCreate(
+    this.objectInjector = Injector.create({
-      [{provide: 'objectElementProvider', useFactory: () => (this.object) }], this.injector);
+      providers: [{ provide: 'objectElementProvider', useFactory: () => (this.object), deps:[] }],
+      parent: this.injector
+    });
 
   }
 

src/app/shared/object-list/wrapper-list-element/wrapper-list-element.component.ts

@@ -1,8 +1,8 @@
-import { Component, Input, Injector, ReflectiveInjector, OnInit } from '@angular/core';
+import { Component, Injector, Input, OnInit } from '@angular/core';
-import { rendersDSOType } from '../../object-collection/shared/dso-element-decorator'
-import { GenericConstructor } from '../../../core/shared/generic-constructor';
-import { ListableObject } from '../../object-collection/shared/listable-object.model';
 import { ViewMode } from '../../../+search-page/search-options.model';
+import { GenericConstructor } from '../../../core/shared/generic-constructor';
+import { rendersDSOType } from '../../object-collection/shared/dso-element-decorator'
+import { ListableObject } from '../../object-collection/shared/listable-object.model';
 
 @Component({
   selector: 'ds-wrapper-list-element',
@@ -16,8 +16,10 @@ export class WrapperListElementComponent implements OnInit {
   constructor(private injector: Injector) {}
 
   ngOnInit(): void {
-    this.objectInjector = ReflectiveInjector.resolveAndCreate(
+    this.objectInjector = Injector.create({
-      [{provide: 'objectElementProvider', useFactory: () => (this.object) }], this.injector);
+        providers: [{ provide: 'objectElementProvider', useFactory: () => (this.object), deps:[] }],
+        parent: this.injector
+    });
   }
 
   getListElement(): string {

src/app/shared/window.service.ts

@@ -1,6 +1,6 @@
-import { OpaqueToken } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 
-export const NativeWindowService = new OpaqueToken('NativeWindowService');
+export const NativeWindowService = new InjectionToken('NativeWindowService');
 
 export class NativeWindowRef {
   get nativeWindow(): any {

src/main.server.aot.ts

@@ -0,0 +1,4 @@
+import { startServer } from './server';
+import { ServerAppModuleNgFactory } from './modules/app/server-app.module.ngfactory';
+
+startServer(ServerAppModuleNgFactory);

src/main.server.ts

@@ -1,134 +1,4 @@
-import 'zone.js/dist/zone-node';
+import { startServer } from './server';
-import 'reflect-metadata';
-import 'rxjs/Rx';
-
-import * as fs from 'fs';
-import * as pem from 'pem';
-import * as https from 'https';
-import * as morgan from 'morgan';
-import * as express from 'express';
-import * as bodyParser from 'body-parser';
-import * as compression from 'compression';
-import * as cookieParser from 'cookie-parser';
-
-import { enableProdMode } from '@angular/core';
-
-import { ngExpressEngine } from '@nguniversal/express-engine';
-
 import { ServerAppModule } from './modules/app/server-app.module';
 
-import { ROUTES } from './routes';
+startServer(ServerAppModule);
-import { ENV_CONFIG } from './config';
-
-const app = express();
-
-const port = ENV_CONFIG.ui.port ? ENV_CONFIG.ui.port : 80;
-
-if (ENV_CONFIG.production) {
-  enableProdMode();
-  app.use(compression());
-}
-
-app.use(morgan('dev'));
-
-app.use(cookieParser());
-app.use(bodyParser.json());
-
-app.engine('html', ngExpressEngine({
-  bootstrap: ServerAppModule
-}));
-
-app.set('view engine', 'html');
-app.set('views', 'src');
-
-function cacheControl(req, res, next) {
-  // instruct browser to revalidate
-  res.header('Cache-Control', ENV_CONFIG.cache.control || 'max-age=60');
-  next();
-}
-
-app.use('/', cacheControl, express.static('dist', { index: false }));
-
-// TODO: either remove or update mock backend
-// app.get('/data.json', serverApi);
-// app.use('/api', createMockApi());
-
-function ngApp(req, res) {
-
-  function onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
-    console.warn('Error in SSR, serving for direct CSR');
-    res.sendFile('index.csr.html', { root: './src' });
-  }
-
-  if (ENV_CONFIG.universal.preboot) {
-    Zone.current.fork({ name: 'CSR fallback', onHandleError }).run(() => {
-      res.render('../dist/index', {
-        req,
-        res,
-        preboot: ENV_CONFIG.universal.preboot,
-        async: ENV_CONFIG.universal.async,
-        time: ENV_CONFIG.universal.time,
-        baseUrl: ENV_CONFIG.ui.nameSpace,
-        originUrl: ENV_CONFIG.ui.baseUrl,
-        requestUrl: req.originalUrl
-      });
-    });
-  } else {
-    console.log('Universal off, serving for direct CSR');
-    res.sendFile('index.csr.html', { root: './src' });
-  }
-}
-
-ROUTES.forEach((route: string) => {
-  app.get(route, ngApp);
-});
-
-function serverStarted() {
-  console.log(`[${new Date().toTimeString()}] Listening at ${ENV_CONFIG.ui.baseUrl}`);
-}
-
-function createHttpsServer(keys) {
-  https.createServer({
-    key: keys.serviceKey,
-    cert: keys.certificate
-  }, app).listen(port, ENV_CONFIG.ui.host, () => {
-    serverStarted();
-  });
-}
-
-if (ENV_CONFIG.ui.ssl) {
-  let serviceKey;
-  try {
-    serviceKey = fs.readFileSync('./config/ssl/key.pem');
-  } catch (e) {
-    console.warn('Service key not found at ./config/ssl/key.pem');
-  }
-
-  let certificate;
-  try {
-    certificate = fs.readFileSync('./config/ssl/cert.pem');
-  } catch (e) {
-    console.warn('Certificate not found at ./config/ssl/key.pem');
-  }
-
-  if (serviceKey && certificate) {
-    createHttpsServer({
-      serviceKey: serviceKey,
-      certificate: certificate
-    });
-  } else {
-
-    process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
-
-    pem.createCertificate({
-      days: 1,
-      selfSigned: true
-    }, (error, keys) => {
-      createHttpsServer(keys);
-    });
-  }
-} else {
-  app.listen(port, ENV_CONFIG.ui.host, () => {
-    serverStarted();
-  });
-}

src/modules/app/browser-app.module.ts

@@ -4,7 +4,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 
-import { IdlePreload, IdlePreloadModule } from '@angularclass/idle-preload';
+import { IdlePreload, IdlePreloadModule } from 'angular-idle-preload';
 
 import { EffectsModule } from '@ngrx/effects';
 

src/server.ts

@@ -0,0 +1,133 @@
+import 'zone.js/dist/zone-node';
+import 'reflect-metadata';
+import 'rxjs/Rx';
+
+import * as fs from 'fs';
+import * as pem from 'pem';
+import * as https from 'https';
+import * as morgan from 'morgan';
+import * as express from 'express';
+import * as bodyParser from 'body-parser';
+import * as compression from 'compression';
+import * as cookieParser from 'cookie-parser';
+
+import { enableProdMode, NgModuleFactory, Type } from '@angular/core';
+
+import { ngExpressEngine } from '@nguniversal/express-engine';
+
+import { ROUTES } from './routes';
+import { ENV_CONFIG } from './config';
+
+export function startServer(bootstrap: Type<{}> | NgModuleFactory<{}>) {
+  const app = express();
+
+  const port = ENV_CONFIG.ui.port ? ENV_CONFIG.ui.port : 80;
+
+  if (ENV_CONFIG.production) {
+    enableProdMode();
+    app.use(compression());
+  }
+
+  app.use(morgan('dev'));
+
+  app.use(cookieParser());
+  app.use(bodyParser.json());
+
+  app.engine('html', ngExpressEngine({
+    bootstrap: bootstrap
+  }));
+
+  app.set('view engine', 'html');
+  app.set('views', 'src');
+
+  function cacheControl(req, res, next) {
+    // instruct browser to revalidate
+    res.header('Cache-Control', ENV_CONFIG.cache.control || 'max-age=60');
+    next();
+  }
+
+  app.use('/', cacheControl, express.static('dist', { index: false }));
+
+// TODO: either remove or update mock backend
+// app.get('/data.json', serverApi);
+// app.use('/api', createMockApi());
+
+  function ngApp(req, res) {
+
+    function onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
+      console.warn('Error in SSR, serving for direct CSR');
+      res.sendFile('index.csr.html', { root: './src' });
+    }
+
+    if (ENV_CONFIG.universal.preboot) {
+      Zone.current.fork({ name: 'CSR fallback', onHandleError }).run(() => {
+        res.render('../dist/index', {
+          req,
+          res,
+          preboot: ENV_CONFIG.universal.preboot,
+          async: ENV_CONFIG.universal.async,
+          time: ENV_CONFIG.universal.time,
+          baseUrl: ENV_CONFIG.ui.nameSpace,
+          originUrl: ENV_CONFIG.ui.baseUrl,
+          requestUrl: req.originalUrl
+        });
+      });
+    } else {
+      console.log('Universal off, serving for direct CSR');
+      res.sendFile('index.csr.html', { root: './src' });
+    }
+  }
+
+  ROUTES.forEach((route: string) => {
+    app.get(route, ngApp);
+  });
+
+  function serverStarted() {
+    console.log(`[${new Date().toTimeString()}] Listening at ${ENV_CONFIG.ui.baseUrl}`);
+  }
+
+  function createHttpsServer(keys) {
+    https.createServer({
+      key: keys.serviceKey,
+      cert: keys.certificate
+    }, app).listen(port, ENV_CONFIG.ui.host, () => {
+      serverStarted();
+    });
+  }
+
+  if (ENV_CONFIG.ui.ssl) {
+    let serviceKey;
+    try {
+      serviceKey = fs.readFileSync('./config/ssl/key.pem');
+    } catch (e) {
+      console.warn('Service key not found at ./config/ssl/key.pem');
+    }
+
+    let certificate;
+    try {
+      certificate = fs.readFileSync('./config/ssl/cert.pem');
+    } catch (e) {
+      console.warn('Certificate not found at ./config/ssl/key.pem');
+    }
+
+    if (serviceKey && certificate) {
+      createHttpsServer({
+        serviceKey: serviceKey,
+        certificate: certificate
+      });
+    } else {
+
+      process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
+
+      pem.createCertificate({
+        days: 1,
+        selfSigned: true
+      }, (error, keys) => {
+        createHttpsServer(keys);
+      });
+    }
+  } else {
+    app.listen(port, ENV_CONFIG.ui.host, () => {
+      serverStarted();
+    });
+  }}

src/tsconfig.server.aot.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.server.json",
+  "angularCompilerOptions": {
+    "entryModule": "./modules/app/server-app.module#ServerAppModule"
+  },
+  "exclude": []
+}

tsconfig.json

@@ -7,13 +7,13 @@
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
-    "noEmit": true,
     "noEmitHelpers": true,
     "importHelpers": true,
     "noImplicitAny": false,
     "strictNullChecks": false,
+    "skipDefaultLibCheck": true,
+    "pretty": true,
     "baseUrl": ".",
-    "paths": {},
     "typeRoots": [
       "node_modules/@types"
     ],
@@ -22,15 +22,19 @@
       "node"
     ],
     "lib": [
+      "dom",
+      "es6",
+      "es2015",
       "es2016",
-      "dom"
+      "es2017"
     ]
   },
   "exclude": [
     "node_modules",
     "dist",
     "src/**/*.spec.ts",
-    "src/**/*.e2e.ts"
+    "src/**/*.e2e.ts",
+    "src/main.server.aot.ts"
   ],
   "compileOnSave": false,
   "buildOnSave": false,

tslint.json

@@ -117,7 +117,6 @@
         "variable-declaration": "nospace"
       }
     ],
-    "typeof-compare": true,
     "unified-signatures": true,
     "variable-name": [
       true,
@@ -146,7 +145,6 @@
       "ds",
       "camelCase"
     ],
-    "invoke-injectable": true,
     "no-input-rename": true,
     "no-output-rename": true,
     "templates-use-public": false,

webpack.config.js

@@ -1,7 +1,7 @@
 const webpackMerge = require('webpack-merge');
 const commonPartial = require('./webpack/webpack.common');
 const clientPartial = require('./webpack/webpack.client');
-const serverPartial = require('./webpack/webpack.server');
+const { getServerWebpackPartial } = require('./webpack/webpack.server');
 const prodPartial = require('./webpack/webpack.prod');
 
 const {
@@ -15,6 +15,8 @@ module.exports = function(options, webpackOptions) {
     console.log(`Running build for ${options.client ? 'client' : 'server'} with AoT Compilation`)
   }
 
+  let serverPartial = getServerWebpackPartial(options.aot);
+
   let serverConfig = webpackMerge({}, commonPartial, serverPartial, {
     plugins: [
       getAotPlugin('server', !!options.aot)

webpack/webpack.aot.js

@@ -3,7 +3,7 @@ const {
 } = require('./helpers');
 
 const {
-  AotPlugin
+  AngularCompilerPlugin
 } = require('@ngtools/webpack');
 
 const tsconfigs = {
@@ -11,6 +11,11 @@ const tsconfigs = {
   server: root('./src/tsconfig.server.json')
 };
 
+const aotTsconfigs = {
+  client: root('./src/tsconfig.browser.json'),
+  server: root('./src/tsconfig.server.aot.json')
+};
+
 /**
  * Generates a AotPlugin for @ngtools/webpack
  *
@@ -19,8 +24,8 @@ const tsconfigs = {
  * @returns {AotPlugin} Configuration of AotPlugin
  */
 function getAotPlugin(platform, aot) {
-  return new AotPlugin({
+  return new AngularCompilerPlugin({
-    tsConfigPath: tsconfigs[platform],
+    tsConfigPath: aot ? aotTsconfigs[platform] : tsconfigs[platform],
     skipCodeGeneration: !aot
   });
 }

webpack/webpack.server.js

@@ -5,7 +5,10 @@ const {
 } = require('./helpers');
 
 module.exports = {
-  entry: root('./src/main.server.ts'),
+  getServerWebpackPartial: function (aot) {
+    const entry = aot ? root('./src/main.server.aot.ts') : root('./src/main.server.ts');
+    return {
+      entry: entry,
       output: {
         filename: 'server.js'
       },
@@ -16,4 +19,6 @@ module.exports = {
           /@ng/,
           /ngx/]
       })],
+    }
+  }
 };

webpack/webpack.test.js

@@ -227,6 +227,11 @@ module.exports = function (options) {
         /angular(\\|\/)core(\\|\/)@angular/,
         root('./src'), {}
       ),
+      // Workaround for https://github.com/angular/angular/issues/20357
+      new ContextReplacementPlugin(
+        /\@angular(\\|\/)core(\\|\/)esm5/,
+        root('./src'), {}
+      ),
 
       /**
        * Plugin: DefinePlugin