remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: format code with prettier
Local Build and Deploy / deploy (push) Successful in 49s
Details

Browse Source
This commit is contained in:
openhands committed 2026-07-12 21:07:34 +02:00
1 parent e85e4d74ea
commit 2e4ed76121
378 files changed
+22404 -20686
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/analytics/page.tsx
+40 -39
View File
@@ -1,28 +1,27 @@
import { ArrowLeftRight, Clock, DoorOpen, MessageSquare, TrendingUp, Users } 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'
import { ArrowLeftRight, Clock, DoorOpen, MessageSquare, TrendingUp, Users } 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 DashboardChart = dynamic(
() => import('@/components/admin/dashboard-chart').then((m) => ({ default: m.DashboardChart })),
() => import("@/components/admin/dashboard-chart").then((m) => ({ default: m.DashboardChart })),
{ loading: () => <Skeleton className="h-[300px] w-full rounded-xl" /> },
)
);
const PeakHoursHeatmap = dynamic(
() =>
import('@/components/admin/peak-hours-heatmap').then((m) => ({ default: m.PeakHoursHeatmap })),
() => import("@/components/admin/peak-hours-heatmap").then((m) => ({ default: m.PeakHoursHeatmap })),
{ loading: () => <Skeleton className="h-[250px] w-full rounded-xl" /> },
)
);
async function getAnalyticsData() {
const now = Math.floor(Date.now() / 1000)
const todayStart = now - (now % 86400)
const weekAgo = now - 7 * 86400
const monthAgo = now - 30 * 86400
const now = Math.floor(Date.now() / 1000);
const todayStart = now - (now % 86400);
const weekAgo = now - 7 * 86400;
const monthAgo = now - 30 * 86400;
const [
totalUsers,
@@ -36,15 +35,17 @@ async function getAnalyticsData() {
weekBans,
] = await Promise.all([
prisma.user.count(),
prisma.user.count({ where: { online: '1' } }),
prisma.user.count({ where: { online: "1" } }),
prisma.user.count({ where: { accountCreated: { gte: weekAgo } } }),
prisma.user.count({ where: { accountCreated: { gte: monthAgo } } }),
prisma.rooms.count(),
prisma.rooms.count({ where: { users: { gt: 0 } } }),
prisma.$queryRaw<{ count: bigint }[]>`SELECT COUNT(*) AS count FROM chatlogs_room WHERE timestamp >= ${weekAgo}`,
prisma.$queryRaw<
{ count: bigint }[]
>`SELECT COUNT(*) AS count FROM chatlogs_room WHERE timestamp >= ${weekAgo}`,
prisma.roomTradeLog.count({ where: { timestamp: { gte: weekAgo } } }),
prisma.ban.count({ where: { timestamp: { gte: weekAgo } } }),
])
]);
// Registration chart (30 days) — single GROUP BY query instead of 30 sequential queries
const regRows = await prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
@@ -52,17 +53,17 @@ async function getAnalyticsData() {
FROM users
WHERE account_created >= ${monthAgo}
GROUP BY day_bucket ORDER BY day_bucket
`
const regCountMap = new Map(regRows.map((r) => [Number(r.day_bucket), Number(r.count)]))
const registrationChart = []
`;
const regCountMap = new Map(regRows.map((r) => [Number(r.day_bucket), Number(r.count)]));
const registrationChart = [];
for (let i = 29; i >= 0; i--) {
const dayStart = todayStart - i * 86400
const bucket = Math.floor(dayStart / 86400)
const date = new Date(dayStart * 1000)
const dayStart = todayStart - i * 86400;
const bucket = Math.floor(dayStart / 86400);
const date = new Date(dayStart * 1000);
registrationChart.push({
label: date.toLocaleDateString('en', { month: 'short', day: 'numeric' }),
label: date.toLocaleDateString("en", { month: "short", day: "numeric" }),
value: regCountMap.get(bucket) ?? 0,
})
});
}
// Peak hours — single GROUP BY query instead of fetching all user rows
@@ -73,13 +74,13 @@ async function getAnalyticsData() {
FROM users
WHERE last_online >= ${weekAgo}
GROUP BY d, h
`
const grid: number[][] = Array.from({ length: 7 }, () => Array(24).fill(0))
let max = 0
`;
const grid: number[][] = Array.from({ length: 7 }, () => Array(24).fill(0));
let max = 0;
for (const r of peakRows) {
const count = Number(r.c)
grid[r.d][r.h] = count
if (count > max) max = count
const count = Number(r.c);
grid[r.d][r.h] = count;
if (count > max) max = count;
}
return {
@@ -94,16 +95,16 @@ async function getAnalyticsData() {
weekBans,
registrationChart,
peakHours: { grid, max },
}
};
}
export default async function AnalyticsPage() {
const { session, permissions } = await getAdminContext()
const { session, permissions } = await getAdminContext();
if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
redirect('/admin')
redirect("/admin");
}
const data = await getAnalyticsData()
const data = await getAnalyticsData();
return (
<div className="space-y-6">
@@ -187,5 +188,5 @@ export default async function AnalyticsPage() {
</Card>
</div>
</div>
)
);
}