fix: display UI text about Apple not handling localhost

Author: danieldanielecki

components/AuthModal.tsx

@@ -124,12 +124,19 @@ export const AuthModal: React.FC<AuthModalProps> = ({
 
   const handleAppleSignIn = async () => {
     setIsLoading(true);
+    setMessage(""); // Clear any previous messages
     try {
       // Save last used method
       const method = { type: "apple", value: "Apple" };
       setLastUsedMethod(method);
       localStorage.setItem("lastUsedAuthMethod", JSON.stringify(method));
-      await signInWithApple();
+      const result = await signInWithApple();
+
+      if (!result.success && result.error) {
+        setMessage(result.error);
+      }
+      // Always reset loading state
+      setIsLoading(false);
     } catch (error) {
       setMessage("Failed to sign in with Apple");
       setIsLoading(false);

contexts/AuthContext.tsx

@@ -98,13 +98,16 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
   };
 
   const signInWithApple = async () => {
+    console.log("🍎 AuthContext: signInWithApple called");
     try {
       const result = await AuthService.createAppleSession();
+      console.log("🍎 AuthContext: createAppleSession result:", result);
       return {
         success: result.success,
         error: result.error?.message,
       };
     } catch (error: any) {
+      console.log("🍎 AuthContext: Error in signInWithApple:", error);
       return { success: false, error: error.message };
     }
   };

lib/appwrite/auth.ts

@@ -103,19 +103,29 @@ export class AuthService {
     try {
       this.checkAppwriteAvailable();
 
-      // Check if we're in development (localhost)
-      if (
-        typeof window !== "undefined" &&
-        window.location.hostname === "localhost"
-      ) {
-        return {
-          success: false,
-          error: {
-            message:
-              "Apple OAuth requires HTTPS and a proper domain. Please test in production.",
-            code: 400,
-          },
-        };
+      // Check if we're in development (localhost, 127.0.0.1, or non-HTTPS)
+      if (typeof window !== "undefined") {
+        const hostname = window.location.hostname;
+        const protocol = window.location.protocol;
+        const isDevelopment =
+          hostname === "localhost" ||
+          hostname === "127.0.0.1" ||
+          hostname.startsWith("192.168.") ||
+          hostname.startsWith("10.") ||
+          hostname.startsWith("172.") ||
+          protocol === "http:" ||
+          process.env.NODE_ENV === "development";
+
+        if (isDevelopment) {
+          return {
+            success: false,
+            error: {
+              message:
+                "Apple OAuth requires HTTPS and a proper domain. Please test in production.",
+              code: 400,
+            },
+          };
+        }
       }
 
       const redirectUrl = `${window.location.origin}/auth/callback`;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "practice-exams-platform",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "engines": {
     "node": "20.x"