feat(update client): update client dependencies (#708)

This commit: - updates Angular from 6.* to most recent 7.2 version - updates all related client and tooling dependencies - removes dependencies that are no longer user (like Chai related ones) Thanks!
TrilonIO · Feb 10, 2019 · 57273e1 · 57273e1
1 parent cc1e9b8
commit 57273e1
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 70 deletions.
diff --git a/ClientApp/app/components/navmenu/navmenu.component.html b/ClientApp/app/components/navmenu/navmenu.component.html
@@ -1,5 +1,5 @@
 <nav class="navbar navbar-expand-lg">
-  <a [routerLink]="['/home']" class='navbar-brand'>Angular 6 Universal & ASP.NET Core</a>
+  <a [routerLink]="['/home']" class='navbar-brand'>Angular 7 Universal & ASP.NET Core</a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false"
     aria-label="Toggle navigation" (click)="collapseNavbar()">
     <i class="fas fa-bars"></i>

diff --git a/ClientApp/app/containers/home/home.component.html b/ClientApp/app/containers/home/home.component.html
@@ -1,7 +1,7 @@
 <h1>{{ title }}</h1>
 
 <blockquote>
-  <strong>Enjoy the latest features from .NET Core & Angular 6.x!</strong>
+  <strong>Enjoy the latest features from .NET Core & Angular 7.x!</strong>
   <br> For more info check the repo here:
   <a href="https://github.com/MarkPieszak/aspnetcore-angular2-universal" target="_blank">AspNetCore-Angular-Universal repo</a>
   <br>
@@ -14,7 +14,7 @@ <h2>{{ 'HOME_FEATURE_LIST_TITLE' | translate }} </h2>
     <ul>
       <li>ASP.NET Core 2.1 :: ( Visual Studio 2017 )</li>
       <li>
-        Angular 6.* front-end UI framework
+        Angular 7.* front-end UI framework
         <ul>
           <li>Angular **platform-server** (aka: Universal) - server-side rendering for SEO, deep-linking, and incredible performance.</li>
           <!--<li>HMR State Management - Don't lose your applications state during HMR!</li>-->

diff --git a/ClientApp/app/containers/home/home.component.ts b/ClientApp/app/containers/home/home.component.ts
@@ -7,7 +7,7 @@ import { TranslateService } from '@ngx-translate/core';
 })
 export class HomeComponent implements OnInit {
   title: string =
-    'Angular 6.x Universal & ASP.NET Core 2.1 advanced starter-kit';
+    'Angular 7.x Universal & ASP.NET Core 2.1 advanced starter-kit';
 
   // Use "constructor"s only for dependency injection
   constructor(public translate: TranslateService) {}

diff --git a/README.md b/README.md
@@ -1,25 +1,25 @@
-# ASP.NET Core 2.1 & Angular 6(+) Advanced Starter - PWA & Server-side prerendering (for Angular SEO)! 
+# ASP.NET Core 2.1 & Angular 7(+) Advanced Starter - PWA & Server-side prerendering (for Angular SEO)! 
 
 ## By [DevHelp.Online](http://www.DevHelp.Online)
 
-> Updated to the latest Angular 6.x
+> Updated to the latest Angular 7.x
 
 <p align="center">
-    <img src="./docs/architecture.png" alt="ASP.NET Core 2.1 Angular 6+ Starter" title="ASP.NET Core 2.1 Angular 6+ Starter">
+    <img src="./docs/architecture.png" alt="ASP.NET Core 2.1 Angular 7+ Starter" title="ASP.NET Core 2.1 Angular 7+ Starter">
 </p>
 
-### Harness the power of Angular 6+, ASP.NET Core 2.1, now with SEO !
+### Harness the power of Angular 7+, ASP.NET Core 2.1, now with SEO !
 
 Angular SEO in action:
 
 <p align="center">
-  <img src="./docs/angular2-seo.png" alt="ASP.NET Core Angular6 SEO" title="ASP.NET Core Angular6 SEO">
+  <img src="./docs/angular2-seo.png" alt="ASP.NET Core Angular7 SEO" title="ASP.NET Core Angular7 SEO">
 </p>
 
 ### What is this repo? Live Demo here: http://aspnetcore-angular2-universal.azurewebsites.net
 
 This repository is maintained by [Angular](https://github.com/angular/angular) and is meant to be an advanced starter 
-for both ASP.NET Core 2.1 using Angular 6.0+, not only for the client-side, but to be rendered on the server for instant 
+for both ASP.NET Core 2.1 using Angular 7.0+, not only for the client-side, but to be rendered on the server for instant 
 application paints (Note: If you don't need SSR [read here](#faq) on how to disable it).
 
 This is meant to be a Feature-Rich Starter application containing all of the latest technologies, best build systems available, and include many real-world examples and libraries needed in todays Single Page Applications (SPAs).
@@ -57,7 +57,7 @@ This utilizes all the latest standards, no gulp, no bower, no typings, no manual
   - Swagger WebAPI documentation when running in development mode 
   - SignalR Chat demo! (Thanks to [@hakonamatata](https://github.com/hakonamatata))
 
-- **Angular 6.0.0** :
+- **Angular 7.0.0** :
   - PWA (Progressive Web App)
   - (Minimal) Angular-CLI integration 
     - This is to be used mainly for Generating Components/Services/etc.
@@ -304,7 +304,7 @@ Take a look at the `_Layout.cshtml` file for example, notice how we let .NET han
     <head>
         <base href="/" />
         <!-- Title will be the one you set in your Angular application -->
-        <title>@ViewData["Title"] - AspNET.Core Angular 6.0.0 (+) starter</title>
+        <title>@ViewData["Title"] - AspNET.Core Angular 7.0.0 (+) starter</title>
 
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -345,7 +345,7 @@ Well now, your Client-side Angular will take over, and you'll have a fully funct
 
 - This repository uses ASP.Net Core 2.1, which has a hard requirement on .NET Core Runtime 2.1 and .NET Core SDK 2.1. Please install these items from [here](https://blogs.msdn.microsoft.com/dotnet/2018/05/30/announcing-net-core-2-1/?WT.mc_id=blog-twitter-timheuer)
 
-> When building components in Angular 6 there are a few things to keep in mind.
+> When building components in Angular 7 there are a few things to keep in mind.
 
  - Make sure you provide Absolute URLs when calling any APIs. (The server can't understand relative paths, so `/api/whatever` will fail).
 

diff --git a/Startup.cs b/Startup.cs
@@ -42,7 +42,7 @@ public void ConfigureServices (IServiceCollection services) {
 
             // Register the Swagger generator, defining one or more Swagger documents
             services.AddSwaggerGen (c => {
-                c.SwaggerDoc ("v1", new Info { Title = "Angular 6.0 Universal & ASP.NET Core advanced starter-kit web API", Version = "v1" });
+                c.SwaggerDoc ("v1", new Info { Title = "Angular 7.0 Universal & ASP.NET Core advanced starter-kit web API", Version = "v1" });
             });
         }
 

diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "angular6-aspnetcore-universal",
+  "name": "angular7-aspnetcore-universal",
   "author": {
     "name": "Mark Pieszak",
     "email": "[email protected]",
@@ -22,81 +22,78 @@
     "clean": "rimraf wwwroot/dist clientapp/dist"
   },
   "dependencies": {
-    "@angular/animations": "^6.0.3",
-    "@angular/common": "^6.0.3",
-    "@angular/compiler": "^6.0.3",
-    "@angular/core": "^6.0.3",
-    "@angular/forms": "^6.0.3",
-    "@angular/http": "^6.0.3",
-    "@angular/platform-browser": "^6.0.3",
-    "@angular/platform-browser-dynamic": "^6.0.3",
-    "@angular/platform-server": "^6.0.3",
-    "@angular/router": "^6.0.3",
+    "@angular/animations": "^7.2.0",
+    "@angular/common": "^7.2.0",
+    "@angular/compiler": "^7.2.0",
+    "@angular/core": "^7.2.0",
+    "@angular/forms": "^7.2.0",
+    "@angular/http": "^7.2.0",
+    "@angular/platform-browser": "^7.2.0",
+    "@angular/platform-browser-dynamic": "^7.2.0",
+    "@angular/platform-server": "^7.2.0",
+    "@angular/router": "^7.2.0",
     "@nguniversal/aspnetcore-engine": "^7.0.2",
     "@nguniversal/common": "^7.0.2",
-    "@ngx-translate/core": "^10.0.2",
-    "@ngx-translate/http-loader": "^3.0.1",
-    "@types/node": "^10.1.2",
+    "@ngx-translate/core": "^11.0.1",
+    "@ngx-translate/http-loader": "^4.0.0",
+    "@types/node": "^10.12.18",
     "angular2-router-loader": "^0.3.5",
     "angular2-template-loader": "^0.6.2",
     "aspnet-prerendering": "^3.0.1",
-    "aspnet-webpack": "^2.0.3",
-    "awesome-typescript-loader": "^5.0.0",
-    "bootstrap": "^4.1.1",
-    "core-js": "^2.5.6",
-    "css": "^2.2.3",
-    "css-loader": "^0.28.11",
-    "event-source-polyfill": "^0.0.12",
+    "aspnet-webpack": "^3.0.0",
+    "awesome-typescript-loader": "^5.2.1",
+    "bootstrap": "^4.2.1",
+    "core-js": "^2.6.1",
+    "css": "^2.2.4",
+    "css-loader": "^2.1.0",
+    "event-source-polyfill": "^1.0.5",
     "expose-loader": "^0.7.5",
-    "file-loader": "^1.1.11",
+    "file-loader": "^3.0.1",
     "html-loader": "^0.5.5",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^3.3.1",
     "json-loader": "^0.5.7",
-    "moment": "2.22.1",
-    "ngx-bootstrap": "^3.0.0",
+    "moment": "^2.23.0",
+    "ngx-bootstrap": "^3.1.4",
     "node-sass": "^4.9.0",
-    "npm": "^6.1.0",
-    "preboot": "6.0.0-beta.4",
-    "raw-loader": "^0.5.1",
-    "rimraf": "^2.6.2",
-    "rxjs": "^6.2.0",
-    "sass-loader": "^7.0.1",
-    "style-loader": "^0.21.0",
+    "preboot": "^6.0.0-beta.6",
+    "raw-loader": "^1.0.0",
+    "rimraf": "^2.6.3",
+    "rxjs": "^6.3.3",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
     "to-string-loader": "^1.1.5",
-    "typescript": "~2.7.2",
-    "url-loader": "^1.0.1",
-    "webpack": "^4.9.1",
-    "webpack-hot-middleware": "^2.22.2",
-    "webpack-merge": "^4.1.2",
+    "url-loader": "^1.1.2",
+    "webpack": "^4.28.1",
+    "webpack-hot-middleware": "^2.24.3",
+    "webpack-merge": "^4.2.1",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.6.6",
-    "@angular/cli": "^6.0.5",
-    "@angular/compiler-cli": "6.0.3",
-    "@ngtools/webpack": "^6.0.5",
-    "@types/chai": "^4.1.3",
-    "@types/jasmine": "^2.8.7",
-    "chai": "^4.1.2",
-    "codelyzer": "^3.1.2",
+    "@angular/cli": "^7.2.0",
+    "@angular/compiler-cli": "^7.2.0",
+    "@ngtools/webpack": "^7.1.4",
+    "@types/jasmine": "^3.3.5",
+    "codelyzer": "^4.5.0",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "jasmine-core": "^2.5.2",
-    "karma": "^1.7.1",
-    "karma-chai": "^0.1.0",
+    "jasmine-core": "^3.3.0",
+    "jasmine-spec-reporter": "^4.2.1",
+    "karma": "^3.1.4",
     "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage": "^1.1.1",
-    "karma-jasmine": "^1.1.2",
+    "karma-coverage": "^1.1.2",
+    "karma-jasmine": "^2.0.1",
     "karma-mocha-reporter": "^2.2.5",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-remap-coverage": "^0.1.5",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^2.0.4",
-    "mini-css-extract-plugin": "^0.4.0",
-    "tslint": "^5.10.0",
-    "uglifyjs-webpack-plugin": "^1.2.5",
-    "webpack-bundle-analyzer": "^2.13.1",
-    "webpack-cli": "^3.1.2"
+    "karma-webpack": "^3.0.5",
+    "mini-css-extract-plugin": "^0.5.0",
+    "tslint": "^5.12.0",
+    "typescript": "^3.1.3",
+    "uglifyjs-webpack-plugin": "^2.1.1",
+    "webpack-bundle-analyzer": "^3.0.3",
+    "webpack-cli": "^3.2.1"
   },
   "license": "MIT",
   "repository": {

diff --git a/wwwroot/manifest.json b/wwwroot/manifest.json
@@ -1,8 +1,8 @@
 {
-  "name": "ASP.NET Core 2.1 & Angular 6(+) Advanced Starter",
+  "name": "ASP.NET Core 2.1 & Angular 7(+) Advanced Starter",
   "short_name": "aspnetcore-angular2-universal",
   "description":
-    "ASP.NET Core 2.1 & Angular 6(+) Advanced Starter - with Server-side prerendering (for Angular SEO)!",
+    "ASP.NET Core 2.1 & Angular 7(+) Advanced Starter - with Server-side prerendering (for Angular SEO)!",
   "icons": [
     {
       "src": "/images/icon192x192.png",