199 lines
7.7 KiB
TypeScript
199 lines
7.7 KiB
TypeScript
import { MessageSquare, Shield, Terminal, Users } from "lucide-react";
|
|
import { redirect } from "next/navigation";
|
|
import { StatsCard } from "@/components/admin/stats-card";
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
|
|
import { prisma } from "@/lib/prisma";
|
|
|
|
async function getActivityData() {
|
|
const now = Math.floor(Date.now() / 1000);
|
|
const todayStart = now - (now % 86400);
|
|
const weekAgo = now - 7 * 86400;
|
|
|
|
// Daily activity breakdown — 4 GROUP BY queries instead of 28 sequential queries
|
|
const rangeStart = todayStart - 6 * 86400;
|
|
const [chatRows, cmdRows, banRows, regRows] = await Promise.all([
|
|
prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
|
|
SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
|
|
FROM chatlogs_room WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
|
|
prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
|
|
SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
|
|
FROM commandlogs WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
|
|
prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
|
|
SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
|
|
FROM bans WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
|
|
prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
|
|
SELECT FLOOR(account_created / 86400) AS day_bucket, COUNT(*) AS count
|
|
FROM users WHERE account_created >= ${rangeStart} GROUP BY day_bucket`,
|
|
]);
|
|
const toMap = (rows: { day_bucket: bigint; count: bigint }[]) =>
|
|
new Map(rows.map((r) => [Number(r.day_bucket), Number(r.count)]));
|
|
const chatMap = toMap(chatRows);
|
|
const cmdMap = toMap(cmdRows);
|
|
const banMap = toMap(banRows);
|
|
const regMap = toMap(regRows);
|
|
|
|
const dailyData = [];
|
|
for (let i = 6; i >= 0; i--) {
|
|
const dayStart = todayStart - i * 86400;
|
|
const bucket = Math.floor(dayStart / 86400);
|
|
const date = new Date(dayStart * 1000);
|
|
dailyData.push({
|
|
label: date.toLocaleDateString("en", { weekday: "short", month: "short", day: "numeric" }),
|
|
chats: chatMap.get(bucket) ?? 0,
|
|
commands: cmdMap.get(bucket) ?? 0,
|
|
bans: banMap.get(bucket) ?? 0,
|
|
registrations: regMap.get(bucket) ?? 0,
|
|
});
|
|
}
|
|
|
|
// Totals
|
|
const [weekChatRows, weekCommandRows, weekBans, weekRegistrations] = await Promise.all([
|
|
prisma.$queryRaw<
|
|
{ count: bigint }[]
|
|
>`SELECT COUNT(*) AS count FROM chatlogs_room WHERE timestamp >= ${weekAgo}`,
|
|
prisma.$queryRaw<
|
|
{ count: bigint }[]
|
|
>`SELECT COUNT(*) AS count FROM commandlogs WHERE timestamp >= ${weekAgo}`,
|
|
prisma.ban.count({ where: { timestamp: { gte: weekAgo } } }),
|
|
prisma.user.count({ where: { accountCreated: { gte: weekAgo } } }),
|
|
]);
|
|
const weekChats = Number(weekChatRows[0]?.count ?? 0);
|
|
const weekCommands = Number(weekCommandRows[0]?.count ?? 0);
|
|
|
|
// Most active users (by chat messages)
|
|
const topChatters = await prisma.$queryRaw<{ userId: number; messages: bigint }[]>`
|
|
SELECT user_from_id AS userId, COUNT(*) AS messages
|
|
FROM chatlogs_room WHERE timestamp >= ${weekAgo}
|
|
GROUP BY user_from_id ORDER BY messages DESC LIMIT 10
|
|
`;
|
|
|
|
const userIds = topChatters.map((c) => c.userId);
|
|
const users = await prisma.user.findMany({
|
|
where: { id: { in: userIds } },
|
|
select: { id: true, username: true },
|
|
});
|
|
const userMap = new Map(users.map((u) => [u.id, u.username]));
|
|
|
|
const topChattersWithNames = topChatters.map((c) => ({
|
|
userId: c.userId,
|
|
username: userMap.get(c.userId) ?? `User #${c.userId}`,
|
|
messages: Number(c.messages),
|
|
}));
|
|
|
|
return {
|
|
dailyData,
|
|
weekChats,
|
|
weekCommands,
|
|
weekBans,
|
|
weekRegistrations,
|
|
topChatters: topChattersWithNames,
|
|
};
|
|
}
|
|
|
|
export default async function ActivityPage() {
|
|
const { session, permissions } = await getAdminContext();
|
|
if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
|
|
redirect("/admin");
|
|
}
|
|
|
|
const data = await getActivityData();
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight">Activity</h1>
|
|
<p className="text-muted-foreground">User activity breakdown and engagement metrics</p>
|
|
</div>
|
|
|
|
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
|
|
<StatsCard
|
|
title="Chat Messages"
|
|
value={data.weekChats.toLocaleString()}
|
|
description="Last 7 days"
|
|
icon={<MessageSquare className="h-4 w-4" />}
|
|
/>
|
|
<StatsCard
|
|
title="Commands"
|
|
value={data.weekCommands.toLocaleString()}
|
|
description="Last 7 days"
|
|
icon={<Terminal className="h-4 w-4" />}
|
|
/>
|
|
<StatsCard
|
|
title="Bans"
|
|
value={data.weekBans.toLocaleString()}
|
|
description="Last 7 days"
|
|
icon={<Shield className="h-4 w-4" />}
|
|
/>
|
|
<StatsCard
|
|
title="Registrations"
|
|
value={data.weekRegistrations.toLocaleString()}
|
|
description="Last 7 days"
|
|
icon={<Users className="h-4 w-4" />}
|
|
/>
|
|
</div>
|
|
|
|
<div className="grid gap-6 md:grid-cols-2">
|
|
{/* Daily breakdown table */}
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Daily Breakdown (7 days)</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<div className="overflow-x-auto">
|
|
<table className="w-full text-sm">
|
|
<thead>
|
|
<tr className="border-b text-muted-foreground">
|
|
<th className="text-left py-2 font-medium">Day</th>
|
|
<th className="text-right py-2 font-medium">Chats</th>
|
|
<th className="text-right py-2 font-medium">Cmds</th>
|
|
<th className="text-right py-2 font-medium">Bans</th>
|
|
<th className="text-right py-2 font-medium">Regs</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{data.dailyData.map((day) => (
|
|
<tr key={day.label} className="border-b last:border-0">
|
|
<td className="py-2">{day.label}</td>
|
|
<td className="text-right tabular-nums">{day.chats.toLocaleString()}</td>
|
|
<td className="text-right tabular-nums">{day.commands.toLocaleString()}</td>
|
|
<td className="text-right tabular-nums">{day.bans}</td>
|
|
<td className="text-right tabular-nums">{day.registrations}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
{/* Top chatters */}
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Most Active Users (7 days)</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
{data.topChatters.length === 0 ? (
|
|
<p className="text-sm text-muted-foreground">No chat activity</p>
|
|
) : (
|
|
<div className="divide-y">
|
|
{data.topChatters.map((user, i) => (
|
|
<div key={user.userId} className="flex items-center gap-3 py-2.5 first:pt-0 last:pb-0">
|
|
<span className="flex h-6 w-6 items-center justify-center rounded-full bg-accent text-xs font-bold">
|
|
{i + 1}
|
|
</span>
|
|
<span className="flex-1 text-sm font-medium">{user.username}</span>
|
|
<span className="text-sm tabular-nums text-muted-foreground">
|
|
{user.messages.toLocaleString()} msgs
|
|
</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|