aze

servers.json

@@ -0,0 +1,3 @@
+{
+  "servers": []
+}

src/App.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { Plus, Server as ServerIcon } from 'lucide-react';
 import { Toaster } from 'react-hot-toast';
+import { Plus, Server as ServerIcon } from 'lucide-react';
 import { AddServerModal } from './components/AddServerModal';
 import { ServerCard } from './components/ServerCard';
 import { storage } from './utils/storage';
@@ -20,8 +20,20 @@ function App() {
     fetchServers();
   };
 
+  // Listen for storage changes from other tabs/windows
   useEffect(() => {
-    fetchServers();
+    const handleStorageChange = (event: StorageEvent) => {
+      if (event.key === 'proxmox_servers') {
+        fetchServers();
+      }
+    };
+
+    window.addEventListener('storage', handleStorageChange);
+    fetchServers(); // Initial fetch
+
+    return () => {
+      window.removeEventListener('storage', handleStorageChange);
+    };
   }, []);
 
   return (

src/utils/storage.ts

@@ -1,35 +1,12 @@
 import { Server } from '../types';
 
-const STORAGE_FILE = 'servers.json';
+const STORAGE_KEY = 'proxmox_servers';
 
 export const storage = {
   getServers: (): Server[] => {
     try {
-      const data = localStorage.getItem(STORAGE_FILE);
-      if (!data) return [];
-
-      // Parse the stored data
-      const servers = JSON.parse(data);
-
-      // Migrate old format to new format
-      return servers.map((server: any) => {
-        // If server already has cpus array, return as is
-        if (Array.isArray(server.cpus)) {
-          return server;
-        }
-
-        // Migrate old format to new format
-        return {
-          ...server,
-          cpus: [{
-            model: server.cpu_model || '',
-            cores: server.cpu_cores || 1
-          }],
-          // Remove old properties
-          cpu_model: undefined,
-          cpu_cores: undefined
-        };
-      });
+      const data = localStorage.getItem(STORAGE_KEY);
+      return data ? JSON.parse(data) : [];
     } catch (error) {
       console.error('Error reading servers:', error);
       return [];
@@ -38,7 +15,13 @@ export const storage = {
 
   saveServers: (servers: Server[]): void => {
     try {
-      localStorage.setItem(STORAGE_FILE, JSON.stringify(servers));
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(servers));
+      // Dispatch storage event to notify other tabs/windows
+      window.dispatchEvent(new StorageEvent('storage', {
+        key: STORAGE_KEY,
+        newValue: JSON.stringify(servers),
+        url: window.location.href
+      }));
     } catch (error) {
       console.error('Error saving servers:', error);
     }