Release 2.27.1 (#2698)

* Extend performance endpoint by net worth per day

* Update changelog

.github/workflows/build-code.yml

@@ -4,6 +4,9 @@ on:
   pull_request:
   workflow_dispatch:
 
+permissions:
+  contents: read
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -13,12 +16,12 @@ jobs:
           - 18
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Use Node.js ${{ matrix.node_version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node_version }}
           cache: 'yarn'

.github/workflows/docker-image.yml

@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Docker metadata
         id: meta

CHANGELOG.md

@@ -5,6 +5,43 @@ 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).
 
+## 2.27.1 - 2023-11-28
+
+### Changed
+
+- Reverted `Nx` from version `17.1.3` to `17.0.2`
+
+## 2.27.0 - 2023-11-24
+
+### Changed
+
+- Extended the chart in the account detail dialog by historical cash balances
+- Improved the error log for a timeout in the data source request
+- Improved the language localization for German (`de`)
+- Upgraded `angular` from version `16.2.12` to `17.0.4`
+- Upgraded `Nx` from version `17.0.2` to `17.1.3`
+
+## 2.26.0 - 2023-11-24
+
+### Changed
+
+- Upgraded `prisma` from version `5.5.2` to `5.6.0`
+- Upgraded `yahoo-finance2` from version `2.8.1` to `2.9.0`
+
+## 2.25.1 - 2023-11-19
+
+### Added
+
+- Added a blog post: _Black Friday 2023_
+
+### Changed
+
+- Upgraded `http-status-codes` from version `2.2.0` to `2.3.0`
+
+### Fixed
+
+- Handled reading items from missing transaction point while getting the position (`getPosition()`) in portfolio service
+
 ## 2.24.0 - 2023-11-16
 
 ### Changed

DEVELOPMENT.md

@@ -32,7 +32,7 @@ Use `*ngIf="user?.settings?.isExperimentalFeatures"` in HTML template
 
 1. Run `yarn nx migrate latest`
 1. Make sure `package.json` changes make sense and then run `yarn install`
-1. Run `yarn nx migrate --run-migrations`
+1. Run `yarn nx migrate --run-migrations` (Run `YARN_NODE_LINKER="node-modules" NX_MIGRATE_SKIP_INSTALL=1 yarn nx migrate --run-migrations` due to https://github.com/nrwl/nx/issues/16338)
 
 ### Prisma
 

README.md

@@ -272,7 +272,7 @@ Are you building your own project? Add the `ghostfolio` topic to your _GitHub_ r
 
 Ghostfolio is **100% free** and **open source**. We encourage and support an active and healthy community that accepts contributions from the public - including you.
 
-Not sure what to work on? We have got some ideas. Please join the Ghostfolio [Slack](https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg) channel or tweet to [@ghostfolio\_](https://twitter.com/ghostfolio_). We would love to hear from you.
+Not sure what to work on? We have got some ideas. Please join the Ghostfolio [Slack](https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg) channel or post to [@ghostfolio\_](https://twitter.com/ghostfolio_) on _X_. We would love to hear from you.
 
 If you like to support this project, get [**Ghostfolio Premium**](https://ghostfol.io/en/pricing) or [**Buy me a coffee**](https://www.buymeacoffee.com/ghostfolio).
 

apps/api/project.json

@@ -47,8 +47,7 @@
     "test": {
       "executor": "@nx/jest:jest",
       "options": {
-        "jestConfig": "apps/api/jest.config.ts",
-        "passWithNoTests": true
+        "jestConfig": "apps/api/jest.config.ts"
       },
       "outputs": ["{workspaceRoot}/coverage/apps/api"]
     }

apps/api/src/app/account/account.controller.ts

@@ -128,8 +128,8 @@ export class AccountController {
     @Param('id') id: string
   ): Promise<AccountBalancesResponse> {
     return this.accountBalanceService.getAccountBalances({
-      accountId: id,
-      userId: this.request.user.id
+      filters: [{ id, type: 'ACCOUNT' }],
+      user: this.request.user
     });
   }
 

apps/api/src/app/portfolio/portfolio.controller.ts

@@ -346,16 +346,34 @@ export class PortfolioController {
       this.userService.isRestrictedView(this.request.user)
     ) {
       performanceInformation.chart = performanceInformation.chart.map(
-        ({ date, netPerformanceInPercentage, totalInvestment, value }) => {
+        ({
+          date,
+          netPerformanceInPercentage,
+          netWorth,
+          totalInvestment,
+          value
+        }) => {
           return {
             date,
             netPerformanceInPercentage,
-            totalInvestment: new Big(totalInvestment)
-              .div(performanceInformation.performance.totalInvestment)
-              .toNumber(),
-            valueInPercentage: new Big(value)
-              .div(performanceInformation.performance.currentValue)
-              .toNumber()
+            netWorthInPercentage:
+              performanceInformation.performance.currentNetWorth === 0
+                ? 0
+                : new Big(netWorth)
+                    .div(performanceInformation.performance.currentNetWorth)
+                    .toNumber(),
+            totalInvestment:
+              performanceInformation.performance.totalInvestment === 0
+                ? 0
+                : new Big(totalInvestment)
+                    .div(performanceInformation.performance.totalInvestment)
+                    .toNumber(),
+            valueInPercentage:
+              performanceInformation.performance.currentValue === 0
+                ? 0
+                : new Big(value)
+                    .div(performanceInformation.performance.currentValue)
+                    .toNumber()
           };
         }
       );
@@ -365,6 +383,7 @@ export class PortfolioController {
         [
           'currentGrossPerformance',
           'currentNetPerformance',
+          'currentNetWorth',
           'currentValue',
           'totalInvestment'
         ]

apps/api/src/app/portfolio/portfolio.service.ts

@@ -12,6 +12,7 @@ import { CurrencyClusterRiskBaseCurrencyCurrentInvestment } from '@ghostfolio/ap
 import { CurrencyClusterRiskCurrentInvestment } from '@ghostfolio/api/models/rules/currency-cluster-risk/current-investment';
 import { EmergencyFundSetup } from '@ghostfolio/api/models/rules/emergency-fund/emergency-fund-setup';
 import { FeeRatioInitialInvestment } from '@ghostfolio/api/models/rules/fees/fee-ratio-initial-investment';
+import { AccountBalanceService } from '@ghostfolio/api/services/account-balance/account-balance.service';
 import { DataProviderService } from '@ghostfolio/api/services/data-provider/data-provider.service';
 import { ExchangeRateDataService } from '@ghostfolio/api/services/exchange-rate-data/exchange-rate-data.service';
 import { ImpersonationService } from '@ghostfolio/api/services/impersonation/impersonation.service';
@@ -67,14 +68,16 @@ import {
   isBefore,
   isSameMonth,
   isSameYear,
+  isValid,
   max,
+  min,
   parseISO,
   set,
   setDayOfYear,
   subDays,
   subYears
 } from 'date-fns';
-import { isEmpty, sortBy, uniq, uniqBy } from 'lodash';
+import { isEmpty, last, sortBy, uniq, uniqBy } from 'lodash';
 
 import {
   HistoricalDataContainer,
@@ -91,6 +94,7 @@ const europeMarkets = require('../../assets/countries/europe-markets.json');
 @Injectable()
 export class PortfolioService {
   public constructor(
+    private readonly accountBalanceService: AccountBalanceService,
     private readonly accountService: AccountService,
     private readonly currentRateService: CurrentRateService,
     private readonly dataProviderService: DataProviderService,
@@ -114,8 +118,12 @@ export class PortfolioService {
   }): Promise<AccountWithValue[]> {
     const where: Prisma.AccountWhereInput = { userId: userId };
 
-    if (filters?.[0].id && filters?.[0].type === 'ACCOUNT') {
-      where.id = filters[0].id;
+    const accountFilter = filters?.find(({ type }) => {
+      return type === 'ACCOUNT';
+    });
+
+    if (accountFilter) {
+      where.id = accountFilter.id;
     }
 
     const [accounts, details] = await Promise.all([
@@ -267,6 +275,13 @@ export class PortfolioService {
         includeDrafts: true
       });
 
+    if (transactionPoints.length === 0) {
+      return {
+        investments: [],
+        streaks: { currentStreak: 0, longestStreak: 0 }
+      };
+    }
+
     const portfolioCalculator = new PortfolioCalculator({
       currency: this.request.user.Settings.settings.baseCurrency,
       currentRateService: this.currentRateService,
@@ -274,12 +289,6 @@ export class PortfolioService {
     });
 
     portfolioCalculator.setTransactionPoints(transactionPoints);
-    if (transactionPoints.length === 0) {
-      return {
-        investments: [],
-        streaks: { currentStreak: 0, longestStreak: 0 }
-      };
-    }
 
     let investments: InvestmentItem[];
 
@@ -367,67 +376,6 @@ export class PortfolioService {
     };
   }
 
-  public async getChart({
-    dateRange = 'max',
-    filters,
-    impersonationId,
-    userCurrency,
-    userId,
-    withExcludedAccounts = false
-  }: {
-    dateRange?: DateRange;
-    filters?: Filter[];
-    impersonationId: string;
-    userCurrency: string;
-    userId: string;
-    withExcludedAccounts?: boolean;
-  }): Promise<HistoricalDataContainer> {
-    userId = await this.getUserId(impersonationId, userId);
-
-    const { portfolioOrders, transactionPoints } =
-      await this.getTransactionPoints({
-        filters,
-        userId,
-        withExcludedAccounts
-      });
-
-    const portfolioCalculator = new PortfolioCalculator({
-      currency: userCurrency,
-      currentRateService: this.currentRateService,
-      orders: portfolioOrders
-    });
-
-    portfolioCalculator.setTransactionPoints(transactionPoints);
-    if (transactionPoints.length === 0) {
-      return {
-        isAllTimeHigh: false,
-        isAllTimeLow: false,
-        items: []
-      };
-    }
-    const endDate = new Date();
-
-    const portfolioStart = parseDate(transactionPoints[0].date);
-    const startDate = this.getStartDate(dateRange, portfolioStart);
-
-    const daysInMarket = differenceInDays(new Date(), startDate);
-    const step = Math.round(
-      daysInMarket / Math.min(daysInMarket, MAX_CHART_ITEMS)
-    );
-
-    const items = await portfolioCalculator.getChartData(
-      startDate,
-      endDate,
-      step
-    );
-
-    return {
-      items,
-      isAllTimeHigh: false,
-      isAllTimeLow: false
-    };
-  }
-
   public async getDetails({
     dateRange = 'max',
     filters,
@@ -879,7 +827,7 @@ export class PortfolioService {
           let currentAveragePrice = 0;
           let currentQuantity = 0;
 
-          const currentSymbol = transactionPoints[j].items.find(
+          const currentSymbol = transactionPoints[j]?.items.find(
             ({ symbol }) => {
               return symbol === aSymbol;
             }
@@ -1028,12 +976,6 @@ export class PortfolioService {
         userId
       });
 
-    const portfolioCalculator = new PortfolioCalculator({
-      currency: this.request.user.Settings.settings.baseCurrency,
-      currentRateService: this.currentRateService,
-      orders: portfolioOrders
-    });
-
     if (transactionPoints?.length <= 0) {
       return {
         hasErrors: false,
@@ -1041,6 +983,12 @@ export class PortfolioService {
       };
     }
 
+    const portfolioCalculator = new PortfolioCalculator({
+      currency: this.request.user.Settings.settings.baseCurrency,
+      currentRateService: this.currentRateService,
+      orders: portfolioOrders
+    });
+
     portfolioCalculator.setTransactionPoints(transactionPoints);
 
     const portfolioStart = parseDate(transactionPoints[0].date);
@@ -1126,6 +1074,31 @@ export class PortfolioService {
     const user = await this.userService.user({ id: userId });
     const userCurrency = this.getUserCurrency(user);
 
+    const accountBalances = await this.accountBalanceService.getAccountBalances(
+      { filters, user }
+    );
+
+    let accountBalanceItems: HistoricalDataItem[] = Object.values(
+      // Reduce the array to a map with unique dates as keys
+      accountBalances.balances.reduce(
+        (
+          map: { [date: string]: HistoricalDataItem },
+          { date, valueInBaseCurrency }
+        ) => {
+          const formattedDate = format(date, DATE_FORMAT);
+
+          // Store the item in the map, overwriting if the date already exists
+          map[formattedDate] = {
+            date: formattedDate,
+            value: valueInBaseCurrency
+          };
+
+          return map;
+        },
+        {}
+      )
+    );
+
     const { portfolioOrders, transactionPoints } =
       await this.getTransactionPoints({
         filters,
@@ -1139,7 +1112,7 @@ export class PortfolioService {
       orders: portfolioOrders
     });
 
-    if (transactionPoints?.length <= 0) {
+    if (accountBalanceItems?.length <= 0 && transactionPoints?.length <= 0) {
       return {
         chart: [],
         firstOrderDate: undefined,
@@ -1149,6 +1122,7 @@ export class PortfolioService {
           currentGrossPerformancePercent: 0,
           currentNetPerformance: 0,
           currentNetPerformancePercent: 0,
+          currentNetWorth: 0,
           currentValue: 0,
           totalInvestment: 0
         }
@@ -1157,7 +1131,15 @@ export class PortfolioService {
 
     portfolioCalculator.setTransactionPoints(transactionPoints);
 
-    const portfolioStart = parseDate(transactionPoints[0].date);
+    const portfolioStart = min(
+      [
+        parseDate(accountBalanceItems[0]?.date),
+        parseDate(transactionPoints[0]?.date)
+      ].filter((date) => {
+        return isValid(date);
+      })
+    );
+
     const startDate = this.getStartDate(dateRange, portfolioStart);
     const {
       currentValue,
@@ -1175,17 +1157,17 @@ export class PortfolioService {
     let currentNetPerformance = netPerformance;
     let currentNetPerformancePercent = netPerformancePercentage;
 
-    const historicalDataContainer = await this.getChart({
+    const { items } = await this.getChart({
       dateRange,
-      filters,
       impersonationId,
+      portfolioOrders,
+      transactionPoints,
       userCurrency,
-      userId,
-      withExcludedAccounts
+      userId
     });
 
-    const itemOfToday = historicalDataContainer.items.find((item) => {
-      return item.date === format(new Date(), DATE_FORMAT);
+    const itemOfToday = items.find(({ date }) => {
+      return date === format(new Date(), DATE_FORMAT);
     });
 
     if (itemOfToday) {
@@ -1195,34 +1177,42 @@ export class PortfolioService {
       ).div(100);
     }
 
+    accountBalanceItems = accountBalanceItems.filter(({ date }) => {
+      return !isBefore(parseDate(date), startDate);
+    });
+
+    const accountBalanceItemOfToday = accountBalanceItems.find(({ date }) => {
+      return date === format(new Date(), DATE_FORMAT);
+    });
+
+    if (!accountBalanceItemOfToday) {
+      accountBalanceItems.push({
+        date: format(new Date(), DATE_FORMAT),
+        value: last(accountBalanceItems)?.value ?? 0
+      });
+    }
+
+    const mergedHistoricalDataItems = this.mergeHistoricalDataItems(
+      accountBalanceItems,
+      items
+    );
+
+    const currentHistoricalDataItem = last(mergedHistoricalDataItems);
+    const currentNetWorth = currentHistoricalDataItem?.netWorth ?? 0;
+
     return {
       errors,
       hasErrors,
-      chart: historicalDataContainer.items.map(
-        ({
-          date,
-          netPerformance: netPerformanceOfItem,
-          netPerformanceInPercentage,
-          totalInvestment: totalInvestmentOfItem,
-          value
-        }) => {
-          return {
-            date,
-            netPerformanceInPercentage,
-            value,
-            netPerformance: netPerformanceOfItem,
-            totalInvestment: totalInvestmentOfItem
-          };
-        }
-      ),
-      firstOrderDate: parseDate(historicalDataContainer.items[0]?.date),
+      chart: mergedHistoricalDataItems,
+      firstOrderDate: parseDate(items[0]?.date),
       performance: {
-        currentValue: currentValue.toNumber(),
+        currentNetWorth,
         currentGrossPerformance: currentGrossPerformance.toNumber(),
         currentGrossPerformancePercent:
           currentGrossPerformancePercent.toNumber(),
         currentNetPerformance: currentNetPerformance.toNumber(),
         currentNetPerformancePercent: currentNetPerformancePercent.toNumber(),
+        currentValue: currentValue.toNumber(),
         totalInvestment: totalInvestment.toNumber()
       }
     };
@@ -1376,6 +1366,62 @@ export class PortfolioService {
     return cashPositions;
   }
 
+  private async getChart({
+    dateRange = 'max',
+    impersonationId,
+    portfolioOrders,
+    transactionPoints,
+    userCurrency,
+    userId
+  }: {
+    dateRange?: DateRange;
+    impersonationId: string;
+    portfolioOrders: PortfolioOrder[];
+    transactionPoints: TransactionPoint[];
+    userCurrency: string;
+    userId: string;
+  }): Promise<HistoricalDataContainer> {
+    if (transactionPoints.length === 0) {
+      return {
+        isAllTimeHigh: false,
+        isAllTimeLow: false,
+        items: []
+      };
+    }
+
+    userId = await this.getUserId(impersonationId, userId);
+
+    const portfolioCalculator = new PortfolioCalculator({
+      currency: userCurrency,
+      currentRateService: this.currentRateService,
+      orders: portfolioOrders
+    });
+
+    portfolioCalculator.setTransactionPoints(transactionPoints);
+
+    const endDate = new Date();
+
+    const portfolioStart = parseDate(transactionPoints[0].date);
+    const startDate = this.getStartDate(dateRange, portfolioStart);
+
+    const daysInMarket = differenceInDays(new Date(), startDate);
+    const step = Math.round(
+      daysInMarket / Math.min(daysInMarket, MAX_CHART_ITEMS)
+    );
+
+    const items = await portfolioCalculator.getChartData(
+      startDate,
+      endDate,
+      step
+    );
+
+    return {
+      items,
+      isAllTimeHigh: false,
+      isAllTimeLow: false
+    };
+  }
+
   private getDividendsByGroup({
     dividends,
     groupBy
@@ -1999,4 +2045,44 @@ export class PortfolioService {
 
     return { accounts, platforms };
   }
+
+  private mergeHistoricalDataItems(
+    accountBalanceItems: HistoricalDataItem[],
+    performanceChartItems: HistoricalDataItem[]
+  ): HistoricalDataItem[] {
+    const historicalDataItemsMap: { [date: string]: HistoricalDataItem } = {};
+    let latestAccountBalance = 0;
+
+    for (const item of accountBalanceItems.concat(performanceChartItems)) {
+      const isAccountBalanceItem = accountBalanceItems.includes(item);
+
+      const totalAccountBalance = isAccountBalanceItem
+        ? item.value
+        : latestAccountBalance;
+
+      if (isAccountBalanceItem && performanceChartItems.length > 0) {
+        latestAccountBalance = item.value;
+      } else {
+        historicalDataItemsMap[item.date] = {
+          ...item,
+          totalAccountBalance,
+          netWorth:
+            (isAccountBalanceItem ? 0 : item.value) + totalAccountBalance
+        };
+      }
+    }
+
+    // Convert to an array and sort by date in ascending order
+    const historicalDataItems = Object.keys(historicalDataItemsMap).map(
+      (date) => {
+        return historicalDataItemsMap[date];
+      }
+    );
+
+    historicalDataItems.sort(
+      (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+    );
+
+    return historicalDataItems;
+  }
 }

apps/api/src/app/subscription/subscription.service.ts

@@ -111,14 +111,14 @@ export class SubscriptionService {
     aSubscriptions: Subscription[]
   ): UserWithSettings['subscription'] {
     if (aSubscriptions.length > 0) {
-      const latestSubscription = aSubscriptions.reduce((a, b) => {
+      const { expiresAt, price } = aSubscriptions.reduce((a, b) => {
         return new Date(a.expiresAt) > new Date(b.expiresAt) ? a : b;
       });
 
       return {
-        expiresAt: latestSubscription.expiresAt,
-        offer: latestSubscription.price === 0 ? 'default' : 'renewal',
-        type: isBefore(new Date(), latestSubscription.expiresAt)
+        expiresAt,
+        offer: price ? 'renewal' : 'default',
+        type: isBefore(new Date(), expiresAt)
           ? SubscriptionType.Premium
           : SubscriptionType.Basic
       };

apps/api/src/app/user/user.service.ts

@@ -198,16 +198,18 @@ export class UserService {
           new Date(),
           user.createdAt
         );
-        let frequency = 20;
+        let frequency = 15;
 
-        if (daysSinceRegistration > 180) {
+        if (daysSinceRegistration > 365) {
+          frequency = 2;
+        } else if (daysSinceRegistration > 180) {
           frequency = 3;
         } else if (daysSinceRegistration > 60) {
           frequency = 5;
         } else if (daysSinceRegistration > 30) {
-          frequency = 10;
+          frequency = 8;
         } else if (daysSinceRegistration > 15) {
-          frequency = 15;
+          frequency = 12;
         }
 
         if (Analytics?.activityCount % frequency === 1) {

apps/api/src/assets/sitemap.xml

@@ -82,10 +82,18 @@
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-capmon</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-compound-planning</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-copilot-money</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-de.fi</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-delta</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -94,6 +102,10 @@
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-divvydiary</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-empower</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-exirio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -202,6 +214,10 @@
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-sumio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-tiller</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-utluna</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -214,6 +230,10 @@
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-wealthica</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-whal</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/de/ressourcen/personal-finance-tools/open-source-alternative-zu-yeekatee</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -326,6 +346,10 @@
     <loc>https://ghostfol.io/en/blog/2023/09/hacktoberfest-2023</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/blog/2023/11/black-week-2023</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2023/11/hacktoberfest-2023-debriefing</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -392,10 +416,18 @@
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-capmon</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-compound-planning</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-copilot-money</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-de.fi</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-delta</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -404,6 +436,10 @@
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-divvydiary</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-empower</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-exirio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -512,6 +548,10 @@
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-sumio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-tiller</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-utluna</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -524,6 +564,10 @@
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-wealthica</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-whal</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-yeekatee</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -726,10 +770,18 @@
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-capmon</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-compound-planning</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-copilot-money</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-de.fi</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-delta</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -738,6 +790,10 @@
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-divvydiary</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-empower</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-exirio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -846,6 +902,10 @@
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-sumio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-tiller</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-utluna</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -858,6 +918,10 @@
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-wealthica</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-whal</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/it/risorse/personal-finance-tools/alternativa-open-source-a-yeekatee</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -906,10 +970,18 @@
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-capmon</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-compound-planning</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-copilot-money</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-de.fi</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-delta</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -918,6 +990,10 @@
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-divvydiary</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-empower</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-exirio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -1026,6 +1102,10 @@
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-sumio</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-tiller</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-utluna</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
@@ -1038,6 +1118,10 @@
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-wealthica</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
+  <url>
+    <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-whal</loc>
+    <lastmod>${currentDate}T00:00:00+00:00</lastmod>
+  </url>
   <url>
     <loc>https://ghostfol.io/nl/bronnen/personal-finance-tools/open-source-alternatief-voor-yeekatee</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>

apps/api/src/middlewares/html-template.middleware.ts

@@ -76,6 +76,10 @@ const locales = {
     featureGraphicPath: 'assets/images/blog/hacktoberfest-2023.png',
     title: `Hacktoberfest 2023 - ${title}`
   },
+  '/en/blog/2023/11/black-week-2023': {
+    featureGraphicPath: 'assets/images/blog/black-week-2023.jpg',
+    title: `Black Week 2023 - ${title}`
+  },
   '/en/blog/2023/11/hacktoberfest-2023-debriefing': {
     featureGraphicPath: 'assets/images/blog/hacktoberfest-2023.png',
     title: `Hacktoberfest 2023 Debriefing - ${title}`
@@ -87,6 +91,9 @@ const isFileRequest = (filename: string) => {
     return true;
   } else if (
     filename.includes('auth/ey') ||
+    filename.includes(
+      'personal-finance-tools/open-source-alternative-to-de.fi'
+    ) ||
     filename.includes(
       'personal-finance-tools/open-source-alternative-to-markets.sh'
     )

apps/api/src/services/account-balance/account-balance.module.ts

@@ -1,10 +1,11 @@
 import { AccountBalanceService } from '@ghostfolio/api/services/account-balance/account-balance.service';
+import { ExchangeRateDataModule } from '@ghostfolio/api/services/exchange-rate-data/exchange-rate-data.module';
 import { PrismaModule } from '@ghostfolio/api/services/prisma/prisma.module';
 import { Module } from '@nestjs/common';
 
 @Module({
   exports: [AccountBalanceService],
-  imports: [PrismaModule],
+  imports: [ExchangeRateDataModule, PrismaModule],
   providers: [AccountBalanceService]
 })
 export class AccountBalanceModule {}

apps/api/src/services/account-balance/account-balance.service.ts

@@ -1,11 +1,16 @@
+import { ExchangeRateDataService } from '@ghostfolio/api/services/exchange-rate-data/exchange-rate-data.service';
 import { PrismaService } from '@ghostfolio/api/services/prisma/prisma.service';
-import { AccountBalancesResponse } from '@ghostfolio/common/interfaces';
+import { AccountBalancesResponse, Filter } from '@ghostfolio/common/interfaces';
+import { UserWithSettings } from '@ghostfolio/common/types';
 import { Injectable } from '@nestjs/common';
 import { AccountBalance, Prisma } from '@prisma/client';
 
 @Injectable()
 export class AccountBalanceService {
-  public constructor(private readonly prismaService: PrismaService) {}
+  public constructor(
+    private readonly exchangeRateDataService: ExchangeRateDataService,
+    private readonly prismaService: PrismaService
+  ) {}
 
   public async createAccountBalance(
     data: Prisma.AccountBalanceCreateInput
@@ -16,27 +21,46 @@ export class AccountBalanceService {
   }
 
   public async getAccountBalances({
-    accountId,
-    userId
+    filters,
+    user
   }: {
-    accountId: string;
-    userId: string;
+    filters?: Filter[];
+    user: UserWithSettings;
   }): Promise<AccountBalancesResponse> {
+    const where: Prisma.AccountBalanceWhereInput = { userId: user.id };
+
+    const accountFilter = filters?.find(({ type }) => {
+      return type === 'ACCOUNT';
+    });
+
+    if (accountFilter) {
+      where.accountId = accountFilter.id;
+    }
+
     const balances = await this.prismaService.accountBalance.findMany({
+      where,
       orderBy: {
         date: 'asc'
       },
       select: {
+        Account: true,
         date: true,
         id: true,
         value: true
-      },
-      where: {
-        accountId,
-        userId
       }
     });
 
-    return { balances };
+    return {
+      balances: balances.map((balance) => {
+        return {
+          ...balance,
+          valueInBaseCurrency: this.exchangeRateDataService.toCurrency(
+            balance.value,
+            balance.Account.currency,
+            user.Settings.settings.baseCurrency
+          )
+        };
+      })
+    };
   }
 }

apps/api/src/services/data-provider/coingecko/coingecko.service.ts

@@ -56,7 +56,13 @@ export class CoinGeckoService implements DataProviderInterface {
 
       response.name = name;
     } catch (error) {
-      Logger.error(error, 'CoinGeckoService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'CoinGeckoService');
     }
 
     return response;
@@ -174,7 +180,13 @@ export class CoinGeckoService implements DataProviderInterface {
         };
       }
     } catch (error) {
-      Logger.error(error, 'CoinGeckoService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'CoinGeckoService');
     }
 
     return response;
@@ -216,7 +228,13 @@ export class CoinGeckoService implements DataProviderInterface {
         };
       });
     } catch (error) {
-      Logger.error(error, 'CoinGeckoService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'CoinGeckoService');
     }
 
     return { items };

apps/api/src/services/data-provider/eod-historical-data/eod-historical-data.service.ts

@@ -229,7 +229,13 @@ export class EodHistoricalDataService implements DataProviderInterface {
 
       return response;
     } catch (error) {
-      Logger.error(error, 'EodHistoricalDataService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'EodHistoricalDataService');
     }
 
     return {};
@@ -382,7 +388,13 @@ export class EodHistoricalDataService implements DataProviderInterface {
         }
       );
     } catch (error) {
-      Logger.error(error, 'EodHistoricalDataService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'EodHistoricalDataService');
     }
 
     return searchResult;

apps/api/src/services/data-provider/financial-modeling-prep/financial-modeling-prep.service.ts

@@ -151,7 +151,13 @@ export class FinancialModelingPrepService implements DataProviderInterface {
         };
       }
     } catch (error) {
-      Logger.error(error, 'FinancialModelingPrepService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'FinancialModelingPrepService');
     }
 
     return response;
@@ -196,7 +202,13 @@ export class FinancialModelingPrepService implements DataProviderInterface {
         };
       });
     } catch (error) {
-      Logger.error(error, 'FinancialModelingPrepService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'FinancialModelingPrepService');
     }
 
     return { items };

apps/api/src/services/data-provider/rapid-api/rapid-api.service.ts

@@ -163,7 +163,13 @@ export class RapidApiService implements DataProviderInterface {
 
       return fgi;
     } catch (error) {
-      Logger.error(error, 'RapidApiService');
+      let message = error;
+
+      if (error?.code === 'ABORT_ERR') {
+        message = `RequestError: The operation was aborted because the request to the data provider took more than ${DEFAULT_REQUEST_TIMEOUT}ms`;
+      }
+
+      Logger.error(message, 'RapidApiService');
 
       return undefined;
     }

apps/client/project.json

@@ -152,8 +152,8 @@
     "serve": {
       "executor": "@nx/angular:webpack-dev-server",
       "options": {
-        "browserTarget": "client:build",
-        "proxyConfig": "apps/client/proxy.conf.json"
+        "proxyConfig": "apps/client/proxy.conf.json",
+        "browserTarget": "client:build"
       },
       "configurations": {
         "development-de": {
@@ -215,8 +215,7 @@
     "test": {
       "executor": "@nx/jest:jest",
       "options": {
-        "jestConfig": "apps/client/jest.config.ts",
-        "passWithNoTests": true
+        "jestConfig": "apps/client/jest.config.ts"
       },
       "outputs": ["{workspaceRoot}/coverage/apps/client"]
     }

apps/client/src/app/adapter/custom-date-adapter.ts

@@ -1,4 +1,3 @@
-import { Platform } from '@angular/cdk/platform';
 import { Inject, forwardRef } from '@angular/core';
 import { MAT_DATE_LOCALE, NativeDateAdapter } from '@angular/material/core';
 import { getDateFormatString } from '@ghostfolio/common/helper';
@@ -7,10 +6,9 @@ import { addYears, format, getYear, parse } from 'date-fns';
 export class CustomDateAdapter extends NativeDateAdapter {
   public constructor(
     @Inject(MAT_DATE_LOCALE) public locale: string,
-    @Inject(forwardRef(() => MAT_DATE_LOCALE)) matDateLocale: string,
-    platform: Platform
+    @Inject(forwardRef(() => MAT_DATE_LOCALE)) matDateLocale: string
   ) {
-    super(matDateLocale, platform);
+    super(matDateLocale);
   }
 
   /**

apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts

@@ -122,13 +122,13 @@ export class AccountDetailDialog implements OnDestroy, OnInit {
       .pipe(takeUntil(this.unsubscribeSubject))
       .subscribe(({ chart }) => {
         this.historicalDataItems = chart.map(
-          ({ date, value, valueInPercentage }) => {
+          ({ date, netWorth, netWorthInPercentage }) => {
             return {
               date,
               value:
                 this.hasImpersonationId || this.user.settings.isRestrictedView
-                  ? valueInPercentage
-                  : value
+                  ? netWorthInPercentage
+                  : netWorth
             };
           }
         );

apps/client/src/app/pages/about/overview/about-overview-page.html

@@ -56,11 +56,11 @@
           <a
             href="https://twitter.com/ghostfolio_"
             title="Post to Ghostfolio on X (formerly Twitter)"
-            >@ghostfolio_</a
+            >&#64;ghostfolio_</a
           ><ng-container *ngIf="user?.subscription?.type === 'Premium'"
             >, send an e-mail to
             <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
-              >hi@ghostfol.io</a
+              >hi&#64;ghostfol.io</a
             ></ng-container
           >
           or start a discussion at

apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html

@@ -131,8 +131,9 @@
           </p>
           <p>
             Du erreichst mich per E-Mail unter
-            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> oder auf Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>.
+            <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> oder auf
+            Twitter
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a>.
           </p>
           <p>
             Ich freue mich, von dir zu hören.<br />

apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html

@@ -126,8 +126,8 @@
           </p>
           <p>
             You can reach me by e-mail at
-            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>.
+            <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> or on Twitter
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a>.
           </p>
           <p>
             I look forward to hearing from you.<br />

apps/client/src/app/pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.html

@@ -100,9 +100,9 @@
             of users. In the future, I would like to involve more contributors
             to further extend the functionality of Ghostfolio (e.g. with new
             reports). Get in touch with me by e-mail at
-            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a> if you
-            are interested, I’m happy to discuss ideas.
+            <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> or on Twitter
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a> if
+            you are interested, I’m happy to discuss ideas.
           </p>
           <p>
             I would like to say thank you for all your feedback and support

apps/client/src/app/pages/blog/2022/07/ghostfolio-meets-internet-identity/ghostfolio-meets-internet-identity-page.html

@@ -90,8 +90,8 @@
           <p>
             If you would like to provide feedback or get involved in further
             development of Ghostfolio, please get in touch by e-mail via
-            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>.
+            <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> or on Twitter
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a>.
           </p>
           <p>
             I look forward to hearing from you.<br />

apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.html

@@ -91,9 +91,9 @@
             engineering to realize the full potential of open source software.
             If you are a web developer and interested in personal finance,
             please get in touch by e-mail via
-            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>. We are
-            happy to discuss ideas.
+            <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> or on Twitter
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a>. We
+            are happy to discuss ideas.
           </p>
           <p>
             We would like to say thank you for all your feedback and support

apps/client/src/app/pages/blog/2022/10/hacktoberfest-2022/hacktoberfest-2022-page.html

@@ -85,8 +85,8 @@
               >Slack</a
             >
             community or get in touch on Twitter
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a> or by
-            e-mail via <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a>.
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a> or by
+            e-mail via <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a>.
           </p>
           <p>
             We look forward to hearing from you.<br />

apps/client/src/app/pages/blog/2022/11/black-friday-2022/black-friday-2022-page.html

@@ -15,11 +15,13 @@
         <section class="mb-4">
           <p>
             Get 75% off on our
-            <strong>Ghostfolio Premium</strong>
-            <gf-premium-indicator
-              class="d-inline-block ml-1"
-              [enableLink]="false"
-            ></gf-premium-indicator>
+            <span class="align-items-center d-inline-flex"
+              ><strong>Ghostfolio Premium</strong>
+              <gf-premium-indicator
+                class="d-inline-block ml-1"
+                [enableLink]="false"
+              ></gf-premium-indicator
+            ></span>
             annual plan for ambitious investors who need the full picture of
             their financial assets.
           </p>

apps/client/src/app/pages/blog/2023/02/ghostfolio-meets-umbrel/ghostfolio-meets-umbrel-page.html

@@ -92,7 +92,7 @@
             >
             community or via Twitter
             <a href="https://twitter.com/ghostfolio_" target="_blank"
-              >@ghostfolio_</a
+              >&#64;ghostfolio_</a
             >. We look forward to hearing from you!
           </p>
         </section>

apps/client/src/app/pages/blog/2023/03/1000-stars-on-github/1000-stars-on-github-page.html

@@ -122,7 +122,7 @@
               >Slack</a
             >
             community or connect with
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a> on
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a> on
             Twitter. We are happy to discuss ideas and get you involved.
           </p>
           <p>Thank you for all your feedback and support.</p>

apps/client/src/app/pages/blog/2023/09/hacktoberfest-2023/hacktoberfest-2023-page.html

@@ -89,7 +89,7 @@
               >Slack</a
             >
             community or get in touch on X
-            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>.
+            <a href="https://twitter.com/ghostfolio_">&#64;ghostfolio_</a>.
           </p>
           <p>
             We look forward to hearing from you.<br />

apps/client/src/app/pages/blog/2023/11/black-week-2023/black-week-2023-page.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+import { GfPremiumIndicatorModule } from '@ghostfolio/ui/premium-indicator';
+
+@Component({
+  host: { class: 'page' },
+  imports: [GfPremiumIndicatorModule, MatButtonModule, RouterModule],
+  selector: 'gf-black-week-2023-page',
+  standalone: true,
+  templateUrl: './black-week-2023-page.html'
+})
+export class BlackWeek2023PageComponent {
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkPricing = ['/' + $localize`pricing`];
+}

apps/client/src/app/pages/blog/2023/11/black-week-2023/black-week-2023-page.html

@@ -0,0 +1,161 @@
+<div class="blog container">
+  <div class="row">
+    <div class="col-md-8 offset-md-2">
+      <article>
+        <div class="mb-4 text-center">
+          <h1 class="mb-1">Black Week 2023</h1>
+          <div class="mb-3 text-muted"><small>2023-11-19</small></div>
+          <img
+            alt="Black Week 2023 Teaser"
+            class="rounded w-100"
+            src="../assets/images/blog/black-week-2023.jpg"
+            title="Black Week 2023"
+          />
+        </div>
+        <section class="mb-4">
+          <p>
+            Ambitious investors on a life-changing mission, this is your chance!
+            Get 33% off on our
+            <span class="align-items-center d-inline-flex"
+              ><strong>Ghostfolio Premium</strong>
+              <gf-premium-indicator
+                class="d-inline-block ml-1"
+                [enableLink]="false"
+              ></gf-premium-indicator
+            ></span>
+            annual plan with our exclusive Black Week deal. Elevate your
+            financial strategy with the power of Ghostfolio designed to give you
+            the full picture of your assets.
+          </p>
+        </section>
+        <section class="mb-4">
+          <p>
+            <a
+              href="https://ghostfol.io"
+              title="Open Source Wealth Management Software"
+              >Ghostfolio</a
+            >
+            is a modern web application to manage personal finances. This Open
+            Source Software (OSS) dynamically aggregates your diverse assets
+            including stocks, ETFs, cryptocurrencies, commodities, etc. and
+            presents a comprehensive overview of your portfolio in real-time.
+            Empower yourself to make informed, data-driven investment decisions
+            with the robust analytics at your fingertips. Explore the numerous
+            <a [routerLink]="routerLinkFeatures">features</a> to enhance your
+            wealth management experience.
+          </p>
+        </section>
+        <section class="mb-4">
+          <p>
+            Snap the limited Black Week 2023 deal before it’s gone. For detailed
+            information on plans and pricing, please visit our
+            <a [routerLink]="routerLinkPricing">pricing page</a>.
+          </p>
+          <p class="text-center">
+            <a color="primary" mat-flat-button [routerLink]="routerLinkPricing"
+              >Get the Deal</a
+            >
+          </p>
+        </section>
+        <section class="mb-4">
+          <ul class="list-inline">
+            <li class="list-inline-item">
+              <span class="badge badge-light">2023</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Black Friday</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Black Week</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Cloud</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Cryptocurrency</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Deal</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">ETF</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Fintech</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Ghostfolio</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Ghostfolio Premium</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Hosting</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Investment</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Open Source</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">OSS</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Personal Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Portfolio</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Portfolio Tracker</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Pricing</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">SaaS</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Software</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Stock</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Subscription</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth Management</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Web3</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Web 3.0</span>
+            </li>
+          </ul>
+        </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li
+              aria-current="page"
+              class="active breadcrumb-item text-truncate"
+            >
+              Black Week 2023
+            </li>
+          </ol>
+        </nav>
+      </article>
+    </div>
+  </div>
+</div>

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

@@ -169,9 +169,18 @@ const routes: Routes = [
     path: '2023/11/hacktoberfest-2023-debriefing',
     loadComponent: () =>
       import(
-        './2023/11/hacktoberfest-2023/hacktoberfest-2023-debriefing-page.component'
+        './2023/11/hacktoberfest-2023-debriefing/hacktoberfest-2023-debriefing-page.component'
       ).then((c) => c.Hacktoberfest2023DebriefingPageComponent),
     title: 'Hacktoberfest 2023 Debriefing'
+  },
+  {
+    canActivate: [AuthGuard],
+    path: '2023/11/black-week-2023',
+    loadComponent: () =>
+      import('./2023/11/black-week-2023/black-week-2023-page.component').then(
+        (c) => c.BlackWeek2023PageComponent
+      ),
+    title: 'Black Week 2023'
   }
 ];
 

apps/client/src/app/pages/blog/blog-page.html

@@ -8,6 +8,34 @@
           finance</small
         >
       </h1>
+      <mat-card
+        *ngIf="hasPermissionForSubscription"
+        appearance="outlined"
+        class="mb-3"
+      >
+        <mat-card-content>
+          <div class="container p-0">
+            <div class="flex-nowrap no-gutters row">
+              <a
+                class="d-flex overflow-hidden w-100"
+                href="../en/blog/2023/11/black-week-2023"
+              >
+                <div class="flex-grow-1 overflow-hidden">
+                  <div class="h6 m-0 text-truncate">Black Week 2023</div>
+                  <div class="d-flex text-muted">2023-11-19</div>
+                </div>
+                <div class="align-items-center d-flex">
+                  <ion-icon
+                    class="chevron text-muted"
+                    name="chevron-forward-outline"
+                    size="small"
+                  ></ion-icon>
+                </div>
+              </a>
+            </div>
+          </div>
+        </mat-card-content>
+      </mat-card>
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-content>
           <div class="container p-0">

apps/client/src/app/pages/faq/faq-page.html

@@ -203,8 +203,8 @@
         </mat-card-header>
         <mat-card-content>
           Please send an e-mail with the web address of your broker to
-          <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> and we are happy to
-          add it.
+          <a href="mailto:hi@ghostfol.io">hi&#64;ghostfol.io</a> and we are
+          happy to add it.
         </mat-card-content>
       </mat-card>
       <mat-card appearance="outlined" class="mb-3">
@@ -234,11 +234,11 @@
           <a
             href="https://twitter.com/ghostfolio_"
             title="Post to Ghostfolio on X (formerly Twitter)"
-            >@ghostfolio_</a
+            >&#64;ghostfolio_</a
           ><ng-container *ngIf="user?.subscription?.type === 'Premium'"
             >,
             <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
-              >hi@ghostfol.io</a
+              >hi&#64;ghostfol.io</a
             ></ng-container
           >
           or
@@ -263,11 +263,11 @@
           <a
             href="https://twitter.com/ghostfolio_"
             title="Post to Ghostfolio on X (formerly Twitter)"
-            >@ghostfolio_</a
+            >&#64;ghostfolio_</a
           ><ng-container *ngIf="user?.subscription?.type === 'Premium'"
             >, send an e-mail to
             <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
-              >hi@ghostfol.io</a
+              >hi&#64;ghostfol.io</a
             ></ng-container
           >
           or start a discussion at

apps/client/src/app/pages/i18n/i18n-page.html

@@ -2,8 +2,9 @@
   <div class="row">
     <ul>
       <li i18n="@@metaDescription">
-        Ghostfolio is a personal finance dashboard to keep track of your assets
-        like stocks, ETFs or cryptocurrencies across multiple platforms.
+        Ghostfolio is a personal finance dashboard to keep track of your net
+        worth including cash, stocks, ETFs and cryptocurrencies across multiple
+        platforms.
       </li>
       <li i18n="@@metaKeywords">
         app, asset, cryptocurrency, dashboard, etf, finance, management,

apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.html

@@ -33,7 +33,7 @@
     place. If I lose it, I cannot get my account back.
   </p>
 </div>
-<div class="float-right" mat-dialog-actions>
+<div class="justify-content-end" mat-dialog-actions>
   <button i18n mat-flat-button [mat-dialog-close]="undefined">Cancel</button>
   <button
     color="primary"

apps/client/src/app/pages/resources/personal-finance-tools/product-page-template.html

@@ -181,13 +181,14 @@
               </tr>
               <tr class="mat-mdc-row">
                 <td class="mat-mdc-cell px-3 py-2 text-right" i18n>Pricing</td>
-                <td class="mat-mdc-cell px-1 py-2" i18n>
-                  Starting from {{ product1.pricingPerYear }} / year
+                <td class="mat-mdc-cell px-1 py-2">
+                  <span i18n>Starting from</span> ${{ price }} /
+                  <span i18n>year</span>
                 </td>
                 <td class="mat-mdc-cell px-1 py-2">
-                  <ng-container *ngIf="product2.pricingPerYear" i18n
-                    >Starting from {{ product2.pricingPerYear }} /
-                    year</ng-container
+                  <ng-container *ngIf="product2.pricingPerYear"
+                    ><span i18n>Starting from</span> {{ product2.pricingPerYear
+                    }} / <span i18n>year</span></ng-container
                   >
                 </td>
               </tr>
@@ -229,24 +230,27 @@
         </section>
         <section class="mb-4">
           <ul class="list-inline">
-            <li class="list-inline-item">
-              <span class="badge badge-light">{{ product1.name }}</span>
-            </li>
-            <li class="list-inline-item">
-              <span class="badge badge-light">{{ product2.name }}</span>
-            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Alternative</span>
             </li>
             <li class="list-inline-item">
               <span class="badge badge-light">App</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Budgeting</span>
+            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Community</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Family Office</span>
+            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Fintech</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">{{ product1.name }}</span>
+            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Investment</span>
             </li>
@@ -280,9 +284,15 @@
             <li class="list-inline-item">
               <span class="badge badge-light">Wealth</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">WealthTech</span>
+            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Wealth Management</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">{{ product2.name }}</span>
+            </li>
           </ul>
         </section>
         <nav aria-label="breadcrumb">

apps/client/src/app/pages/resources/personal-finance-tools/products.ts

@@ -6,10 +6,13 @@ import { BasilFinancePageComponent } from './products/basil-finance-page.compone
 import { BeanvestPageComponent } from './products/beanvest-page.component';
 import { CapitallyPageComponent } from './products/capitally-page.component';
 import { CapMonPageComponent } from './products/capmon-page.component';
+import { CompoundPlanningPageComponent } from './products/compound-planning-page.component';
 import { CopilotMoneyPageComponent } from './products/copilot-money-page.component';
+import { DeFiPageComponent } from './products/de.fi-page.component';
 import { DeltaPageComponent } from './products/delta-page.component';
 import { DivvyDiaryPageComponent } from './products/divvydiary-page.component';
 import { EightFiguresPageComponent } from './products/eightfigures-page.component';
+import { EmpowerPageComponent } from './products/empower-page.component';
 import { ExirioPageComponent } from './products/exirio-page.component';
 import { FinaryPageComponent } from './products/finary-page.component';
 import { FinWisePageComponent } from './products/finwise-page.component';
@@ -37,9 +40,11 @@ import { SnowballAnalyticsPageComponent } from './products/snowball-analytics-pa
 import { StocklePageComponent } from './products/stockle-page.component';
 import { StockMarketEyePageComponent } from './products/stockmarketeye-page.component';
 import { SumioPageComponent } from './products/sumio-page.component';
+import { TillerPageComponent } from './products/tiller-page.component';
 import { UtlunaPageComponent } from './products/utluna-page.component';
 import { VyzerPageComponent } from './products/vyzer-page.component';
 import { WealthicaPageComponent } from './products/wealthica-page.component';
+import { WhalPageComponent } from './products/whal-page.component';
 import { YeekateePageComponent } from './products/yeekatee-page.component';
 import { YnabPageComponent } from './products/ynab-page.component';
 
@@ -62,7 +67,6 @@ export const products: Product[] = [
     ],
     name: 'Ghostfolio',
     origin: $localize`Switzerland`,
-    pricingPerYear: '$24',
     region: $localize`Global`,
     slogan: 'Open Source Wealth Management',
     useAnonymously: true
@@ -125,6 +129,14 @@ export const products: Product[] = [
     note: 'CapMon.org has discontinued in 2023',
     slogan: 'Next Generation Assets Tracking'
   },
+  {
+    component: CompoundPlanningPageComponent,
+    founded: 2019,
+    key: 'compound-planning',
+    name: 'Compound Planning',
+    origin: $localize`United States`,
+    slogan: 'Modern Wealth & Investment Management'
+  },
   {
     component: CopilotMoneyPageComponent,
     founded: 2019,
@@ -136,6 +148,14 @@ export const products: Product[] = [
     pricingPerYear: '$70',
     slogan: 'Do money better with Copilot'
   },
+  {
+    component: DeFiPageComponent,
+    founded: 2020,
+    key: 'de.fi',
+    languages: ['English'],
+    name: 'De.Fi',
+    slogan: 'DeFi Portfolio Tracker'
+  },
   {
     component: DeltaPageComponent,
     founded: 2017,
@@ -159,6 +179,16 @@ export const products: Product[] = [
     pricingPerYear: '€65',
     slogan: 'Your personal Dividend Calendar'
   },
+  {
+    component: EmpowerPageComponent,
+    founded: 2009,
+    hasSelfHostingAbility: false,
+    key: 'empower',
+    name: 'Empower',
+    note: 'Originally named as Personal Capital',
+    origin: $localize`United States`,
+    slogan: 'Get answers to your money questions'
+  },
   {
     alias: '8figures',
     component: EightFiguresPageComponent,
@@ -455,6 +485,17 @@ export const products: Product[] = [
     pricingPerYear: '$20',
     slogan: 'Sum up and build your wealth.'
   },
+  {
+    component: TillerPageComponent,
+    founded: 2016,
+    hasFreePlan: false,
+    key: 'tiller',
+    name: 'Tiller',
+    origin: $localize`United States`,
+    pricingPerYear: '$79',
+    slogan:
+      'Your financial life in a spreadsheet, automatically updated each day'
+  },
   {
     component: UtlunaPageComponent,
     hasFreePlan: true,
@@ -489,14 +530,23 @@ export const products: Product[] = [
     pricingPerYear: '$50',
     slogan: 'See all your investments in one place'
   },
+  {
+    component: WhalPageComponent,
+    key: 'whal',
+    name: 'Whal',
+    origin: $localize`United States`,
+    slogan: 'Manage your investments in one place'
+  },
   {
     component: YeekateePageComponent,
     founded: 2021,
+    hasFreePlan: true,
     hasSelfHostingAbility: false,
     key: 'yeekatee',
+    languages: ['Deutsch', 'English', 'Español', 'Français', 'Italiano'],
     name: 'yeekatee',
     origin: $localize`Switzerland`,
-    region: $localize`Switzerland`,
+    region: $localize`Global`,
     slogan: 'Connect. Share. Invest.'
   },
   {

apps/client/src/app/pages/resources/personal-finance-tools/products/allvue-systems-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class AllvueSystemsPageComponent {
+export class AllvueSystemsPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/altoo-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class AltooPageComponent {
+export class AltooPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/base-page.component.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+import { DataService } from '@ghostfolio/client/services/data.service';
+
+@Component({
+  selector: 'gf-base-product-page',
+  template: ''
+})
+export class BaseProductPageComponent implements OnInit {
+  public price: number;
+
+  public constructor(private dataService: DataService) {}
+
+  public ngOnInit() {
+    const { subscriptions } = this.dataService.fetchInfo();
+
+    this.price = subscriptions?.default?.price;
+  }
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/basil-finance-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class BasilFinancePageComponent {
+export class BasilFinancePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/beanvest-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class BeanvestPageComponent {
+export class BeanvestPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/capitally-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class CapitallyPageComponent {
+export class CapitallyPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/capmon-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class CapMonPageComponent {
+export class CapMonPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/compound-planning-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-compound-planning-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class CompoundPlanningPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'compound-planning';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/copilot-money-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class CopilotMoneyPageComponent {
+export class CopilotMoneyPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/de.fi-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-de-fi-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class DeFiPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'de.fi';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/delta-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class DeltaPageComponent {
+export class DeltaPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/divvydiary-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class DivvyDiaryPageComponent {
+export class DivvyDiaryPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/eightfigures-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class EightFiguresPageComponent {
+export class EightFiguresPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/empower-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-empower-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class EmpowerPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'empower';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/exirio-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class ExirioPageComponent {
+export class ExirioPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/finary-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class FinaryPageComponent {
+export class FinaryPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/finwise-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class FinWisePageComponent {
+export class FinWisePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/folishare-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class FolisharePageComponent {
+export class FolisharePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/getquin-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class GetquinPageComponent {
+export class GetquinPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/gospatz-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class GoSpatzPageComponent {
+export class GoSpatzPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/intuit-mint-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class IntuitMintPageComponent {
+export class IntuitMintPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/justetf-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class JustEtfPageComponent {
+export class JustEtfPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/kubera-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class KuberaPageComponent {
+export class KuberaPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/magnifi-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class MagnifiPageComponent {
+export class MagnifiPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/markets.sh-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class MarketsShPageComponent {
+export class MarketsShPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/maybe-finance-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class MaybeFinancePageComponent {
+export class MaybeFinancePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/monarch-money-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class MonarchMoneyPageComponent {
+export class MonarchMoneyPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/monse-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class MonsePageComponent {
+export class MonsePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/parqet-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class ParqetPageComponent {
+export class ParqetPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/plannix-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class PlannixPageComponent {
+export class PlannixPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/portfolio-dividend-tracker-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class PortfolioDividendTrackerPageComponent {
+export class PortfolioDividendTrackerPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/portseido-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class PortseidoPageComponent {
+export class PortseidoPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/projectionlab-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class ProjectionLabPageComponent {
+export class ProjectionLabPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/rocket-money-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class RocketMoneyPageComponent {
+export class RocketMoneyPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/seeking-alpha-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class SeekingAlphaPageComponent {
+export class SeekingAlphaPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/sharesight-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class SharesightPageComponent {
+export class SharesightPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/simple-portfolio-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class SimplePortfolioPageComponent {
+export class SimplePortfolioPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/snowball-analytics-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class SnowballAnalyticsPageComponent {
+export class SnowballAnalyticsPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/stockle-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class StocklePageComponent {
+export class StocklePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/stockmarketeye-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class StockMarketEyePageComponent {
+export class StockMarketEyePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/sumio-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class SumioPageComponent {
+export class SumioPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/tiller-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-tiller-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class TillerPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'tiller';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/utluna-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class UtlunaPageComponent {
+export class UtlunaPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/vyzer-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class VyzerPageComponent {
+export class VyzerPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/wealthica-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class WealthicaPageComponent {
+export class WealthicaPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/whal-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-whal-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class WhalPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'whal';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/yeekatee-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class YeekateePageComponent {
+export class YeekateePageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/app/pages/resources/personal-finance-tools/products/ynab-page.component.ts

@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
 
 import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
 
 @Component({
   host: { class: 'page' },
@@ -13,7 +14,7 @@ import { products } from '../products';
   styleUrls: ['../product-page-template.scss'],
   templateUrl: '../product-page-template.html'
 })
-export class YnabPageComponent {
+export class YnabPageComponent extends BaseProductPageComponent {
   public product1 = products.find(({ key }) => {
     return key === 'ghostfolio';
   });

apps/client/src/assets/oss-friends.json

@@ -1,5 +1,5 @@
 {
-  "createdAt": "2023-10-21T00:00:00.000Z",
+  "createdAt": "2023-11-17T00:00:00.000Z",
   "data": [
     {
       "name": "BoxyHQ",
@@ -96,6 +96,11 @@
       "description": "Makes frontend development cycle 10x faster with API Client, Mock Server, Intercept & Modify HTTP Requests and Session Replays.",
       "href": "https://requestly.io"
     },
+    {
+      "name": "Revert",
+      "description": "The open-source unified API to build B2B integrations remarkably fast",
+      "href": "https://revert.dev"
+    },
     {
       "name": "Rivet",
       "description": "Open-source solution to deploy, scale, and operate your multiplayer game.",
@@ -136,6 +141,11 @@
       "description": "Typebot gives you powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.",
       "href": "https://typebot.io"
     },
+    {
+      "name": "Unkey",
+      "description": "An API authentication and authorization platform for scaling user facing APIs. Create, verify, and manage low latency API keys in seconds.",
+      "href": "https://unkey.dev"
+    },
     {
       "name": "Webiny",
       "description": "Open-source enterprise-grade serverless CMS. Own your data. Scale effortlessly. Customize everything.",