build(docs-infra): update @angular/cli to 10.0.0-next.3 (#36145)

Update the Angular CLI and Angular framework packages to latest `@next`
versions. Also, update the app to look more closely to how a newly
generated app with the latest CLI would look like.

PR Close #36145

aio/package.json

@@ -87,28 +87,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "9.0.0",
+    "@angular/animations": "10.0.0-next.5",
     "@angular/cdk": "^9.0.0",
-    "@angular/common": "9.0.0",
+    "@angular/common": "10.0.0-next.5",
-    "@angular/compiler": "9.0.0",
+    "@angular/compiler": "10.0.0-next.5",
-    "@angular/core": "9.0.0",
+    "@angular/core": "10.0.0-next.5",
-    "@angular/elements": "9.0.0",
+    "@angular/elements": "10.0.0-next.5",
-    "@angular/forms": "9.0.0",
+    "@angular/forms": "10.0.0-next.5",
     "@angular/material": "^9.0.0",
-    "@angular/platform-browser": "9.0.0",
+    "@angular/platform-browser": "10.0.0-next.5",
-    "@angular/platform-browser-dynamic": "9.0.0",
+    "@angular/platform-browser-dynamic": "10.0.0-next.5",
-    "@angular/router": "9.0.0",
+    "@angular/router": "10.0.0-next.5",
-    "@angular/service-worker": "9.0.0",
+    "@angular/service-worker": "10.0.0-next.5",
     "@webcomponents/custom-elements": "1.2.1",
     "rxjs": "^6.5.3",
     "tslib": "^1.10.0",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.900.1",
+    "@angular-devkit/build-angular": "0.1000.0-next.3",
-    "@angular/cli": "9.0.1",
+    "@angular/cli": "10.0.0-next.3",
-    "@angular/compiler-cli": "9.0.0",
+    "@angular/compiler-cli": "10.0.0-next.5",
-    "@angular/language-service": "9.0.0",
+    "@angular/language-service": "10.0.0-next.5",
     "@types/jasmine": "^3.4.2",
     "@types/jasminewd2": "^2.0.8",
     "@types/lunr": "^2.3.2",
@@ -119,7 +119,7 @@
     "canonical-path": "1.0.0",
     "chalk": "^2.1.0",
     "cjson": "^0.5.0",
-    "codelyzer": "^5.1.2",
+    "codelyzer": "^6.0.0-next.1",
     "cross-spawn": "^5.1.0",
     "css-selector-parser": "^1.3.0",
     "dgeni": "^0.4.11",
@@ -138,14 +138,14 @@
     "image-size": "^0.5.1",
     "jasmine": "^3.4.0",
     "jasmine-core": "^3.4.0",
-    "jasmine-spec-reporter": "^4.2.1",
+    "jasmine-spec-reporter": "~5.0.0",
     "jsdom": "^9.12.0",
     "json-schema-traverse": "^0.4.1",
     "json5": "^1.0.1",
-    "karma": "^4.3.0",
+    "karma": "~5.0.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage-istanbul-reporter": "^2.1.0",
-    "karma-jasmine": "^2.0.1",
+    "karma-jasmine": "^3.1.1",
     "karma-jasmine-html-reporter": "^1.4.2",
     "light-server": "^2.6.2",
     "lighthouse": "^5.1.0",
@@ -153,7 +153,7 @@
     "lodash": "^4.17.4",
     "lunr": "^2.1.0",
     "npm-run-all": "^4.1.5",
-    "protractor": "^5.4.2",
+    "protractor": "~5.4.4",
     "puppeteer": "2.1.1",
     "rehype": "^6.0.0",
     "rehype-slug": "^2.0.0",
@@ -164,7 +164,7 @@
     "shelljs": "^0.7.7",
     "tree-kill": "^1.1.0",
     "ts-node": "^8.4.1",
-    "tslint": "^5.20.0",
+    "tslint": "~6.1.0",
     "typescript": "~3.7.4",
     "uglify-js": "^3.0.15",
     "unist-util-filter": "^0.2.1",

aio/src/polyfills.ts

@@ -35,7 +35,7 @@
  * will put import in the top of bundle, so user need to create a separate file
  * in this directory (for example: zone-flags.ts), and put the following flags
  * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
+ * import './zone-flags';
  *
  * The flags allowed in zone-flags.ts are listed here.
  *

aio/tests/deployment/e2e/protractor.conf.js

@@ -38,7 +38,7 @@ exports.config = {
     register({project: join(__dirname, './tsconfig.json')});
   },
   onPrepare() {
-    const {SpecReporter} = require('jasmine-spec-reporter');
+    const {SpecReporter, StacktraceOption} = require('jasmine-spec-reporter');
     const {browser} = require('protractor');
     const {loadLegacyUrls, loadRemoteSitemapUrls} = require('../shared/helpers');
 
@@ -54,7 +54,11 @@ exports.config = {
       }
 
       Object.assign(config.params, {sitemapUrls, legacyUrls});
-      jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+      jasmine.getEnv().addReporter(new SpecReporter({
+        spec: {
+          displayStacktrace: StacktraceOption.PRETTY,
+        },
+      }));
     });
   }
 };

aio/tests/e2e/protractor.conf.js

@@ -2,7 +2,7 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter } = require('jasmine-spec-reporter');
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
@@ -32,6 +32,10 @@ exports.config = {
     require('ts-node').register({
       project: require('path').join(__dirname, './tsconfig.json')
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+    jasmine.getEnv().addReporter(new SpecReporter({
+      spec: {
+        displayStacktrace: StacktraceOption.PRETTY,
+      },
+    }));
   }
 };

aio/tsconfig.json

@@ -10,9 +10,6 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
     "lib": [
       "es2018",
       "dom"

aio/tslint.json

@@ -4,8 +4,15 @@
     "codelyzer"
   ],
   "rules": {
+    "align": {
+      "options": [
+        "parameters",
+        "statements"
+      ]
+    },
     "array-type": false,
     "arrow-parens": false,
+    "arrow-return-shorthand": true,
     "ban": [
       true,
       {"name": "fdescribe", "message": "Don't keep jasmine focus methods."},
@@ -19,6 +26,7 @@
       "kebab-case"
     ],
     "contextual-lifecycle": true,
+    "curly": true,
     "deprecation": {
       "severity": "warn"
     },
@@ -29,10 +37,17 @@
       "aio",
       "camelCase"
     ],
+    "eofline": true,
     "import-blacklist": [
       true,
       "rxjs/Rx"
     ],
+    "import-spacing": true,
+    "indent": {
+      "options": [
+        "spaces"
+      ]
+    },
     "interface-name": false,
     "max-classes-per-file": false,
     "max-line-length": [
@@ -84,9 +99,41 @@
       true,
       "single"
     ],
+    "semicolon": {
+      "options": [
+        "always"
+      ]
+    },
+    "space-before-function-paren": {
+      "options": {
+        "anonymous": "never",
+        "asyncArrow": "always",
+        "constructor": "never",
+        "method": "never",
+        "named": "never"
+      }
+    },
     "template-banana-in-box": true,
     "template-no-negated-async": true,
     "trailing-comma": false,
+    "typedef-whitespace": {
+      "options": [
+        {
+          "call-signature": "nospace",
+          "index-signature": "nospace",
+          "parameter": "nospace",
+          "property-declaration": "nospace",
+          "variable-declaration": "nospace"
+        },
+        {
+          "call-signature": "onespace",
+          "index-signature": "onespace",
+          "parameter": "onespace",
+          "property-declaration": "onespace",
+          "variable-declaration": "onespace"
+        }
+      ]
+    },
     "use-lifecycle-interface": true,
     "use-pipe-transform-interface": true,
     "variable-name": [
@@ -106,6 +153,16 @@
     "template-click-events-have-key-events": true,
     "template-mouse-events-have-key-events": true,
     "template-no-autofocus": true,
-    "template-no-distracting-elements": true
+    "template-no-distracting-elements": true,
+    "whitespace": {
+      "options": [
+        "check-branch",
+        "check-decl",
+        "check-operator",
+        "check-separator",
+        "check-type",
+        "check-typecast"
+      ]
+    }
   }
 }

goldens/size-tracking/aio-payloads.json

@@ -3,8 +3,8 @@
     "master": {
       "uncompressed": {
         "runtime-es2015": 2987,
-        "main-es2015": 450676,
+        "main-es2015": 452233,
-        "polyfills-es2015": 52688
+        "polyfills-es2015": 52685
       }
     }
   },
@@ -12,8 +12,8 @@
     "master": {
       "uncompressed": {
         "runtime-es2015": 2987,
-        "main-es2015": 452480,
+        "main-es2015": 452248,
-        "polyfills-es2015": 52631
+        "polyfills-es2015": 52628
       }
     }
   },
@@ -21,8 +21,8 @@
     "master": {
       "uncompressed": {
         "runtime-es2015": 3097,
-        "main-es2015": 428994,
+        "main-es2015": 428716,
-        "polyfills-es2015": 52631
+        "polyfills-es2015": 52628
       }
     }
   }