chore(deps): update again to angular v18 using ng update and run the automatic migration

Adapt backend to esModuleInterop true set by the migration

Author: DavideViolante

angular.json

@@ -15,11 +15,11 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist/public",
             "index": "client/index.html",
-            "main": "client/main.ts",
+            "browser": "client/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -42,13 +42,13 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "750kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "750kB",
+                  "maximumError": "1MB"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
                 }
               ],
               "outputHashing": "all"
@@ -75,10 +75,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "angular2-full-stack:build"
-          }
+          "builder": "@angular-devkit/build-angular:extract-i18n"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
@@ -119,13 +116,5 @@
     "schematicCollections": [
       "@angular-eslint/schematics"
     ]
-  },
-  "schematics": {
-    "@angular-eslint/schematics:application": {
-      "setParserOptionsProject": true
-    },
-    "@angular-eslint/schematics:library": {
-      "setParserOptionsProject": true
-    }
   }
 }

client/app/shared/shared.module.ts

@@ -1,34 +1,33 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 import { ToastComponent } from './toast/toast.component';
 import { LoadingComponent } from './loading/loading.component';
 
 @NgModule({
-  imports: [
-    BrowserModule,
-    FormsModule,
-    ReactiveFormsModule,
-    HttpClientModule
-  ],
   exports: [
     // Shared Modules
     BrowserModule,
     FormsModule,
     ReactiveFormsModule,
-    HttpClientModule,
     // Shared Components
     ToastComponent,
-    LoadingComponent
+    LoadingComponent,
   ],
   declarations: [
     ToastComponent,
     LoadingComponent
   ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    ReactiveFormsModule
+  ],
   providers: [
-    ToastComponent
-  ]
+    ToastComponent,
+    provideHttpClient(withInterceptorsFromDi())
+  ],
 })
-export class SharedModule { }
+export class SharedModule {}

eslint.config.js

@@ -30,7 +30,6 @@ module.exports = tseslint.config(
           style: "kebab-case",
         },
       ],
-
       "@typescript-eslint/no-explicit-any": "off",
       "no-underscore-dangle": "off",
       "arrow-spacing": "error",