chore: fix tailwind v4 styling & format styling
This commit is contained in:
+909
-791
File diff suppressed because it is too large
Load Diff
+231
-226
@@ -2,257 +2,262 @@ import { notFound } from "next/navigation"
|
||||
import { after } from "next/server"
|
||||
import { db } from "@/lib/db/index"
|
||||
import {
|
||||
games,
|
||||
gameVersions,
|
||||
performanceEntries,
|
||||
communityPresets,
|
||||
gameComments,
|
||||
gamePlatformSupport,
|
||||
hardware,
|
||||
games,
|
||||
gameVersions,
|
||||
performanceEntries,
|
||||
communityPresets,
|
||||
gameComments,
|
||||
gamePlatformSupport,
|
||||
hardware,
|
||||
} from "@/lib/db/schema"
|
||||
import { eq, sql } from "drizzle-orm"
|
||||
import { isSyncStale, syncSteamGame } from "@/lib/steam/sync"
|
||||
import { GamePageClient } from "./game-page-client"
|
||||
|
||||
export const metadata = {
|
||||
title: "Game",
|
||||
title: "Game",
|
||||
}
|
||||
|
||||
async function createGameStub(steamAppId: number) {
|
||||
const url = new URL("https://store.steampowered.com/api/appdetails/")
|
||||
url.searchParams.set("appids", String(steamAppId))
|
||||
url.searchParams.set("cc", "US")
|
||||
url.searchParams.set("l", "en")
|
||||
const url = new URL("https://store.steampowered.com/api/appdetails/")
|
||||
url.searchParams.set("appids", String(steamAppId))
|
||||
url.searchParams.set("cc", "US")
|
||||
url.searchParams.set("l", "en")
|
||||
|
||||
const res = await fetch(url.toString(), {
|
||||
headers: { Accept: "application/json" },
|
||||
})
|
||||
|
||||
let title = `Steam App ${steamAppId}`
|
||||
let developer: string | null = null
|
||||
let publisher: string | null = null
|
||||
let genres: string[] | null = null
|
||||
let headerImage: string | null = null
|
||||
let capsuleImage: string | null = null
|
||||
let description: string | null = null
|
||||
|
||||
if (res.ok) {
|
||||
const data = (await res.json()) as Record<
|
||||
string,
|
||||
{
|
||||
success: boolean
|
||||
data: {
|
||||
type?: string
|
||||
name: string
|
||||
developers?: string[]
|
||||
publishers?: string[]
|
||||
genres?: { description: string }[]
|
||||
header_image?: string
|
||||
short_description?: string
|
||||
}
|
||||
}
|
||||
>
|
||||
const entry = data[String(steamAppId)]
|
||||
if (entry?.success && entry.data) {
|
||||
if (entry.data.type && entry.data.type !== "game") {
|
||||
notFound()
|
||||
}
|
||||
title = entry.data.name
|
||||
developer = entry.data.developers?.[0] ?? null
|
||||
publisher = entry.data.publishers?.[0] ?? null
|
||||
genres = entry.data.genres?.map((g) => g.description) ?? []
|
||||
headerImage = entry.data.header_image ?? null
|
||||
capsuleImage = `https://cdn.akamai.steamstatic.com/steam/apps/${steamAppId}/library_600x900.jpg`
|
||||
description = entry.data.short_description ?? null
|
||||
}
|
||||
}
|
||||
|
||||
const [game] = await db
|
||||
.insert(games)
|
||||
.values({
|
||||
steamAppId,
|
||||
source: "steam",
|
||||
title,
|
||||
developer,
|
||||
publisher,
|
||||
genres,
|
||||
headerImage,
|
||||
capsuleImage,
|
||||
description,
|
||||
storeUrl: `https://store.steampowered.com/app/${steamAppId}`,
|
||||
lastSync: new Date(),
|
||||
syncStatus: "synced",
|
||||
const res = await fetch(url.toString(), {
|
||||
headers: { Accept: "application/json" },
|
||||
})
|
||||
.returning()
|
||||
|
||||
return game
|
||||
let title = `Steam App ${steamAppId}`
|
||||
let developer: string | null = null
|
||||
let publisher: string | null = null
|
||||
let genres: string[] | null = null
|
||||
let headerImage: string | null = null
|
||||
let capsuleImage: string | null = null
|
||||
let description: string | null = null
|
||||
|
||||
if (res.ok) {
|
||||
const data = (await res.json()) as Record<
|
||||
string,
|
||||
{
|
||||
success: boolean
|
||||
data: {
|
||||
type?: string
|
||||
name: string
|
||||
developers?: string[]
|
||||
publishers?: string[]
|
||||
genres?: { description: string }[]
|
||||
header_image?: string
|
||||
short_description?: string
|
||||
}
|
||||
}
|
||||
>
|
||||
const entry = data[String(steamAppId)]
|
||||
if (entry?.success && entry.data) {
|
||||
if (entry.data.type && entry.data.type !== "game") {
|
||||
notFound()
|
||||
}
|
||||
title = entry.data.name
|
||||
developer = entry.data.developers?.[0] ?? null
|
||||
publisher = entry.data.publishers?.[0] ?? null
|
||||
genres = entry.data.genres?.map((g) => g.description) ?? []
|
||||
headerImage = entry.data.header_image ?? null
|
||||
capsuleImage = `https://cdn.akamai.steamstatic.com/steam/apps/${steamAppId}/library_600x900.jpg`
|
||||
description = entry.data.short_description ?? null
|
||||
}
|
||||
}
|
||||
|
||||
const [game] = await db
|
||||
.insert(games)
|
||||
.values({
|
||||
steamAppId,
|
||||
source: "steam",
|
||||
title,
|
||||
developer,
|
||||
publisher,
|
||||
genres,
|
||||
headerImage,
|
||||
capsuleImage,
|
||||
description,
|
||||
storeUrl: `https://store.steampowered.com/app/${steamAppId}`,
|
||||
lastSync: new Date(),
|
||||
syncStatus: "synced",
|
||||
})
|
||||
.returning()
|
||||
|
||||
return game
|
||||
}
|
||||
|
||||
export default async function GamePage({
|
||||
params,
|
||||
searchParams,
|
||||
params,
|
||||
searchParams,
|
||||
}: {
|
||||
params: Promise<{ id: string }>
|
||||
searchParams: Promise<{ sync?: string }>
|
||||
params: Promise<{ id: string }>
|
||||
searchParams: Promise<{ sync?: string }>
|
||||
}) {
|
||||
const { id } = await params
|
||||
const { sync } = await searchParams
|
||||
const isNumeric = /^\d+$/.test(id)
|
||||
const forceSync = sync === "1"
|
||||
const { id } = await params
|
||||
const { sync } = await searchParams
|
||||
const isNumeric = /^\d+$/.test(id)
|
||||
const forceSync = sync === "1"
|
||||
|
||||
// ── Resolve game ────────────────────────────────────────────────
|
||||
let game
|
||||
if (isNumeric) {
|
||||
const rows = await db
|
||||
.select()
|
||||
.from(games)
|
||||
.where(eq(games.steamAppId, Number(id)))
|
||||
.limit(1)
|
||||
game = rows[0]
|
||||
} else {
|
||||
const rows = await db
|
||||
.select()
|
||||
.from(games)
|
||||
.where(eq(games.id, id))
|
||||
.limit(1)
|
||||
game = rows[0]
|
||||
}
|
||||
|
||||
if (!game && isNumeric) {
|
||||
try {
|
||||
game = await createGameStub(Number(id))
|
||||
} catch (err) {
|
||||
console.error("Failed to auto-create game stub:", err)
|
||||
// ── Resolve game ────────────────────────────────────────────────
|
||||
let game
|
||||
if (isNumeric) {
|
||||
const rows = await db
|
||||
.select()
|
||||
.from(games)
|
||||
.where(eq(games.steamAppId, Number(id)))
|
||||
.limit(1)
|
||||
game = rows[0]
|
||||
} else {
|
||||
const rows = await db
|
||||
.select()
|
||||
.from(games)
|
||||
.where(eq(games.id, id))
|
||||
.limit(1)
|
||||
game = rows[0]
|
||||
}
|
||||
}
|
||||
|
||||
if (!game) {
|
||||
notFound()
|
||||
}
|
||||
if (!game && isNumeric) {
|
||||
try {
|
||||
game = await createGameStub(Number(id))
|
||||
} catch (err) {
|
||||
console.error("Failed to auto-create game stub:", err)
|
||||
}
|
||||
}
|
||||
|
||||
// ── Fetch related data in parallel ──────────────────────────────
|
||||
const [benchmarkCount, presetCount, commentCount, platformSupport, presetRows] =
|
||||
await Promise.all([
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(performanceEntries)
|
||||
.innerJoin(
|
||||
gameVersions,
|
||||
eq(performanceEntries.versionId, gameVersions.id),
|
||||
)
|
||||
.where(eq(gameVersions.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(communityPresets)
|
||||
.where(eq(communityPresets.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(gameComments)
|
||||
.where(eq(gameComments.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select()
|
||||
.from(gamePlatformSupport)
|
||||
.where(eq(gamePlatformSupport.gameId, game.id))
|
||||
.then((r) => r),
|
||||
db
|
||||
.select({
|
||||
id: communityPresets.id,
|
||||
name: communityPresets.name,
|
||||
description: communityPresets.description,
|
||||
hardwareSlug: communityPresets.hardwareSlug,
|
||||
hardwareName: hardware.name,
|
||||
upvotes: communityPresets.upvotes,
|
||||
settingsJson: communityPresets.settingsJson,
|
||||
createdAt: communityPresets.createdAt,
|
||||
fpsAvg: performanceEntries.fpsAvg,
|
||||
fpsLow: performanceEntries.fpsLow,
|
||||
fpsHigh: performanceEntries.fpsHigh,
|
||||
fsrVersion: performanceEntries.fsrVersion,
|
||||
frameGenMethod: performanceEntries.frameGenMethod,
|
||||
protonVersion: performanceEntries.protonVersion,
|
||||
osVersion: performanceEntries.osVersion,
|
||||
})
|
||||
.from(communityPresets)
|
||||
.leftJoin(
|
||||
performanceEntries,
|
||||
eq(communityPresets.performanceEntryId, performanceEntries.id),
|
||||
)
|
||||
.innerJoin(
|
||||
hardware,
|
||||
eq(communityPresets.hardwareSlug, hardware.slug),
|
||||
)
|
||||
.where(eq(communityPresets.gameId, game.id))
|
||||
.orderBy(sql`${communityPresets.upvotes} DESC`),
|
||||
if (!game) {
|
||||
notFound()
|
||||
}
|
||||
|
||||
// ── Fetch related data in parallel ──────────────────────────────
|
||||
const [
|
||||
benchmarkCount,
|
||||
presetCount,
|
||||
commentCount,
|
||||
platformSupport,
|
||||
presetRows,
|
||||
] = await Promise.all([
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(performanceEntries)
|
||||
.innerJoin(
|
||||
gameVersions,
|
||||
eq(performanceEntries.versionId, gameVersions.id),
|
||||
)
|
||||
.where(eq(gameVersions.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(communityPresets)
|
||||
.where(eq(communityPresets.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select({ count: sql<number>`count(*)::int` })
|
||||
.from(gameComments)
|
||||
.where(eq(gameComments.gameId, game.id))
|
||||
.then((r) => r[0]?.count ?? 0),
|
||||
db
|
||||
.select()
|
||||
.from(gamePlatformSupport)
|
||||
.where(eq(gamePlatformSupport.gameId, game.id))
|
||||
.then((r) => r),
|
||||
db
|
||||
.select({
|
||||
id: communityPresets.id,
|
||||
name: communityPresets.name,
|
||||
description: communityPresets.description,
|
||||
hardwareSlug: communityPresets.hardwareSlug,
|
||||
hardwareName: hardware.name,
|
||||
upvotes: communityPresets.upvotes,
|
||||
settingsJson: communityPresets.settingsJson,
|
||||
createdAt: communityPresets.createdAt,
|
||||
fpsAvg: performanceEntries.fpsAvg,
|
||||
fpsLow: performanceEntries.fpsLow,
|
||||
fpsHigh: performanceEntries.fpsHigh,
|
||||
fsrVersion: performanceEntries.fsrVersion,
|
||||
frameGenMethod: performanceEntries.frameGenMethod,
|
||||
protonVersion: performanceEntries.protonVersion,
|
||||
osVersion: performanceEntries.osVersion,
|
||||
})
|
||||
.from(communityPresets)
|
||||
.leftJoin(
|
||||
performanceEntries,
|
||||
eq(communityPresets.performanceEntryId, performanceEntries.id),
|
||||
)
|
||||
.innerJoin(
|
||||
hardware,
|
||||
eq(communityPresets.hardwareSlug, hardware.slug),
|
||||
)
|
||||
.where(eq(communityPresets.gameId, game.id))
|
||||
.orderBy(sql`${communityPresets.upvotes} DESC`),
|
||||
])
|
||||
|
||||
// ── Sync logic: force or stale-while-revalidate ─────────────────
|
||||
const shouldSync =
|
||||
game.source === "steam" &&
|
||||
game.steamAppId &&
|
||||
(forceSync || isSyncStale(game.lastSync))
|
||||
// ── Sync logic: force or stale-while-revalidate ─────────────────
|
||||
const shouldSync =
|
||||
game.source === "steam" &&
|
||||
game.steamAppId &&
|
||||
(forceSync || isSyncStale(game.lastSync))
|
||||
|
||||
if (shouldSync) {
|
||||
after(async () => {
|
||||
await syncSteamGame(game.steamAppId!)
|
||||
})
|
||||
}
|
||||
if (shouldSync) {
|
||||
after(async () => {
|
||||
await syncSteamGame(game.steamAppId!)
|
||||
})
|
||||
}
|
||||
|
||||
// Serialize for client component (Dates → strings)
|
||||
const serializedGame = {
|
||||
id: game.id,
|
||||
steamAppId: game.steamAppId,
|
||||
title: game.title,
|
||||
description: game.description,
|
||||
developer: game.developer,
|
||||
publisher: game.publisher,
|
||||
genres: game.genres,
|
||||
headerImage: game.headerImage,
|
||||
capsuleImage: game.capsuleImage,
|
||||
storeUrl: game.storeUrl,
|
||||
source: game.source,
|
||||
lastSync: game.lastSync ? game.lastSync.toISOString() : null,
|
||||
syncStatus: game.syncStatus,
|
||||
createdAt: game.createdAt.toISOString(),
|
||||
}
|
||||
// Serialize for client component (Dates → strings)
|
||||
const serializedGame = {
|
||||
id: game.id,
|
||||
steamAppId: game.steamAppId,
|
||||
title: game.title,
|
||||
description: game.description,
|
||||
developer: game.developer,
|
||||
publisher: game.publisher,
|
||||
genres: game.genres,
|
||||
headerImage: game.headerImage,
|
||||
capsuleImage: game.capsuleImage,
|
||||
storeUrl: game.storeUrl,
|
||||
source: game.source,
|
||||
lastSync: game.lastSync ? game.lastSync.toISOString() : null,
|
||||
syncStatus: game.syncStatus,
|
||||
createdAt: game.createdAt.toISOString(),
|
||||
}
|
||||
|
||||
const serializedPresets = presetRows.map((p) => ({
|
||||
id: p.id,
|
||||
name: p.name,
|
||||
description: p.description,
|
||||
hardwareSlug: p.hardwareSlug,
|
||||
hardwareName: p.hardwareName,
|
||||
upvotes: p.upvotes,
|
||||
settingsCount: Array.isArray(p.settingsJson)
|
||||
? p.settingsJson.reduce(
|
||||
(sum: number, cat: { settings: unknown[] }) =>
|
||||
sum + cat.settings.length,
|
||||
0,
|
||||
)
|
||||
: 0,
|
||||
fpsAvg: p.fpsAvg,
|
||||
fpsLow: p.fpsLow,
|
||||
fpsHigh: p.fpsHigh,
|
||||
fsrVersion: p.fsrVersion,
|
||||
frameGenMethod: p.frameGenMethod,
|
||||
protonVersion: p.protonVersion,
|
||||
osVersion: p.osVersion,
|
||||
createdAt: p.createdAt.toISOString(),
|
||||
}))
|
||||
const serializedPresets = presetRows.map((p) => ({
|
||||
id: p.id,
|
||||
name: p.name,
|
||||
description: p.description,
|
||||
hardwareSlug: p.hardwareSlug,
|
||||
hardwareName: p.hardwareName,
|
||||
upvotes: p.upvotes,
|
||||
settingsCount: Array.isArray(p.settingsJson)
|
||||
? p.settingsJson.reduce(
|
||||
(sum: number, cat: { settings: unknown[] }) =>
|
||||
sum + cat.settings.length,
|
||||
0,
|
||||
)
|
||||
: 0,
|
||||
fpsAvg: p.fpsAvg,
|
||||
fpsLow: p.fpsLow,
|
||||
fpsHigh: p.fpsHigh,
|
||||
fsrVersion: p.fsrVersion,
|
||||
frameGenMethod: p.frameGenMethod,
|
||||
protonVersion: p.protonVersion,
|
||||
osVersion: p.osVersion,
|
||||
createdAt: p.createdAt.toISOString(),
|
||||
}))
|
||||
|
||||
return (
|
||||
<GamePageClient
|
||||
game={serializedGame}
|
||||
counts={{
|
||||
benchmarks: benchmarkCount,
|
||||
presets: presetCount,
|
||||
comments: commentCount,
|
||||
}}
|
||||
platformSupport={platformSupport}
|
||||
presets={serializedPresets}
|
||||
gameId={game.id}
|
||||
/>
|
||||
)
|
||||
return (
|
||||
<GamePageClient
|
||||
game={serializedGame}
|
||||
counts={{
|
||||
benchmarks: benchmarkCount,
|
||||
presets: presetCount,
|
||||
comments: commentCount,
|
||||
}}
|
||||
platformSupport={platformSupport}
|
||||
presets={serializedPresets}
|
||||
gameId={game.id}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user