feat(*): Upgrade to Angular 10 (#202)

- Updgrade to Angular 10 - Update docs Closes #174. BREAKING CHANGE: The upgrade to Angular 10 breaks compatibility with Angular 9.

Author: itsdevdom

.github/workflows/release.yml

@@ -18,7 +18,7 @@ jobs:
  registry-url: 'https://registry.npmjs.org'
  - name: Install dependencies
  run: npm ci
- - name: Build
+ - name: Build library
  run: npm run build:library
  - name: Publish to npm
  run: npm publish ./dist/angular-notifier

README.md

@@ -40,6 +40,7 @@ The following list describes the compatibility with Angular:
 | `5.x` | `7.x` |
 | `6.x` | `8.x` |
 | `7.x` | `9.x` |
+| `8.x` | `10.x` |
 
 <br>
 

package-lock.json

@@ -34,22 +34,25 @@
  "test:library": "ng test angular-notifier",
  "test:library:upload-coverage": "codecov -f coverage/coverage-final.json"
  },
+ "dependencies": {
+ "tslib": "2.0.x"
+ },
  "peerDependencies": {
- "@angular/common": ">= 9.0.0 < 10.0.0",
- "@angular/core": ">= 9.0.0 < 10.0.0",
+ "@angular/common": ">= 10.0.0 < 11.0.0",
+ "@angular/core": ">= 10.0.0 < 11.0.0",
  "rxjs": ">= 6.0.0 < 7.0.0"
  },
  "devDependencies": {
- "@angular-builders/jest": "9.0.x",
- "@angular-devkit/build-angular": "0.901.x",
- "@angular-devkit/build-ng-packagr": "0.901.x",
- "@angular/cli": "9.1.x",
- "@angular/common": "9.1.x",
- "@angular/compiler-cli": "9.1.x",
- "@angular/compiler": "9.1.x",
- "@angular/core": "9.1.x",
- "@angular/platform-browser-dynamic": "9.1.x",
- "@angular/platform-browser": "9.1.x",
+ "@angular-builders/jest": "10.0.x",
+ "@angular-devkit/build-angular": "0.1002.x",
+ "@angular-devkit/build-ng-packagr": "0.1002.x",
+ "@angular/cli": "10.2.x",
+ "@angular/common": "10.2.x",
+ "@angular/compiler-cli": "10.2.x",
+ "@angular/compiler": "10.2.x",
+ "@angular/core": "10.2.x",
+ "@angular/platform-browser-dynamic": "10.2.x",
+ "@angular/platform-browser": "10.2.x",
  "@typescript-eslint/eslint-plugin": "4.17.x",
  "@typescript-eslint/parser": "4.17.x",
  "@types/jest": "26.0.x",
@@ -63,15 +66,14 @@
  "eslint-plugin-simple-import-sort": "7.0.x",
  "eslint": "7.21.x",
  "jest": "26.6.x",
- "ng-packagr": "9.0.x",
+ "ng-packagr": "10.1.x",
  "node-sass": "4.14.x",
  "prettier": "2.2.x",
  "rimraf": "3.0.x",
  "rxjs": "6.6.x",
  "ts-node": "9.1.x",
- "tslib": "1.10.x",
- "typescript": "3.8.x",
- "web-animations-js": "^2.3.2",
+ "typescript": "4.0.x",
+ "web-animations-js": "2.3.x",
  "zone.js": "0.10.x"
  }
 }

package.json

@@ -938,7 +938,7 @@ describe('Notifier Container Component', () => {
  componentFixture = TestBed.createComponent(NotifierContainerComponent);
  componentInstance = componentFixture.componentInstance;
 
- queueService = TestBed.get(NotifierQueueService);
+ queueService = TestBed.inject(NotifierQueueService);
  }
 });
 

projects/angular-notifier-demo/browserslist renamed to projects/angular-notifier-demo/.browserslistrc

@@ -12,7 +12,7 @@ describe('Notifier Module', () => {
  TestBed.configureTestingModule({
  imports: [NotifierModule],
  });
- const service: NotifierService = TestBed.get(NotifierService);
+ const service: NotifierService = TestBed.inject(NotifierService);
 
  expect(service).toBeDefined();
  });
@@ -21,7 +21,7 @@ describe('Notifier Module', () => {
  TestBed.configureTestingModule({
  imports: [NotifierModule],
  });
- const service: NotifierService = TestBed.get(NotifierService);
+ const service: NotifierService = TestBed.inject(NotifierService);
 
  expect(service.getConfig()).toEqual(new NotifierConfig());
  });
@@ -92,7 +92,7 @@ describe('Notifier Module', () => {
  TestBed.configureTestingModule({
  imports: [NotifierModule.withConfig(testNotifierOptions)],
  });
- const service: NotifierService = TestBed.get(NotifierService);
+ const service: NotifierService = TestBed.inject(NotifierService);
 
  expect(service.getConfig()).toEqual(expectedNotifierConfig);
  });

projects/angular-notifier/src/lib/components/notifier-container.component.spec.ts

@@ -7,7 +7,7 @@ const rootPackageJson = JSON.parse(fs.readFileSync('./package.json').toString())
 const distPackageJson = JSON.parse(fs.readFileSync('./dist/angular-notifier/package.json').toString());
 
 // Update dist package.json file with some info from root package.json file
-const keys = ['description', 'version', 'license', 'repository', 'keywords', 'peerDependencies'];
+const keys = ['description', 'version', 'license', 'repository', 'keywords', 'peerDependencies', 'dependencies'];
 keys.forEach((key) => {
  distPackageJson[key] = rootPackageJson[key];
 });

projects/angular-notifier/src/lib/notifier.module.spec.ts

@@ -7,7 +7,7 @@
  "declaration": false,
  "downlevelIteration": true,
  "experimentalDecorators": true,
- "module": "esnext",
+ "module": "es2020",
  "moduleResolution": "node",
  "importHelpers": true,
  "target": "es2015",