feat: upgrade to angular 14

BREAKING CHANGE: Upgrade angular 14 and es2020 build. This might break for older versions of Angular

README.md

@@ -120,6 +120,7 @@ runWorker(HelloWorker);
 ```
 
 #### Decorator deprecation notice
+
 Future versions of webpack (Webpack 5) minify webworkers overly aggressively, causing
 the `@ObservableWorker()` decorator pattern to no longer function. This decorator
 has now been deprecated, and will be removed in the next major version of this library.

angular.json

@@ -128,8 +128,9 @@
       }
     }
   },
-  "defaultProject": "observable-webworker-demo",
   "cli": {
-    "defaultCollection": "@angular-eslint/schematics"
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
   }
 }

package.json

@@ -38,39 +38,39 @@
     "lint": "ng lint"
   },
   "dependencies": {
-    "@angular/animations": "~13.1.2",
-    "@angular/common": "~13.1.2",
-    "@angular/compiler": "~13.1.2",
-    "@angular/core": "~13.1.2",
-    "@angular/forms": "~13.1.2",
-    "@angular/platform-browser": "~13.1.2",
-    "@angular/platform-browser-dynamic": "~13.1.2",
-    "@angular/router": "~13.1.2",
+    "@angular/animations": "^14.3.0",
+    "@angular/common": "^14.3.0",
+    "@angular/compiler": "^14.3.0",
+    "@angular/core": "^14.3.0",
+    "@angular/forms": "^14.3.0",
+    "@angular/platform-browser": "^14.3.0",
+    "@angular/platform-browser-dynamic": "^14.3.0",
+    "@angular/router": "^14.3.0",
     "google-charts": "2.0.0",
     "js-md5": "0.7.3",
     "rxjs": "~6.6.3",
     "tslib": "^2.3.1",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.1.3",
-    "@angular-eslint/builder": "13.0.1",
-    "@angular-eslint/eslint-plugin": "13.0.1",
-    "@angular-eslint/eslint-plugin-template": "13.0.1",
-    "@angular-eslint/schematics": "13.0.1",
-    "@angular-eslint/template-parser": "13.0.1",
-    "@angular/cli": "~13.1.3",
-    "@angular/compiler-cli": "~13.1.2",
-    "@angular/language-service": "~13.1.2",
+    "@angular-devkit/build-angular": "^14.2.13",
+    "@angular-eslint/builder": "^14.0.0",
+    "@angular-eslint/eslint-plugin": "^14.0.0",
+    "@angular-eslint/eslint-plugin-template": "^14.0.0",
+    "@angular-eslint/schematics": "^14.0.0",
+    "@angular-eslint/template-parser": "^14.0.0",
+    "@angular/cli": "^14.2.13",
+    "@angular/compiler-cli": "^14.3.0",
+    "@angular/language-service": "^14.3.0",
     "@betterer/cli": "^1.1.3",
     "@betterer/typescript": "^1.1.2",
     "@types/google.visualization": "0.0.48",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/js-md5": "^0.4.2",
-    "@types/node": "^12.11.1",
-    "@typescript-eslint/eslint-plugin": "5.3.0",
-    "@typescript-eslint/parser": "5.3.0",
+    "@types/node": "^16.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.3.0",
+    "@typescript-eslint/parser": "^5.3.0",
     "commitizen": "4.0.3",
     "cypress": "3.4.1",
     "cz-conventional-changelog": "2.1.0",
@@ -83,11 +83,11 @@
     "karma-coverage": "2.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^13.1.3",
+    "ng-packagr": "14.2.2",
     "prettier": "2.2.1",
     "semantic-release": "^17.2.3",
     "ts-node": "~7.0.0",
-    "typescript": "~4.5.4"
+    "typescript": "~4.8.4"
   },
   "repository": {
     "type": "git",

projects/observable-webworker/tsconfig.lib.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
+    "target": "es2020",
     "declaration": true,
     "inlineSources": true,
     "types": [],

src/app/app.component.html

@@ -8,8 +8,7 @@
 </a>
 
 <h1>
-  <code>observable-webworker</code>
-  Demo
+  Welcome to observable-webworker!
 </h1>
 
 <app-single-worker></app-single-worker>

src/app/app.component.spec.ts

@@ -18,6 +18,7 @@ describe('AppComponent', () => {
 
   it(`should have as title 'observable-webworker'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
     const app = fixture.debugElement.componentInstance;
     expect(app.title).toEqual('observable-webworker');
   });

src/app/multiple-worker-pool/log-line/log-line.component.ts

@@ -9,7 +9,7 @@ import { HashWorkerMessage } from '../../hash-worker.types';
 })
 export class LogLineComponent implements OnInit {
   @Input() message: HashWorkerMessage;
-  @Input() files: string[];
+  @Input() files: string[] = [];
 
   public color: string;
 

tsconfig.json

@@ -10,7 +10,7 @@
     "moduleResolution": "node",
     "experimentalDecorators": true,
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2020",
     "typeRoots": ["node_modules/@types"],
     "lib": ["es2018", "dom"],
     "paths": {