Merge pull request #146 from mpalourdio/v10

chore(deps): @angular/*:^12 compatibility

Author: mpalourdio

.github/workflows/main.yml

@@ -8,7 +8,7 @@ jobs:
     strategy:
       max-parallel: 4
       matrix:
-        node-version: [ 14.x, 15.x ]
+        node-version: [ 14.x ]
     steps:
       - name: Checkout
         uses: actions/checkout@v2
@@ -22,8 +22,8 @@ jobs:
         run: |
           yarn
           yarn lint
-          yarn audit
-          yarn build --prod
+          yarn audit:prod
+          yarn build
           yarn test --code-coverage
 
       - name: Coveralls

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## v10.0.0
+- Added angular 12 support.
+- BC break: The library is not `view-engine`compatible anymore.
+
 ## v9.1.0
 - Added the possibility to specify the backdrop `background-color`. Contribution by [krishnakumarp](https://github.com/krishnakumarp).
 
@@ -11,7 +15,7 @@
 
 ## v7.0.0
 - Added angular 9 support. 
-- BC break : `AbstractLoader` has been renamed to `AbstractLoaderDirective`. See [here](https://next.angular.io/guide/deprecations#undecorated-base-classes) and [here](https://angular.io/guide/styleguide#style-02-03).
+- BC break: `AbstractLoader` has been renamed to `AbstractLoaderDirective`. See [here](https://next.angular.io/guide/deprecations#undecorated-base-classes) and [here](https://angular.io/guide/styleguide#style-02-03).
 
 ## v6.0.1
 - The `rxjs` peer dependency is now `^6.5.0`, because the module uses the new `creation function partition observable` introduced in [v6.5.0](https://github.com/ReactiveX/rxjs/blob/f07d349da8c2e0dbddca17d33a9b4a1ceaf59354/CHANGELOG.md#650-2019-04-23).

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017-2019 mpalourdio
+Copyright (c) 2017-2021 mpalourdio
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -39,6 +39,7 @@ The HTTP interceptor listens to all HTTP requests and shows a spinner / loader i
 | >=7.0.0 <8.0.0 | ^9.0.0             |
 | >=8.0.0 <9.0.0 | ^10.0.0            |
 | >=9.0.0        | ^11.0.0            |
+| >=10.0.0       | ^12.0.0            |
 
 If you experience errors like below, **please double check the version you use.**
 

angular.json

@@ -25,7 +25,8 @@
             "production": {
               "tsConfig": "./tsconfig.lib.prod.json"
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
@@ -34,6 +35,7 @@
             "karmaConfig": "./karma.conf.js",
             "polyfills": "./polyfills.ts",
             "tsConfig": "./tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
             "watch": false
           }
         },

package.json

@@ -1,13 +1,14 @@
 {
   "name": "ng-http-loader",
-  "version": "9.1.0",
+  "version": "10.0.0",
   "scripts": {
     "ng": "ng",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
+    "audit:prod": "yarn audit --groups dependencies",
     "preversion": "yarn lint && yarn test",
-    "version": "yarn build --prod",
+    "version": "yarn build",
     "postversion": "git push && git push --tags"
   },
   "repository": {
@@ -40,40 +41,36 @@
     "url": "https://github.com/mpalourdio/ng-http-loader/issues"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@angular/common": "^11.0.0",
-    "@angular/core": "^11.0.0",
     "rxjs": "^6.6.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.0",
-    "@angular/cli": "^11.0.0",
-    "@angular/common": "^11.0.0",
-    "@angular/compiler": "^11.0.0",
-    "@angular/compiler-cli": "^11.0.0",
-    "@angular/core": "^11.0.0",
-    "@angular/platform-browser": "^11.0.0",
-    "@angular/platform-browser-dynamic": "^11.0.0",
+    "@angular-devkit/build-angular": "~12.0.0",
+    "@angular/cli": "^12.0.0",
+    "@angular/common": "^12.0.0",
+    "@angular/compiler": "^12.0.0",
+    "@angular/compiler-cli": "^12.0.0",
+    "@angular/core": "^12.0.0",
+    "@angular/platform-browser": "^12.0.0",
+    "@angular/platform-browser-dynamic": "^12.0.0",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.6.0",
-    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~6.1.0",
+    "jasmine-core": "~3.7.0",
+    "karma": "~6.3.2",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage": "~2.0.3",
     "karma-firefox-launcher": "^1.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^11.0.0",
-    "puppeteer": "^8.0.0",
+    "ng-packagr": "^12.0.0",
+    "puppeteer": "^9.0.0",
     "rxjs": "^6.6.0",
     "rxjs-tslint-rules": "^4.13.0",
-    "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.1.2",
-    "zone.js": "~0.11.3"
+    "typescript": "~4.2.4",
+    "zone.js": "~0.11.4"
   }
 }

polyfills.ts

@@ -57,7 +57,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************

src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,

tsconfig.json

@@ -13,7 +13,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2017",
     "module": "es2020",
     "lib": [
       "es2018",

tsconfig.lib.json

@@ -13,11 +13,6 @@
       "es2018"
     ]
   },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true
-  },
   "exclude": [
     "./src/test.ts",
     "**/*.spec.ts"