feat: add admin operations suite
Local Build and Deploy / deploy (push) Successful in 50s

This commit is contained in:
Simo committed 2026-07-12 20:11:28 +02:00
1 parent 21a61068fb
commit 60278b9e71
38 files changed
+3452

No files matched your search

+200
View File
@@ -0,0 +1,200 @@
import { ArrowLeftRight, Coins, TrendingDown, TrendingUp } from 'lucide-react'
import dynamic from 'next/dynamic'
import { redirect } from 'next/navigation'
import { StatsCard } from '@/components/admin/stats-card'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Skeleton } from '@/components/ui/skeleton'
import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
import { prisma } from '@/lib/prisma'
const RevenueChart = dynamic(
() => import('@/components/admin/revenue-chart').then((m) => ({ default: m.RevenueChart })),
{ loading: () => <Skeleton className="h-[300px] w-full rounded-xl" /> },
)
async function getEconomyData() {
const now = Math.floor(Date.now() / 1000)
const todayStart = now - (now % 86400)
const weekAgo = now - 7 * 86400
// Total currency in circulation — parallel instead of sequential
const [creditsAgg, pixelsAgg, pointsAgg] = await Promise.all([
prisma.user.aggregate({ _sum: { credits: true } }),
prisma.user.aggregate({ _sum: { pixels: true } }),
prisma.user.aggregate({ _sum: { points: true } }),
])
const totalCredits = creditsAgg._sum.credits ?? 0
const totalPixels = pixelsAgg._sum.pixels ?? 0
const totalPoints = pointsAgg._sum.points ?? 0
// Shop revenue (7 days)
const shopRevenue = await prisma.logsShopPurchases.aggregate({
where: { timestamp: { gte: weekAgo } },
_sum: { costCredits: true, costPoints: true },
_count: true,
})
// Marketplace stats
const marketplaceActive = await prisma.marketplaceItems.count({ where: { state: 1 } })
const marketplaceSold = await prisma.marketplaceItems.count({
where: { state: 2, soldTimestamp: { gte: weekAgo } },
})
// Revenue chart (7 days) — single GROUP BY query instead of 7 sequential queries
const rangeStart = todayStart - 6 * 86400
const revRows = await prisma.$queryRaw<{ day_bucket: bigint; credits: number; points: number }[]>`
SELECT FLOOR(timestamp / 86400) AS day_bucket,
COALESCE(SUM(cost_credits), 0) AS credits,
COALESCE(SUM(cost_points), 0) AS points
FROM logs_shop_purchases
WHERE timestamp >= ${rangeStart}
GROUP BY day_bucket ORDER BY day_bucket
`
const revMap = new Map(
revRows.map((r) => [
Number(r.day_bucket),
{ credits: Number(r.credits), points: Number(r.points) },
]),
)
const revenueData = []
for (let i = 6; i >= 0; i--) {
const dayStart = todayStart - i * 86400
const bucket = Math.floor(dayStart / 86400)
const date = new Date(dayStart * 1000)
const entry = revMap.get(bucket)
revenueData.push({
label: date.toLocaleDateString('en', { weekday: 'short' }),
credits: entry?.credits ?? 0,
points: entry?.points ?? 0,
})
}
// Trades (7 days)
const weekTrades = await prisma.roomTradeLog.count({
where: { timestamp: { gte: weekAgo } },
})
return {
totalCredits,
totalPixels,
totalPoints,
shopPurchases: typeof shopRevenue._count === 'number' ? shopRevenue._count : 0,
shopCreditsSpent: shopRevenue._sum?.costCredits ?? 0,
shopPointsSpent: shopRevenue._sum?.costPoints ?? 0,
marketplaceActive,
marketplaceSold,
weekTrades,
revenueData,
}
}
export default async function EconomyPage() {
const { session, permissions } = await getAdminContext()
if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
redirect('/admin')
}
const data = await getEconomyData()
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Economy</h1>
<p className="text-muted-foreground">
Currency circulation, shop revenue and marketplace activity
</p>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<StatsCard
title="Credits in Circulation"
value={data.totalCredits.toLocaleString()}
description="Total credits across all users"
icon={<Coins className="h-4 w-4" />}
/>
<StatsCard
title="Pixels in Circulation"
value={data.totalPixels.toLocaleString()}
description="Total pixels across all users"
icon={<TrendingUp className="h-4 w-4" />}
/>
<StatsCard
title="Points in Circulation"
value={data.totalPoints.toLocaleString()}
description="Total points across all users"
icon={<TrendingDown className="h-4 w-4" />}
/>
<StatsCard
title="Weekly Trades"
value={data.weekTrades.toLocaleString()}
description={`${data.marketplaceActive} marketplace listings`}
icon={<ArrowLeftRight className="h-4 w-4" />}
/>
</div>
<RevenueChart data={data.revenueData} />
<div className="grid gap-6 md:grid-cols-3">
<Card>
<CardHeader>
<CardTitle>Shop Revenue (7d)</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-2">
<div className="flex justify-between">
<span className="text-muted-foreground">Purchases</span>
<span className="font-medium">{data.shopPurchases}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Credits spent</span>
<span className="font-medium">{data.shopCreditsSpent.toLocaleString()}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Points spent</span>
<span className="font-medium">{data.shopPointsSpent.toLocaleString()}</span>
</div>
</div>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>Marketplace</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-2">
<div className="flex justify-between">
<span className="text-muted-foreground">Active listings</span>
<span className="font-medium">{data.marketplaceActive}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Sold (7d)</span>
<span className="font-medium">{data.marketplaceSold}</span>
</div>
</div>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>Currency Distribution</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-2">
<div className="flex justify-between">
<span className="text-muted-foreground">Credits</span>
<span className="font-medium">{data.totalCredits.toLocaleString()}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Pixels</span>
<span className="font-medium">{data.totalPixels.toLocaleString()}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Points</span>
<span className="font-medium">{data.totalPoints.toLocaleString()}</span>
</div>
</div>
</CardContent>
</Card>
</div>
</div>
)
}