feat(client): refactor public page component to standalone as this is the new default starting Angular v19

CHANGELOG.md

@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Refactored the benchmark comparator component to standalone
 - Refactored the portfolio summary component to standalone
 - Refactored the world map chart component to standalone
+- Refactored the public page component to standalone
 - Enbabled the trim option in the `extract-i18n` configuration
 - Improved the language localization for German (`de`)
 - Upgraded the _Stripe_ dependencies

apps/client/src/app/app-routing.module.ts

@@ -111,9 +111,7 @@ const routes: Routes = [
   {
     path: publicRoutes.public.path,
     loadChildren: () =>
-      import('./pages/public/public-page.module').then(
+      import('./pages/public/public-page.routes').then((m) => m.routes)
-        (m) => m.PublicPageModule
-      )
   },
   {
     path: publicRoutes.register.path,

apps/client/src/app/pages/public/public-page-routing.module.ts

@@ -1,20 +0,0 @@
-import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
-
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { PublicPageComponent } from './public-page.component';
-
-const routes: Routes = [
-  {
-    canActivate: [AuthGuard],
-    component: PublicPageComponent,
-    path: ':id'
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class PublicPageRoutingModule {}

apps/client/src/app/pages/public/public-page.component.ts

@@ -1,4 +1,3 @@
-import { DataService } from '@ghostfolio/client/services/data.service';
 import { UNKNOWN_KEY } from '@ghostfolio/common/config';
 import { prettifySymbol } from '@ghostfolio/common/helper';
 import {
@@ -6,8 +5,19 @@ import {
   PublicPortfolioResponse
 } from '@ghostfolio/common/interfaces';
 import { Market } from '@ghostfolio/common/types';
+import { GfHoldingsTableComponent } from '@ghostfolio/ui/holdings-table/holdings-table.component';
+import { GfPortfolioProportionChartComponent } from '@ghostfolio/ui/portfolio-proportion-chart/portfolio-proportion-chart.component';
+import { GfValueComponent } from '@ghostfolio/ui/value';
 
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {
+  ChangeDetectorRef,
+  Component,
+  CUSTOM_ELEMENTS_SCHEMA,
+  OnInit
+} from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AssetClass } from '@prisma/client';
 import { StatusCodes } from 'http-status-codes';
@@ -16,14 +26,26 @@ import { DeviceDetectorService } from 'ngx-device-detector';
 import { EMPTY, Subject } from 'rxjs';
 import { catchError, takeUntil } from 'rxjs/operators';
 
+import { GfWorldMapChartComponent } from '../../components/world-map-chart/world-map-chart.component';
+import { DataService } from '../../services/data.service';
+
 @Component({
   host: { class: 'page' },
   selector: 'gf-public-page',
   styleUrls: ['./public-page.scss'],
   templateUrl: './public-page.html',
-  standalone: false
+  imports: [
+    CommonModule,
+    GfHoldingsTableComponent,
+    GfPortfolioProportionChartComponent,
+    GfValueComponent,
+    GfWorldMapChartComponent,
+    MatButtonModule,
+    MatCardModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class PublicPageComponent implements OnInit {
+export class GfPublicPageComponent implements OnInit {
   public continents: {
     [code: string]: { name: string; value: number };
   };

apps/client/src/app/pages/public/public-page.module.ts

@@ -1,28 +0,0 @@
-import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
-import { GfHoldingsTableComponent } from '@ghostfolio/ui/holdings-table';
-import { GfPortfolioProportionChartComponent } from '@ghostfolio/ui/portfolio-proportion-chart';
-import { GfValueComponent } from '@ghostfolio/ui/value';
-
-import { CommonModule } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-
-import { PublicPageRoutingModule } from './public-page-routing.module';
-import { PublicPageComponent } from './public-page.component';
-
-@NgModule({
-  declarations: [PublicPageComponent],
-  imports: [
-    CommonModule,
-    GfHoldingsTableComponent,
-    GfPortfolioProportionChartComponent,
-    GfValueComponent,
-    GfWorldMapChartComponent,
-    MatButtonModule,
-    MatCardModule,
-    PublicPageRoutingModule
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class PublicPageModule {}

apps/client/src/app/pages/public/public-page.routes.ts

@@ -0,0 +1,13 @@
+import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+
+import { Routes } from '@angular/router';
+
+import { GfPublicPageComponent } from './public-page.component';
+
+export const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: GfPublicPageComponent,
+    path: ':id'
+  }
+];