feat(Application): Upgrade to Angular 18 (#1880)

Co-authored-by: Geoffrey Kwan <[email protected]>
WISE-Community · Aug 12, 2024 · e669e0a · e669e0a
1 parent 0bf3a36
commit e669e0a
Show file tree

Hide file tree

Showing 299 changed files with 11,486 additions and 9,091 deletions.
diff --git a/.github/workflows/test-coverage.yml b/.github/workflows/test-coverage.yml
@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.16.0]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
       - uses: actions/checkout@v2

diff --git a/Dockerfile.dev b/Dockerfile.dev
@@ -1,4 +1,4 @@
-FROM node:18.16.0
+FROM node:20.16.0
 RUN apt-get update && apt-get install build-essential \
     chromium libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev -y
 ENV CHROME_BIN='/usr/bin/chromium'

diff --git a/angular.json b/angular.json
@@ -25,19 +25,31 @@
             "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
-            "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "assets": [
               {
                 "glob": "**/*",
                 "input": "src/assets/",
-                "ignore": ["**/*.scss", "**/*.md"],
+                "ignore": [
+                  "**/*.scss",
+                  "**/*.md"
+                ],
                 "output": "/assets/"
               },
               "src/favicon.ico",
-              { "glob": "**/*", "input": "node_modules/mathjax", "output": "/mathjax/" },
-              { "glob": "**/*", "input": "node_modules/tinymce", "output": "/tinymce/" }
+              {
+                "glob": "**/*",
+                "input": "node_modules/mathjax",
+                "output": "/mathjax/"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/tinymce",
+                "output": "/tinymce/"
+              }
             ],
             "styles": [
               "./node_modules/tabulator-tables/dist/css/tabulator_semanticui.min.css",
@@ -48,10 +60,11 @@
             ],
             "stylePreprocessorOptions": {
               "includePaths": [
-                "src/style"
+                "src"
               ]
             },
-            "scripts": []
+            "scripts": [],
+            "main": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -69,15 +82,13 @@
               "aot": true,
               "localize": true,
               "extractLicenses": true,
-              "vendorChunk": true,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "outputPath": "dist/",
+              "outputPath": "dist",
               "baseHref": "/"
             },
             "development": {
@@ -87,83 +98,97 @@
               "namedChunks": true,
               "aot": true,
               "extractLicenses": false,
-              "vendorChunk": true,
-              "buildOptimizer": false,
               "budgets": []
             },
             "es": {
-              "localize": ["es"]
+              "localize": [
+                "es"
+              ]
             },
             "ja": {
-              "localize": ["ja"]
+              "localize": [
+                "ja"
+              ]
             },
             "pt": {
-              "localize": ["pt"]
+              "localize": [
+                "pt"
+              ]
             },
             "tr": {
-              "localize": ["tr"]
+              "localize": [
+                "tr"
+              ]
             },
             "zh-Hans": {
-              "localize": ["zh-Hans"]
+              "localize": [
+                "zh-Hans"
+              ]
             },
             "zh-Hant": {
-              "localize": ["zh-Hant"]
+              "localize": [
+                "zh-Hant"
+              ]
             }
           }
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "wise:build",
+            "buildTarget": "wise:build",
             "publicHost": "localhost:4200"
           },
           "configurations": {
             "production": {
-              "browserTarget": "wise:build:production"
+              "buildTarget": "wise:build:production"
             },
             "development": {
-              "browserTarget": "wise:build:development"
+              "buildTarget": "wise:build:development"
             },
             "es": {
-              "browserTarget": "wise:build:es"
+              "buildTarget": "wise:build:es"
             },
             "ja": {
-              "browserTarget": "wise:build:ja"
+              "buildTarget": "wise:build:ja"
             },
             "pt": {
-              "browserTarget": "wise:build:pt"
+              "buildTarget": "wise:build:pt"
             },
             "tr": {
-              "browserTarget": "wise:build:tr"
+              "buildTarget": "wise:build:tr"
             },
             "zh-Hans": {
-              "browserTarget": "wise:build:zh-Hans"
+              "buildTarget": "wise:build:zh-Hans"
             },
             "zh-Hant": {
-              "browserTarget": "wise:build:zh-Hant"
+              "buildTarget": "wise:build:zh-Hant"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "wise:build"
+            "buildTarget": "wise:build"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "karmaConfig": "karma.conf.js",
-            "polyfills": ["@angular/localize/init", "zone.js", "zone.js/testing"],
+            "polyfills": [
+              "@angular/localize/init",
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "src/tsconfig.spec.json",
             "scripts": [],
             "styles": [
               "src/style/styles.scss"
             ],
             "stylePreprocessorOptions": {
               "includePaths": [
-                "src/style"
+                "src"
               ]
             },
             "assets": [
@@ -238,4 +263,4 @@
   "cli": {
     "analytics": false
   }
-}
+}