Feature/migracion angular 20 (#383)

Author: NicoGarcia12

.github/workflows/config.yml

@@ -8,7 +8,7 @@ jobs:
     - uses: actions/checkout@v4
       with:
         fetch-depth: 0
-    - name: Use Node 16
+    - name: Use Node 20
       uses: actions/setup-node@v4
       with:
         node-version: '20.x'

.gitignore

@@ -35,6 +35,7 @@
 /.sass-cache
 /connect.lock
 /coverage
+/.jest-cache
 /libpeerconnection.log
 npm-debug.log
 yarn-error.log

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [2.7.0] - 2026-02-03
+
+-   Migrate to Angular 20
+
 ## [2.6.2] - 2026-01-13
 
 -   Fix error code version

angular.json

@@ -71,20 +71,6 @@
         }
       }
     },
-    "ngx-jsonapi-e2e": {
-      "root": "e2e",
-      "sourceRoot": "e2e",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "ngx-jsonapi:serve"
-          }
-        }
-      }
-    },
     "ngx-jsonapi-lib": {
       "projectType": "library",
       "root": "projects/ngx-jsonapi-lib",
@@ -126,13 +112,33 @@
       "flat": true,
       "skipTests": true,
       "prefix": "bc",
+      "type": "component",
       "style": "css"
     },
     "@schematics/angular:directive": {
+      "type": "directive",
       "prefix": "bc"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
     }
   },
   "cli": {
     "analytics": false
   }
-}
+}

demo/app/books/components/books.component.ts

@@ -8,7 +8,7 @@ import { BooksService, Book } from './../books.service';
 import { AuthorsService } from './../../authors/authors.service';
 import { PhotosService } from '../../photos/photos.service';
 // ActivatedRoute already imported above
-import { Observable } from 'rxjs';
+import { Observable, lastValueFrom } from 'rxjs';
 
 @Component({
     selector: 'demo-books',
@@ -63,7 +63,7 @@ export class BooksComponent {
             },
             (error) => console.log('error books controller', error)
         );
-        books$.toPromise().then((_success) => console.log('books loaded PROMISE'));
+        lastValueFrom(books$).then((_success) => console.log('books loaded PROMISE'));
     }
 
     public delete(book: Resource): void {

demo/polyfills.ts

@@ -3,6 +3,3 @@
 
 // Zone.js is required by Angular itself
 import 'zone.js';
-
-// Optional: only if you need touch gesture support
-// import 'hammerjs';

demo/tsconfig.app.json

@@ -3,7 +3,7 @@
         "downlevelIteration": true,
         "sourceMap": true,
         "declaration": false,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "experimentalDecorators": true,
         "lib": ["es2017", "dom"],
         "outDir": "../out-tsc/app",