docs: update first-app (#50663)

This commit updates the first-app demo to v16.

PR Close #50663

aio/content/demos/first-app/angular.json

@@ -23,16 +23,13 @@
             ],
             "styles": [
             ],
-            "scripts": []
+            "scripts": [],
+            "polyfills": [
+              "zone.js"
+            ]
           },
           "configurations": {
             "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -42,6 +39,14 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
             }
           }
         },
@@ -53,8 +58,12 @@
           "configurations": {
             "production": {
               "browserTarget": "addOneButton:build:production"
+            },
+            "development": {
+              "browserTarget": "addOneButton:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
@@ -74,18 +83,19 @@
             "assets": [
               "src/favicon.ico",
               "src/assets"
+            ],
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
             ]
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
             ]
           }
         }

aio/content/demos/first-app/package.json

@@ -3,15 +3,13 @@
   "version": "0.0.0",
   "private": true,
   "dependencies": {
-    "@angular/animations": "~15.2.0",
-    "@angular/common": "~15.2.0",
-    "@angular/compiler": "~15.2.0",
-    "@angular/core": "~15.2.0",
-    "@angular/platform-browser": "~15.2.0",
-    "@angular/platform-browser-dynamic": "~15.2.0",
-    "rxjs": "^7.5.2",
-    "tslib": "^2.3.1",
-    "zone.js": "^0.12.0"
+    "@angular/common": "^16.0.0",
+    "@angular/compiler": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/platform-browser": "^16.0.0",
+    "rxjs": "^7.8.0",
+    "tslib": "^2.5.3",
+    "zone.js": "^0.13.0"
   },
   "scripts": {
     "ng": "ng",
@@ -22,12 +20,18 @@
     "e2e": "ng e2e"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~15.2.0",
-    "@angular/cli": "~15.2.0",
-    "@angular/compiler-cli": "~15.2.0",
+    "@angular-devkit/build-angular": "^16.0.0",
+    "@angular-eslint/builder": "16.0.3",
+    "@angular-eslint/eslint-plugin": "16.0.3",
+    "@angular-eslint/eslint-plugin-template": "16.0.3",
+    "@angular-eslint/schematics": "16.0.3",
+    "@angular-eslint/template-parser": "16.0.3",
+    "@angular/cli": "^16.0.0",
+    "@angular/compiler-cli": "^16.0.0",
     "@types/jasmine": "~4.3.0",
-    "@types/node": "^12.11.1",
-    "codelyzer": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "5.59.7",
+    "@typescript-eslint/parser": "5.59.7",
+    "eslint": "^8.40.0",
     "jasmine-core": "~4.5.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.4.1",
@@ -35,9 +39,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.0.0",
-    "protractor": "~7.0.0",
-    "ts-node": "~10.9.0",
-    "tslint": "~6.1.0",
-    "typescript": "~4.9.3"
+    "typescript": "~5.0.0"
   }
-}
+}

aio/content/demos/first-app/src/main.ts

@@ -1,5 +1,5 @@
 // import required packages
-import 'zone.js/dist/zone';
+import 'zone.js';
 import { Component } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 

aio/content/demos/first-app/src/polyfills.ts

@@ -1 +0,0 @@
-import 'zone.js/dist/zone';

aio/content/demos/first-app/tsconfig.json

@@ -10,7 +10,7 @@
     "module": "esnext",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2022",
     "typeRoots": [
       "node_modules/@types"
     ],