Merge pull request #5 from lukaskupczyk/feature/angular-12

Update to Angular 12
lukaskupczyk · Jun 2, 2021 · 756692c · 756692c
2 parents 3bb9328 + ac14876
commit 756692c
Show file tree

Hide file tree

Showing 8 changed files with 1,864 additions and 3,013 deletions.
diff --git a/README.md b/README.md
@@ -10,6 +10,7 @@ The version numbers are in line with major Angular versions:
 | --------------- | ------------------------- |
 | 10.x.x          | 10.x.x                    |
 | 11.x.x          | 11.x.x                    |
+| 12.x.x          | 12.x.x                    |
 
 ## Installation
 
@@ -195,6 +196,10 @@ To run the example, follow these steps:
 4. Open the app in your browser:
    [http://localhost:4200](http://localhost:4200)
 
+## Development
+
+To build the module use `yarn build:package`
+
 ## Credit
 
 ngx-super-croppie is inspired by the (unfortunately) unmaintained [ngx-croppie](https://github.com/deej81/ngx-croppie) package.
diff --git a/angular.json b/angular.json
@@ -18,11 +18,16 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": true,
             "assets": ["src/favicon.ico", "src/assets"],
 
             "styles": ["src/styles.css"],
-            "scripts": []
+            "scripts": [],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {

diff --git a/package.json b/package.json
@@ -1,64 +1,64 @@
-{
-  "name": "ngx-super-croppie",
-  "description": "NgxSuperCroppie is a simple angular8+ wrapper for croppie",
-  "version": "11.0.0",
-  "author": "Lukas Kupczyk",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:lukaskupczyk/ngx-super-croppie.git"
-  },
-  "homepage": "https://github.com/lukaskupczyk/ngx-super-croppie",
-  "keywords": [
-    "angular",
-    "javascript",
-    "typescript",
-    "cropper",
-    "croppie"
-  ],
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "test:app": "ng test",
-    "lint": "ng lint",
-    "e2e": "ng e2e",
-    "copy": "cp README.md LICENSE.md dist/ngx-super-croppie",
-    "build:package": "ng build NgxSuperCroppie --prod && yarn copy",
-    "test:package": "ng test NgxSuperCroppie"
-  },
-  "dependencies": {
-    "@angular/animations": "~11.2.12",
-    "@angular/common": "~11.2.12",
-    "@angular/compiler": "~11.2.12",
-    "@angular/core": "~11.2.12",
-    "@angular/forms": "~11.2.12",
-    "@angular/platform-browser": "~11.2.12",
-    "@angular/platform-browser-dynamic": "~11.2.12",
-    "@angular/router": "~11.2.12",
-    "croppie": "^2.6.5",
-    "rxjs": "~6.6.7",
-    "tslib": "^2.2.0",
-    "zone.js": "~0.11.4"
-  },
-  "devDependencies": {
-    "@angular-builders/jest": "^11.2.0",
-    "@angular-devkit/build-angular": "~0.1102.11",
-    "@angular/cli": "~11.2.11",
-    "@angular/compiler-cli": "~11.2.12",
-    "@types/croppie": "^2.6.0",
-    "@types/jest": "^26.0.23",
-    "@types/node": "^15.0.1",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "^4.22.1",
-    "eslint": "^7.25.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "jest": "^26.6.3",
-    "ng-packagr": "^11.2.4",
-    "prettier": "^2.2.1",
-    "protractor": "~7.0.0",
-    "ts-node": "~9.1.1",
-    "typescript": "~4.1.0"
-  }
-}
+{
+  "name": "ngx-super-croppie",
+  "description": "NgxSuperCroppie is a simple angular8+ wrapper for croppie",
+  "version": "12.0.0",
+  "author": "Lukas Kupczyk",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:lukaskupczyk/ngx-super-croppie.git"
+  },
+  "homepage": "https://github.com/lukaskupczyk/ngx-super-croppie",
+  "keywords": [
+    "angular",
+    "javascript",
+    "typescript",
+    "cropper",
+    "croppie"
+  ],
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test:app": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "copy": "cp README.md LICENSE.md dist/ngx-super-croppie",
+    "build:package": "ng build NgxSuperCroppie --configuration production && yarn copy",
+    "test:package": "ng test NgxSuperCroppie"
+  },
+  "dependencies": {
+    "@angular/animations": "~12.0.2",
+    "@angular/common": "~12.0.2",
+    "@angular/compiler": "~12.0.2",
+    "@angular/core": "~12.0.2",
+    "@angular/forms": "~12.0.2",
+    "@angular/platform-browser": "~12.0.2",
+    "@angular/platform-browser-dynamic": "~12.0.2",
+    "@angular/router": "~12.0.2",
+    "croppie": "^2.6.5",
+    "rxjs": "~6.6.7",
+    "tslib": "^2.2.0",
+    "zone.js": "~0.11.4"
+  },
+  "devDependencies": {
+    "@angular-builders/jest": "^12.0.0",
+    "@angular-devkit/build-angular": "~12.0.2",
+    "@angular/cli": "~12.0.2",
+    "@angular/compiler-cli": "~12.0.2",
+    "@types/croppie": "^2.6.0",
+    "@types/jest": "^26.0.23",
+    "@types/node": "^15.6.2",
+    "@typescript-eslint/eslint-plugin": "^4.26.0",
+    "@typescript-eslint/parser": "^4.26.0",
+    "eslint": "^7.27.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "jest": "^26.6.3",
+    "ng-packagr": "^12.0.2",
+    "prettier": "^2.3.0",
+    "protractor": "~7.0.0",
+    "ts-node": "~9.1.1",
+    "typescript": "~4.2.4"
+  }
+}
diff --git a/projects/ngx-super-croppie/ng-package.json b/projects/ngx-super-croppie/ng-package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../dist/ngx-super-croppie",
-  "whitelistedNonPeerDependencies": ["croppie", "@types/croppie"],
+  "allowedNonPeerDependencies": ["croppie", "@types/croppie"],
   "lib": {
     "entryFile": "src/public-api.ts",
     "umdModuleIds": {

diff --git a/projects/ngx-super-croppie/package.json b/projects/ngx-super-croppie/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ngx-super-croppie",
   "description": "NgxSuperCroppie is a simple angular8+ wrapper for croppie",
-  "version": "11.0.0",
+  "version": "12.0.0",
   "author": "Lukas Kupczyk",
   "license": "MIT",
   "repository": {
@@ -17,13 +17,13 @@
     "croppie"
   ],
   "peerDependencies": {
-    "@angular/common": "^11.0.0",
-    "@angular/core": "^11.0.0",
-    "rxjs": "^6.0.0"
+    "@angular/common": "^12.0.0",
+    "@angular/core": "^12.0.0",
+    "rxjs": "^6.6.7"
   },
   "dependencies": {
     "croppie": "^2.6.5",
     "@types/croppie": "^2.6.0",
-    "tslib": "^2.0.0"
+    "tslib": "^2.2.0"
   }
 }
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
diff --git a/src/polyfills.ts b/src/polyfills.ts
@@ -55,7 +55,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.
 
 
 /***************************************************************************************************