mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-14 02:02:24 +01:00
parent 8d7c709e0c
commit 4522d41aef
291 changed files with 12763 additions and 9309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/website/lib/builders/view-data/AdminDashboardViewDataBuilder.ts
View File

@@ -1,26 +1,24 @@
import { DashboardStats } from '@/lib/api/admin/AdminApiClient';
import { AdminDashboardViewData } from '@/lib/view-data/AdminDashboardViewData';
import type { DashboardStats } from '@/lib/api/admin/AdminApiClient';
import type { AdminDashboardViewData } from '@/lib/view-data/AdminDashboardViewData';
/**
* AdminDashboardViewDataBuilder
*
* Server-side builder that transforms API DashboardStats DTO
* directly into ViewData for the AdminDashboardTemplate.
*
* Deterministic, side-effect free.
*
* Transforms DashboardStats API DTO into AdminDashboardViewData for server-side rendering.
* Deterministic; side-effect free; no HTTP calls.
*/
export class AdminDashboardViewDataBuilder {
static build(apiStats: DashboardStats): AdminDashboardViewData {
static build(apiDto: DashboardStats): AdminDashboardViewData {
return {
stats: {
totalUsers: apiStats.totalUsers,
activeUsers: apiStats.activeUsers,
suspendedUsers: apiStats.suspendedUsers,
deletedUsers: apiStats.deletedUsers,
systemAdmins: apiStats.systemAdmins,
recentLogins: apiStats.recentLogins,
newUsersToday: apiStats.newUsersToday,
totalUsers: apiDto.totalUsers,
activeUsers: apiDto.activeUsers,
suspendedUsers: apiDto.suspendedUsers,
deletedUsers: apiDto.deletedUsers,
systemAdmins: apiDto.systemAdmins,
recentLogins: apiDto.recentLogins,
newUsersToday: apiDto.newUsersToday,
},
};
}
}
}

38
apps/website/lib/builders/view-data/AdminUsersViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,38 @@
import type { UserListResponse } from '@/lib/api/admin/AdminApiClient';
import { AdminUsersViewData } from '@/lib/view-data/AdminUsersViewData';
/**
* AdminUsersViewDataBuilder
*
* Server-side builder that transforms API DTO
* into ViewData for the AdminUsersTemplate.
*
* Deterministic, side-effect free.
*/
export class AdminUsersViewDataBuilder {
static build(apiDto: UserListResponse): AdminUsersViewData {
const users = apiDto.users.map(user => ({
id: user.id,
email: user.email,
displayName: user.displayName,
roles: user.roles,
status: user.status,
isSystemAdmin: user.isSystemAdmin,
createdAt: user.createdAt.toISOString(),
updatedAt: user.updatedAt.toISOString(),
lastLoginAt: user.lastLoginAt?.toISOString(),
primaryDriverId: user.primaryDriverId,
}));
return {
users,
total: apiDto.total,
page: apiDto.page,
limit: apiDto.limit,
totalPages: apiDto.totalPages,
// Pre-computed derived values for template
activeUserCount: users.filter(u => u.status === 'active').length,
adminCount: users.filter(u => u.isSystemAdmin).length,
};
}
}

5
apps/website/lib/builders/view-data/CompleteOnboardingViewData.ts Normal file
View File

@@ -0,0 +1,5 @@
export interface CompleteOnboardingViewData {
success: boolean;
driverId?: string;
errorMessage?: string;
}

24
apps/website/lib/builders/view-data/CompleteOnboardingViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,24 @@
/**
* CompleteOnboarding ViewData Builder
*
* Transforms onboarding completion result into ViewData for templates.
*/
import { CompleteOnboardingOutputDTO } from '@/lib/types/generated/CompleteOnboardingOutputDTO';
import { CompleteOnboardingViewData } from './CompleteOnboardingViewData';
export class CompleteOnboardingViewDataBuilder {
/**
* Transform DTO into ViewData
*
* @param apiDto - The API DTO to transform
* @returns ViewData for templates
*/
static build(apiDto: CompleteOnboardingOutputDTO): CompleteOnboardingViewData {
return {
success: apiDto.success,
driverId: apiDto.driverId,
errorMessage: apiDto.errorMessage,
};
}
}

91
apps/website/lib/builders/view-data/DashboardViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,91 @@
import type { DashboardOverviewDTO } from '@/lib/types/generated/DashboardOverviewDTO';
import type { DashboardViewData } from '@/lib/view-data/DashboardViewData';
import { DashboardDateDisplay } from '@/lib/display-objects/DashboardDateDisplay';
import { RatingDisplay } from '@/lib/display-objects/RatingDisplay';
import { DashboardRankDisplay } from '@/lib/display-objects/DashboardRankDisplay';
import { DashboardConsistencyDisplay } from '@/lib/display-objects/DashboardConsistencyDisplay';
import { DashboardCountDisplay } from '@/lib/display-objects/DashboardCountDisplay';
import { DashboardLeaguePositionDisplay } from '@/lib/display-objects/DashboardLeaguePositionDisplay';
/**
* DashboardViewDataBuilder
*
* Transforms DashboardOverviewDTO (API DTO) into DashboardViewData for server-side rendering.
* Deterministic; side-effect free; no HTTP calls.
*/
export class DashboardViewDataBuilder {
static build(apiDto: DashboardOverviewDTO): DashboardViewData {
return {
currentDriver: {
name: apiDto.currentDriver?.name || '',
avatarUrl: apiDto.currentDriver?.avatarUrl || '',
country: apiDto.currentDriver?.country || '',
rating: apiDto.currentDriver ? RatingDisplay.format(apiDto.currentDriver.rating ?? 0) : '0.0',
rank: apiDto.currentDriver ? DashboardRankDisplay.format(apiDto.currentDriver.globalRank ?? 0) : '0',
totalRaces: apiDto.currentDriver ? DashboardCountDisplay.format(apiDto.currentDriver.totalRaces ?? 0) : '0',
wins: apiDto.currentDriver ? DashboardCountDisplay.format(apiDto.currentDriver.wins ?? 0) : '0',
podiums: apiDto.currentDriver ? DashboardCountDisplay.format(apiDto.currentDriver.podiums ?? 0) : '0',
consistency: apiDto.currentDriver ? DashboardConsistencyDisplay.format(apiDto.currentDriver.consistency ?? 0) : '0%',
},
nextRace: apiDto.nextRace ? DashboardViewDataBuilder.buildNextRace(apiDto.nextRace) : null,
upcomingRaces: apiDto.upcomingRaces.map((race) => DashboardViewDataBuilder.buildRace(race)),
leagueStandings: apiDto.leagueStandingsSummaries.map((standing) => ({
leagueId: standing.leagueId,
leagueName: standing.leagueName,
position: DashboardLeaguePositionDisplay.format(standing.position),
points: DashboardCountDisplay.format(standing.points),
totalDrivers: DashboardCountDisplay.format(standing.totalDrivers),
})),
feedItems: apiDto.feedSummary.items.map((item) => ({
id: item.id,
type: item.type,
headline: item.headline,
body: item.body,
timestamp: item.timestamp,
formattedTime: DashboardDateDisplay.format(new Date(item.timestamp)).relative,
ctaHref: item.ctaHref,
ctaLabel: item.ctaLabel,
})),
friends: apiDto.friends.map((friend) => ({
id: friend.id,
name: friend.name,
avatarUrl: friend.avatarUrl || '',
country: friend.country,
})),
activeLeaguesCount: DashboardCountDisplay.format(apiDto.activeLeaguesCount),
friendCount: DashboardCountDisplay.format(apiDto.friends.length),
hasUpcomingRaces: apiDto.upcomingRaces.length > 0,
hasLeagueStandings: apiDto.leagueStandingsSummaries.length > 0,
hasFeedItems: apiDto.feedSummary.items.length > 0,
hasFriends: apiDto.friends.length > 0,
};
}
private static buildNextRace(race: NonNullable<DashboardOverviewDTO['nextRace']>) {
const dateInfo = DashboardDateDisplay.format(new Date(race.scheduledAt));
return {
id: race.id,
track: race.track,
car: race.car,
scheduledAt: race.scheduledAt,
formattedDate: dateInfo.date,
formattedTime: dateInfo.time,
timeUntil: dateInfo.relative,
isMyLeague: race.isMyLeague,
};
}
private static buildRace(race: DashboardOverviewDTO['upcomingRaces'][number]) {
const dateInfo = DashboardDateDisplay.format(new Date(race.scheduledAt));
return {
id: race.id,
track: race.track,
car: race.car,
scheduledAt: race.scheduledAt,
formattedDate: dateInfo.date,
formattedTime: dateInfo.time,
timeUntil: dateInfo.relative,
isMyLeague: race.isMyLeague,
};
}
}

58
apps/website/lib/builders/view-data/DriverRankingsViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,58 @@
import type { DriverRankingsPageDto } from '@/lib/page-queries/page-dtos/DriverRankingsPageDto';
import type { DriverRankingsViewData } from '@/lib/view-data/DriverRankingsViewData';
export class DriverRankingsViewDataBuilder {
static build(dto: DriverRankingsPageDto | null): DriverRankingsViewData {
if (!dto || !dto.drivers) {
return {
drivers: [],
podium: [],
searchQuery: '',
selectedSkill: 'all',
sortBy: 'rank',
showFilters: false,
};
}
return {
drivers: dto.drivers.map(driver => ({
id: driver.id,
name: driver.name,
rating: driver.rating,
skillLevel: driver.skillLevel,
nationality: driver.nationality,
racesCompleted: driver.racesCompleted,
wins: driver.wins,
podiums: driver.podiums,
rank: driver.rank,
avatarUrl: driver.avatarUrl || '',
winRate: driver.racesCompleted > 0 ? ((driver.wins / driver.racesCompleted) * 100).toFixed(1) : '0.0',
medalBg: driver.rank === 1 ? 'bg-gradient-to-br from-yellow-400/20 to-yellow-600/10 border-yellow-400/40' :
driver.rank === 2 ? 'bg-gradient-to-br from-gray-300/20 to-gray-400/10 border-gray-300/40' :
driver.rank === 3 ? 'bg-gradient-to-br from-amber-600/20 to-amber-700/10 border-amber-600/40' :
'bg-iron-gray/50 border-charcoal-outline',
medalColor: driver.rank === 1 ? 'text-yellow-400' :
driver.rank === 2 ? 'text-gray-300' :
driver.rank === 3 ? 'text-amber-600' :
'text-gray-500',
})),
podium: dto.drivers.slice(0, 3).map((driver, index) => {
const positions = [2, 1, 3]; // Display order: 2nd, 1st, 3rd
const position = positions[index];
return {
id: driver.id,
name: driver.name,
rating: driver.rating,
wins: driver.wins,
podiums: driver.podiums,
avatarUrl: driver.avatarUrl || '',
position: position as 1 | 2 | 3,
};
}),
searchQuery: '',
selectedSkill: 'all',
sortBy: 'rank',
showFilters: false,
};
}
}

38
apps/website/lib/builders/view-data/ForgotPasswordViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,38 @@
/**
* Forgot Password View Data Builder
*
* Transforms ForgotPasswordPageDTO into ViewData for the forgot password template.
* Deterministic, side-effect free, no business logic.
*/
import { ForgotPasswordPageDTO } from '@/lib/services/auth/types/ForgotPasswordPageDTO';
export interface ForgotPasswordViewData {
returnTo: string;
showSuccess: boolean;
successMessage?: string;
magicLink?: string;
formState: any; // Will be managed by client component
isSubmitting: boolean;
submitError?: string;
}
export class ForgotPasswordViewDataBuilder {
static build(data: ForgotPasswordPageDTO): ForgotPasswordViewData {
return {
returnTo: data.returnTo,
showSuccess: false,
formState: {
fields: {
email: { value: '', error: undefined, touched: false, validating: false },
},
isValid: true,
isSubmitting: false,
submitError: undefined,
submitCount: 0,
},
isSubmitting: false,
submitError: undefined,
};
}
}

5
apps/website/lib/builders/view-data/GenerateAvatarsViewData.ts Normal file
View File

@@ -0,0 +1,5 @@
export interface GenerateAvatarsViewData {
success: boolean;
avatarUrls: string[];
errorMessage?: string;
}

25
apps/website/lib/builders/view-data/GenerateAvatarsViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,25 @@
/**
* GenerateAvatars ViewData Builder
*
* Transforms avatar generation result into ViewData for templates.
* Must be used in mutations to avoid returning DTOs directly.
*/
import { RequestAvatarGenerationOutputDTO } from '@/lib/types/generated/RequestAvatarGenerationOutputDTO';
import { GenerateAvatarsViewData } from './GenerateAvatarsViewData';
export class GenerateAvatarsViewDataBuilder {
/**
* Transform DTO into ViewData
*
* @param apiDto - The API DTO to transform
* @returns ViewData for templates
*/
static build(apiDto: RequestAvatarGenerationOutputDTO): GenerateAvatarsViewData {
return {
success: apiDto.success,
avatarUrls: apiDto.avatarUrls || [],
errorMessage: apiDto.errorMessage,
};
}
}

34
apps/website/lib/builders/view-data/LeaderboardsViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,34 @@
import type { DriverLeaderboardItemDTO } from '@/lib/types/generated/DriverLeaderboardItemDTO';
import type { TeamListItemDTO } from '@/lib/types/generated/TeamListItemDTO';
import type { LeaderboardsViewData } from '@/lib/view-data/LeaderboardsViewData';
export class LeaderboardsViewDataBuilder {
static build(
driversDto: { drivers: DriverLeaderboardItemDTO[] } | null,
teamsDto: { teams: TeamListItemDTO[] } | null
): LeaderboardsViewData {
return {
drivers: driversDto?.drivers.slice(0, 5).map((driver, index) => ({
id: driver.id,
name: driver.name,
rating: driver.rating,
skillLevel: driver.skillLevel,
nationality: driver.nationality,
wins: driver.wins,
rank: driver.rank,
avatarUrl: driver.avatarUrl || '',
position: index + 1,
})) || [],
teams: teamsDto?.teams.slice(0, 5).map((team, index) => ({
id: team.id,
name: team.name,
tag: team.tag,
memberCount: team.memberCount,
category: team.category,
totalWins: team.totalWins || 0,
logoUrl: team.logoUrl || '',
position: index + 1,
})) || [],
};
}
}

92
apps/website/lib/builders/view-data/LeagueDetailViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,92 @@
import type { LeagueWithCapacityAndScoringDTO } from '@/lib/types/generated/LeagueWithCapacityAndScoringDTO';
import type { LeagueMembershipsDTO } from '@/lib/types/generated/LeagueMembershipsDTO';
import type { RaceDTO } from '@/lib/types/generated/RaceDTO';
import type { GetDriverOutputDTO } from '@/lib/types/generated/GetDriverOutputDTO';
import type { LeagueScoringConfigDTO } from '@/lib/types/generated/LeagueScoringConfigDTO';
import type { LeagueDetailViewData, LeagueInfoData, LiveRaceData, DriverSummaryData, SponsorInfo } from '@/lib/view-data/LeagueDetailViewData';
/**
* LeagueDetailViewDataBuilder
*
* Transforms API DTOs into LeagueDetailViewData for server-side rendering.
* Deterministic; side-effect free; no HTTP calls.
*/
export class LeagueDetailViewDataBuilder {
static build(input: {
league: LeagueWithCapacityAndScoringDTO;
owner: GetDriverOutputDTO | null;
scoringConfig: LeagueScoringConfigDTO | null;
memberships: LeagueMembershipsDTO;
races: RaceDTO[];
sponsors: any[];
}): LeagueDetailViewData {
const { league, owner, scoringConfig, memberships, races, sponsors } = input;
// Calculate running races
const runningRaces: LiveRaceData[] = races
.filter(r => r.status === 'running')
.map(r => ({
id: r.id,
name: r.name,
date: r.scheduledAt,
registeredCount: r.registeredCount,
strengthOfField: r.strengthOfField,
}));
// Calculate info data
const membersCount = Array.isArray(memberships.members) ? memberships.members.length : 0;
const completedRacesCount = races.filter(r => r.status === 'completed').length;
const avgSOF = races.length > 0
? Math.round(races.reduce((sum, r) => sum + (r.strengthOfField || 0), 0) / races.length)
: null;
const info: LeagueInfoData = {
name: league.name,
description: league.description || '',
membersCount,
racesCount: completedRacesCount,
avgSOF,
structure: `Solo • ${league.settings?.maxDrivers ?? 32} max`,
scoring: scoringConfig?.name || 'Standard',
createdAt: league.createdAt,
discordUrl: league.socialLinks?.discordUrl,
youtubeUrl: league.socialLinks?.youtubeUrl,
websiteUrl: league.socialLinks?.websiteUrl,
};
// Convert owner to driver summary
const ownerSummary: DriverSummaryData | null = owner ? {
driverId: owner.id,
driverName: owner.name,
avatarUrl: owner.avatarUrl || null,
rating: null,
rank: null,
roleBadgeText: 'Owner',
roleBadgeClasses: 'bg-yellow-500/10 text-yellow-500 border-yellow-500/30',
profileUrl: `/drivers/${owner.id}`,
} : null;
// Convert sponsors
const sponsorInfo: SponsorInfo[] = sponsors.map(s => ({
id: s.id,
name: s.name,
tier: s.tier,
logoUrl: s.logoUrl,
websiteUrl: s.websiteUrl,
tagline: s.tagline,
}));
return {
leagueId: league.id,
name: league.name,
description: league.description || '',
info,
runningRaces,
sponsors: sponsorInfo,
ownerSummary,
adminSummaries: [], // Would need additional data
stewardSummaries: [], // Would need additional data
sponsorInsights: null, // Only for sponsor mode
};
}
}

39
apps/website/lib/builders/view-data/LeaguesViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,39 @@
import type { AllLeaguesWithCapacityAndScoringDTO } from '@/lib/types/generated/AllLeaguesWithCapacityAndScoringDTO';
import type { LeaguesViewData } from '@/lib/view-data/LeaguesViewData';
/**
* LeaguesViewDataBuilder
*
* Transforms AllLeaguesWithCapacityAndScoringDTO (API DTO) into LeaguesViewData for server-side rendering.
* Deterministic; side-effect free; no HTTP calls.
*/
export class LeaguesViewDataBuilder {
static build(apiDto: AllLeaguesWithCapacityAndScoringDTO): LeaguesViewData {
return {
leagues: apiDto.leagues.map((league) => ({
id: league.id,
name: league.name,
description: league.description || null,
logoUrl: league.logoUrl || null,
ownerId: league.ownerId,
createdAt: league.createdAt,
maxDrivers: league.settings.maxDrivers,
usedDriverSlots: league.usedSlots,
maxTeams: undefined, // Not provided in DTO
usedTeamSlots: undefined, // Not provided in DTO
structureSummary: league.settings.qualifyingFormat || '',
timingSummary: league.timingSummary || '',
category: league.category || null,
scoring: league.scoring ? {
gameId: league.scoring.gameId,
gameName: league.scoring.gameName,
primaryChampionshipType: league.scoring.primaryChampionshipType,
scoringPresetId: league.scoring.scoringPresetId,
scoringPresetName: league.scoring.scoringPresetName,
dropPolicySummary: league.scoring.dropPolicySummary,
scoringPatternSummary: league.scoring.scoringPatternSummary,
} : undefined,
})),
};
}
}

61
apps/website/lib/builders/view-data/LoginViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,61 @@
/**
* Login View Data Builder
*
* Transforms LoginPageDTO into ViewData for the login template.
* Deterministic, side-effect free, no business logic.
*/
import { LoginPageDTO } from '@/lib/services/auth/types/LoginPageDTO';
export interface FormFieldState {
value: string | boolean;
error?: string;
touched: boolean;
validating: boolean;
}
export interface FormState {
fields: {
email: FormFieldState;
password: FormFieldState;
rememberMe: FormFieldState;
};
isValid: boolean;
isSubmitting: boolean;
submitError?: string;
submitCount: number;
}
export interface LoginViewData {
returnTo: string;
hasInsufficientPermissions: boolean;
showPassword: boolean;
showErrorDetails: boolean;
formState: FormState;
isSubmitting: boolean;
submitError?: string;
}
export class LoginViewDataBuilder {
static build(data: LoginPageDTO): LoginViewData {
return {
returnTo: data.returnTo,
hasInsufficientPermissions: data.hasInsufficientPermissions,
showPassword: false,
showErrorDetails: false,
formState: {
fields: {
email: { value: '', error: undefined, touched: false, validating: false },
password: { value: '', error: undefined, touched: false, validating: false },
rememberMe: { value: false, error: undefined, touched: false, validating: false },
},
isValid: true,
isSubmitting: false,
submitError: undefined,
submitCount: 0,
},
isSubmitting: false,
submitError: undefined,
};
}
}

21
apps/website/lib/builders/view-data/OnboardingPageViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,21 @@
/**
* OnboardingPage ViewData Builder
*
* Transforms driver check result into ViewData for the onboarding page.
*/
import { OnboardingPageViewData } from '@/lib/view-data/OnboardingPageViewData';
export class OnboardingPageViewDataBuilder {
/**
* Transform driver data into ViewData
*
* @param apiDto - The driver data from the service
* @returns ViewData for the onboarding page
*/
static build(apiDto: unknown): OnboardingPageViewData {
return {
isAlreadyOnboarded: !!apiDto,
};
}
}

24
apps/website/lib/builders/view-data/OnboardingViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,24 @@
/**
* Onboarding ViewData Builder
*
* Transforms API DTOs into ViewData for onboarding page.
* Deterministic, side-effect free.
*/
import { Result } from '@/lib/contracts/Result';
import { PresentationError } from '@/lib/contracts/page-queries/PresentationError';
import { OnboardingPageViewData } from '@/lib/view-data/OnboardingPageViewData';
export class OnboardingViewDataBuilder {
static build(apiDto: Result<{ isAlreadyOnboarded: boolean }, PresentationError>): Result<OnboardingPageViewData, PresentationError> {
if (apiDto.isErr()) {
return Result.err(apiDto.getError());
}
const data = apiDto.unwrap();
return Result.ok({
isAlreadyOnboarded: data.isAlreadyOnboarded || false,
});
}
}

112
apps/website/lib/builders/view-data/ProfileViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,112 @@
import type { GetDriverProfileOutputDTO } from '@/lib/types/generated/GetDriverProfileOutputDTO';
import type { ProfileViewData } from '@/lib/view-data/ProfileViewData';
import { mediaConfig } from '@/lib/config/mediaConfig';
import { CountryFlagDisplay } from '@/lib/display-objects/CountryFlagDisplay';
export class ProfileViewDataBuilder {
static build(apiDto: GetDriverProfileOutputDTO): ProfileViewData {
const driver = apiDto.currentDriver;
if (!driver) {
return {
driver: {
id: '',
name: '',
countryCode: '',
countryFlag: CountryFlagDisplay.fromCountryCode(null).toString(),
avatarUrl: mediaConfig.avatars.defaultFallback,
bio: null,
iracingId: null,
joinedAtLabel: '',
},
stats: null,
teamMemberships: [],
extendedProfile: null,
};
}
const stats = apiDto.stats ?? null;
const socialSummary = apiDto.socialSummary;
const extended = apiDto.extendedProfile ?? null;
const joinedAtLabel = new Date(driver.joinedAt).toLocaleDateString('en-US', {
month: 'short',
year: 'numeric',
});
return {
driver: {
id: driver.id,
name: driver.name,
countryCode: driver.country,
countryFlag: CountryFlagDisplay.fromCountryCode(driver.country).toString(),
avatarUrl: driver.avatarUrl || mediaConfig.avatars.defaultFallback,
bio: driver.bio || null,
iracingId: driver.iracingId || null,
joinedAtLabel,
},
stats: stats
? {
ratingLabel: stats.rating != null ? String(stats.rating) : '0',
globalRankLabel: driver.globalRank != null ? `#${driver.globalRank}` : '—',
totalRacesLabel: String(stats.totalRaces),
winsLabel: String(stats.wins),
podiumsLabel: String(stats.podiums),
dnfsLabel: String(stats.dnfs),
bestFinishLabel: stats.bestFinish != null ? `P${stats.bestFinish}` : '—',
worstFinishLabel: stats.worstFinish != null ? `P${stats.worstFinish}` : '—',
avgFinishLabel: stats.avgFinish != null ? `P${stats.avgFinish.toFixed(1)}` : '—',
consistencyLabel: stats.consistency != null ? `${stats.consistency}%` : '0%',
percentileLabel: stats.percentile != null ? `${stats.percentile}%` : '—',
}
: null,
teamMemberships: apiDto.teamMemberships.map((m) => ({
teamId: m.teamId,
teamName: m.teamName,
teamTag: m.teamTag || null,
roleLabel: m.role,
joinedAtLabel: new Date(m.joinedAt).toLocaleDateString('en-US', {
month: 'short',
year: 'numeric',
}),
href: `/teams/${m.teamId}`,
})),
extendedProfile: extended
? {
timezone: extended.timezone,
racingStyle: extended.racingStyle,
favoriteTrack: extended.favoriteTrack,
favoriteCar: extended.favoriteCar,
availableHours: extended.availableHours,
lookingForTeamLabel: extended.lookingForTeam ? 'Looking for Team' : '',
openToRequestsLabel: extended.openToRequests ? 'Open to Requests' : '',
socialHandles: extended.socialHandles.map((h) => ({
platformLabel: h.platform,
handle: h.handle,
url: h.url,
})),
achievements: extended.achievements.map((a) => ({
id: a.id,
title: a.title,
description: a.description,
earnedAtLabel: new Date(a.earnedAt).toLocaleDateString('en-US', {
month: 'short',
day: 'numeric',
year: 'numeric',
}),
icon: a.icon as NonNullable<ProfileViewData['extendedProfile']>['achievements'][number]['icon'],
rarityLabel: a.rarity,
})),
friends: socialSummary.friends.slice(0, 8).map((f) => ({
id: f.id,
name: f.name,
countryFlag: CountryFlagDisplay.fromCountryCode(f.country).toString(),
avatarUrl: f.avatarUrl || mediaConfig.avatars.defaultFallback,
href: `/drivers/${f.id}`,
})),
friendsCountLabel: String(socialSummary.friendsCount),
}
: null,
};
}
}

40
apps/website/lib/builders/view-data/ResetPasswordViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,40 @@
/**
* Reset Password View Data Builder
*
* Transforms ResetPasswordPageDTO into ViewData for the reset password template.
* Deterministic, side-effect free, no business logic.
*/
import { ResetPasswordPageDTO } from '@/lib/services/auth/types/ResetPasswordPageDTO';
export interface ResetPasswordViewData {
token: string;
returnTo: string;
showSuccess: boolean;
successMessage?: string;
formState: any; // Will be managed by client component
isSubmitting: boolean;
submitError?: string;
}
export class ResetPasswordViewDataBuilder {
static build(data: ResetPasswordPageDTO): ResetPasswordViewData {
return {
token: data.token,
returnTo: data.returnTo,
showSuccess: false,
formState: {
fields: {
newPassword: { value: '', error: undefined, touched: false, validating: false },
confirmPassword: { value: '', error: undefined, touched: false, validating: false },
},
isValid: true,
isSubmitting: false,
submitError: undefined,
submitCount: 0,
},
isSubmitting: false,
submitError: undefined,
};
}
}

38
apps/website/lib/builders/view-data/SignupViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,38 @@
/**
* Signup View Data Builder
*
* Transforms SignupPageDTO into ViewData for the signup template.
* Deterministic, side-effect free, no business logic.
*/
import { SignupPageDTO } from '@/lib/services/auth/types/SignupPageDTO';
export interface SignupViewData {
returnTo: string;
formState: any; // Will be managed by client component
isSubmitting: boolean;
submitError?: string;
}
export class SignupViewDataBuilder {
static build(data: SignupPageDTO): SignupViewData {
return {
returnTo: data.returnTo,
formState: {
fields: {
firstName: { value: '', error: undefined, touched: false, validating: false },
lastName: { value: '', error: undefined, touched: false, validating: false },
email: { value: '', error: undefined, touched: false, validating: false },
password: { value: '', error: undefined, touched: false, validating: false },
confirmPassword: { value: '', error: undefined, touched: false, validating: false },
},
isValid: true,
isSubmitting: false,
submitError: undefined,
submitCount: 0,
},
isSubmitting: false,
submitError: undefined,
};
}
}

16
apps/website/lib/builders/view-data/SponsorshipRequestsPageViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,16 @@
import type { SponsorshipRequestDTO } from '@/lib/types/generated/SponsorshipRequestDTO';
import type { GetPendingSponsorshipRequestsOutputDTO } from '@/lib/types/generated/GetPendingSponsorshipRequestsOutputDTO';
export interface SponsorshipRequestsViewData {
requests: SponsorshipRequestDTO[];
isEmpty: boolean;
}
export class SponsorshipRequestsPageViewDataBuilder {
build(queryResult: GetPendingSponsorshipRequestsOutputDTO): SponsorshipRequestsViewData {
return {
requests: queryResult.requests,
isEmpty: queryResult.requests.length === 0,
};
}
}

22
apps/website/lib/builders/view-data/SponsorshipRequestsViewDataBuilder.ts Normal file
View File

@@ -0,0 +1,22 @@
import type { SponsorshipRequestsPageDto } from '@/lib/page-queries/page-queries/SponsorshipRequestsPageQuery';
import type { SponsorshipRequestsViewData } from '@/lib/view-data/SponsorshipRequestsViewData';
export class SponsorshipRequestsViewDataBuilder {
static build(apiDto: SponsorshipRequestsPageDto): SponsorshipRequestsViewData {
return {
sections: apiDto.sections.map((section) => ({
entityType: section.entityType,
entityId: section.entityId,
entityName: section.entityName,
requests: section.requests.map((request) => ({
id: request.requestId,
sponsorId: request.sponsorId,
sponsorName: request.sponsorName,
sponsorLogoUrl: null,
message: request.message,
createdAtIso: request.createdAtIso,
})),
})),
};
}
}