Initial commit from ux_aura_central

contexts/AuthContext.tsx

@@ -0,0 +1,51 @@
+import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import { User, Role, Permission } from '../types';
+import { useAuthSession } from '../hooks/useAuthSession';
+
+interface AuthContextType {
+    authState: 'checking' | 'authorized' | 'unauthorized';
+    user: User | null;
+    roles: Role[];
+    permissions: Permission[];
+    workspaceUrl: string;
+    signOutUrl: string;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+    const { authState, user, roles, permissions } = useAuthSession();
+    const [workspaceUrl, setWorkspaceUrl] = useState('/home/workspace');
+    const [signOutUrl, setSignOutUrl] = useState('/home/confirm-signout');
+
+    useEffect(() => {
+        const hostname = window.location.hostname;
+        if (hostname.startsWith('tools.')) {
+            const newHost = hostname.replace('tools.', 'www.');
+            const protocol = window.location.protocol;
+            setWorkspaceUrl(`${protocol}//${newHost}/home/workspace`);
+            setSignOutUrl(`${protocol}//${newHost}/home/confirm-signout`);
+        }
+    }, []);
+
+    return (
+        <AuthContext.Provider value={{ 
+            authState, 
+            user, 
+            roles, 
+            permissions, 
+            workspaceUrl, 
+            signOutUrl 
+        }}>
+            {children}
+        </AuthContext.Provider>
+    );
+};
+
+export const useAuthContext = () => {
+    const context = useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error('useAuthContext must be used within an AuthProvider');
+    }
+    return context;
+};

contexts/ThemeContext.tsx

@@ -0,0 +1,42 @@
+import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import { useLocalStorage } from '../hooks/useLocalStorage';
+
+type Theme = 'light' | 'dark';
+
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+}
+
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export const ThemeProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+    const [theme, setTheme] = useLocalStorage<Theme>('theme', 'light');
+
+    useEffect(() => {
+        const root = window.document.documentElement;
+        if (theme === 'dark') {
+            root.classList.add('dark');
+        } else {
+            root.classList.remove('dark');
+        }
+    }, [theme]);
+
+    const toggleTheme = () => {
+        setTheme(prevTheme => (prevTheme === 'light' ? 'dark' : 'light'));
+    };
+
+    return (
+        <ThemeContext.Provider value={{ theme, toggleTheme }}>
+            {children}
+        </ThemeContext.Provider>
+    );
+};
+
+export const useTheme = (): ThemeContextType => {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+};