Merge pull request #211 from cloudinary/angular-ivy-update

feat: switch angular to partial compilation mode

Author: pawelphilipczyk-cloudinary

packages/angular/README.md

@@ -37,9 +37,12 @@ For the complete documentation, see the [Angular SDK Reference](https://cloudina
  [video](https://cloudinary.com/documentation/angular_video_manipulation#video_element) tags.
 
 ## Version Support
-| SDK Version   | ng 10.0  | ng 11.0 |
-|---------------|----------|---------|
-| 1.0.0 & up    | V        | V       
+| SDK Version   | ng 10.0 | ng 11.0 | ng 12.0 | ng 13.0 | ng 14.0 | ng 15.0 | ng 16.0 & up |
+|---------------|---------|---------|---------|---------|---------|---------|--------------|
+| 1.x.x         | V       | V       | V       | V       | V       | V       |              |
+| 2.x.x         |         |         | V       | V       | V       | V       | V            |
+
+New features will only be added to version 2.x.
 
 ## Installation
 ### Install using your favorite package manager (yarn, npm)

packages/angular/package.json

@@ -16,22 +16,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.2.4",
-    "@angular/common": "~10.2.4",
-    "@angular/compiler": "~10.2.4",
-    "@angular/core": "~10.2.4",
-    "@angular/forms": "~10.2.4",
-    "@angular/platform-browser": "~10.2.4",
-    "@angular/platform-browser-dynamic": "~10.2.4",
-    "@angular/router": "~10.2.4",
+    "@angular/animations": "~12.2.16",
+    "@angular/common": "~12.2.16",
+    "@angular/compiler": "~12.2.16",
+    "@angular/core": "~12.2.16",
+    "@angular/forms": "~12.2.16",
+    "@angular/platform-browser": "~12.2.16",
+    "@angular/platform-browser-dynamic": "~12.2.16",
+    "@angular/router": "~12.2.16",
     "rxjs": "~6.6.0",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.3",
-    "@angular/cli": "~10.2.3",
-    "@angular/compiler-cli": "~10.2.4",
+    "@angular-devkit/build-angular": "~12.2.18",
+    "@angular/cli": "~12.2.16",
+    "@angular/compiler-cli": "~12.2.16",
     "@cloudinary/html": "^1.11.2",
     "@cloudinary/url-gen": "^1.8.7",
     "@types/jasmine": "~3.5.0",
@@ -41,16 +41,16 @@
     "codelyzer": "^6.0.0",
     "jasmine-core": "~3.8.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "^6.0.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~4.0.0",
+    "karma-jasmine": "~5.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^10.1.0",
+    "ng-packagr": "^12.2.7",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.0.2"
+    "typescript": "~4.2.3"
   },
   "overrides": {
     "protractor": {

packages/angular/playground/package.json

@@ -7,30 +7,30 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.2.4",
-    "@angular/common": "~10.2.4",
-    "@angular/compiler": "~10.2.4",
-    "@angular/core": "~10.2.4",
-    "@angular/forms": "~10.2.4",
-    "@angular/platform-browser": "~10.2.4",
-    "@angular/platform-browser-dynamic": "~10.2.4",
-    "@angular/router": "~10.2.4",
+    "@angular/animations": "~12.2.16",
+    "@angular/common": "~12.2.16",
+    "@angular/compiler": "~12.2.16",
+    "@angular/core": "~12.2.16",
+    "@angular/forms": "~12.2.16",
+    "@angular/platform-browser": "~12.2.16",
+    "@angular/platform-browser-dynamic": "~12.2.16",
+    "@angular/router": "~12.2.16",
     "@cloudinary/url-gen": "^1.8.7",
     "rxjs": "~6.6.0",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.3",
-    "@angular/cli": "~10.2.3",
-    "@angular/compiler-cli": "~10.2.4",
+    "@angular-devkit/build-angular": "~12.2.18",
+    "@angular/cli": "~12.2.16",
+    "@angular/compiler-cli": "~12.2.16",
     "@types/node": "^12.11.1",
     "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
     "codelyzer": "^6.0.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.0.2"
+    "typescript": "~4.2.3"
   }
 }

packages/angular/projects/cloudinary-library/package.json

@@ -3,12 +3,12 @@
   "version": "1.11.2",
   "repository": "https://github.com/cloudinary/frontend-frameworks",
   "peerDependencies": {
-    "@angular/common": ">=10.0.0",
-    "@angular/core": ">=10.0.0"
+    "@angular/common": ">=12.0.0",
+    "@angular/core": ">=12.0.0"
   },
   "devDependencies": {
-    "@angular/common": "~10.2.4",
-    "@angular/core": "~10.2.4",
+    "@angular/common": "~12.2.16",
+    "@angular/core": "~12.2.16",
     "@cloudinary/url-gen": "^1.8.7"
   },
   "dependencies": {

packages/angular/projects/cloudinary-library/tsconfig.lib.prod.json

@@ -25,7 +25,7 @@
     "strictInjectionParameters": true,
     "flatModuleId": "AUTOGENERATED",
     "flatModuleOutFile": "AUTOGENERATED",
-    "enableIvy": false
+    "compilationMode": "partial"
   },
   "exclude": [
     "src/test.ts",

packages/angular/projects/cloudinary-library/tsconfig.spec.json

@@ -2,6 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "paths": {
+      "@angular/*": [ "node_modules/@angular/*" ],
       "core-js/es7/reflect": [
         "node_modules/core-js/proposals/reflect-metadata",
       ],