Skip to content

Commit 57273e1

Browse files
peterblazejewiczMarkPieszak
authored andcommitted
feat(update client): update client dependencies (TrilonIO#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!
1 parent cc1e9b8 commit 57273e1

File tree

7 files changed

+67
-70
lines changed

7 files changed

+67
-70
lines changed

ClientApp/app/components/navmenu/navmenu.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<nav class="navbar navbar-expand-lg">
2-
<a [routerLink]="['/home']" class='navbar-brand'>Angular 6 Universal & ASP.NET Core</a>
2+
<a [routerLink]="['/home']" class='navbar-brand'>Angular 7 Universal & ASP.NET Core</a>
33
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false"
44
aria-label="Toggle navigation" (click)="collapseNavbar()">
55
<i class="fas fa-bars"></i>

ClientApp/app/containers/home/home.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<h1>{{ title }}</h1>
22

33
<blockquote>
4-
<strong>Enjoy the latest features from .NET Core & Angular 6.x!</strong>
4+
<strong>Enjoy the latest features from .NET Core & Angular 7.x!</strong>
55
<br> For more info check the repo here:
66
<a href="https://github.com/MarkPieszak/aspnetcore-angular2-universal" target="_blank">AspNetCore-Angular-Universal repo</a>
77
<br>
@@ -14,7 +14,7 @@ <h2>{{ 'HOME_FEATURE_LIST_TITLE' | translate }} </h2>
1414
<ul>
1515
<li>ASP.NET Core 2.1 :: ( Visual Studio 2017 )</li>
1616
<li>
17-
Angular 6.* front-end UI framework
17+
Angular 7.* front-end UI framework
1818
<ul>
1919
<li>Angular **platform-server** (aka: Universal) - server-side rendering for SEO, deep-linking, and incredible performance.</li>
2020
<!--<li>HMR State Management - Don't lose your applications state during HMR!</li>-->

ClientApp/app/containers/home/home.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { TranslateService } from '@ngx-translate/core';
77
})
88
export class HomeComponent implements OnInit {
99
title: string =
10-
'Angular 6.x Universal & ASP.NET Core 2.1 advanced starter-kit';
10+
'Angular 7.x Universal & ASP.NET Core 2.1 advanced starter-kit';
1111

1212
// Use "constructor"s only for dependency injection
1313
constructor(public translate: TranslateService) {}

README.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
1-
# ASP.NET Core 2.1 & Angular 6(+) Advanced Starter - PWA & Server-side prerendering (for Angular SEO)!
1+
# ASP.NET Core 2.1 & Angular 7(+) Advanced Starter - PWA & Server-side prerendering (for Angular SEO)!
22

33
## By [DevHelp.Online](http://www.DevHelp.Online)
44

5-
> Updated to the latest Angular 6.x
5+
> Updated to the latest Angular 7.x
66
77
<p align="center">
8-
<img src="http://github.com/docs/architecture.png" alt="ASP.NET Core 2.1 Angular 6+ Starter" title="ASP.NET Core 2.1 Angular 6+ Starter">
8+
<img src="http://github.com/docs/architecture.png" alt="ASP.NET Core 2.1 Angular 7+ Starter" title="ASP.NET Core 2.1 Angular 7+ Starter">
99
</p>
1010

11-
### Harness the power of Angular 6+, ASP.NET Core 2.1, now with SEO !
11+
### Harness the power of Angular 7+, ASP.NET Core 2.1, now with SEO !
1212

1313
Angular SEO in action:
1414

1515
<p align="center">
16-
<img src="./docs/angular2-seo.png" alt="ASP.NET Core Angular6 SEO" title="ASP.NET Core Angular6 SEO">
16+
<img src="./docs/angular2-seo.png" alt="ASP.NET Core Angular7 SEO" title="ASP.NET Core Angular7 SEO">
1717
</p>
1818

1919
### What is this repo? Live Demo here: http://aspnetcore-angular2-universal.azurewebsites.net
2020

2121
This repository is maintained by [Angular](https://github.com/angular/angular) and is meant to be an advanced starter
22-
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
22+
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
2323
application paints (Note: If you don't need SSR [read here](#faq) on how to disable it).
2424

2525
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
5757
- Swagger WebAPI documentation when running in development mode
5858
- SignalR Chat demo! (Thanks to [@hakonamatata](https://github.com/hakonamatata))
5959

60-
- **Angular 6.0.0** :
60+
- **Angular 7.0.0** :
6161
- PWA (Progressive Web App)
6262
- (Minimal) Angular-CLI integration
6363
- 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
304304
<head>
305305
<base href="/" />
306306
<!-- Title will be the one you set in your Angular application -->
307-
<title>@ViewData["Title"] - AspNET.Core Angular 6.0.0 (+) starter</title>
307+
<title>@ViewData["Title"] - AspNET.Core Angular 7.0.0 (+) starter</title>
308308
309309
<meta charset="utf-8" />
310310
<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
345345

346346
- 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)
347347

348-
> When building components in Angular 6 there are a few things to keep in mind.
348+
> When building components in Angular 7 there are a few things to keep in mind.
349349

350350
- Make sure you provide Absolute URLs when calling any APIs. (The server can't understand relative paths, so `/api/whatever` will fail).
351351

Startup.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ public void ConfigureServices (IServiceCollection services) {
4242

4343
// Register the Swagger generator, defining one or more Swagger documents
4444
services.AddSwaggerGen (c => {
45-
c.SwaggerDoc ("v1", new Info { Title = "Angular 6.0 Universal & ASP.NET Core advanced starter-kit web API", Version = "v1" });
45+
c.SwaggerDoc ("v1", new Info { Title = "Angular 7.0 Universal & ASP.NET Core advanced starter-kit web API", Version = "v1" });
4646
});
4747
}
4848

package.json

Lines changed: 51 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "angular6-aspnetcore-universal",
2+
"name": "angular7-aspnetcore-universal",
33
"author": {
44
"name": "Mark Pieszak",
55
"email": "[email protected]",
@@ -22,81 +22,78 @@
2222
"clean": "rimraf wwwroot/dist clientapp/dist"
2323
},
2424
"dependencies": {
25-
"@angular/animations": "^6.0.3",
26-
"@angular/common": "^6.0.3",
27-
"@angular/compiler": "^6.0.3",
28-
"@angular/core": "^6.0.3",
29-
"@angular/forms": "^6.0.3",
30-
"@angular/http": "^6.0.3",
31-
"@angular/platform-browser": "^6.0.3",
32-
"@angular/platform-browser-dynamic": "^6.0.3",
33-
"@angular/platform-server": "^6.0.3",
34-
"@angular/router": "^6.0.3",
25+
"@angular/animations": "^7.2.0",
26+
"@angular/common": "^7.2.0",
27+
"@angular/compiler": "^7.2.0",
28+
"@angular/core": "^7.2.0",
29+
"@angular/forms": "^7.2.0",
30+
"@angular/http": "^7.2.0",
31+
"@angular/platform-browser": "^7.2.0",
32+
"@angular/platform-browser-dynamic": "^7.2.0",
33+
"@angular/platform-server": "^7.2.0",
34+
"@angular/router": "^7.2.0",
3535
"@nguniversal/aspnetcore-engine": "^7.0.2",
3636
"@nguniversal/common": "^7.0.2",
37-
"@ngx-translate/core": "^10.0.2",
38-
"@ngx-translate/http-loader": "^3.0.1",
39-
"@types/node": "^10.1.2",
37+
"@ngx-translate/core": "^11.0.1",
38+
"@ngx-translate/http-loader": "^4.0.0",
39+
"@types/node": "^10.12.18",
4040
"angular2-router-loader": "^0.3.5",
4141
"angular2-template-loader": "^0.6.2",
4242
"aspnet-prerendering": "^3.0.1",
43-
"aspnet-webpack": "^2.0.3",
44-
"awesome-typescript-loader": "^5.0.0",
45-
"bootstrap": "^4.1.1",
46-
"core-js": "^2.5.6",
47-
"css": "^2.2.3",
48-
"css-loader": "^0.28.11",
49-
"event-source-polyfill": "^0.0.12",
43+
"aspnet-webpack": "^3.0.0",
44+
"awesome-typescript-loader": "^5.2.1",
45+
"bootstrap": "^4.2.1",
46+
"core-js": "^2.6.1",
47+
"css": "^2.2.4",
48+
"css-loader": "^2.1.0",
49+
"event-source-polyfill": "^1.0.5",
5050
"expose-loader": "^0.7.5",
51-
"file-loader": "^1.1.11",
51+
"file-loader": "^3.0.1",
5252
"html-loader": "^0.5.5",
5353
"isomorphic-fetch": "^2.2.1",
5454
"jquery": "^3.3.1",
5555
"json-loader": "^0.5.7",
56-
"moment": "2.22.1",
57-
"ngx-bootstrap": "^3.0.0",
56+
"moment": "^2.23.0",
57+
"ngx-bootstrap": "^3.1.4",
5858
"node-sass": "^4.9.0",
59-
"npm": "^6.1.0",
60-
"preboot": "6.0.0-beta.4",
61-
"raw-loader": "^0.5.1",
62-
"rimraf": "^2.6.2",
63-
"rxjs": "^6.2.0",
64-
"sass-loader": "^7.0.1",
65-
"style-loader": "^0.21.0",
59+
"preboot": "^6.0.0-beta.6",
60+
"raw-loader": "^1.0.0",
61+
"rimraf": "^2.6.3",
62+
"rxjs": "^6.3.3",
63+
"sass-loader": "^7.1.0",
64+
"style-loader": "^0.23.1",
6665
"to-string-loader": "^1.1.5",
67-
"typescript": "~2.7.2",
68-
"url-loader": "^1.0.1",
69-
"webpack": "^4.9.1",
70-
"webpack-hot-middleware": "^2.22.2",
71-
"webpack-merge": "^4.1.2",
66+
"url-loader": "^1.1.2",
67+
"webpack": "^4.28.1",
68+
"webpack-hot-middleware": "^2.24.3",
69+
"webpack-merge": "^4.2.1",
7270
"zone.js": "^0.8.26"
7371
},
7472
"devDependencies": {
7573
"@angular-devkit/build-angular": "~0.6.6",
76-
"@angular/cli": "^6.0.5",
77-
"@angular/compiler-cli": "6.0.3",
78-
"@ngtools/webpack": "^6.0.5",
79-
"@types/chai": "^4.1.3",
80-
"@types/jasmine": "^2.8.7",
81-
"chai": "^4.1.2",
82-
"codelyzer": "^3.1.2",
74+
"@angular/cli": "^7.2.0",
75+
"@angular/compiler-cli": "^7.2.0",
76+
"@ngtools/webpack": "^7.1.4",
77+
"@types/jasmine": "^3.3.5",
78+
"codelyzer": "^4.5.0",
8379
"istanbul-instrumenter-loader": "^3.0.1",
84-
"jasmine-core": "^2.5.2",
85-
"karma": "^1.7.1",
86-
"karma-chai": "^0.1.0",
80+
"jasmine-core": "^3.3.0",
81+
"jasmine-spec-reporter": "^4.2.1",
82+
"karma": "^3.1.4",
8783
"karma-chrome-launcher": "^2.2.0",
88-
"karma-coverage": "^1.1.1",
89-
"karma-jasmine": "^1.1.2",
84+
"karma-coverage": "^1.1.2",
85+
"karma-jasmine": "^2.0.1",
9086
"karma-mocha-reporter": "^2.2.5",
9187
"karma-phantomjs-launcher": "^1.0.4",
9288
"karma-remap-coverage": "^0.1.5",
9389
"karma-sourcemap-loader": "^0.3.7",
94-
"karma-webpack": "^2.0.4",
95-
"mini-css-extract-plugin": "^0.4.0",
96-
"tslint": "^5.10.0",
97-
"uglifyjs-webpack-plugin": "^1.2.5",
98-
"webpack-bundle-analyzer": "^2.13.1",
99-
"webpack-cli": "^3.1.2"
90+
"karma-webpack": "^3.0.5",
91+
"mini-css-extract-plugin": "^0.5.0",
92+
"tslint": "^5.12.0",
93+
"typescript": "^3.1.3",
94+
"uglifyjs-webpack-plugin": "^2.1.1",
95+
"webpack-bundle-analyzer": "^3.0.3",
96+
"webpack-cli": "^3.2.1"
10097
},
10198
"license": "MIT",
10299
"repository": {

wwwroot/manifest.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
{
2-
"name": "ASP.NET Core 2.1 & Angular 6(+) Advanced Starter",
2+
"name": "ASP.NET Core 2.1 & Angular 7(+) Advanced Starter",
33
"short_name": "aspnetcore-angular2-universal",
44
"description":
5-
"ASP.NET Core 2.1 & Angular 6(+) Advanced Starter - with Server-side prerendering (for Angular SEO)!",
5+
"ASP.NET Core 2.1 & Angular 7(+) Advanced Starter - with Server-side prerendering (for Angular SEO)!",
66
"icons": [
77
{
88
"src": "/images/icon192x192.png",

0 commit comments

Comments
 (0)