@samanhappy/mcphub 0.0.7 → 0.0.9

package/frontend/src/contexts/AuthContext.tsx

@@ -1,159 +0,0 @@
-import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
-import { AuthState, IUser } from '../types';
-import * as authService from '../services/authService';
-
-// Initial auth state
-const initialState: AuthState = {
-  token: null,
-  isAuthenticated: false,
-  loading: true,
-  user: null,
-  error: null,
-};
-
-// Create auth context
-const AuthContext = createContext<{
-  auth: AuthState;
-  login: (username: string, password: string) => Promise<boolean>;
-  register: (username: string, password: string, isAdmin?: boolean) => Promise<boolean>;
-  logout: () => void;
-}>({
-  auth: initialState,
-  login: async () => false,
-  register: async () => false,
-  logout: () => {},
-});
-
-// Auth provider component
-export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
-  const [auth, setAuth] = useState<AuthState>(initialState);
-
-  // Load user if token exists
-  useEffect(() => {
-    const loadUser = async () => {
-      const token = authService.getToken();
-      
-      if (!token) {
-        setAuth({
-          ...initialState,
-          loading: false,
-        });
-        return;
-      }
-      
-      try {
-        const response = await authService.getCurrentUser();
-        
-        if (response.success && response.user) {
-          setAuth({
-            token,
-            isAuthenticated: true,
-            loading: false,
-            user: response.user,
-            error: null,
-          });
-        } else {
-          authService.removeToken();
-          setAuth({
-            ...initialState,
-            loading: false,
-          });
-        }
-      } catch (error) {
-        authService.removeToken();
-        setAuth({
-          ...initialState,
-          loading: false,
-        });
-      }
-    };
-    
-    loadUser();
-  }, []);
-
-  // Login function
-  const login = async (username: string, password: string): Promise<boolean> => {
-    try {
-      const response = await authService.login({ username, password });
-      
-      if (response.success && response.token && response.user) {
-        setAuth({
-          token: response.token,
-          isAuthenticated: true,
-          loading: false,
-          user: response.user,
-          error: null,
-        });
-        return true;
-      } else {
-        setAuth({
-          ...initialState,
-          loading: false,
-          error: response.message || 'Authentication failed',
-        });
-        return false;
-      }
-    } catch (error) {
-      setAuth({
-        ...initialState,
-        loading: false,
-        error: 'Authentication failed',
-      });
-      return false;
-    }
-  };
-
-  // Register function
-  const register = async (
-    username: string, 
-    password: string, 
-    isAdmin = false
-  ): Promise<boolean> => {
-    try {
-      const response = await authService.register({ username, password, isAdmin });
-      
-      if (response.success && response.token && response.user) {
-        setAuth({
-          token: response.token,
-          isAuthenticated: true,
-          loading: false,
-          user: response.user,
-          error: null,
-        });
-        return true;
-      } else {
-        setAuth({
-          ...initialState,
-          loading: false,
-          error: response.message || 'Registration failed',
-        });
-        return false;
-      }
-    } catch (error) {
-      setAuth({
-        ...initialState,
-        loading: false,
-        error: 'Registration failed',
-      });
-      return false;
-    }
-  };
-
-  // Logout function
-  const logout = (): void => {
-    authService.logout();
-    setAuth({
-      ...initialState,
-      loading: false,
-    });
-  };
-
-  return (
-    <AuthContext.Provider value={{ auth, login, register, logout }}>
-      {children}
-    </AuthContext.Provider>
-  );
-};
-
-// Custom hook to use auth context
-export const useAuth = () => useContext(AuthContext);

package/frontend/src/contexts/ToastContext.tsx

@@ -1,60 +0,0 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
-import Toast, { ToastType } from '@/components/ui/Toast';
-
-interface ToastContextProps {
-  showToast: (message: string, type?: ToastType, duration?: number) => void;
-}
-
-const ToastContext = createContext<ToastContextProps | undefined>(undefined);
-
-export const useToast = () => {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error('useToast must be used within a ToastProvider');
-  }
-  return context;
-};
-
-interface ToastProviderProps {
-  children: ReactNode;
-}
-
-export const ToastProvider: React.FC<ToastProviderProps> = ({ children }) => {
-  const [toast, setToast] = useState<{
-    message: string;
-    type: ToastType;
-    visible: boolean;
-    duration: number;
-  }>({
-    message: '',
-    type: 'info',
-    visible: false,
-    duration: 3000,
-  });
-
-  const showToast = (message: string, type: ToastType = 'info', duration: number = 3000) => {
-    setToast({
-      message,
-      type,
-      visible: true,
-      duration,
-    });
-  };
-
-  const hideToast = () => {
-    setToast((prev) => ({ ...prev, visible: false }));
-  };
-
-  return (
-    <ToastContext.Provider value={{ showToast }}>
-      {children}
-      <Toast
-        message={toast.message}
-        type={toast.type}
-        duration={toast.duration}
-        onClose={hideToast}
-        visible={toast.visible}
-      />
-    </ToastContext.Provider>
-  );
-};

package/frontend/src/hooks/useGroupData.ts

@@ -1,232 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Group, ApiResponse } from '@/types';
-
-export const useGroupData = () => {
-  const { t } = useTranslation();
-  const [groups, setGroups] = useState<Group[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [refreshKey, setRefreshKey] = useState(0);
-
-  const fetchGroups = useCallback(async () => {
-    try {
-      setLoading(true);
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch('/api/groups', {
-        headers: {
-          'x-auth-token': token || ''
-        }
-      });
-      
-      if (!response.ok) {
-        throw new Error(`Status: ${response.status}`);
-      }
-      
-      const data: ApiResponse<Group[]> = await response.json();
-      
-      if (data && data.success && Array.isArray(data.data)) {
-        setGroups(data.data);
-      } else {
-        console.error('Invalid group data format:', data);
-        setGroups([]);
-      }
-      
-      setError(null);
-    } catch (err) {
-      console.error('Error fetching groups:', err);
-      setError(err instanceof Error ? err.message : 'Failed to fetch groups');
-      setGroups([]);
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  // Trigger a refresh of the groups data
-  const triggerRefresh = useCallback(() => {
-    setRefreshKey(prev => prev + 1);
-  }, []);
-
-  // Create a new group with server associations
-  const createGroup = async (name: string, description?: string, servers: string[] = []) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch('/api/groups', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'x-auth-token': token || ''
-        },
-        body: JSON.stringify({ name, description, servers }),
-      });
-      
-      const result: ApiResponse<Group> = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.createError'));
-        return null;
-      }
-      
-      triggerRefresh();
-      return result.data || null;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to create group');
-      return null;
-    }
-  };
-
-  // Update an existing group with server associations
-  const updateGroup = async (id: string, data: { name?: string; description?: string; servers?: string[] }) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch(`/api/groups/${id}`, {
-        method: 'PUT',
-        headers: {
-          'Content-Type': 'application/json',
-          'x-auth-token': token || ''
-        },
-        body: JSON.stringify(data),
-      });
-      
-      const result: ApiResponse<Group> = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.updateError'));
-        return null;
-      }
-      
-      triggerRefresh();
-      return result.data || null;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to update group');
-      return null;
-    }
-  };
-
-  // Update servers in a group (for batch updates)
-  const updateGroupServers = async (groupId: string, servers: string[]) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch(`/api/groups/${groupId}/servers/batch`, {
-        method: 'PUT',
-        headers: {
-          'Content-Type': 'application/json',
-          'x-auth-token': token || ''
-        },
-        body: JSON.stringify({ servers }),
-      });
-      
-      const result: ApiResponse<Group> = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.updateError'));
-        return null;
-      }
-      
-      triggerRefresh();
-      return result.data || null;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to update group servers');
-      return null;
-    }
-  };
-
-  // Delete a group
-  const deleteGroup = async (id: string) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch(`/api/groups/${id}`, {
-        method: 'DELETE',
-        headers: {
-          'x-auth-token': token || ''
-        }
-      });
-      
-      const result = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.deleteError'));
-        return false;
-      }
-      
-      triggerRefresh();
-      return true;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to delete group');
-      return false;
-    }
-  };
-
-  // Add server to a group
-  const addServerToGroup = async (groupId: string, serverName: string) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch(`/api/groups/${groupId}/servers`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'x-auth-token': token || ''
-        },
-        body: JSON.stringify({ serverName }),
-      });
-      
-      const result: ApiResponse<Group> = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.serverAddError'));
-        return null;
-      }
-      
-      triggerRefresh();
-      return result.data || null;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to add server to group');
-      return null;
-    }
-  };
-
-  // Remove server from group
-  const removeServerFromGroup = async (groupId: string, serverName: string) => {
-    try {
-      const token = localStorage.getItem('mcphub_token');
-      const response = await fetch(`/api/groups/${groupId}/servers/${serverName}`, {
-        method: 'DELETE',
-        headers: {
-          'x-auth-token': token || ''
-        }
-      });
-      
-      const result: ApiResponse<Group> = await response.json();
-      
-      if (!response.ok) {
-        setError(result.message || t('groups.serverRemoveError'));
-        return null;
-      }
-      
-      triggerRefresh();
-      return result.data || null;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to remove server from group');
-      return null;
-    }
-  };
-
-  // Fetch groups when the component mounts or refreshKey changes
-  useEffect(() => {
-    fetchGroups();
-  }, [fetchGroups, refreshKey]);
-
-  return {
-    groups,
-    loading,
-    error,
-    setError,
-    triggerRefresh,
-    createGroup,
-    updateGroup,
-    updateGroupServers,
-    deleteGroup,
-    addServerToGroup,
-    removeServerFromGroup
-  };
-};