This document defines mandatory directives and project guidelines for AI coding agents contributing to VPSGUI.
- NO EMOJIS: Do not use emojis in UI code, text labels, documentation, or commit messages. Use clean, modern icons from
lucide-reactexclusively. - OPEN SOURCE PROJECT: VPSGUI is an open-source project created by NotGamerPratham (notgamerpratham.com). Maintain clean, professional, reusable, and self-documenting code.
- STRICT ZERO-MOCK / FAKE DATA POLICY:
- Never render fake simulated data (e.g.
Math.random()loops, sine wave metrics) when unattached. - Fetch real metrics via
apiClient(/api/v1) or WebSocket streams (telemetrySocket). - If an endpoint returns an empty dataset or is unattached, display clean, production-grade empty states guiding the user to connect their Linux VPS via
install.sh.
- Never render fake simulated data (e.g.
- LINUX VPS DISCOVERY:
- Host VPS resolution must dynamically target
window.location.hostnameorwindow.location.origin. - Real hardware stats must inspect browser primitives (
navigator.hardwareConcurrency) and actual server endpoints.
- Host VPS resolution must dynamically target
- AESTHETICS & UI QUALITY:
- Glassmorphic panels (
bg-card/70 border-border/70). - Monospace accents for IPs, hashes, paths, ports, and metrics.
- Smooth badge states and dark-first color system.
- Glassmorphic panels (
- Frontend: React 18, Vite, TypeScript, Tailwind CSS, Lucide Icons, Recharts, Zustand, TanStack Query.
- REST Client:
src/api/client.tstargeting/api/v1. - WebSocket Manager:
src/websocket/socket.tslistening on/ws. - SDKs:
vpsgui-sdk(Node/npm) andvpsgui(Python/PyPI) insdk/.
Before completing any task, run npm run build to ensure 0 TypeScript compilation errors.