hurkicorgi
b6cf8c7cdc
Server: - lib/cache.ts: tiny TTL memo for hot paths. - lib/rcon.ts: pooled connection with 30s idle close and one-shot retry; was opening a fresh TCP per RCON call. - /api/status: race protocol-ping + RCON with Promise.any (was sequential with 5s timeouts) and memo 3s; adds Cache-Control. - /api/players: memo 10s, invalidated on mutations. - /api/mods: getModDetails memo 10s (invalidated on install/remove) — eliminates per-request readdirSync/statSync/AdmZip parse. - /api/analytics: reverse-scan JSONL to window cutoff (O(window) vs O(file)) and memo 30s. - /api/logs: memo 2s to throttle journalctl spawns during Live mode. Client: - StatusCard + ServerControls: staleTime 5s, both poll every 10s, dedup via shared query key. - Analytics: staleTime 30s; memoize sparkline SVG paths. - Modrinth search icons + mc-heads avatars: width/height + loading=lazy + decoding=async. - next.config.ts: images.remotePatterns for future next/image migration, explicit compress=true. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
42 lines
933 B
TypeScript
42 lines
933 B
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
|
|
export function PlayerAvatar({
|
|
name,
|
|
size = 24,
|
|
className = "",
|
|
}: {
|
|
name: string;
|
|
size?: number;
|
|
className?: string;
|
|
}) {
|
|
const [failed, setFailed] = useState(false);
|
|
const dim = `${size}px`;
|
|
const initial = name.slice(0, 1).toUpperCase();
|
|
|
|
if (failed || !name) {
|
|
return (
|
|
<div
|
|
className={`rounded bg-muted text-muted-foreground shrink-0 flex items-center justify-center font-bold ${className}`}
|
|
style={{ width: dim, height: dim, fontSize: size * 0.5 }}
|
|
aria-label={name}
|
|
>
|
|
{initial}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<img
|
|
src={`https://mc-heads.net/avatar/${encodeURIComponent(name)}/${size}`}
|
|
alt=""
|
|
width={size}
|
|
height={size}
|
|
loading="lazy"
|
|
decoding="async"
|
|
onError={() => setFailed(true)}
|
|
className={`rounded shrink-0 bg-muted ${className}`}
|
|
/>
|
|
);
|
|
}
|