diff --git a/.bolt/config.json b/.bolt/config.json new file mode 100644 index 0000000..6b6787d --- /dev/null +++ b/.bolt/config.json @@ -0,0 +1,3 @@ +{ + "template": "bolt-vite-react-ts" +} diff --git a/.bolt/prompt b/.bolt/prompt new file mode 100644 index 0000000..d0c0a8f --- /dev/null +++ b/.bolt/prompt @@ -0,0 +1,8 @@ +For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production. + +By default, this template supports JSX syntax with Tailwind CSS classes, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them. + +Use icons from lucide-react for logos. + +Use stock photos from unsplash where appropriate, only valid URLs you know exist. Do not download the images, only link to them in image tags. + diff --git a/.bolt/supabase_discarded_migrations/20250322154510_aged_mode.sql b/.bolt/supabase_discarded_migrations/20250322154510_aged_mode.sql new file mode 100644 index 0000000..8b4f52c --- /dev/null +++ b/.bolt/supabase_discarded_migrations/20250322154510_aged_mode.sql @@ -0,0 +1,53 @@ +/* + # Create servers table for Proxmox dashboard + + 1. New Tables + - `servers` + - `id` (uuid, primary key) + - `name` (text, server name) + - `model` (text, server model) + - `cpu_model` (text, CPU model) + - `cpu_cores` (integer, number of CPU cores) + - `ram_gb` (integer, RAM in GB) + - `created_at` (timestamp) + - `updated_at` (timestamp) + + 2. Security + - Enable RLS on `servers` table + - Add policies for authenticated users to manage their servers +*/ + +CREATE TABLE IF NOT EXISTS servers ( + id uuid PRIMARY KEY DEFAULT gen_random_uuid(), + name text NOT NULL, + model text NOT NULL, + cpu_model text NOT NULL, + cpu_cores integer NOT NULL, + ram_gb integer NOT NULL, + created_at timestamptz DEFAULT now(), + updated_at timestamptz DEFAULT now() +); + +ALTER TABLE servers ENABLE ROW LEVEL SECURITY; + +-- Allow authenticated users to read all servers +CREATE POLICY "Users can read all servers" + ON servers + FOR SELECT + TO authenticated + USING (true); + +-- Allow authenticated users to insert their own servers +CREATE POLICY "Users can insert servers" + ON servers + FOR INSERT + TO authenticated + WITH CHECK (true); + +-- Allow authenticated users to update their own servers +CREATE POLICY "Users can update their own servers" + ON servers + FOR UPDATE + TO authenticated + USING (true) + WITH CHECK (true); \ No newline at end of file diff --git a/.bolt/supabase_discarded_migrations/20250323001324_rapid_jungle.sql b/.bolt/supabase_discarded_migrations/20250323001324_rapid_jungle.sql new file mode 100644 index 0000000..15fee44 --- /dev/null +++ b/.bolt/supabase_discarded_migrations/20250323001324_rapid_jungle.sql @@ -0,0 +1,62 @@ +/* + # Create servers table + + 1. New Tables + - `servers` + - `id` (uuid, primary key) + - `name` (text) + - `model` (text) + - `cpus` (jsonb array) + - `ram_gb` (integer) + - `proxmox_url` (text) + - `user_id` (uuid, foreign key) + - `created_at` (timestamp) + - `status` (text) + - `specs` (jsonb) + - `last_ping` (integer) + + 2. Security + - Enable RLS on `servers` table + - Add policies for authenticated users to manage their own servers +*/ + +CREATE TABLE IF NOT EXISTS servers ( + id uuid PRIMARY KEY DEFAULT gen_random_uuid(), + name text NOT NULL, + model text NOT NULL, + cpus jsonb NOT NULL DEFAULT '[]'::jsonb, + ram_gb integer NOT NULL, + proxmox_url text NOT NULL, + user_id uuid NOT NULL REFERENCES auth.users(id), + created_at timestamptz DEFAULT now(), + status text NOT NULL DEFAULT 'checking', + specs jsonb NOT NULL DEFAULT '{}'::jsonb, + last_ping integer +); + +ALTER TABLE servers ENABLE ROW LEVEL SECURITY; + +CREATE POLICY "Users can read their own servers" + ON servers + FOR SELECT + TO authenticated + USING (auth.uid() = user_id); + +CREATE POLICY "Users can insert their own servers" + ON servers + FOR INSERT + TO authenticated + WITH CHECK (auth.uid() = user_id); + +CREATE POLICY "Users can update their own servers" + ON servers + FOR UPDATE + TO authenticated + USING (auth.uid() = user_id) + WITH CHECK (auth.uid() = user_id); + +CREATE POLICY "Users can delete their own servers" + ON servers + FOR DELETE + TO authenticated + USING (auth.uid() = user_id); \ No newline at end of file diff --git a/.env b/.env deleted file mode 100644 index e69de29..0000000 diff --git a/package-lock.json b/package-lock.json index d62c6ee..cc7a4a9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,6 @@ "name": "proxmox-dashboard", "version": "0.0.0", "dependencies": { - "@supabase/supabase-js": "^2.39.7", "lucide-react": "^0.344.0", "react": "^18.3.1", "react-dom": "^18.3.1", @@ -1205,73 +1204,6 @@ "win32" ] }, - "node_modules/@supabase/auth-js": { - "version": "2.68.0", - "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.68.0.tgz", - "integrity": "sha512-odG7nb7aOmZPUXk6SwL2JchSsn36Ppx11i2yWMIc/meUO2B2HK9YwZHPK06utD9Ql9ke7JKDbwGin/8prHKxxQ==", - "dependencies": { - "@supabase/node-fetch": "^2.6.14" - } - }, - "node_modules/@supabase/functions-js": { - "version": "2.4.4", - "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.4.4.tgz", - "integrity": "sha512-WL2p6r4AXNGwop7iwvul2BvOtuJ1YQy8EbOd0dhG1oN1q8el/BIRSFCFnWAMM/vJJlHWLi4ad22sKbKr9mvjoA==", - "dependencies": { - "@supabase/node-fetch": "^2.6.14" - } - }, - "node_modules/@supabase/node-fetch": { - "version": "2.6.15", - "resolved": "https://registry.npmjs.org/@supabase/node-fetch/-/node-fetch-2.6.15.tgz", - "integrity": "sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==", - "dependencies": { - "whatwg-url": "^5.0.0" - }, - "engines": { - "node": "4.x || >=6.0.0" - } - }, - "node_modules/@supabase/postgrest-js": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.19.2.tgz", - "integrity": "sha512-MXRbk4wpwhWl9IN6rIY1mR8uZCCG4MZAEji942ve6nMwIqnBgBnZhZlON6zTTs6fgveMnoCILpZv1+K91jN+ow==", - "dependencies": { - "@supabase/node-fetch": "^2.6.14" - } - }, - "node_modules/@supabase/realtime-js": { - "version": "2.11.2", - "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.11.2.tgz", - "integrity": "sha512-u/XeuL2Y0QEhXSoIPZZwR6wMXgB+RQbJzG9VErA3VghVt7uRfSVsjeqd7m5GhX3JR6dM/WRmLbVR8URpDWG4+w==", - "dependencies": { - "@supabase/node-fetch": "^2.6.14", - "@types/phoenix": "^1.5.4", - "@types/ws": "^8.5.10", - "ws": "^8.18.0" - } - }, - "node_modules/@supabase/storage-js": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.7.1.tgz", - "integrity": "sha512-asYHcyDR1fKqrMpytAS1zjyEfvxuOIp1CIXX7ji4lHHcJKqyk+sLl/Vxgm4sN6u8zvuUtae9e4kDxQP2qrwWBA==", - "dependencies": { - "@supabase/node-fetch": "^2.6.14" - } - }, - "node_modules/@supabase/supabase-js": { - "version": "2.49.1", - "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.49.1.tgz", - "integrity": "sha512-lKaptKQB5/juEF5+jzmBeZlz69MdHZuxf+0f50NwhL+IE//m4ZnOeWlsKRjjsM0fVayZiQKqLvYdBn0RLkhGiQ==", - "dependencies": { - "@supabase/auth-js": "2.68.0", - "@supabase/functions-js": "2.4.4", - "@supabase/node-fetch": "2.6.15", - "@supabase/postgrest-js": "1.19.2", - "@supabase/realtime-js": "2.11.2", - "@supabase/storage-js": "2.7.1" - } - }, "node_modules/@types/babel__core": { "version": "7.20.5", "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", @@ -1329,15 +1261,13 @@ "version": "22.13.11", "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.11.tgz", "integrity": "sha512-iEUCUJoU0i3VnrCmgoWCXttklWcvoCIx4jzcP22fioIVSdTmjgoEvmAO/QPw6TcS9k5FrNgn4w7q5lGOd1CT5g==", + "dev": true, + "optional": true, + "peer": true, "dependencies": { "undici-types": "~6.20.0" } }, - "node_modules/@types/phoenix": { - "version": "1.6.6", - "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz", - "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==" - }, "node_modules/@types/prop-types": { "version": "15.7.13", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz", @@ -1363,14 +1293,6 @@ "@types/react": "*" } }, - "node_modules/@types/ws": { - "version": "8.18.0", - "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.0.tgz", - "integrity": "sha512-8svvI3hMyvN0kKCJMvTJP/x6Y/EoQbepff882wL+Sn5QsXb3etnamgrJq4isrBxSJj5L2AuXcI0+bgkoAXGUJw==", - "dependencies": { - "@types/node": "*" - } - }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "8.8.1", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.8.1.tgz", @@ -3815,11 +3737,6 @@ "node": ">=8.0" } }, - "node_modules/tr46": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", - "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==" - }, "node_modules/ts-api-utils": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", @@ -3889,7 +3806,10 @@ "node_modules/undici-types": { "version": "6.20.0", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", - "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==" + "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", + "dev": true, + "optional": true, + "peer": true }, "node_modules/update-browserslist-db": { "version": "1.1.1", @@ -3995,20 +3915,6 @@ } } }, - "node_modules/webidl-conversions": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", - "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==" - }, - "node_modules/whatwg-url": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", - "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", - "dependencies": { - "tr46": "~0.0.3", - "webidl-conversions": "^3.0.0" - } - }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -4154,26 +4060,6 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/ws": { - "version": "8.18.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz", - "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==", - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": ">=5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", diff --git a/package.json b/package.json index 3f67fc9..865164d 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,6 @@ "preview": "vite preview" }, "dependencies": { - "@supabase/supabase-js": "^2.39.7", "lucide-react": "^0.344.0", "react": "^18.3.1", "react-dom": "^18.3.1", diff --git a/src/App.tsx b/src/App.tsx index 7b50843..3b82069 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -11,8 +11,13 @@ function App() { const [servers, setServers] = useState([]); const fetchServers = () => { - const data = storage.getServers(); - setServers(data); + const serverData = storage.getServers(); + setServers(serverData); + }; + + const handleDeleteServer = (id: string) => { + storage.deleteServer(id); + fetchServers(); }; useEffect(() => { @@ -53,10 +58,7 @@ function App() { { - storage.deleteServer(id); - fetchServers(); - }} + onDelete={handleDeleteServer} /> ))} @@ -72,4 +74,4 @@ function App() { ); } -export default App \ No newline at end of file +export default App; \ No newline at end of file diff --git a/src/components/AddServerModal.tsx b/src/components/AddServerModal.tsx index 9e66f61..b3d6d08 100644 --- a/src/components/AddServerModal.tsx +++ b/src/components/AddServerModal.tsx @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import { X, Server, Cpu, MemoryStick as Memory, Link } from 'lucide-react'; import { storage } from '../utils/storage'; import toast from 'react-hot-toast'; +import type { CPU } from '../types'; interface AddServerModalProps { isOpen: boolean; @@ -13,23 +14,29 @@ export function AddServerModal({ isOpen, onClose, onServerAdded }: AddServerModa const [formData, setFormData] = useState({ name: '', model: '', - cpu_model: '', - cpu_cores: '', + cpuModel: '', + cpuCores: 1, + cpuCount: 1, ram_gb: '', proxmox_url: '' }); if (!isOpen) return null; - const handleSubmit = async (e: React.FormEvent) => { + const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); try { + // Create array of identical CPUs based on count + const cpus: CPU[] = Array(formData.cpuCount).fill({ + model: formData.cpuModel, + cores: formData.cpuCores + }); + storage.addServer({ name: formData.name, model: formData.model, - cpu_model: formData.cpu_model, - cpu_cores: parseInt(formData.cpu_cores), + cpus, ram_gb: parseInt(formData.ram_gb), proxmox_url: formData.proxmox_url }); @@ -44,8 +51,8 @@ export function AddServerModal({ isOpen, onClose, onServerAdded }: AddServerModa }; return ( -
-
+
+

@@ -88,51 +95,65 @@ export function AddServerModal({ isOpen, onClose, onServerAdded }: AddServerModa />

+
+
+ + CPU Configuration +
+ +
+ + setFormData({ ...formData, cpuModel: e.target.value })} + className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" + placeholder="e.g. Intel Xeon E5-2680 v2" + required + /> +
+ +
+ + setFormData({ ...formData, cpuCores: parseInt(e.target.value) })} + className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" + required + /> +
+ +
+ + setFormData({ ...formData, cpuCount: parseInt(e.target.value) })} + className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" + required + /> +
+
+
setFormData({ ...formData, cpu_model: e.target.value })} + type="number" + value={formData.ram_gb} + onChange={(e) => setFormData({ ...formData, ram_gb: e.target.value })} className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" - placeholder="e.g. Intel Xeon E5-2680" required />
- -
-
- - setFormData({ ...formData, cpu_cores: e.target.value })} - className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" - required - /> -
- -
- - setFormData({ ...formData, ram_gb: e.target.value })} - className="w-full bg-gray-700/50 text-white rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500 focus:outline-none transition-all duration-200" - required - /> -
-