Fe 231 actualizar v2.2 to angular 10 (#315)

Author: ahumadamatias

.browserslistrc

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

.circleci/config.yml

@@ -5,7 +5,7 @@ var_1: &cache_key yarn-cache-{{ checksum "yarn.lock" }}
 jobs:
   lint:
     docker:
-      - image: circleci/node:8.11.4
+      - image: circleci/node:12.16.2
     steps:
       - checkout
       - restore_cache:
@@ -23,7 +23,7 @@ jobs:
 
   test:
     docker:
-      - image: circleci/node:8.11.4
+      - image: circleci/node:12.16.2
     steps:
       - checkout
       - restore_cache:

CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [2.3.0] - 2021-05-19
+
+### Changed
+
+-   Angular version upgraded to 10, and vulnerabilities updated. ([#306](https://github.com/reyesoft/ngx-jsonapi/pull/306))
+
 ## [2.2.2] - 2021-05-19
 
 ### Fixed

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "demo-dist",
             "index": "demo/index.html",
             "main": "demo/main.ts",
@@ -26,6 +27,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -103,9 +110,9 @@
       "inlineStyle": true,
       "inlineTemplate": true,
       "flat": true,
-      "spec": false,
+      "skipTests": true,
       "prefix": "bc",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
       "prefix": "bc"

demo/app/app.module.ts

@@ -13,6 +13,8 @@ import { SharedModule } from './shared/shared.module';
 
 import { StoreService } from 'ngx-jsonapi/sources/store.service';
 import { JsonRipper } from 'ngx-jsonapi/services/json-ripper';
+import { AuthorsModule } from './authors/authors.module';
+import { BooksModule } from './books/books.module';
 
 const appRoutes: Routes = [
     {
@@ -22,11 +24,11 @@ const appRoutes: Routes = [
     },
     {
         path: 'authors',
-        loadChildren: './authors/authors.module#AuthorsModule'
+        loadChildren: (): Promise<AuthorsModule> => import('./authors/authors.module').then((m): AuthorsModule => m.AuthorsModule)
     },
     {
         path: 'books',
-        loadChildren: './books/books.module#BooksModule'
+        loadChildren: (): Promise<BooksModule> => import('./books/books.module').then((m): BooksModule => m.BooksModule)
     }
 ];
 

demo/app/authors/components/authors.component.html

@@ -24,7 +24,7 @@ <h3>Authors</h3>
         <td *ngIf="author.relationships.books.data.length > 0">
             <a [routerLink]="['/books', author.relationships.books.data[0].id]">{{ author.relationships.books.data[0].attributes.title }}</a>
             <span *ngIf="author.relationships.books.data.length > 1">
-                and {{ author.relationships.books.data.length}} more...
+                and {{ author.relationships.books.data.length }} more...
             </span>
         </td>
         <td>

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 
 import { AuthorsService } from '../authors.service';
@@ -9,7 +9,7 @@ describe('AuthorsComponent', () => {
     let component: AuthorsComponent;
     let fixture: ComponentFixture<AuthorsComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [RouterTestingModule, NgxJsonapiModule],
             declarations: [AuthorsComponent],

demo/polyfills.ts

@@ -14,8 +14,6 @@ import 'core-js/es6/regexp';
 import 'core-js/es6/map';
 import 'core-js/es6/set';
 import 'core-js/es6/reflect';
-
-import 'core-js/es7/reflect';
 import 'zone.js/dist/zone';
 
 import 'hammerjs';

demo/tsconfig.app.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "downlevelIteration": true,
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
@@ -10,8 +11,8 @@
       "dom"
     ],
     "outDir": "../out-tsc/app",
-    "target": "es5",
-    "module": "es2015",
+    "target": "es2015",
+    "module": "es2020",
     "types": [],
     "baseUrl": ".",
     "rootDir": "../",
@@ -20,9 +21,11 @@
       "ngx-jsonapi/*": [ "../src/*" ]
     }
   },
-  "exclude": [
-    "../node_modules",
-    "test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "demo/**/*.d.ts"
   ]
 }