AfonsoCMSousa/ACPlayer_Webpage
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature: Live Map and Events Tab

Browse Source
This commit is contained in:
AfonsoCMSousa
2025-11-02 20:59:28 +00:00
parent 4a8d6bc5d7
commit 8de538cc29
13 changed files with 1391 additions and 388 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/api/dashboard/route.ts
+69
View File
@@ -0,0 +1,69 @@
// app/api/dashboard/route.ts
// API endpoint for dashboard data
import { query } from '@/lib/db';
import { NextResponse } from 'next/server';
export const dynamic = 'force-dynamic';
export async function GET() {
try {
const sql = `
SELECT
u.driver_guid,
u.driver_name,
u.driver_team,
u.car_model,
u.car_skin,
u.user_rank,
u.laps_completed,
s.server_id,
s.server_name,
s.server_track,
s.server_config,
s.session_type,
s.session_flag,
s.session_time,
s.session_laps,
s.session_elapsed_time,
s.session_ambient_temp,
s.session_road_temp,
s.connected_players
FROM users u
INNER JOIN servers s ON u.current_server = s.server_id
WHERE u.is_connect = true
ORDER BY s.server_id, u.user_rank ASC
`;
const rows = await query(sql);
const drivers = rows.map((row: any) => ({
driver_guid: row.driver_guid,
driver_name: row.driver_name,
driver_team: row.driver_team,
car_model: row.car_model,
car_skin: row.car_skin,
laps_completed: row.laps_completed,
user_rank: row.user_rank,
server: {
server_id: row.server_id,
server_name: row.server_name,
server_track: row.server_track,
server_config: row.server_config,
session_type: row.session_type,
session_flag: row.session_flag,
session_time: row.session_time,
session_laps: row.session_laps,
session_elapsed_time: row.session_elapsed_time,
session_ambient_temp: row.session_ambient_temp,
session_road_temp: row.session_road_temp,
connected_players: row.connected_players,
},
}));
return NextResponse.json({ drivers });
} catch (error) {
console.error('[Dashboard API] Error:', error);
return NextResponse.json({ error: 'Failed to fetch dashboard data' }, { status: 500 });
}
}
app/api/events/[id]/results/route.ts
+45
View File
@@ -0,0 +1,45 @@
// app/api/events/[id]/results/route.ts
import { query } from '@/lib/db';
import { NextResponse } from 'next/server';
export const dynamic = 'force-dynamic';
export async function GET(
request: Request,
{ params }: { params: { id: string } }
) {
try {
const standingsSql = `
SELECT
tcs.team_id,
t.name as team_name,
tcs.total_points,
tcs.races_participated,
tcs.best_finish,
json_agg(
json_build_object(
'driver_guid', u.driver_guid,
'driver_name', u.driver_name,
'position', er.position,
'points_awarded', er.points_awarded,
'laps_completed', er.laps_completed,
'dnf', er.dnf
) ORDER BY er.position ASC
) as drivers
FROM team_championship_standings tcs
JOIN teams t ON tcs.team_id = t.id
LEFT JOIN event_results er ON tcs.event_id = er.event_id AND tcs.team_id = er.team_id
LEFT JOIN users u ON er.driver_guid = u.driver_guid
WHERE tcs.event_id = $1
GROUP BY tcs.team_id, t.name, tcs.total_points, tcs.races_participated, tcs.best_finish
ORDER BY tcs.total_points DESC, tcs.best_finish ASC
`;
const standings = await query(standingsSql, [params.id]);
return NextResponse.json({ standings });
} catch (error) {
console.error('[Event Results API] Error:', error);
return NextResponse.json({ error: 'Failed to fetch results' }, { status: 500 });
}
}
app/api/live/telemetry/route.ts
+142
View File
@@ -0,0 +1,142 @@
// app/api/live/telemetry/route.ts
// Server-Sent Events endpoint streaming from C++ Unix socket
import { getTelemetryBridge } from '@/lib/telemetryBridge';
import { query } from '@/lib/db';
export const dynamic = 'force-dynamic';
export const runtime = 'nodejs';
// Cache for driver ranks (refreshed periodically)
let rankCache: Map<string, { rank: number, rating: number }> = new Map();
let lastRankUpdate = 0;
const RANK_CACHE_TTL = 60000; // 1 minute
async function updateRankCache() {
const now = Date.now();
if (now - lastRankUpdate < RANK_CACHE_TTL) {
return; // Cache still valid
}
try {
// Get all users sorted by rank (higher is better)
const users = await query(
`SELECT
driver_guid,
user_rank,
ROW_NUMBER() OVER (ORDER BY user_rank DESC) as rank_position
FROM users
WHERE user_rank IS NOT NULL
ORDER BY user_rank DESC`
);
rankCache.clear();
users.forEach((row: any) => {
rankCache.set(row.driver_guid.toString(), {
rank: row.rank_position,
rating: row.user_rank
});
});
lastRankUpdate = now;
console.log('[Rank Cache] Updated with', rankCache.size, 'drivers');
} catch (error) {
console.error('[Rank Cache] Failed to update:', error);
}
}
export async function GET(request: Request) {
const { searchParams } = new URL(request.url);
const serverId = searchParams.get('serverId');
const filterServerId = serverId ? parseInt(serverId) : null;
const encoder = new TextEncoder();
const bridge = getTelemetryBridge();
const stream = new ReadableStream({
async start(controller) {
console.log('[SSE] Client connected', filterServerId ? `(server ${filterServerId})` : '(all servers)');
// Update rank cache on new connection
await updateRankCache();
// Send initial connection message
controller.enqueue(encoder.encode(`data: ${JSON.stringify({
type: 'connected',
bridge_status: bridge.isConnected() ? 'connected' : 'connecting',
timestamp: Date.now()
})}\n\n`));
// Subscribe to telemetry updates
const unsubscribe = bridge.subscribe((packet) => {
// Filter by server if specified
if (filterServerId && packet.server_id !== filterServerId) {
return;
}
// Transform to client format
const telemetry = {
type: 'update',
timestamp: Date.now(),
server_id: packet.server_id,
cars: packet.cars.map((car) => {
const driverRank = rankCache.get(car.driver_guid);
return {
carID: car.carID,
driver_guid: car.driver_guid,
driver_name: car.driver_name,
car_model: car.car_model,
position: car.position_rank,
current_lap: car.current_lap,
normalizedSplinePos: car.normalizedSplinePos,
speed: Math.round(car.speed_kmh),
gear: car.gear,
rpm: car.rpm,
last_lap_time: car.last_lap_time || null,
best_lap_time: car.best_lap_time || null,
world_position: car.position,
user_rank: driverRank ? driverRank.rank : null,
user_rating: driverRank ? driverRank.rating : null,
};
}),
};
try {
controller.enqueue(encoder.encode(`data: ${JSON.stringify(telemetry)}\n\n`));
} catch (error) {
console.error('[SSE] Error sending data:', error);
}
});
// Heartbeat every 30 seconds to keep connection alive
const heartbeat = setInterval(() => {
try {
controller.enqueue(encoder.encode(`: heartbeat\n\n`));
} catch (error) {
clearInterval(heartbeat);
}
}, 30000);
// Cleanup on connection close
request.signal.addEventListener('abort', () => {
console.log('[SSE] Client disconnected');
unsubscribe();
clearInterval(heartbeat);
try {
controller.close();
} catch (error) {
// Controller already closed
}
});
},
});
return new Response(stream, {
headers: {
'Content-Type': 'text/event-stream',
'Cache-Control': 'no-cache, no-transform',
'Connection': 'keep-alive',
'X-Accel-Buffering': 'no', // Disable nginx buffering
},
});
}
app/api/telemetry/route.ts
-89
View File
@@ -1,89 +0,0 @@
// app/api/live/telemetry/route.ts
// Server-Sent Events endpoint streaming from C++ Unix socket
import { getTelemetryBridge } from '@/lib/telemetryBridge';
export const dynamic = 'force-dynamic';
export const runtime = 'nodejs';
export async function GET(request: Request) {
const { searchParams } = new URL(request.url);
const serverId = searchParams.get('serverId');
const filterServerId = serverId ? parseInt(serverId) : null;
const encoder = new TextEncoder();
const bridge = getTelemetryBridge();
const stream = new ReadableStream({
start(controller) {
console.log('[SSE] Client connected', filterServerId ? `(server ${filterServerId})` : '(all servers)');
// Send initial connection message
controller.enqueue(encoder.encode(`data: ${JSON.stringify({
type: 'connected',
bridge_status: bridge.isConnected() ? 'connected' : 'connecting'
})}\n\n`));
// Subscribe to telemetry updates
const unsubscribe = bridge.subscribe((packet) => {
// Filter by server if specified
if (filterServerId && packet.server_id !== filterServerId) {
return;
}
// Transform to client format
const telemetry = {
type: 'update',
timestamp: Date.now(),
server_id: packet.server_id,
cars: packet.cars.map((car, index) => ({
carID: car.carID,
driver_guid: car.driver_guid,
driver_name: car.driver_name,
car_model: car.car_model,
position: car.position || index + 1,
current_lap: car.current_lap,
normalizedSplinePos: car.normalizedSplinePos,
speed: Math.round(car.speed_kmh),
gear: car.gear,
rpm: car.rpm,
last_lap_time: car.last_lap_time || null,
best_lap_time: car.best_lap_time || null,
})),
};
try {
controller.enqueue(encoder.encode(`data: ${JSON.stringify(telemetry)}\n\n`));
} catch (error) {
console.error('[SSE] Error sending data:', error);
}
});
// Heartbeat every 30 seconds
const heartbeat = setInterval(() => {
try {
controller.enqueue(encoder.encode(`: heartbeat\n\n`));
} catch (error) {
clearInterval(heartbeat);
}
}, 30000);
// Cleanup on connection close
request.signal.addEventListener('abort', () => {
console.log('[SSE] Client disconnected');
unsubscribe();
clearInterval(heartbeat);
controller.close();
});
},
});
return new Response(stream, {
headers: {
'Content-Type': 'text/event-stream',
'Cache-Control': 'no-cache',
'Connection': 'keep-alive',
'X-Accel-Buffering': 'no', // Disable nginx buffering
},
});
}