Updating to angular 11

Author: andrefarzat

.gitignore

@@ -35,6 +35,7 @@ speed-measure-plugin*.json
 /.sass-cache
 /connect.lock
 /coverage
+/projects/plotly/coverage
 /libpeerconnection.log
 npm-debug.log
 yarn-error.log

angular.json

@@ -10,7 +10,7 @@
         "prefix": "lib",
         "architect": {
           "build": {
-            "builder": "@angular-devkit/build-ng-packagr:build",
+            "builder": "@angular-devkit/build-angular:ng-packagr",
             "options": {
               "tsConfig": "projects/plotly/tsconfig.lib.json",
               "project": "projects/plotly/ng-package.json"

package-lock.json

@@ -10,40 +10,39 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.0.9",
-    "@angular/common": "~10.0.9",
-    "@angular/compiler": "~10.0.9",
-    "@angular/core": "~10.0.9",
-    "@angular/forms": "~10.0.9",
-    "@angular/platform-browser": "~10.0.9",
-    "@angular/platform-browser-dynamic": "~10.0.9",
-    "@angular/router": "~10.0.9",
+    "@angular/animations": "~11.2.5",
+    "@angular/common": "~11.2.5",
+    "@angular/compiler": "~11.2.5",
+    "@angular/core": "~11.2.5",
+    "@angular/forms": "~11.2.5",
+    "@angular/platform-browser": "~11.2.5",
+    "@angular/platform-browser-dynamic": "~11.2.5",
+    "@angular/router": "~11.2.5",
     "plotly.js-dist": "^1.54.7",
     "rxjs": "~6.5.5",
     "tslib": "^2.0.0",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^0.1102.4",
-    "@angular-devkit/build-ng-packagr": "~0.1000.6",
-    "@angular/cli": "~10.0.6",
-    "@angular/compiler-cli": "~10.0.9",
-    "@types/jasmine": "~3.5.0",
+    "@angular/cli": "~11.2.4",
+    "@angular/compiler-cli": "~11.2.5",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
     "coveralls": "^3.1.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.2.0",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.3.0",
+    "karma-coverage": "^2.0.3",
+    "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^10.0.0",
+    "ng-packagr": "^11.2.4",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~3.9.5"
+    "typescript": "~4.1.5"
   }
 }

package.json

@@ -9,7 +9,7 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {

projects/plotly/karma.conf.js

@@ -2,11 +2,11 @@
   "name": "angular-plotly.js",
   "version": "3.0.0",
   "peerDependencies": {
-    "@angular/common": "^10.0.9",
-    "@angular/core": "^10.0.9"
+    "@angular/common": ">10.0.9",
+    "@angular/core": ">10.0.9"
   },
   "devDependencies": {
-    "plotly.js-dist": "^1.54.7"
+    "plotly.js-dist": ">1.54.7"
   },
   "dependencies": {
     "tslib": "^2.0.0"

projects/plotly/package.json

@@ -46,7 +46,7 @@ describe('PlotlyService', () => {
     });
 
     it('should call plotly.newPlot method', inject([PlotlyService], async (service: PlotlyService) => {
-        return new Promise(async (resolve) => {
+        return new Promise<void>(async (resolve) => {
             const plotly = service.getPlotly();
             PlotlyService.setPlotly('waiting');
 

projects/plotly/src/lib/plotly.service.spec.ts

@@ -1,8 +1,9 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "experimentalDecorators": true,
+    "declarationMap": true,
     "outDir": "../../out-tsc/lib",
     "target": "es2015",
     "declaration": true,

projects/plotly/tsconfig.lib.json

@@ -1,6 +1,9 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

projects/plotly/tsconfig.lib.prod.json

@@ -1,6 +1,6 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [

projects/plotly/tsconfig.spec.json

@@ -1,17 +1,25 @@
-/*
-  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
-  It is not intended to be used to perform a compilation.
-
-  To learn more about this file see: https://angular.io/config/solution-tsconfig.
-*/
 {
-    "files": [],
-    "references": [
-      {
-        "path": "./projects/plotly/tsconfig.lib.json"
-      },
-      {
-        "path": "./projects/plotly/tsconfig.spec.json"
+    "compileOnSave": false,
+    "compilerOptions": {
+      "baseUrl": "./",
+      "outDir": "./dist/out-tsc",
+      "sourceMap": true,
+      "declaration": false,
+      "downlevelIteration": true,
+      "experimentalDecorators": true,
+      "moduleResolution": "node",
+      "importHelpers": true,
+      "target": "es2015",
+      "module": "es2020",
+      "lib": [
+        "es2018",
+        "dom"
+      ],
+      "paths": {
+        "plotly": [
+          "dist/plotly/plotly",
+          "dist/plotly"
+        ]
       }
-  ]
+    }
   }