docs

apps/website/lib/display-objects/DashboardDisplay.ts

@@ -0,0 +1,138 @@
+/**
+ * Dashboard Display Objects
+ * 
+ * Deterministic formatting for dashboard data without Intl.* or toLocale*
+ */
+
+export interface DashboardStatDisplayData {
+  icon: string;
+  color: string;
+  label: string;
+}
+
+export interface DashboardDateDisplayData {
+  date: string;
+  time: string;
+  relative: string;
+}
+
+/**
+ * Stat card display configurations
+ */
+export const dashboardStatDisplay = {
+  wins: {
+    icon: 'Trophy',
+    color: 'bg-performance-green/20 text-performance-green',
+    label: 'Wins',
+  },
+  podiums: {
+    icon: 'Medal',
+    color: 'bg-warning-amber/20 text-warning-amber',
+    label: 'Podiums',
+  },
+  consistency: {
+    icon: 'Target',
+    color: 'bg-primary-blue/20 text-primary-blue',
+    label: 'Consistency',
+  },
+  activeLeagues: {
+    icon: 'Users',
+    color: 'bg-purple-500/20 text-purple-400',
+    label: 'Active Leagues',
+  },
+} as const;
+
+/**
+ * Format date for display (deterministic, no Intl)
+ */
+export function formatDashboardDate(date: Date): DashboardDateDisplayData {
+  const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  
+  const dayName = days[date.getDay()];
+  const month = months[date.getMonth()];
+  const day = date.getDate();
+  const year = date.getFullYear();
+  
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+  
+  // Calculate relative time (deterministic)
+  const now = new Date();
+  const diffMs = date.getTime() - now.getTime();
+  const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+  const diffDays = Math.floor(diffHours / 24);
+  
+  let relative: string;
+  if (diffHours < 0) {
+    relative = 'Past';
+  } else if (diffHours === 0) {
+    relative = 'Now';
+  } else if (diffHours < 24) {
+    relative = `${diffHours}h`;
+  } else {
+    relative = `${diffDays}d`;
+  }
+  
+  return {
+    date: `${dayName}, ${month} ${day}, ${year}`,
+    time: `${hours}:${minutes}`,
+    relative,
+  };
+}
+
+/**
+ * Format rating for display
+ */
+export function formatRating(rating: number): string {
+  return rating.toFixed(1);
+}
+
+/**
+ * Format rank for display
+ */
+export function formatRank(rank: number): string {
+  return rank.toString();
+}
+
+/**
+ * Format consistency percentage
+ */
+export function formatConsistency(consistency: number): string {
+  return `${consistency}%`;
+}
+
+/**
+ * Format race count
+ */
+export function formatRaceCount(count: number): string {
+  return count.toString();
+}
+
+/**
+ * Format friend count
+ */
+export function formatFriendCount(count: number): string {
+  return count.toString();
+}
+
+/**
+ * Format league position
+ */
+export function formatLeaguePosition(position: number): string {
+  return `#${position}`;
+}
+
+/**
+ * Format points
+ */
+export function formatPoints(points: number): string {
+  return points.toString();
+}
+
+/**
+ * Format total drivers
+ */
+export function formatTotalDrivers(total: number): string {
+  return total.toString();
+}