Upgrade Angular and Electron

angular.json

@@ -43,11 +43,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/angular",
+            "outputPath": {
+              "base": "dist/angular"
+            },
             "index": "src-angular/index.html",
-            "main": "src-angular/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -61,7 +62,8 @@
 							"node_modules/tailwindcss/tailwind.css"
             ],
 						"scripts": [],
-            "extractLicenses": false
+            "extractLicenses": false,
+            "browser": "src-angular/main.ts"
           },
           "configurations": {
             "production": {
@@ -86,9 +88,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -97,7 +97,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
             "buildTarget": "Bridge:build"
           },

package.json

@@ -25,65 +25,65 @@
     "release": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && electron-builder build"
   },
   "dependencies": {
-    "@angular/animations": "^17.0.4",
+    "@angular/animations": "^18.0.6",
-    "@angular/common": "^17.0.4",
+    "@angular/common": "^18.0.6",
-    "@angular/compiler": "^17.0.4",
+    "@angular/compiler": "^18.0.6",
-    "@angular/core": "^17.0.4",
+    "@angular/core": "^18.0.6",
-    "@angular/forms": "^17.0.4",
+    "@angular/forms": "^18.0.6",
-    "@angular/platform-browser": "^17.0.4",
+    "@angular/platform-browser": "^18.0.6",
-    "@angular/platform-browser-dynamic": "^17.0.4",
+    "@angular/platform-browser-dynamic": "^18.0.6",
-    "@angular/router": "^17.0.4",
+    "@angular/router": "^18.0.6",
-    "bootstrap-icons": "^1.11.2",
+    "bootstrap-icons": "^1.11.3",
     "bottleneck": "^2.19.5",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
-    "electron-unhandled": "^4.0.1",
+    "electron-unhandled": "^5.0.0",
-    "electron-updater": "^6.1.7",
+    "electron-updater": "^6.2.1",
     "electron-window-state": "^5.0.3",
     "lodash": "^4.17.21",
     "mkdirp": "^3.0.1",
     "mv": "^2.1.1",
-    "parse-sng": "^3.1.2",
+    "parse-sng": "^4.0.1",
-    "rimraf": "^5.0.5",
+    "rimraf": "^6.0.0",
     "rxjs": "~7.8.1",
     "sanitize-filename": "^1.6.3",
     "scan-chart": "^3.4.1",
-    "tslib": "^2.0.0",
+    "tslib": "^2.6.3",
     "undici": "^6.3.0",
-    "zod": "^3.22.4",
+    "zod": "^3.23.8",
     "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.3",
+    "@angular-eslint/builder": "18.1.0",
-    "@angular-eslint/builder": "17.1.0",
+    "@angular-eslint/eslint-plugin": "^18.1.0",
-    "@angular-eslint/eslint-plugin": "^17.1.0",
+    "@angular-eslint/eslint-plugin-template": "^18.1.0",
-    "@angular-eslint/eslint-plugin-template": "^17.1.0",
+    "@angular-eslint/schematics": "^18.1.0",
-    "@angular-eslint/schematics": "^17.1.0",
+    "@angular-eslint/template-parser": "^18.1.0",
-    "@angular-eslint/template-parser": "^17.1.0",
+    "@angular/build": "^18.0.7",
-    "@angular/cli": "^17.0.3",
+    "@angular/cli": "^18.0.7",
-    "@angular/compiler-cli": "^17.0.4",
+    "@angular/compiler-cli": "^18.0.6",
-    "@angular/language-service": "^17.0.4",
+    "@angular/language-service": "^18.0.6",
-    "@types/lodash": "^4.14.202",
+    "@types/lodash": "^4.17.6",
     "@types/mv": "^2.1.0",
     "@types/node": "^18.16.0",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^6.12.0",
+    "@typescript-eslint/parser": "^7.16.0",
     "concurrently": "^8.2.2",
-    "daisyui": "^4.4.14",
+    "daisyui": "^4.12.10",
-    "electron": "^27.1.2",
+    "electron": "^31.2.0",
-    "electron-builder": "^24.9.1",
+    "electron-builder": "^24.13.3",
-    "eslint": "^8.54.0",
+    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsdoc": "^46.9.0",
+    "eslint-plugin-jsdoc": "^48.5.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-prettier": "^5.1.3",
-    "nodemon": "^3.0.1",
+    "nodemon": "^3.1.4",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.39",
-    "prettier": "^3.1.0",
+    "prettier": "^3.3.2",
-    "prettier-eslint": "^16.1.2",
+    "prettier-eslint": "^16.3.0",
     "source-map-support": "^0.5.21",
     "tailwind-scrollbar": "^3.1.0",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.4",
-    "typescript": "^5.5.3"
+    "typescript": "^5.4.5"
   }
-}
+}

src-angular/app/app.module.ts

@@ -1,4 +1,4 @@
-import { HttpClientModule } from '@angular/common/http'
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
 import { NgModule } from '@angular/core'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { BrowserModule } from '@angular/platform-browser'
@@ -34,13 +34,11 @@ import { RemoveStyleTagsPipe } from './core/pipes/remove-style-tags.pipe'
 		RemoveStyleTagsPipe,
 		SettingsComponent,
 	],
-	imports: [
+	bootstrap: [AppComponent], imports: [
 		BrowserModule,
 		AppRoutingModule,
 		FormsModule,
 		ReactiveFormsModule,
-		HttpClientModule,
+	], providers: [provideHttpClient(withInterceptorsFromDi())],
-	],
-	bootstrap: [AppComponent],
 })
 export class AppModule { }

src-angular/styles.scss

@@ -1,5 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
-@import '~bootstrap-icons/font/bootstrap-icons.css';
+@import 'bootstrap-icons/font/bootstrap-icons.css';
 
 input[type='number']::-webkit-outer-spin-button,
 input[type='number']::-webkit-inner-spin-button,

tsconfig.json

@@ -7,7 +7,6 @@
     "removeComments": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true,
 		"esModuleInterop": true,
     "sourceMap": true,
     "noImplicitOverride": true,
@@ -18,7 +17,6 @@
     "importHelpers": true,
     "useDefineForClassFields": false,
     "noImplicitAny": true,
-		"downlevelIteration": true,
     "strictBindCallApply": true,
     "lib": [
       "ES2022",