Dev 1174 actualizar ngx jsonapi a angular 17 (#376)

Author: NicoGarcia12

.github/workflows/config.yml

@@ -11,7 +11,7 @@ jobs:
     - name: Use Node 16
       uses: actions/setup-node@v4
       with:
-        node-version: '16.x'
+        node-version: '20.x'
     - name: Install dependencies
       run: yarn install
     - name: Prettier check

CHANGELOG.md

@@ -4,11 +4,17 @@ 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).
 
+## [Unreleased]
+
+## [2.4.0] - 2025-08-15
+
+-   Migrate to angular 17
+
+
 ## [2.3.1] - 2025-08-01
 
 -   Changed CircleCI to GitHub Action and command fix
 
-## [Unreleased]
 
 ## [2.3.0-dev-test] - 2023-08-11
 

demo/app/app.component.ts

@@ -1,9 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { JsonapiCore } from 'ngx-jsonapi';
 
 @Component({
     selector: 'demo-app',
     styleUrls: ['./app.component.scss'],
+    standalone: false,
     templateUrl: './app.component.html'
 })
 export class AppComponent /* implements OnInit */ {

demo/app/app.module.ts

@@ -3,17 +3,14 @@ import { BrowserModule } from '@angular/platform-browser';
 import { RouterModule, Routes } from '@angular/router';
 import { HttpClientModule } from '@angular/common/http';
 import { environment } from '../environments/environment';
-import { NgxJsonapiModule, JSONAPI_RIPPER_SERVICE, JSONAPI_STORE_SERVICE } from 'ngx-jsonapi';
+import { NgxJsonapiModule, JSONAPI_RIPPER_SERVICE, JSONAPI_STORE_SERVICE, StoreService, JsonRipper } from 'ngx-jsonapi';
 
 import { AppComponent } from './app.component';
 import { AuthorsService } from './authors/authors.service';
 import { BooksService } from './books/books.service';
 import { PhotosService } from './photos/photos.service';
 import { SharedModule } from './shared/shared.module';
 
-import { StoreService } from 'ngx-jsonapi/sources/store.service';
-import { JsonRipper } from 'ngx-jsonapi/services/json-ripper';
-
 const appRoutes: Routes = [
     {
         path: '',

demo/app/authors/components/author.component.ts

@@ -7,6 +7,7 @@ import { BooksService } from '../../books/books.service';
 
 @Component({
     selector: 'demo-author',
+    standalone: false,
     templateUrl: './author.component.html'
 })
 export class AuthorComponent {

demo/app/authors/components/authors.component.ts

@@ -1,12 +1,12 @@
-import { Photo } from './../../../../src/tests/factories/photos.service';
 import { BooksService } from './../../books/books.service';
 import { Component } from '@angular/core';
-import { DocumentCollection } from 'ngx-jsonapi';
+import { DocumentCollection, Photo } from 'ngx-jsonapi';
 import { AuthorsService, Author } from './../authors.service';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
     selector: 'demo-authors',
+    standalone: false,
     templateUrl: './authors.component.html'
 })
 export class AuthorsComponent {

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

@@ -7,6 +7,7 @@ import { PhotosService } from '../../photos/photos.service';
 
 @Component({
     selector: 'demo-book',
+    standalone: false,
     templateUrl: './book.component.html'
 })
 export class BookComponent {

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

@@ -8,6 +8,7 @@ import { Observable } from 'rxjs';
 
 @Component({
     selector: 'demo-books',
+    standalone: false,
     templateUrl: './books.component.html'
 })
 export class BooksComponent {

demo/app/photos/photos.component.ts

@@ -4,6 +4,7 @@ import { Photo } from './photos.service';
 
 @Component({
     selector: 'demo-photos',
+    standalone: false,
     templateUrl: './photos.component.html'
 })
 export class PhotosComponent {

demo/app/shared/collection-info.component.ts

@@ -1,7 +1,9 @@
 import { Component, Input } from '@angular/core';
 import { DocumentCollection } from 'ngx-jsonapi';
+
 @Component({
     selector: 'demo-collection-info',
+    standalone: false,
     templateUrl: './collection-info.component.html'
 })
 export class CollectionInfoComponent {