Add social login (Discord/Google) + batch-6 pages
Auth: NextAuth Discord + Google providers (enabled when env id+secret set); OAuth signIn allowed only if a hotel account matches the email; jwt binds the session to that account (id/rank/username). Login page gets social buttons. Batch 6 (parallel agents): /friends (messenger_friendships), /guilds/[id]/forum (threads), /admin/navigation (navigator config), /admin/maintenance (toggle maintenance settings), /admin/alerts (alert_logs + send hotel alert via RCON). Header (Friends) + admin nav (Alerts/Maintenance/Navigator) extended. Verified: tsc exit 0, vitest 48/48, next build exit 0 (57 page routes).
This commit is contained in:
Simo committed
1 parent
73f0f54624
commit
486ce51559
12 files changed
+911
-3
No files matched your search
@@ -0,0 +1,131 @@
|
||||
import { sendHotelAlert } from "@/actions/admin-alerts";
|
||||
import { prisma } from "@/lib/prisma";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
// Read-only feed of alert_logs (prisma.alertLogs delegate): the emulator and
|
||||
// CMS write rows here when hotel/user alerts fire. Auto-gated by the admin
|
||||
// layout (requireStaff); only the mutation re-asserts staff in the action.
|
||||
|
||||
function fromDate(d: Date | null | undefined): string {
|
||||
return d ? d.toISOString().slice(0, 16).replace("T", " ") : "—";
|
||||
}
|
||||
|
||||
// Map a free-text severity to a theme-token colour. Unknown severities fall
|
||||
// back to muted grey rather than inventing a new palette.
|
||||
function severityColor(severity: string): string {
|
||||
switch (severity.toLowerCase()) {
|
||||
case "critical":
|
||||
case "error":
|
||||
case "danger":
|
||||
return "var(--color-danger)";
|
||||
case "warning":
|
||||
case "warn":
|
||||
return "var(--color-primary)";
|
||||
case "success":
|
||||
return "var(--color-secondary)";
|
||||
case "info":
|
||||
case "notice":
|
||||
return "var(--color-accent)";
|
||||
default:
|
||||
return "var(--color-text-muted)";
|
||||
}
|
||||
}
|
||||
|
||||
function Badge({ label, color }: { label: string; color: string }) {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
display: "inline-block",
|
||||
padding: "0.1rem 0.55rem",
|
||||
borderRadius: "999px",
|
||||
background: color,
|
||||
color: "#fff",
|
||||
fontSize: "0.72rem",
|
||||
fontWeight: 700,
|
||||
letterSpacing: "0.02em",
|
||||
textTransform: "uppercase",
|
||||
whiteSpace: "nowrap",
|
||||
}}
|
||||
>
|
||||
{label}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
export default async function AdminAlerts() {
|
||||
let alerts: Awaited<ReturnType<typeof prisma.alertLogs.findMany>> = [];
|
||||
try {
|
||||
alerts = await prisma.alertLogs.findMany({
|
||||
orderBy: { id: "desc" },
|
||||
take: 100,
|
||||
});
|
||||
} catch {
|
||||
alerts = [];
|
||||
}
|
||||
|
||||
return (
|
||||
<main>
|
||||
<h1>Alerts</h1>
|
||||
<p className="muted" style={{ marginTop: "-0.4rem" }}>
|
||||
Read-only · 100 most recent alert_logs (newest first).
|
||||
</p>
|
||||
|
||||
<form action={sendHotelAlert} className="card" style={{ marginBottom: "1.5rem" }}>
|
||||
<h3 style={{ marginTop: 0 }}>Send hotel alert</h3>
|
||||
<p className="muted" style={{ margin: "0 0 0.75rem" }}>
|
||||
Broadcasts a message to every online user via RCON (<code>hotelalert</code>).
|
||||
</p>
|
||||
<div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap", alignItems: "flex-start" }}>
|
||||
<textarea
|
||||
name="message"
|
||||
required
|
||||
maxLength={1000}
|
||||
rows={2}
|
||||
placeholder="Message to broadcast to the hotel…"
|
||||
style={{ flex: 1, minWidth: 240, resize: "vertical" }}
|
||||
/>
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Send alert
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<section className="card">
|
||||
<h3 style={{ marginTop: 0 }}>Recent alerts ({alerts.length})</h3>
|
||||
{alerts.length === 0 ? (
|
||||
<p className="muted">No alert logs.</p>
|
||||
) : (
|
||||
<div style={{ overflowX: "auto" }}>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>When</th>
|
||||
<th>Severity</th>
|
||||
<th>Type</th>
|
||||
<th>Message</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{alerts.map((a) => (
|
||||
<tr key={String(a.id)}>
|
||||
<td className="muted" style={{ whiteSpace: "nowrap" }}>
|
||||
{fromDate(a.createdAt)}
|
||||
</td>
|
||||
<td>
|
||||
<Badge label={a.severity || "—"} color={severityColor(a.severity)} />
|
||||
</td>
|
||||
<td>
|
||||
<Badge label={a.type || "—"} color="var(--color-text-muted)" />
|
||||
</td>
|
||||
<td>{a.message}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -32,6 +32,9 @@ export default async function AdminLayout({ children }: { children: ReactNode })
|
||||
<Link href="/admin/wordfilter">Word Filter</Link>
|
||||
<Link href="/admin/ip">IP Management</Link>
|
||||
<Link href="/admin/logs">Logs</Link>
|
||||
<Link href="/admin/alerts">Alerts</Link>
|
||||
<Link href="/admin/maintenance">Maintenance</Link>
|
||||
<Link href="/admin/navigation">Navigator</Link>
|
||||
<Link href="/admin/teams">Teams</Link>
|
||||
<Link href="/admin/housekeeping">Housekeeping</Link>
|
||||
<Link href="/admin/permissions">Permissions</Link>
|
||||
|
||||
@@ -0,0 +1,144 @@
|
||||
import { saveMaintenance } from "@/actions/admin-maintenance";
|
||||
import { prisma } from "@/lib/prisma";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
const KEYS = [
|
||||
"maintenance_enabled",
|
||||
"maintenance_message",
|
||||
"min_maintenance_login_rank",
|
||||
] as const;
|
||||
|
||||
export default async function AdminMaintenance() {
|
||||
// Read the three maintenance rows from website_settings. Isolated so a DB
|
||||
// hiccup degrades to defaults rather than 500-ing the page.
|
||||
let rows: { key: string; value: string }[] = [];
|
||||
try {
|
||||
rows = await prisma.websiteSetting.findMany({
|
||||
where: { key: { in: [...KEYS] } },
|
||||
select: { key: true, value: true },
|
||||
});
|
||||
} catch {
|
||||
rows = [];
|
||||
}
|
||||
|
||||
const byKey = new Map(rows.map((r) => [r.key, r.value]));
|
||||
|
||||
const enabledRaw = byKey.get("maintenance_enabled") ?? "0";
|
||||
const enabled = enabledRaw === "1" || enabledRaw.toLowerCase() === "true";
|
||||
const message = byKey.get("maintenance_message") ?? "";
|
||||
const minRankRaw = byKey.get("min_maintenance_login_rank") ?? "5";
|
||||
const minRank = Number.parseInt(minRankRaw, 10);
|
||||
const minRankValue = Number.isFinite(minRank) ? minRank : 5;
|
||||
|
||||
return (
|
||||
<main>
|
||||
<h1>Maintenance Mode</h1>
|
||||
<p className="muted">
|
||||
While maintenance is enabled, only staff (and users at or above the
|
||||
minimum login rank) can log into the hotel. These values are stored in
|
||||
<code> website_settings</code> and read live by the login flow.
|
||||
</p>
|
||||
|
||||
{/* ── Current state ─────────────────────────────────────── */}
|
||||
<div
|
||||
className="card"
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: "0.75rem",
|
||||
marginBottom: "1.5rem",
|
||||
}}
|
||||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
style={{
|
||||
width: 12,
|
||||
height: 12,
|
||||
borderRadius: 999,
|
||||
flexShrink: 0,
|
||||
background: enabled
|
||||
? "var(--color-danger)"
|
||||
: "var(--color-secondary)",
|
||||
}}
|
||||
/>
|
||||
<div>
|
||||
<strong>
|
||||
Maintenance is currently {enabled ? "ENABLED" : "disabled"}.
|
||||
</strong>
|
||||
<p className="muted" style={{ margin: "0.2rem 0 0" }}>
|
||||
{enabled
|
||||
? `Only users with rank ${minRankValue} or higher can log in right now.`
|
||||
: "The hotel is open to everyone."}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* ── Edit form ─────────────────────────────────────────── */}
|
||||
<form action={saveMaintenance} className="card">
|
||||
<h3 style={{ marginTop: 0 }}>Settings</h3>
|
||||
|
||||
<label
|
||||
htmlFor="mt-enabled"
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: "0.5rem",
|
||||
marginBottom: "1rem",
|
||||
}}
|
||||
>
|
||||
<input
|
||||
id="mt-enabled"
|
||||
type="checkbox"
|
||||
name="enabled"
|
||||
value="1"
|
||||
defaultChecked={enabled}
|
||||
style={{ width: "auto" }}
|
||||
/>
|
||||
<span>Enable maintenance mode</span>
|
||||
</label>
|
||||
|
||||
<div style={{ marginBottom: "1rem", maxWidth: 220 }}>
|
||||
<label
|
||||
htmlFor="mt-min-rank"
|
||||
className="muted"
|
||||
style={{ display: "block", marginBottom: "0.3rem" }}
|
||||
>
|
||||
Minimum login rank during maintenance
|
||||
</label>
|
||||
<input
|
||||
id="mt-min-rank"
|
||||
type="number"
|
||||
name="min_rank"
|
||||
min={0}
|
||||
step={1}
|
||||
defaultValue={minRankValue}
|
||||
style={{ width: "100%" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div style={{ marginBottom: "1rem" }}>
|
||||
<label
|
||||
htmlFor="mt-message"
|
||||
className="muted"
|
||||
style={{ display: "block", marginBottom: "0.3rem" }}
|
||||
>
|
||||
Maintenance message (shown on the splash; basic HTML allowed)
|
||||
</label>
|
||||
<textarea
|
||||
id="mt-message"
|
||||
name="message"
|
||||
rows={8}
|
||||
defaultValue={message}
|
||||
placeholder="We're working hard on the hotel — back soon!"
|
||||
style={{ width: "100%", resize: "vertical" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Save changes
|
||||
</button>
|
||||
</form>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
import { prisma } from "@/lib/prisma";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
// navigator_flatcats — emulator-owned flat (private-room) categories shown in the
|
||||
// navigator. The Prisma delegate exists because the table has a primary key.
|
||||
type Flatcat = {
|
||||
id: number;
|
||||
caption: string;
|
||||
captionSave: string;
|
||||
minRank: number;
|
||||
maxUserCount: number;
|
||||
canTrade: string;
|
||||
public: string;
|
||||
listType: number;
|
||||
orderNum: number;
|
||||
};
|
||||
|
||||
// navigator_publics — emulator-owned public-room assignments. This table has no
|
||||
// primary/unique key, so Prisma marks the model `@@ignore` and generates NO
|
||||
// delegate (prisma.navigatorPublics does not exist). It must be read via raw SQL.
|
||||
type PublicRow = {
|
||||
public_cat_id: number;
|
||||
room_id: number;
|
||||
visible: string;
|
||||
};
|
||||
|
||||
export default async function AdminNavigation() {
|
||||
let flatcats: Flatcat[] = [];
|
||||
try {
|
||||
flatcats = await prisma.navigatorFlatcats.findMany({
|
||||
select: {
|
||||
id: true,
|
||||
caption: true,
|
||||
captionSave: true,
|
||||
minRank: true,
|
||||
maxUserCount: true,
|
||||
canTrade: true,
|
||||
public: true,
|
||||
listType: true,
|
||||
orderNum: true,
|
||||
},
|
||||
orderBy: [{ orderNum: "asc" }, { id: "asc" }],
|
||||
});
|
||||
} catch {
|
||||
flatcats = [];
|
||||
}
|
||||
|
||||
// Raw read because navigator_publics is an `@@ignore`d (keyless) model.
|
||||
let publics: PublicRow[] = [];
|
||||
try {
|
||||
publics = await prisma.$queryRaw<PublicRow[]>`
|
||||
SELECT public_cat_id, room_id, visible
|
||||
FROM navigator_publics
|
||||
ORDER BY public_cat_id ASC, room_id ASC
|
||||
`;
|
||||
} catch {
|
||||
publics = [];
|
||||
}
|
||||
|
||||
// Resolve the public-category names and room names referenced by the rows above
|
||||
// so the read-only view is legible. Each lookup degrades to an empty map on error.
|
||||
const catIds = Array.from(new Set(publics.map((p) => p.public_cat_id)));
|
||||
const roomIds = Array.from(new Set(publics.map((p) => p.room_id)));
|
||||
|
||||
let catNameById = new Map<number, string>();
|
||||
if (catIds.length) {
|
||||
try {
|
||||
const cats = await prisma.navigatorPubliccats.findMany({
|
||||
where: { id: { in: catIds } },
|
||||
select: { id: true, name: true },
|
||||
});
|
||||
catNameById = new Map(cats.map((c) => [c.id, c.name]));
|
||||
} catch {
|
||||
catNameById = new Map();
|
||||
}
|
||||
}
|
||||
|
||||
let roomNameById = new Map<number, string>();
|
||||
if (roomIds.length) {
|
||||
try {
|
||||
const rooms = await prisma.rooms.findMany({
|
||||
where: { id: { in: roomIds } },
|
||||
select: { id: true, name: true },
|
||||
});
|
||||
roomNameById = new Map(rooms.map((r) => [r.id, r.name]));
|
||||
} catch {
|
||||
roomNameById = new Map();
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<main>
|
||||
<h1>Navigator</h1>
|
||||
<p className="muted" style={{ marginTop: 0 }}>
|
||||
Read-only · the navigator config is owned by the emulator. Edit it in your
|
||||
emulator tooling, not here.
|
||||
</p>
|
||||
|
||||
{/* ── navigator_flatcats ───────────────────────────────── */}
|
||||
<div className="card" style={{ padding: 0, overflowX: "auto", marginBottom: "1.5rem" }}>
|
||||
<div style={{ padding: "1.1rem 1.25rem 0" }}>
|
||||
<h3 style={{ margin: 0 }}>Flat categories</h3>
|
||||
<p className="muted" style={{ margin: "0.25rem 0 0" }}>
|
||||
<code>navigator_flatcats</code> · {flatcats.length} rows
|
||||
</p>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Caption</th>
|
||||
<th>Caption (save)</th>
|
||||
<th>Min rank</th>
|
||||
<th>Max users</th>
|
||||
<th>Can trade</th>
|
||||
<th>Public</th>
|
||||
<th>List type</th>
|
||||
<th>Order</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{flatcats.map((c) => (
|
||||
<tr key={c.id}>
|
||||
<td>{c.id}</td>
|
||||
<td>{c.caption || "—"}</td>
|
||||
<td>{c.captionSave || "—"}</td>
|
||||
<td>{c.minRank}</td>
|
||||
<td>{c.maxUserCount}</td>
|
||||
<td>{c.canTrade === "1" ? "Yes" : "No"}</td>
|
||||
<td>{c.public === "1" ? "Yes" : "No"}</td>
|
||||
<td>{c.listType}</td>
|
||||
<td>{c.orderNum}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
{flatcats.length === 0 ? (
|
||||
<p className="muted" style={{ padding: "0 1.25rem 1.1rem" }}>
|
||||
No flat categories found.
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
{/* ── navigator_publics ────────────────────────────────── */}
|
||||
<div className="card" style={{ padding: 0, overflowX: "auto" }}>
|
||||
<div style={{ padding: "1.1rem 1.25rem 0" }}>
|
||||
<h3 style={{ margin: 0 }}>Public rooms</h3>
|
||||
<p className="muted" style={{ margin: "0.25rem 0 0" }}>
|
||||
<code>navigator_publics</code> · {publics.length} rows
|
||||
</p>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Public cat</th>
|
||||
<th>Room</th>
|
||||
<th>Visible</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{publics.map((p, i) => (
|
||||
<tr key={`${p.public_cat_id}-${p.room_id}-${i}`}>
|
||||
<td>
|
||||
{catNameById.get(p.public_cat_id) ?? "—"}{" "}
|
||||
<span className="muted">#{p.public_cat_id}</span>
|
||||
</td>
|
||||
<td>
|
||||
{roomNameById.get(p.room_id) || "(unnamed)"}{" "}
|
||||
<span className="muted">#{p.room_id}</span>
|
||||
</td>
|
||||
<td>{p.visible === "1" ? "Yes" : "No"}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
{publics.length === 0 ? (
|
||||
<p className="muted" style={{ padding: "0 1.25rem 1.1rem" }}>
|
||||
No public-room assignments found.
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user