Update to v18

DanWahlin · Nov 17, 2024 · 329fb11 · 329fb11
1 parent 1a88b73
commit 329fb11
Show file tree

Hide file tree

Showing 30 changed files with 10,327 additions and 28,663 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,6 +3,7 @@
 node_modules
 npm-debug.log
 sandboxes.ts
+.angular
 
 # Code Editor Settings
 .idea

diff --git a/README.md b/README.md
@@ -60,6 +60,7 @@ Here are a few screenshots from the app:
 
 ![](src/assets/images/screenshots/details.png)
 
+<!--
 ## Running Angular Playground
 
 This application includes Angular Playground (http://www.angularplayground.it) which provides a great way to isolate components in a sandbox rather than loading the 
@@ -68,6 +69,7 @@ entire application to see a given component. To run the playground run the follo
 `npm run playground`
 
 Then open a browser and visit `http://localhost:4201` and follow the directions there (or visit their website for more information).
+-->
 
 ## Running Cypress End to End Tests
 

diff --git a/angular.json b/angular.json
@@ -4,139 +4,93 @@
   "newProjectRoot": "projects",
   "projects": {
     "angular-jumpstart": {
+      "projectType": "application",
+      "schematics": {},
       "root": "",
       "sourceRoot": "src",
-      "projectType": "application",
+      "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@ngx-env/builder:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": "dist/angular-jumpstart",
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
             "tsConfig": "tsconfig.app.json",
-            "polyfills": "src/polyfills.ts",
             "assets": [
-              "src/assets",
-              "src/favicon.ico"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.css"
             ],
-            "scripts": [],
-            "vendorChunk": true,
-            "extractLicenses": false,
-            "buildOptimizer": false,
-            "sourceMap": true,
-            "optimization": false,
-            "namedChunks": true
+            "scripts": []
           },
           "configurations": {
             "production": {
               "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb"
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
                 }
               ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "namedChunks": false,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ]
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@ngx-env/builder:dev-server",
-          "options": {
-            "browserTarget": "angular-jumpstart:build"
-          },
+          "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "angular-jumpstart:build:production"
+              "buildTarget": "angular-jumpstart:build:production"
+            },
+            "development": {
+              "buildTarget": "angular-jumpstart:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@ngx-env/builder:extract-i18n",
-          "options": {
-            "browserTarget": "angular-jumpstart:build"
-          }
-        }
-      }
-    },
-    "playground": {
-      "projectType": "application",
-      "root": "",
-      "sourceRoot": "src",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "outputPath": "dist/playground",
-            "index": "src/index.html",
-            "main": ".angular-playground/main.playground.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": ".angular-playground/tsconfig.playground.json",
-            "aot": false,
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
             "assets": [
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.css"
             ],
             "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "environments/environment.ts",
-                  "with": "environments/environment.prod.ts"
-                }
-              ],
-              "buildOptimizer": false,
-              "extractLicenses": false,
-              "outputHashing": "all"
-            },
-            "development": {
-              "buildOptimizer": false,
-              "optimization": false,
-              "vendorChunk": true,
-              "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "playground:build",
-            "port": 4201
           }
         }
       }
     }
-  },
-  "schematics": {
-    "@schematics/angular:component": {
-      "prefix": "cm",
-      "style": "css"
-    },
-    "@schematics/angular:directive": {
-      "prefix": "cm"
-    }
   }
-}
+}