chore: update angular to v18 (#1121)

.vscode/settings.json

@@ -4,7 +4,7 @@
     "typescript"
   ],
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "cSpell.words": [
     "Armoni",

Dockerfile

@@ -2,19 +2,19 @@ FROM node:lts-alpine AS build
 
 WORKDIR /usr/src/app
 
-RUN npm install --ignore-scripts -g pnpm @antfu/ni 
+RUN npm install --ignore-scripts -g pnpm@9.1.4
 
 COPY package.json ./
 COPY pnpm-lock.yaml ./
 COPY .npmrc ./
 
-RUN nci
+RUN pnpm i --ignore-scripts --frozen-lockfile
 
 COPY src ./src
 COPY tsconfig.app.json tsconfig.json tsconfig.spec.json ./
 COPY angular.json ./
 
-RUN nr build --base-href=/admin/
+RUN pnpm build --base-href=/admin/
 
 FROM nginx:stable-alpine-perl AS production
 
@@ -25,7 +25,7 @@ RUN rm -rf ./*
 COPY nginx/nginx.default.conf /etc/nginx/nginx.conf
 COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
 
-COPY --from=build /usr/src/app/dist/ .
+COPY --from=build /usr/src/app/dist/admin/browser ./admin
 
 RUN addgroup -g 5000 armonik && adduser -h /home/armonik -u 5000 -G armonik -s /bin/sh armonik -D
 USER armonik

angular.json

@@ -36,13 +36,14 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
             "preserveSymlinks": true,
             "localize": true,
-            "outputPath": "dist/admin",
+            "outputPath": {
+              "base": "dist/admin"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -71,7 +72,8 @@
               "src/styles.css",
               "src/themes.css"
             ],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "en": {
@@ -100,9 +102,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -111,19 +111,19 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
             "proxyConfig": "src/proxy.conf.json"
           },
           "configurations": {
             "production": {
-              "browserTarget": "armonik-admin-gui:build:production"
+              "buildTarget": "armonik-admin-gui:build:production"
             },
             "development": {
-              "browserTarget": "armonik-admin-gui:build:development,en"
+              "buildTarget": "armonik-admin-gui:build:development,en"
             },
             "fr": {
-              "browserTarget": "armonik-admin-gui:build:development,fr"
+              "buildTarget": "armonik-admin-gui:build:development,fr"
             }
           },
           "defaultConfiguration": "development"

package.json

@@ -20,17 +20,17 @@
   "dependencies": {
     "@aneoconsultingfr/armonik.api.angular": "^3.17.1",
     "@angular-material-components/datetime-picker": "^16.0.1",
-    "@angular/animations": "^16.2.12",
-    "@angular/cdk": "16.2.14",
-    "@angular/common": "^16.2.12",
-    "@angular/compiler": "^16.2.12",
-    "@angular/core": "^16.2.12",
-    "@angular/forms": "^16.2.12",
-    "@angular/material": "16.2.14",
-    "@angular/material-luxon-adapter": "^16.2.14",
-    "@angular/platform-browser": "^16.2.12",
-    "@angular/platform-browser-dynamic": "^16.2.12",
-    "@angular/router": "^16.2.12",
+    "@angular/animations": "^18.0.1",
+    "@angular/cdk": "18.0.1",
+    "@angular/common": "^18.0.1",
+    "@angular/compiler": "^18.0.1",
+    "@angular/core": "^18.0.1",
+    "@angular/forms": "^18.0.1",
+    "@angular/material": "18.0.1",
+    "@angular/material-luxon-adapter": "^18.0.1",
+    "@angular/platform-browser": "^18.0.1",
+    "@angular/platform-browser-dynamic": "^18.0.1",
+    "@angular/router": "^18.0.1",
     "@ngx-grpc/common": "^3.1.2",
     "@ngx-grpc/core": "^3.1.2",
     "@ngx-grpc/grpc-web-client": "^3.1.2",
@@ -42,15 +42,15 @@
     "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.2.14",
-    "@angular-eslint/builder": "16.3.1",
-    "@angular-eslint/eslint-plugin": "16.3.1",
-    "@angular-eslint/eslint-plugin-template": "16.3.1",
-    "@angular-eslint/schematics": "16.3.1",
-    "@angular-eslint/template-parser": "16.3.1",
-    "@angular/cli": "~16.2.14",
-    "@angular/compiler-cli": "^16.2.12",
-    "@angular/localize": "16.2.12",
+    "@angular-eslint/builder": "18.0.1",
+    "@angular-eslint/eslint-plugin": "18.0.1",
+    "@angular-eslint/eslint-plugin-template": "18.0.1",
+    "@angular-eslint/schematics": "18.0.1",
+    "@angular-eslint/template-parser": "18.0.1",
+    "@angular/build": "^18.0.2",
+    "@angular/cli": "~18.0.2",
+    "@angular/compiler-cli": "^18.0.1",
+    "@angular/localize": "18.0.1",
     "@types/google-protobuf": "^3.15.12",
     "@types/jest": "^29.5.12",
     "@types/luxon": "^3.4.2",
@@ -64,10 +64,10 @@
     "eslint-plugin-import": "^2.29.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-preset-angular": "^13.1.6",
-    "ng-extract-i18n-merge": "2.11.2",
+    "jest-preset-angular": "^14.1.0",
+    "ng-extract-i18n-merge": "2.12.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
-    "typescript": "~5.1.6"
+    "typescript": "~5.4.5"
   }
-}
+}