Upgrade packages and remove unused dependencies

browserslist

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "tutorial-framework-ng",
+  "name": "frontend-tutorial-framework",
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
@@ -9,37 +9,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^7.2.15",
+    "@angular/animations": "^8.0.0",
-    "@angular/common": "^7.2.15",
+    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^7.2.15",
+    "@angular/compiler": "^8.0.0",
-    "@angular/core": "^7.2.15",
+    "@angular/core": "^8.0.0",
-    "@angular/forms": "^7.2.15",
+    "@angular/forms": "^8.0.0",
-    "@angular/http": "^7.2.15",
+    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser": "^7.2.15",
+    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^7.2.15",
+    "@angular/router": "^8.0.0",
-    "@angular/router": "^7.2.15",
+    "@ng-bootstrap/ng-bootstrap": "^5.0.0",
-    "@ng-bootstrap/ng-bootstrap": "^4.1.2",
+    "bootstrap-css-only": "^4.0.0",
-    "bootstrap": "^4.3.1",
+    "classlist.js": "^1.0.0",
-    "classlist.js": "^1.1.20150312",
+    "core-js": "^2.0.0",
-    "core-js": "^2.5.4",
     "ngx-monaco-editor": "^7.0.0",
-    "node-sass": "^4.12.0",
+    "node-sass": "^4.0.0",
-    "rxjs": "^6.5.2",
+    "rxjs": "^6.0.0",
-    "rxjs-websockets": "^6.0.1",
+    "showdown": "^1.0.0",
-    "showdown": "^1.8.5",
+    "xterm": "^3.0.0",
-    "xterm": "^3.13.0",
+    "zone.js": "~0.9.0"
-    "zone.js": "~0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.13.9",
+    "@angular-devkit/build-angular": "~0.800.0",
-    "@angular/cli": "^7.3.9",
+    "@angular/cli": "^8.0.0",
-    "@angular/compiler-cli": "^7.2.15",
+    "@angular/compiler-cli": "^8.0.0",
-    "@angular/language-service": "^7.2.15",
+    "@angular/language-service": "^8.0.0",
     "@types/node": "^12.0.0",
-    "@types/showdown": "^1.9.2",
+    "@types/showdown": "^1.0.0",
-    "codelyzer": "~5.1.0",
+    "codelyzer": "^5.0.0",
-    "ts-node": "^8.1.0",
+    "ts-node": "^8.0.0",
-    "tslint": "^5.16.0",
+    "tslint": "^5.0.0",
-    "typescript": "3.1.6"
+    "typescript": "~3.4.0"
   }
 }

src/app/app.module.ts

@@ -48,7 +48,7 @@ import { MonacoEditorModule } from 'ngx-monaco-editor';
     BrowserModule,
     FormsModule,
     HttpClientModule,
-    NgbModule.forRoot(),
+    NgbModule,
     AppRoutingModule,
     MonacoEditorModule.forRoot()
   ],

src/app/dashboard/dashboard.component.ts

@@ -22,9 +22,9 @@ export class DashboardComponent implements OnInit, OnDestroy {
   deploying = false;
   polling = false;
   deploymentNotificationSubscription: Subscription;
-  @ViewChild('webiframe') webiframe: ElementRef;
+  @ViewChild('webiframe', {static: true}) webiframe: ElementRef;
-  @ViewChild('tfwmessages') messages: ElementRef;
+  @ViewChild('tfwmessages', {static: true}) messages: ElementRef;
-  @ViewChild('urlbar') urlbar: ElementRef;
+  @ViewChild('urlbar', {static: true}) urlbar: ElementRef;
 
   layout: string = config.dashboard.currentLayout;
   hideMessages: boolean = config.dashboard.hideMessages;

src/app/terminal/terminal.component.ts

@@ -11,7 +11,7 @@ import { TerminadoService } from '../services/terminado.service';
   styleUrls: ['./terminal.component.scss']
 })
 export class TerminalComponent implements OnInit, AfterViewInit, OnDestroy {
-  @ViewChild('xterm') target: ElementRef;
+  @ViewChild('xterm', {static: true}) target: ElementRef;
 
   constructor(private terminadoService: TerminadoService) { }
 

src/polyfills.ts

@@ -11,28 +11,13 @@
  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
  *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ * Learn more in https://angular.io/guide/browser-support
  */
 
 /***************************************************************************************************
- * BROWSER POLYFILLS
+* BROWSER POLYFILLS
- */
+*/
 
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-import 'core-js/es6/symbol';
-import 'core-js/es6/object';
-import 'core-js/es6/function';
-import 'core-js/es6/parse-int';
-import 'core-js/es6/parse-float';
-import 'core-js/es6/number';
-import 'core-js/es6/math';
-import 'core-js/es6/string';
-import 'core-js/es6/date';
-import 'core-js/es6/array';
-import 'core-js/es6/regexp';
-import 'core-js/es6/map';
-import 'core-js/es6/weak-map';
-import 'core-js/es6/set';
 
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
 import 'classlist.js';  // Run `npm install --save classlist.js`.

src/styles.scss

@@ -1,5 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
-@import '../node_modules/bootstrap/scss/bootstrap';
+@import '../node_modules/bootstrap-css-only/css/bootstrap.min.css';
 @import '../node_modules/xterm/dist/xterm.css';
 
 @import "assets/scss/main";

src/tsconfig.app.json

@@ -8,10 +8,12 @@
     },
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "esNext",
     "types": [],
     "resolveJsonModule": true
   },
+  "angularCompilerOptions": {
+    "enableIvy": false
+  },
   "exclude": [
     "test.ts",
     "**/*.spec.ts"

tsconfig.json

@@ -1,14 +1,15 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "downlevelIteration": true,
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "es2015",
-    "module": "esNext",
+    "module": "esnext",
     "typeRoots": [
       "node_modules/@types"
     ],

tslint.json

@@ -129,12 +129,12 @@
       "kebab-case"
     ],
     "no-output-on-prefix": true,
-    "use-input-property-decorator": true,
+    "no-inputs-metadata-property": true,
-    "use-output-property-decorator": true,
+    "no-outputs-metadata-property": true,
-    "use-host-property-decorator": true,
+    "no-host-metadata-property": true,
     "no-input-rename": true,
     "no-output-rename": true,
-    "use-life-cycle-interface": true,
+    "use-lifecycle-interface": true,
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true