logging

Jawnnypoo · Jawnnypoo · commit 5b68db5bb8cc · 2025-09-27T21:33:58.000-05:00
diff --git a/src/config/firebase.ts b/src/config/firebase.ts
@@ -1,6 +1,6 @@
 import {initializeApp} from 'firebase/app';
 import {getFirestore} from 'firebase/firestore';
-import {getAuth, GoogleAuthProvider} from 'firebase/auth';
+import {getAuth} from 'firebase/auth';
 
 const firebaseConfig = {
     apiKey: "AIzaSyDXnEjvqq8lspDRlEJiDkztxWTmLYMoDGg",
@@ -15,6 +15,5 @@ const firebaseConfig = {
 const app = initializeApp(firebaseConfig);
 export const db = getFirestore(app);
 export const auth = getAuth(app);
-export const googleProvider = new GoogleAuthProvider();
 
 export default app;
diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
@@ -27,6 +27,7 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({children}) => {
         // Listen to Firebase auth state changes
         const unsubscribe = onAuthStateChanged(auth, async (firebaseUser) => {
             if (firebaseUser) {
+                console.log('Auth state changed - user signed in:', firebaseUser.uid);
                 // User is signed in, fetch their profile data
                 try {
                     const userData = await getUserFromFirestore(firebaseUser.uid);
@@ -43,6 +44,7 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({children}) => {
                     setUser(null);
                 }
             } else {
+                console.log('Auth state changed - user signed out');
                 // User is signed out
                 setUser(null);
             }
@@ -137,42 +139,42 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({children}) => {
             appleProvider.addScope('name');
             appleProvider.addScope('email');
 
-            // Sign in with popup
+            console.log('Apple provider configured, attempting popup sign-in...');
+
+            // Try popup sign-in with detailed error handling
             const result = await signInWithPopup(auth, appleProvider);
 
-            // The signed-in user info
-            const user = result.user;
-            console.log('Apple login successful for user:', user.uid);
+            console.log('Apple sign-in successful:', result.user.uid);
 
-            // Apple credential
+            // Extract credential details
             const credential = OAuthProvider.credentialFromResult(result);
-            const accessToken = credential?.accessToken;
-            const idToken = credential?.idToken;
-
-            console.log('Apple login credentials obtained');
-            // Note: onAuthStateChanged will handle user data fetching and setting
+            if (credential) {
+                console.log('Apple credentials obtained');
+                console.log('Access token available:', !!credential.accessToken);
+                console.log('ID token available:', !!credential.idToken);
+            }
 
         } catch (error: any) {
             console.error('Failed to process Apple login:', error);
 
-            // Handle Errors here
+            // Detailed error logging
+            console.log('Error code:', error?.code);
+            console.log('Error message:', error?.message);
+            console.log('Error customData:', error?.customData);
+            console.log('Full error object:', error);
+
+            // Handle specific errors
             const errorCode = error.code;
             const errorMessage = error.message;
 
-            // The email of the user's account used
-            const email = error.customData?.email;
-
-            // The credential that was used
-            const credential = OAuthProvider.credentialFromError(error);
-
-            console.log('Apple login error details:', { errorCode, errorMessage, email });
-
             if (errorCode === 'auth/operation-not-allowed') {
                 throw new Error('Apple Sign-In is not enabled. Please configure it in Firebase Console.');
             } else if (errorCode === 'auth/popup-closed-by-user') {
                 throw new Error('Sign-in was cancelled by user.');
             } else if (errorCode === 'auth/popup-blocked') {
                 throw new Error('Popup was blocked by browser. Please allow popups and try again.');
+            } else if (errorCode === 'auth/invalid-credential') {
+                throw new Error('Apple Sign-In configuration error. Please check your Firebase and Apple Developer Console settings.');
             }
 
             throw new Error(`Apple sign-in failed: ${errorMessage}`);
diff --git a/src/pages/Auth/Auth.tsx b/src/pages/Auth/Auth.tsx
@@ -70,11 +70,14 @@ const Auth: React.FC = () => {
 
     const handleAppleAuth = async () => {
         try {
+            console.log('Apple button clicked, calling loginWithApple...');
             await loginWithApple();
+            console.log('loginWithApple completed successfully');
             // Redirect to account page after successful login
             window.location.hash = 'account';
         } catch (error) {
-            console.error('Apple sign-in failed:', error);
+            console.error('Apple sign-in failed in handleAppleAuth:', error);
+            alert(error instanceof Error ? error.message : 'Apple sign-in failed. Please try again.');
         }
     };
 
@@ -119,7 +122,8 @@ const Auth: React.FC = () => {
                         >
                             <div className="apple-auth-content">
                                 <svg className="apple-icon" viewBox="0 0 24 24" width="18" height="18">
-                                    <path fill="#000" d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/>
+                                    <path fill="#000"
+                                          d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/>
                                 </svg>
                                 <span>Continue with Apple</span>
                             </div>
