Feature/upgrade nx to version 19.2.2 (#3474)

* Upgrade Nx to version 19.2.2 and Angular to version 18.0.2 * Update changelog
10 months ago · 2477491f18
parent 5fc9fde129
commit 2477491f18
9 changed files with 2337 additions and 1342 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -24,12 +24,18 @@
    {
      "files": ["*.ts", "*.tsx"],
      "extends": ["plugin:@nx/typescript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
+      }
    },
    {
      "files": ["*.js", "*.jsx"],
      "extends": ["plugin:@nx/javascript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
+      }
    },
    {
      "files": ["*.ts"],
--- a/.gitignore
+++ b/.gitignore
@ -28,6 +28,7 @@
 .env
 .env.prod
 .nx/cache
+.nx/workspace-data
 /.sass-cache
 /connect.lock
 /coverage
--- a/.prettierignore
+++ b/.prettierignore
@ -1,4 +1,5 @@
 /.nx/cache
+/.nx/workspace-data
 /apps/client/src/polyfills.ts
 /dist
 /test/import
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## Unreleased
+
+### Changed
+
+- Upgraded `angular` from version `17.3.10` to `18.0.2`
+- Upgraded `Nx` from version `19.0.5` to `19.2.2`
+
 ## 2.87.0 - 2024-06-08

 ### Changed
--- a/apps/client/src/app/app.module.ts
+++ b/apps/client/src/app/app.module.ts
@ -1,7 +1,10 @@
 import { GfLogoComponent } from '@ghostfolio/ui/logo';

 import { Platform } from '@angular/cdk/platform';
-import { HttpClientModule } from '@angular/common/http';
+import {
+  provideHttpClient,
+  withInterceptorsFromDi
+} from '@angular/common/http';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatChipsModule } from '@angular/material/chips';
@ -45,7 +48,6 @@ export function NgxStripeFactory(): string {
    GfHeaderModule,
    GfLogoComponent,
    GfSubscriptionInterstitialDialogModule,
-    HttpClientModule,
    MarkdownModule.forRoot(),
    MatAutocompleteModule,
    MatChipsModule,
@ -63,6 +65,7 @@ export function NgxStripeFactory(): string {
    authInterceptorProviders,
    httpResponseInterceptorProviders,
    LanguageService,
+    provideHttpClient(withInterceptorsFromDi()),
    {
      provide: DateAdapter,
      useClass: CustomDateAdapter,
--- a/apps/client/src/index.html
+++ b/apps/client/src/index.html
@ -48,7 +48,7 @@
    <link href="../assets/site.webmanifest" rel="manifest" />
  </head>
  <body>
-    <gf-root />
+    <gf-root></gf-root>

    <script src="../ionicons/ionicons.esm.js" type="module"></script>
    <script nomodule="" src="ionicons.js"></script>
--- a/apps/client/src/styles/theme.scss
+++ b/apps/client/src/styles/theme.scss
@ -71,16 +71,16 @@ $gf-secondary: (
  )
 );

-$gf-typography: mat.define-typography-config();
+$gf-typography: mat.m2-define-typography-config();

@include mat.core();

 // Create default theme
-$gf-theme-default: mat.define-light-theme(
+$gf-theme-default: mat.m2-define-light-theme(
  (
    color: (
-      primary: mat.define-palette($gf-primary),
-      accent: mat.define-palette($gf-secondary, 500, 900, A100)
+      primary: mat.m2-define-palette($gf-primary),
+      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100)
    ),
    density: -3,
    typography: $gf-typography
@ -91,11 +91,11 @@ $gf-theme-default: mat.define-light-theme(
@include mat.table-density(-1);

 // Create dark theme
-$gf-theme-dark: mat.define-dark-theme(
+$gf-theme-dark: mat.m2-define-dark-theme(
  (
    color: (
-      primary: mat.define-palette($gf-primary),
-      accent: mat.define-palette($gf-secondary, 500, 900, A100)
+      primary: mat.m2-define-palette($gf-primary),
+      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100)
    ),
    density: -3,
    typography: $gf-typography
--- a/package.json
+++ b/package.json
@ -54,17 +54,17 @@
    "workspace-generator": "nx workspace-generator"
  },
  "dependencies": {
-    "@angular/animations": "17.3.10",
-    "@angular/cdk": "17.3.10",
-    "@angular/common": "17.3.10",
-    "@angular/compiler": "17.3.10",
-    "@angular/core": "17.3.10",
-    "@angular/forms": "17.3.10",
-    "@angular/material": "17.3.10",
-    "@angular/platform-browser": "17.3.10",
-    "@angular/platform-browser-dynamic": "17.3.10",
-    "@angular/router": "17.3.10",
-    "@angular/service-worker": "17.3.10",
+    "@angular/animations": "18.0.2",
+    "@angular/cdk": "18.0.2",
+    "@angular/common": "18.0.2",
+    "@angular/compiler": "18.0.2",
+    "@angular/core": "18.0.2",
+    "@angular/forms": "18.0.2",
+    "@angular/material": "18.0.2",
+    "@angular/platform-browser": "18.0.2",
+    "@angular/platform-browser-dynamic": "18.0.2",
+    "@angular/router": "18.0.2",
+    "@angular/service-worker": "18.0.2",
    "@codewithdan/observable-store": "2.2.15",
    "@dfinity/agent": "0.15.7",
    "@dfinity/auth-client": "0.15.7",
@ -137,30 +137,30 @@
    "zone.js": "0.14.5"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "17.3.8",
-    "@angular-devkit/core": "17.3.8",
-    "@angular-devkit/schematics": "17.3.8",
-    "@angular-eslint/eslint-plugin": "17.5.1",
-    "@angular-eslint/eslint-plugin-template": "17.5.1",
-    "@angular-eslint/template-parser": "17.5.1",
-    "@angular/cli": "17.3.8",
-    "@angular/compiler-cli": "17.3.10",
-    "@angular/language-service": "17.3.10",
-    "@angular/localize": "17.3.10",
-    "@angular/pwa": "17.3.8",
+    "@angular-devkit/build-angular": "18.0.3",
+    "@angular-devkit/core": "18.0.3",
+    "@angular-devkit/schematics": "18.0.3",
+    "@angular-eslint/eslint-plugin": "18.0.1",
+    "@angular-eslint/eslint-plugin-template": "18.0.1",
+    "@angular-eslint/template-parser": "18.0.1",
+    "@angular/cli": "18.0.3",
+    "@angular/compiler-cli": "18.0.2",
+    "@angular/language-service": "18.0.2",
+    "@angular/localize": "18.0.2",
+    "@angular/pwa": "18.0.3",
    "@nestjs/schematics": "10.0.1",
    "@nestjs/testing": "10.1.3",
-    "@nx/angular": "19.0.5",
-    "@nx/cypress": "19.0.5",
-    "@nx/eslint-plugin": "19.0.5",
-    "@nx/jest": "19.0.5",
-    "@nx/js": "19.0.5",
-    "@nx/nest": "19.0.5",
-    "@nx/node": "19.0.5",
-    "@nx/storybook": "19.0.5",
-    "@nx/web": "19.0.5",
-    "@nx/workspace": "19.0.5",
-    "@schematics/angular": "17.3.3",
+    "@nx/angular": "19.2.2",
+    "@nx/cypress": "19.2.2",
+    "@nx/eslint-plugin": "19.2.2",
+    "@nx/jest": "19.2.2",
+    "@nx/js": "19.2.2",
+    "@nx/nest": "19.2.2",
+    "@nx/node": "19.2.2",
+    "@nx/storybook": "19.2.2",
+    "@nx/web": "19.2.2",
+    "@nx/workspace": "19.2.2",
+    "@schematics/angular": "18.0.3",
    "@simplewebauthn/types": "9.0.1",
    "@storybook/addon-essentials": "7.6.5",
    "@storybook/angular": "7.6.5",
@ -187,8 +187,8 @@
    "eslint-plugin-storybook": "0.6.15",
    "jest": "29.4.3",
    "jest-environment-jsdom": "29.4.3",
-    "jest-preset-angular": "14.0.3",
-    "nx": "19.0.5",
+    "jest-preset-angular": "14.1.0",
+    "nx": "19.2.2",
    "prettier": "3.3.1",
    "prettier-plugin-organize-attributes": "1.0.0",
    "react": "18.2.0",
--- a/yarn.lock
+++ b/yarn.lock