Actualizar a Angular 10

Las dependencias que usan JavaScript CommonJS empezaron a devolver un warning. Para evitarlo, se agrega una opción (allowedCommonJsDependencies) al momento de hacer build en el angular.json para especificar todas las dependencias que usan JavaScript antiguo.

Frontend Angular 4/angular.json

@@ -11,6 +11,11 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "allowedCommonJsDependencies": [
+              "codemirror",
+              "function-plot",
+              "nextafter"
+            ],
             "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",

Frontend Angular 4/package.json

@@ -12,17 +12,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^9.1.13",
-    "@angular/compiler": "^9.1.13",
-    "@angular/core": "^9.1.13",
-    "@angular/forms": "^9.1.13",
-    "@angular/localize": "^9.1.13",
-    "@angular/platform-browser": "^9.1.13",
-    "@angular/platform-browser-dynamic": "^9.1.13",
-    "@angular/router": "^9.1.13",
-    "@ng-bootstrap/ng-bootstrap": "^6.0.0",
-    "@ngx-translate/core": "^12.0.0",
-    "@ngx-translate/http-loader": "^5.0.0",
+    "@angular/common": "^10.2.5",
+    "@angular/compiler": "^10.2.5",
+    "@angular/core": "^10.2.5",
+    "@angular/forms": "^10.2.5",
+    "@angular/localize": "^10.2.5",
+    "@angular/platform-browser": "^10.2.5",
+    "@angular/platform-browser-dynamic": "^10.2.5",
+    "@angular/router": "^10.2.5",
+    "@ng-bootstrap/ng-bootstrap": "^7.0.0",
+    "@ngx-translate/core": "^13.0.0",
+    "@ngx-translate/http-loader": "^6.0.0",
     "codemirror": "^5.65.9",
     "core-js": "^2.4.1",
     "d3": "^4.12.2",
@@ -33,36 +33,36 @@
     "ionicons": "^3.0.0",
     "jq-console": "^2.13.2",
     "jquery": "^3.2.1",
-    "lt-codemirror": "^6.0.0",
+    "lt-codemirror": "^7.0.0",
     "matefun-components": "^0.3.0",
     "mathjs": "1.6.0",
     "ng2-slider-component": "^1.0.9",
     "rxjs": "6.6.7",
     "tippy.js": "^1.2.0",
-    "tslib": "^1.10.0",
+    "tslib": "^2.0.0",
     "web-animations-js": "^2.3.2",
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.901.15",
-    "@angular/cli": "^9.1.15",
-    "@angular/compiler-cli": "^9.1.13",
+    "@angular-devkit/build-angular": "~0.1002.4",
+    "@angular/cli": "^10.2.4",
+    "@angular/compiler-cli": "^10.2.5",
     "@types/jasmine": "2.5.38",
     "@types/jquery": "^2.0.45",
     "@types/node": "^12.20.55",
-    "codelyzer": "^5.1.2",
-    "jasmine-core": "~4.4.0",
-    "jasmine-spec-reporter": "~7.0.0",
-    "karma": "~6.4.1",
-    "karma-chrome-launcher": "~3.1.1",
+    "codelyzer": "^6.0.1",
+    "jasmine-core": "~3.5.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~5.0.0",
+    "karma-chrome-launcher": "~3.1.0",
     "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "^2.0.0",
-    "protractor": "~5.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
+    "protractor": "~7.0.0",
     "sass": "^1.55.0",
     "ts-node": "~2.0.0",
-    "tslint": "^5.0.0",
-    "typescript": "~3.8.3"
+    "tslint": "~6.1.0",
+    "typescript": "~4.0.8"
   }
 }

Frontend Angular 4/tslint.json

@@ -7,6 +7,9 @@
     "curly": true,
     "eofline": true,
     "forin": true,
+    "deprecation": {
+      "severity": "warning"
+    },
     "import-blacklist": [true],
     "import-spacing": true,
     "indent": [true, "spaces"],
@@ -35,7 +38,6 @@
     "no-switch-case-fall-through": true,
     "no-trailing-whitespace": true,
     "no-unused-expression": true,
-    "no-use-before-declare": true,
     "no-var-keyword": false,
     "object-literal-sort-keys": false,
     "one-line": [