Merge pull request #62 from Heatmanofurioso/feature/migrateToNG18

[Feature] | Update to NG 18

CHANGELOG

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.8.0]
+- Migrate to Angular V18
+
 ## [1.7.0]
 - Migrate to Angular V17
 

README.md

@@ -262,6 +262,7 @@ export class AppModule { }
  ```
 
 ## Release Notes & History
+* 1.8.0: Migrate to Angular V18
 * 1.7.0: Migrate to Angular V17
 * 1.6.1: Migrate to Angular V16
 * 1.6.1: Migrate to Angular V16

package.json

@@ -28,47 +28,48 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/animations": "^17.0.6",
-    "@angular/common": "^17.0.6",
-    "@angular/compiler": "^17.0.6",
-    "@angular/core": "^17.0.6",
-    "@angular/forms": "^17.0.6",
-    "@angular/platform-browser": "^17.0.6",
-    "@angular/platform-browser-dynamic": "^17.0.6",
-    "@angular/router": "^17.0.6",
+    "@angular/animations": "^18.0.1",
+    "@angular/common": "^18.0.1",
+    "@angular/compiler": "^18.0.1",
+    "@angular/core": "^18.0.1",
+    "@angular/forms": "^18.0.1",
+    "@angular/platform-browser": "^18.0.1",
+    "@angular/platform-browser-dynamic": "^18.0.1",
+    "@angular/router": "^18.0.1",
     "rxjs": "^7.8.1",
     "ts-md5": "^1.3.1",
-    "tslib": "^2.6.2",
-    "zone.js": "~0.14.2"
+    "tslib": "^2.6.3",
+    "zone.js": "~0.14.6"
   },
   "devDependencies": {
-    "@angular-builders/jest": "^17.0.0",
-    "@angular-devkit/build-angular": "^17.0.6",
-    "@angular-eslint/builder": "17.1.1",
-    "@angular-eslint/eslint-plugin": "17.1.1",
-    "@angular-eslint/eslint-plugin-template": "17.1.1",
-    "@angular-eslint/schematics": "^17.0.6",
-    "@angular-eslint/template-parser": "17.1.1",
-    "@angular/cli": "^17.0.6",
-    "@angular/compiler-cli": "^17.0.6",
-    "@angular/language-service": "^17.0.6",
-    "@testing-library/jest-dom": "6.1.5",
-    "@types/jest": "29.5.11",
-    "@types/node": "^20.10.4",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "eslint": "^8.39.0",
-    "eslint-plugin-import": "2.29.0",
-    "eslint-plugin-jsdoc": "46.9.0",
+    "@angular-builders/jest": "^17.0.3",
+    "@angular-devkit/build-angular": "^18.0.2",
+    "@angular-eslint/builder": "18.0.1",
+    "@angular-eslint/eslint-plugin": "18.0.1",
+    "@angular-eslint/eslint-plugin-template": "18.0.1",
+    "@angular-eslint/schematics": "^18.0.1",
+    "@angular-eslint/template-parser": "18.0.1",
+    "@angular/cli": "^18.0.2",
+    "@angular/compiler-cli": "^18.0.1",
+    "@angular/language-service": "^18.0.1",
+    "@testing-library/jest-dom": "6.4.5",
+    "@types/jest": "29.5.12",
+    "@types/node": "^20.14.2",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
+    "eslint": "^9.4.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsdoc": "48.2.7",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "husky": "^8.0.3",
+    "husky": "^9.0.11",
+    "jasmine-spec-reporter": "^7.0.0",
     "jest": "29.7.0",
-    "jest-preset-angular": "^13.1.4",
-    "ng-packagr": "^17.0.2",
+    "jest-preset-angular": "^14.1.0",
+    "ng-packagr": "^18.0.0",
     "protractor": "~7.0.0",
-    "ts-jest": "29.1.1",
+    "ts-jest": "29.1.4",
     "ts-node": "~10.9.2",
-    "typescript": "5.2.2"
+    "typescript": "5.4.5"
   },
   "jest": {
     "preset": "jest-preset-angular",
@@ -79,15 +80,6 @@
       "<rootDir>/node_modules/",
       "<rootDir>/dist/",
       "<rootDir>/src/test.ts"
-    ],
-    "globals": {
-      "ts-jest": {
-        "tsconfig": "<rootDir>/src/tsconfig.spec.json",
-        "stringifyContentPathRegex": "\\.html$",
-        "astTransformers": [
-          "<rootDir>/node_modules/jest-preset-angular/InlineHtmlStripStylesTransformer"
-        ]
-      }
-    }
+    ]
   }
 }

projects/ngx-avatars/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-avatars",
   "description": "A universal avatar component for Angular applications that fetches / generates avatar based on the information you have about the user.",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "keywords": [
     "angular",
     "avatar",
@@ -24,10 +24,10 @@
   "sideEffects": false,
   "dependencies": {
     "ts-md5": "^1.3.1",
-    "tslib": "^2.6.2"
+    "tslib": "^2.6.3"
   },
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0"
+    "@angular/common": "^18.0.1",
+    "@angular/core": "^18.0.1"
   }
 }

projects/ngx-avatars/src/lib/avatar.component.spec.ts

@@ -8,6 +8,7 @@ import {SimpleChange} from '@angular/core';
 import {AvatarSource} from './sources/avatar-source.enum';
 import {Observable, of, throwError} from 'rxjs';
 import {Source} from './sources/source';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 
 class AvatarServiceMock {
   public fetchAvatar(avatarUrl: string): Observable<{ avatar_url: string }> {
@@ -53,6 +54,7 @@ describe('AvatarComponent', () => {
       declarations: [AvatarComponent],
       providers: [
         SourceFactory,
+        provideHttpClientTesting,
         {provide: AvatarService, useClass: AvatarServiceMock}
       ]
     }).compileComponents();