@spidy092/auth-client 2.1.8 → 3.0.1

package/react/AuthProvider.jsx

@@ -1,150 +0,0 @@
-// auth-client/react/AuthProvider.jsx
-import React, { createContext, useState, useEffect, useRef } from 'react';
-import { getToken, setToken, clearToken } from '../token';
-import { getConfig } from '../config';
-import { 
-  login as coreLogin, 
-  logout as coreLogout,
-  startSessionSecurity,
-  stopSessionSecurity,
-  onSessionInvalid
-} from '../core';
-
-export const AuthContext = createContext();
-
-export function AuthProvider({ children, onSessionExpired }) {
-  const [token, setTokenState] = useState(getToken());
-  const [user, setUser] = useState(null);
-  const [loading, setLoading] = useState(!!token); // Loading if we have a token to validate
-  const [sessionValid, setSessionValid] = useState(true);
-  const sessionSecurityRef = useRef(null);
-
-  // Handle session invalidation (from Keycloak admin deletion or expiry)
-  const handleSessionInvalid = (reason) => {
-    console.log('🚨 AuthProvider: Session invalidated -', reason);
-    setSessionValid(false);
-    setUser(null);
-    setTokenState(null);
-    
-    // Call custom callback if provided
-    if (onSessionExpired && typeof onSessionExpired === 'function') {
-      onSessionExpired(reason);
-    }
-  };
-
-  // Start session security on mount (when we have a token)
-  useEffect(() => {
-    if (token && !sessionSecurityRef.current) {
-      console.log('🔐 AuthProvider: Starting session security');
-      
-      // Register session invalid handler
-      const unsubscribe = onSessionInvalid(handleSessionInvalid);
-      
-      // Start proactive refresh + session monitoring
-      sessionSecurityRef.current = startSessionSecurity(handleSessionInvalid);
-      
-      return () => {
-        unsubscribe();
-        if (sessionSecurityRef.current) {
-          sessionSecurityRef.current.stopAll();
-          sessionSecurityRef.current = null;
-        }
-      };
-    }
-    
-    // Cleanup when token is removed
-    if (!token && sessionSecurityRef.current) {
-      sessionSecurityRef.current.stopAll();
-      sessionSecurityRef.current = null;
-    }
-  }, [token]);
-
-  useEffect(() => {
-    console.log('🔍 AuthProvider useEffect triggered:', { 
-      hasToken: !!token, 
-      tokenLength: token?.length 
-    });
-    
-    if (!token) {
-      console.log('⚠️ AuthProvider: No token, setting loading=false');
-      setLoading(false);
-      return;
-    }
-    
-    const { authBaseUrl } = getConfig();
-    if (!authBaseUrl) {
-      console.warn('AuthProvider: No authBaseUrl configured');
-      setLoading(false);
-      return;
-    }
-
-    console.log('🌐 AuthProvider: Fetching profile with token...', {
-      authBaseUrl,
-      tokenPreview: token.slice(0, 50) + '...'
-    });
-
-    fetch(`${authBaseUrl}/account/profile`, {
-      headers: { Authorization: `Bearer ${token}` },
-      credentials: 'include',
-    })
-      .then(res => {
-        console.log('📥 Profile response status:', res.status);
-        if (!res.ok) throw new Error('Failed to fetch user');
-        return res.json();
-      })
-      .then(userData => {
-        console.log('✅ Profile fetched successfully:', userData.email);
-        setUser(userData);
-        setSessionValid(true);
-        setLoading(false);
-      })
-      .catch(err => {
-        console.error('❌ Fetch user error:', err);
-        clearToken();
-        setTokenState(null);
-        setUser(null);
-        setLoading(false);
-      });
-  }, [token]);
-
-  const login = (clientKey, redirectUri, state) => {
-    coreLogin(clientKey, redirectUri, state);
-  };
-
-  const logout = () => {
-    // Stop session security before logout
-    stopSessionSecurity();
-    sessionSecurityRef.current = null;
-    
-    coreLogout();
-    setUser(null);
-    setTokenState(null);
-    setSessionValid(true);
-  };
-
-  const value = {
-    token,
-    user,
-    loading,
-    login,
-    logout,
-    isAuthenticated: !!token && !!user && sessionValid,
-    sessionValid,
-    setUser,
-    setToken: (newToken) => {
-      setToken(newToken);
-      setTokenState(newToken);
-      setSessionValid(true);
-    },
-    clearToken: () => {
-      stopSessionSecurity();
-      sessionSecurityRef.current = null;
-      clearToken();
-      setTokenState(null);
-      setUser(null);
-    },
-  };
-
-  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
-}
-

package/react/useAuth.js

@@ -1,10 +0,0 @@
-import { useContext } from 'react';
-import { AuthContext } from './AuthProvider';
-
-export function useAuth() {
-  const context = useContext(AuthContext);
-  if (!context) {
-    throw new Error('useAuth must be used within an AuthProvider');
-  }
-  return context;
-}

package/react/useSessionMonitor.js

@@ -1,121 +0,0 @@
-// auth-client/react/useSessionMonitor.js
-// Enhanced session monitoring hook for detecting Keycloak admin session deletions
-import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { useEffect, useCallback } from 'react';
-import { auth } from '../index';
-
-/**
- * useSessionMonitor - React hook for periodic session validation
- * 
- * This hook validates that the user's session still exists in Keycloak.
- * When an admin deletes a session from Keycloak Admin UI, this hook
- * will detect it and trigger the onSessionInvalid callback.
- * 
- * @param {Object} options Configuration options
- * @param {boolean} options.enabled - Enable/disable monitoring (default: true)
- * @param {number} options.refetchInterval - Validation interval in ms (default: 120000 = 2 min)
- * @param {Function} options.onSessionInvalid - Callback when session is deleted
- * @param {Function} options.onError - Callback for validation errors
- * @param {boolean} options.autoLogout - Auto logout on invalid session (default: true)
- * @param {boolean} options.validateOnMount - Validate session immediately on mount (default: true)
- */
-export const useSessionMonitor = (options = {}) => {
-  const queryClient = useQueryClient();
-
-  const {
-    enabled = true,
-    refetchInterval = 2 * 60 * 1000, // 2 minutes (matching config default)
-    onSessionInvalid,
-    onError,
-    autoLogout = true,
-    validateOnMount = true,
-  } = options;
-
-  // Handle session invalidation
-  const handleInvalid = useCallback(() => {
-    console.log('🚨 useSessionMonitor: Session invalid detected');
-
-    // Clear all react-query cache
-    queryClient.clear();
-
-    // Auto logout if enabled
-    if (autoLogout) {
-      auth.clearToken();
-      auth.clearRefreshToken();
-    }
-
-    // Call custom callback
-    if (onSessionInvalid) {
-      onSessionInvalid();
-    }
-  }, [queryClient, autoLogout, onSessionInvalid]);
-
-  // Session validation query
-  const query = useQuery({
-    queryKey: ['session-validation'],
-    queryFn: async () => {
-      try {
-        const token = auth.getToken();
-        if (!token) {
-          return { valid: false, reason: 'no_token' };
-        }
-
-        console.log('🔍 useSessionMonitor: Validating session...');
-        const isValid = await auth.validateCurrentSession();
-
-        if (!isValid) {
-          console.log('❌ useSessionMonitor: Session no longer valid');
-          handleInvalid();
-          return { valid: false, reason: 'session_deleted' };
-        }
-
-        console.log('✅ useSessionMonitor: Session still valid');
-        return { valid: true };
-      } catch (error) {
-        console.error('⚠️ useSessionMonitor: Validation error:', error);
-        if (onError) {
-          onError(error);
-        }
-        throw error;
-      }
-    },
-    enabled: enabled && !!auth.getToken(),
-    refetchInterval,
-    refetchIntervalInBackground: true,
-    retry: 2,
-    retryDelay: 5000,
-    staleTime: refetchInterval / 2, // Consider stale at half the interval
-  });
-
-  // Validate on visibility change (when user returns to tab)
-  useEffect(() => {
-    if (!enabled) return;
-
-    const handleVisibilityChange = () => {
-      if (document.visibilityState === 'visible' && auth.getToken()) {
-        console.log('👁️ useSessionMonitor: Tab visible - triggering validation');
-        queryClient.invalidateQueries({ queryKey: ['session-validation'] });
-      }
-    };
-
-    document.addEventListener('visibilitychange', handleVisibilityChange);
-    return () => {
-      document.removeEventListener('visibilitychange', handleVisibilityChange);
-    };
-  }, [enabled, queryClient]);
-
-  // Validate immediately on mount if enabled
-  useEffect(() => {
-    if (validateOnMount && enabled && auth.getToken()) {
-      queryClient.invalidateQueries({ queryKey: ['session-validation'] });
-    }
-  }, [validateOnMount, enabled, queryClient]);
-
-  return {
-    ...query,
-    isSessionValid: query.data?.valid ?? true,
-    invalidationReason: query.data?.reason,
-    manualValidate: () => queryClient.invalidateQueries({ queryKey: ['session-validation'] }),
-  };
-};
-