Skip to content
This repository was archived by the owner on Mar 21, 2025. It is now read-only.

Commit c27c542

Browse files
committed
build: ng update @angular/core @angular/cli @angular/material
update @angular/flex-layout and fix breaking changes enable differential loading
1 parent b052120 commit c27c542

File tree

9 files changed

+1546
-2474
lines changed

9 files changed

+1546
-2474
lines changed

angular.json

+1
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
"build": {
1818
"builder": "@angular-devkit/build-angular:browser",
1919
"options": {
20+
"aot": false,
2021
"outputPath": "dist/dev-demo",
2122
"index": "src/index.html",
2223
"main": "src/main.ts",

src/browserslist renamed to browserslist

+4-1
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,7 @@
88
last 2 versions
99
Firefox ESR
1010
not dead
11-
not IE 9-11
11+
IE 11
12+
not IE_Mob 11
13+
not op_mob 46
14+
unreleased versions

package-lock.json

+1,481-2,404
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+23-24
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "dev-demo",
33
"description": "DevIntent Application Development Tools",
4-
"version": "0.1.2",
4+
"version": "0.2.0",
55
"repository": "https://github.com/DevIntent/dev",
66
"homepage": "https://devintent-dev.firebaseapp.com/",
77
"bugs": "https://github.com/DevIntent/dev/issues",
@@ -28,32 +28,31 @@
2828
},
2929
"private": true,
3030
"dependencies": {
31-
"@angular/animations": "~7.2.15",
32-
"@angular/cdk": "~7.3.7",
33-
"@angular/common": "~7.2.15",
34-
"@angular/compiler": "~7.2.15",
35-
"@angular/core": "~7.2.15",
36-
"@angular/flex-layout": "~7.0.0-beta.24",
37-
"@angular/forms": "~7.2.15",
38-
"@angular/http": "~7.2.15",
39-
"@angular/material": "~7.3.7",
40-
"@angular/platform-browser": "~7.2.15",
41-
"@angular/platform-browser-dynamic": "~7.2.15",
42-
"@angular/router": "~7.2.15",
31+
"@angular/animations": "~8.0.1",
32+
"@angular/cdk": "~8.0.1",
33+
"@angular/common": "~8.0.1",
34+
"@angular/compiler": "~8.0.1",
35+
"@angular/core": "~8.0.1",
36+
"@angular/flex-layout": "~8.0.0-beta.26",
37+
"@angular/forms": "~8.0.1",
38+
"@angular/material": "~8.0.1",
39+
"@angular/platform-browser": "~8.0.1",
40+
"@angular/platform-browser-dynamic": "~8.0.1",
41+
"@angular/router": "~8.0.1",
4342
"core-js": "~2.5.4",
4443
"hammerjs": "~2.0.8",
4544
"logrocket": "~0.6.21",
4645
"rxjs": "~6.5.2",
47-
"zone.js": "^0.8.29"
46+
"zone.js": "~0.9.1"
4847
},
4948
"devDependencies": {
50-
"@angular-devkit/build-angular": "^0.13.9",
51-
"@angular-devkit/build-ng-packagr": "^0.13.9",
52-
"@angular-devkit/core": "^7.3.9",
53-
"@angular-devkit/schematics": "^7.3.9",
54-
"@angular/cli": "~7.3.9",
55-
"@angular/compiler-cli": "~7.2.15",
56-
"@angular/language-service": "~7.2.15",
49+
"@angular-devkit/build-angular": "~0.800.3",
50+
"@angular-devkit/build-ng-packagr": "~0.800.3",
51+
"@angular-devkit/core": "^8.0.3",
52+
"@angular-devkit/schematics": "^8.0.3",
53+
"@angular/cli": "~8.0.3",
54+
"@angular/compiler-cli": "~8.0.1",
55+
"@angular/language-service": "~8.0.1",
5756
"@types/jasmine": "^3.3.12",
5857
"@types/jasminewd2": "~2.0.3",
5958
"@types/node": "~10.12.18",
@@ -65,16 +64,16 @@
6564
"karma-coverage-istanbul-reporter": "^2.0.5",
6665
"karma-jasmine": "~2.0.1",
6766
"karma-jasmine-html-reporter": "^1.4.2",
68-
"ng-packagr": "^5.2.0",
67+
"ng-packagr": "^5.1.0",
6968
"npm-check": "~5.9.0",
7069
"protractor": "~5.4.2",
7170
"rxjs-tslint": "^0.1.7",
7271
"scss-bundle": "^2.5.1",
7372
"source-map-explorer": "^1.8.0",
7473
"ts-node": "^8.1.0",
7574
"tsickle": "^0.35.0",
76-
"tslib": "~1.9.3",
75+
"tslib": "~1.10.0",
7776
"tslint": "^5.16.0",
78-
"typescript": "~3.2.4"
77+
"typescript": "~3.4.5"
7978
}
8079
}

projects/dev/src/lib/button-bar/button-bar.component.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Component, OnInit, OnDestroy, Input} from '@angular/core';
2-
import {MediaChange, ObservableMedia} from '@angular/flex-layout';
2+
import {MediaObserver} from '@angular/flex-layout';
33
import {NavItem} from '../nav-item';
44
import {Subscription} from 'rxjs';
55

@@ -15,10 +15,10 @@ export class ButtonBarComponent implements OnInit, OnDestroy {
1515
iconButtons: NavItem[] = [];
1616
overflowMenuItems: NavItem[] = [];
1717

18-
constructor(public mediaService: ObservableMedia) {}
18+
constructor(public mediaService: MediaObserver) {}
1919

2020
ngOnInit() {
21-
this.watcher = this.mediaService.subscribe((change: MediaChange) => {
21+
this.watcher = this.mediaService.asObservable().subscribe(() => {
2222
this.onMediaChange();
2323
});
2424
}

projects/dev/src/lib/devintent.module.ts

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,13 @@
11
import {CommonModule} from '@angular/common';
22
import {NgModule} from '@angular/core';
3-
import {FlexLayoutModule} from '@angular/flex-layout';
4-
import {MatButtonModule, MatIconModule, MatMenuModule, MatToolbarModule, MatTooltipModule} from '@angular/material';
53
import {RouterModule} from '@angular/router';
4+
import {FlexLayoutModule} from '@angular/flex-layout';
5+
import {MatButtonModule} from '@angular/material/button';
6+
import {MatIconModule} from '@angular/material/icon';
7+
import {MatMenuModule} from '@angular/material/menu';
8+
import {MatToolbarModule} from '@angular/material/toolbar';
9+
import {MatTooltipModule} from '@angular/material/tooltip';
10+
611
import {ButtonBarComponent} from './button-bar/button-bar.component';
712

813
@NgModule({

src/polyfills.ts

+23-37
Original file line numberDiff line numberDiff line change
@@ -18,57 +18,43 @@
1818
* BROWSER POLYFILLS
1919
*/
2020

21-
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
22-
import 'core-js/es6/symbol';
23-
import 'core-js/es6/object';
24-
import 'core-js/es6/function';
25-
import 'core-js/es6/parse-int';
26-
import 'core-js/es6/parse-float';
27-
import 'core-js/es6/number';
28-
import 'core-js/es6/math';
29-
import 'core-js/es6/string';
30-
import 'core-js/es6/date';
31-
import 'core-js/es6/array';
32-
import 'core-js/es6/regexp';
33-
import 'core-js/es6/map';
34-
import 'core-js/es6/weak-map';
35-
import 'core-js/es6/set';
36-
37-
/**
38-
* If the application will be indexed by Google Search, the following is required.
39-
* Googlebot uses a renderer based on Chrome 41.
40-
* https://developers.google.com/search/docs/guides/rendering
41-
**/
42-
import 'core-js/es6/array';
43-
4421
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
4522
// import 'classlist.js'; // Run `npm install --save classlist.js`.
4623

47-
/** IE10 and IE11 requires the following for the Reflect API. */
48-
import 'core-js/es6/reflect';
49-
5024
/**
5125
* Web Animations `@angular/platform-browser/animations`
5226
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
5327
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
54-
**/
28+
*/
5529
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
5630

5731
/**
5832
* By default, zone.js will patch all possible macroTask and DomEvents
5933
* user can disable parts of macroTask/DomEvents patch by setting following flags
34+
* because those flags need to be set before `zone.js` being loaded, and webpack
35+
* will put import in the top of bundle, so user need to create a separate file
36+
* in this directory (for example: zone-flags.ts), and put the following flags
37+
* into that file, and then add the following code before importing zone.js.
38+
* import './zone-flags.ts';
39+
*
40+
* The flags allowed in zone-flags.ts are listed here.
41+
*
42+
* The following flags will work for all browsers.
43+
*
44+
* // disable patch requestAnimationFrame
45+
* (window as any).__Zone_disable_requestAnimationFrame = true;
46+
* // disable patch onProperty such as onclick
47+
* (window as any).__Zone_disable_on_property = true;
48+
* // disable patch specified eventNames
49+
* (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove'];
50+
*
51+
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
52+
* with the following flag, it will bypass `zone.js` patch for IE/Edge
53+
*
54+
* (window as any).__Zone_enable_cross_context_check = true;
55+
*
6056
*/
6157

62-
// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
63-
// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
64-
// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
65-
66-
/*
67-
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
68-
* with the following flag, it will bypass `zone.js` patch for IE/Edge
69-
*/
70-
// (window as any).__Zone_enable_cross_context_check = true;
71-
7258
/***************************************************************************************************
7359
* Zone JS is required by default for Angular itself.
7460
*/

tsconfig.json

+3-2
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,15 @@
22
"compileOnSave": false,
33
"compilerOptions": {
44
"baseUrl": "./",
5+
"downlevelIteration": true,
56
"outDir": "./dist/out-tsc",
67
"sourceMap": true,
78
"declaration": false,
8-
"module": "es2015",
9+
"module": "esnext",
910
"moduleResolution": "node",
1011
"emitDecoratorMetadata": true,
1112
"experimentalDecorators": true,
12-
"target": "es5",
13+
"target": "es2015",
1314
"typeRoots": [
1415
"node_modules/@types"
1516
],

tslint.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@
123123
"no-host-metadata-property": true,
124124
"no-input-rename": true,
125125
"no-output-rename": true,
126-
"use-life-cycle-interface": true,
126+
"use-lifecycle-interface": true,
127127
"use-pipe-transform-interface": true,
128128
"component-class-suffix": true,
129129
"directive-class-suffix": true

0 commit comments

Comments
 (0)