Feature/migracion angular 20

.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",

jest.base.config.js

@@ -1,23 +1,31 @@
 module.exports = {
     preset: 'jest-preset-angular',
+    testEnvironment: 'jsdom',
     setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-    transform: { '^.+.(ts|mjs|js|html)$': 'jest-preset-angular' },
+    transform: {
+        '^.+\\.(ts|mjs|js|html)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/projects/ngx-jsonapi-lib/tsconfig.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$'
+            }
+        ]
+    },
     moduleFileExtensions: ['ts', 'js', 'mjs', 'html', 'json'],
-    transformIgnorePatterns: ['node_modules/(?!(lodash-es|@angular|zone.js|ngx-jsonapi|@ngrx|@ngxs)/)'],
+    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$|@angular|rxjs|zone\\.js|lodash-es|dexie)'],
     modulePathIgnorePatterns: ['dist'],
     moduleNameMapper: {
         '^lodash-es$': 'lodash',
         '^ngx-jsonapi/(?!db)(.*)': '<rootDir>/projects/ngx-jsonapi-lib/src/$1'
     },
-    globals: {
-        'ts-jest': {
-            tsconfig: '<rootDir>/tsconfig.spec.json',
-            stringifyContentPathRegex: '\\.(html|svg)$'
-        }
-    },
     snapshotSerializers: [
         'jest-preset-angular/build/serializers/no-ng-attributes',
         'jest-preset-angular/build/serializers/ng-snapshot',
         'jest-preset-angular/build/serializers/html-comment'
-    ]
+    ],
+    // Optimizaciones de performance
+    maxWorkers: '50%',
+    cache: true,
+    cacheDirectory: '<rootDir>/.jest-cache',
+    testTimeout: 10000
 };

jest.demo.config.js

@@ -1,25 +1,13 @@
 const baseConfig = require('./jest.base.config');
 
 module.exports = {
-  ...baseConfig,
-  roots: ['<rootDir>/demo'],
-  modulePaths: ['<rootDir>/dist'],
-  moduleNameMapper: {
-      '^ngx-jsonapi$': '<rootDir>/projects/ngx-jsonapi-lib/src/public_api.ts',
-      '^ngx-jsonapi/(.*)$': '<rootDir>/projects/ngx-jsonapi-lib/src/$1'
-   },
-  coveragePathIgnorePatterns: [
-      '/node_modules/',
-      '/src/*.*/'
-  ],
+    ...baseConfig,
+    roots: ['<rootDir>/demo'],
+    modulePaths: ['<rootDir>/dist'],
     moduleNameMapper: {
-            '\\.(html)$': '<rootDir>/demo/__mocks__/htmlMock.js',
+        ...baseConfig.moduleNameMapper,
+        '^ngx-jsonapi$': '<rootDir>/projects/ngx-jsonapi-lib/src/public_api.ts',
+        '\\.(html)$': '<rootDir>/demo/__mocks__/htmlMock.js'
     },
-
-  globals: {
-      'ts-jest': {
-          tsConfigFile: 'demo/tsconfig.spec.json'
-      },
-      stringifyContentPathRegex: true
-  },
+    coveragePathIgnorePatterns: ['/node_modules/', '/src/*.*/']
 };

jest.lib.config.js

@@ -6,12 +6,5 @@ module.exports = {
     coveragePathIgnorePatterns: ['/node_modules/', '/demo/*.*/'],
     testEnvironmentOptions: {
         url: 'http://localhost/'
-    },
-    setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-    globals: {
-        'ts-jest': {
-            tsconfig: 'projects/ngx-jsonapi-lib/tsconfig.spec.json'
-        },
-        stringifyContentPathRegex: true
     }
 };