From 5e77daa80a2110850674e53cb7c171408f5ad749 Mon Sep 17 00:00:00 2001 From: Ivan Menshchikov Date: Tue, 14 Nov 2023 16:40:32 +0100 Subject: [PATCH] Angular 17 update (#150) * update typescript and zone.js * update angular packages * remove lock files * update docs * update angular.json builder * change polyfills property to an array * renamed deprecated browserTarget to buildTarget --- README.md | 3 ++- angular.json | 22 +++++++----------- package.json | 32 +++++++++++++------------- projects/angular-svg-icon/package.json | 8 +++---- 4 files changed, 30 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index 40b8b38..630d074 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Angular SVG Icon ========= -The **angular-svg-icon** is an Angular 16 service and component that provides a +The **angular-svg-icon** is an Angular 17 service and component that provides a means to inline SVG files to allow for them to be easily styled by CSS and code. The service provides an icon registery that loads and caches a SVG indexed by @@ -19,6 +19,7 @@ This [demo](https://czeckd.github.io/angular-svg-icon/) shows this module in act $ npm i angular-svg-icon --save ``` **Note on earlier versions of Angular:** +- For Angular 16, use angular-svg-icon@16.0.0 - For Angular 15, use angular-svg-icon@15.0.0 - For Angular 14, use angular-svg-icon@14.0.0 - For Angular 13, use angular-svg-icon@13.0.0 diff --git a/angular.json b/angular.json index ccd480e..e341820 100644 --- a/angular.json +++ b/angular.json @@ -33,12 +33,12 @@ "prefix": "app", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/svg-icon", "index": "src/index.html", - "main": "src/main.ts", - "polyfills": "src/polyfills.ts", + "browser": "src/main.ts", + "polyfills": ["src/polyfills.ts"], "tsConfig": "tsconfig.app.json", "assets": [ "src/favicon.ico", @@ -48,12 +48,9 @@ "src/styles.scss" ], "scripts": [], - "vendorChunk": true, "extractLicenses": false, - "buildOptimizer": false, "sourceMap": true, - "optimization": false, - "namedChunks": true + "optimization": false }, "configurations": { "production": { @@ -66,10 +63,7 @@ "optimization": true, "outputHashing": "all", "sourceMap": false, - "namedChunks": false, "extractLicenses": true, - "vendorChunk": false, - "buildOptimizer": true, "budgets": [ { "type": "initial", @@ -87,18 +81,18 @@ "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { - "browserTarget": "svg-icon:build" + "buildTarget": "svg-icon:build" }, "configurations": { "production": { - "browserTarget": "svg-icon:build:production" + "buildTarget": "svg-icon:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "svg-icon:build" + "buildTarget": "svg-icon:build" } }, "test": { @@ -160,4 +154,4 @@ } } }} -} \ No newline at end of file +} diff --git a/package.json b/package.json index 948e83a..4e1afaf 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "svg-icon", - "description": "Angular 16 component and service for inlining SVGs allowing them to be easily styled with CSS.", - "version": "16.1.0", + "description": "Angular 17 component and service for inlining SVGs allowing them to be easily styled with CSS.", + "version": "17.0.0", "repository": { "type": "git", "url": "https://github.com/czeckd/angular-svg-icon.git" @@ -25,22 +25,22 @@ }, "private": true, "dependencies": { - "@angular/animations": "^16.0.0", - "@angular/common": "^16.0.0", - "@angular/compiler": "^16.0.0", - "@angular/core": "^16.0.0", - "@angular/forms": "^16.0.0", - "@angular/platform-browser": "^16.0.0", - "@angular/platform-browser-dynamic": "^16.0.0", - "@angular/router": "^16.0.0", + "@angular/animations": "^17.0.2", + "@angular/common": "^17.0.2", + "@angular/compiler": "^17.0.2", + "@angular/core": "^17.0.2", + "@angular/forms": "^17.0.2", + "@angular/platform-browser": "^17.0.2", + "@angular/platform-browser-dynamic": "^17.0.2", + "@angular/router": "^17.0.2", "rxjs": "~6.6.3", "tslib": "^2.3.1", - "zone.js": "~0.13.0" + "zone.js": "~0.14.2" }, "devDependencies": { - "@angular-devkit/build-angular": "^16.0.0", - "@angular/cli": "^16.0.0", - "@angular/compiler-cli": "^16.0.0", + "@angular-devkit/build-angular": "^17.0.0", + "@angular/cli": "^17.0.0", + "@angular/compiler-cli": "^17.0.2", "@types/jasmine": "~4.0.0", "@types/node": "^12.11.1", "jasmine-core": "~4.1.0", @@ -49,7 +49,7 @@ "karma-coverage": "~2.2.0", "karma-jasmine": "~5.0.0", "karma-jasmine-html-reporter": "~1.7.0", - "ng-packagr": "^16.0.0", - "typescript": "~5.0.4" + "ng-packagr": "^17.0.0", + "typescript": "~5.2.2" } } diff --git a/projects/angular-svg-icon/package.json b/projects/angular-svg-icon/package.json index 44cbf09..ef937e6 100644 --- a/projects/angular-svg-icon/package.json +++ b/projects/angular-svg-icon/package.json @@ -1,7 +1,7 @@ { "name": "angular-svg-icon", - "description": "Angular 16 component and service for inlining SVGs allowing them to be easily styled with CSS.", - "version": "16.1.0", + "description": "Angular 17 component and service for inlining SVGs allowing them to be easily styled with CSS.", + "version": "17.0.0", "repository": { "type": "git", "url": "https://github.com/czeckd/angular-svg-icon.git" @@ -14,8 +14,8 @@ "icon" ], "peerDependencies": { - "@angular/core": ">=16.0.0", - "@angular/common": ">=16.0.0", + "@angular/core": ">=17.0.0", + "@angular/common": ">=17.0.0", "rxjs": ">=6.6.3" }, "dependencies": {