feat: angular upgrade v12 to v13 for admin web angular #1427

packages/admin-web-angular/.gitignore

@@ -30,6 +30,7 @@
 !.vscode/extensions.json
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

packages/admin-web-angular/angular.json

@@ -81,7 +81,6 @@
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
- "extractCss": true,
  "namedChunks": false,
  "aot": true,
  "extractLicenses": true,
@@ -163,14 +162,6 @@
  }
  ]
  }
- },
- "lint": {
- "builder": "@angular-devkit/build-angular:tslint",
- "options": {
- "tsConfig": ["tsconfig.json", "tsconfig.spec.json"],
- "typeCheck": true,
- "exclude": ["**/node_modules/**/*"]
- }
  }
  }
  },
@@ -185,13 +176,6 @@
  "protractorConfig": "./protractor.conf.js",
  "devServerTarget": "ever-admin:serve"
  }
- },
- "lint": {
- "builder": "@angular-devkit/build-angular:tslint",
- "options": {
- "tsConfig": ["tsconfig.e2e.json"],
- "exclude": ["**/node_modules/**/*"]
- }
  }
  }
  }

packages/admin-web-angular/package.json

@@ -50,17 +50,17 @@
  },
  "dependencies": {
  "@agm/core": "^1.1.0",
- "@angular/animations": "^12.2.10",
+ "@angular/animations": "^13.0.3",
  "@angular/cdk": "^12.2.10",
- "@angular/common": "^12.2.10",
- "@angular/compiler": "^12.2.10",
- "@angular/core": "^12.2.10",
- "@angular/forms": "^12.2.10",
- "@angular/language-service": "^12.2.10",
- "@angular/localize": "^12.2.11",
- "@angular/platform-browser": "^12.2.10",
- "@angular/platform-browser-dynamic": "^12.2.10",
- "@angular/router": "^12.2.10",
+ "@angular/common": "^13.0.3",
+ "@angular/compiler": "^13.0.3",
+ "@angular/core": "^13.0.3",
+ "@angular/forms": "^13.0.3",
+ "@angular/language-service": "^13.0.3",
+ "@angular/localize": "^13.0.3",
+ "@angular/platform-browser": "^13.0.3",
+ "@angular/platform-browser-dynamic": "^13.0.3",
+ "@angular/router": "^13.0.3",
  "@asymmetrik/ngx-leaflet": "^8.1.0",
  "@ever-co/angular2-wizard": "^0.6.2",
  "@ever-platform/common": "^0.4.3",
@@ -89,7 +89,6 @@
  "buffer": "^6.0.3",
  "chart.js": "^3.6.0",
  "ckeditor": "^4.11.4",
- "classlist.js": "1.1.20150312",
  "core-js": "^3.18.3",
  "cryptiles": "^4.1.3",
  "echarts": "^5.2.1",
@@ -140,20 +139,19 @@
  "underscore": "^1.13.1",
  "underscore.string": "^3.3.5",
  "uuid": "^8.3.2",
- "web-animations-js": "^2.3.2",
  "zen-observable": "^0.8.15",
  "zone.js": "~0.11.4"
  },
  "devDependencies": {
  "@angular-builders/custom-webpack": "^12.1.3",
- "@angular-devkit/architect": "^0.1202.10",
- "@angular-devkit/build-angular": "^12.2.10",
+ "@angular-devkit/architect": "^0.1300.4",
+ "@angular-devkit/build-angular": "^13.0.4",
  "@angular-devkit/build-optimizer": "^0.1202.10",
- "@angular-devkit/build-webpack": "^0.1202.10",
- "@angular-devkit/core": "^12.2.10",
- "@angular-devkit/schematics": "^12.2.10",
- "@angular/cli": "^12.2.10",
- "@angular/compiler-cli": "~12.2.10",
+ "@angular-devkit/build-webpack": "^0.1300.4",
+ "@angular-devkit/core": "^13.0.4",
+ "@angular-devkit/schematics": "^13.0.4",
+ "@angular/cli": "^13.0.4",
+ "@angular/compiler-cli": "~13.0.3",
  "@storybook/addon-actions": "^6.3.12",
  "@storybook/addon-knobs": "^6.3.1",
  "@storybook/addon-links": "^6.3.12",
@@ -176,11 +174,11 @@
  "swiper": "6.4.15",
  "ts-node": "~10.3.0",
  "tslint": "~5.20.1",
- "typescript": "~4.2.4"
+ "typescript": "~4.4.4"
  },
  "engines": {
  "node": ">=14.4.0",
  "yarn": ">=1.13.0"
  },
  "snyk": false
-}
+}

packages/admin-web-angular/src/polyfills.ts

@@ -36,21 +36,12 @@ import 'core-js/es6/date';
 import 'core-js/es6/array';
 import 'core-js/es6/regexp';
 import 'core-js/es6/map';
-import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+import 'core-js/es6/set'; // Run `npm install --save classlist.js`. // Run `npm install --save web-animations-js`.
 
 /** Evergreen browsers require these. */
 import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
 
-/** ALL Firefox browsers require the following to support `@angular/animation`. */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */

packages/admin-web-angular/src/test.ts

@@ -28,7 +28,9 @@ __karma__.loaded = function () {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(), {
+ teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);