Added config controller to be used by react frontend

frontend/src/hooks/useAppConfig.ts

@@ -0,0 +1,77 @@
+import { useState, useEffect } from 'react';
+
+export interface AppConfig {
+  baseUrl?: string;
+  contextPath?: string;
+  serverPort?: number;
+  appName?: string;
+  appNameNavbar?: string;
+  homeDescription?: string;
+  languages?: string[];
+  enableLogin?: boolean;
+  enableAlphaFunctionality?: boolean;
+  enableAnalytics?: boolean;
+  premiumEnabled?: boolean;
+  premiumKey?: string;
+  termsAndConditions?: string;
+  privacyPolicy?: string;
+  cookiePolicy?: string;
+  impressum?: string;
+  accessibilityStatement?: string;
+  runningProOrHigher?: boolean;
+  runningEE?: boolean;
+  license?: string;
+  GoogleDriveEnabled?: boolean;
+  SSOAutoLogin?: boolean;
+  error?: string;
+}
+
+interface UseAppConfigReturn {
+  config: AppConfig | null;
+  loading: boolean;
+  error: string | null;
+  refetch: () => Promise<void>;
+}
+
+/**
+ * Custom hook to fetch and manage application configuration
+ */
+export function useAppConfig(): UseAppConfigReturn {
+  const [config, setConfig] = useState<AppConfig | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchConfig = async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      
+      const response = await fetch('/api/v1/config/app-config');
+      
+      if (!response.ok) {
+        throw new Error(`Failed to fetch config: ${response.status} ${response.statusText}`);
+      }
+      
+      const data: AppConfig = await response.json();
+      setConfig(data);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
+      setError(errorMessage);
+      console.error('Failed to fetch app config:', err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchConfig();
+  }, []);
+
+  return {
+    config,
+    loading,
+    error,
+    refetch: fetchConfig,
+  };
+}
+

frontend/src/hooks/useEndpointConfig.ts

@@ -0,0 +1,117 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * Hook to check if a specific endpoint is enabled
+ */
+export function useEndpointEnabled(endpoint: string): {
+  enabled: boolean | null;
+  loading: boolean;
+  error: string | null;
+  refetch: () => Promise<void>;
+} {
+  const [enabled, setEnabled] = useState<boolean | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchEndpointStatus = async () => {
+    if (!endpoint) {
+      setEnabled(null);
+      setLoading(false);
+      return;
+    }
+
+    try {
+      setLoading(true);
+      setError(null);
+      
+      const response = await fetch(`/api/v1/config/endpoint-enabled?endpoint=${encodeURIComponent(endpoint)}`);
+      
+      if (!response.ok) {
+        throw new Error(`Failed to check endpoint: ${response.status} ${response.statusText}`);
+      }
+      
+      const isEnabled: boolean = await response.json();
+      setEnabled(isEnabled);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
+      setError(errorMessage);
+      console.error(`Failed to check endpoint ${endpoint}:`, err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchEndpointStatus();
+  }, [endpoint]);
+
+  return {
+    enabled,
+    loading,
+    error,
+    refetch: fetchEndpointStatus,
+  };
+}
+
+/**
+ * Hook to check multiple endpoints at once using batch API
+ * Returns a map of endpoint -> enabled status
+ */
+export function useMultipleEndpointsEnabled(endpoints: string[]): {
+  endpointStatus: Record<string, boolean>;
+  loading: boolean;
+  error: string | null;
+  refetch: () => Promise<void>;
+} {
+  const [endpointStatus, setEndpointStatus] = useState<Record<string, boolean>>({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchAllEndpointStatuses = async () => {
+    if (!endpoints || endpoints.length === 0) {
+      setEndpointStatus({});
+      setLoading(false);
+      return;
+    }
+
+    try {
+      setLoading(true);
+      setError(null);
+      
+      // Use batch API for efficiency
+      const endpointsParam = endpoints.join(',');
+      const response = await fetch(`/api/v1/config/endpoints-enabled?endpoints=${encodeURIComponent(endpointsParam)}`);
+      
+      if (!response.ok) {
+        throw new Error(`Failed to check endpoints: ${response.status} ${response.statusText}`);
+      }
+      
+      const statusMap: Record<string, boolean> = await response.json();
+      setEndpointStatus(statusMap);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
+      setError(errorMessage);
+      console.error('Failed to check multiple endpoints:', err);
+      
+      // Fallback: assume all endpoints are disabled on error
+      const fallbackStatus = endpoints.reduce((acc, endpoint) => {
+        acc[endpoint] = false;
+        return acc;
+      }, {} as Record<string, boolean>);
+      setEndpointStatus(fallbackStatus);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchAllEndpointStatuses();
+  }, [endpoints.join(',')]); // Re-run when endpoints array changes
+
+  return {
+    endpointStatus,
+    loading,
+    error,
+    refetch: fetchAllEndpointStatuses,
+  };
+}