test cookie

app/api/auth/route.ts

@@ -80,8 +80,6 @@ export async function POST(req: NextRequest) {
       access_token: response.access_token,
       expires_in: response.expires_in,
       user,
-      // Include fallback flag for iframe contexts
-      useLocalStorageFallback: true,
     },
     {
       status: 200,
@@ -91,7 +89,7 @@ export async function POST(req: NextRequest) {
     }
   );
   
-  // Set HTTP-only cookie with proper attributes for iframe support
+  // Set HTTP-only cookie
   const cookieOptions = [
     `${cookieName}=${response.access_token}`,
     `Max-Age=${response.expires_in || 3600}`, // Default 1 hour if not provided

hooks/useUser.ts

@@ -7,13 +7,6 @@ import { useRouter } from "next/navigation";
 import { ProjectType, User } from "@/types";
 import { api } from "@/lib/api";
 import { toast } from "sonner";
-import { 
-  storeAuthDataFallback, 
-  getAuthDataFallback, 
-  clearAuthDataFallback,
-  isInIframe,
-  isMobileDevice 
-} from "@/lib/iframe-storage";
 
 
 export const useUser = (initialData?: {
@@ -29,13 +22,6 @@ export const useUser = (initialData?: {
     useQuery({
       queryKey: ["user.me"],
       queryFn: async () => {
-        // Check for fallback data if no initial data provided and we're in iframe
-        if (!initialData && isInIframe()) {
-          const fallbackData = getAuthDataFallback();
-          if (fallbackData.user && fallbackData.token) {
-            return { user: fallbackData.user, errCode: null };
-          }
-        }
         return { user: initialData?.user || null, errCode: initialData?.errCode || null };
       },
       refetchOnWindowFocus: false,
@@ -73,21 +59,6 @@ export const useUser = (initialData?: {
 
   const openLoginWindow = async () => {
     setCurrentRoute(window.location.pathname);
-    
-    if (isInIframe()) {
-      try {
-        const response = await api.get("/auth/login-url");
-        const { loginUrl } = response.data;
-        
-        window.open(loginUrl, "_blank", "noopener,noreferrer");
-        
-        toast.info("Login opened in new tab. Please complete authentication and return to this page.");
-        return;
-      } catch (error) {
-        console.error("Failed to open login in new tab:", error);
-      }
-    }
-    
     return router.push("/auth");
   };
 
@@ -98,10 +69,6 @@ export const useUser = (initialData?: {
       .post("/auth", { code })
       .then(async (res: any) => {
         if (res.data) {
-          if (res.data.useLocalStorageFallback) {
-            storeAuthDataFallback(res.data.access_token, res.data.user);
-          }
-          
           client.setQueryData(["user.me"], {
             user: res.data.user,
             errCode: null,
@@ -126,14 +93,12 @@ export const useUser = (initialData?: {
   const logout = async () => {
     try {
       await api.post("/auth/logout");
-      clearAuthDataFallback();
       removeCurrentRoute();
       client.clear();
       toast.success("Logout successful");
       window.location.reload();
     } catch (error) {
       console.error("Logout error:", error);
-      clearAuthDataFallback();
       removeCurrentRoute();
       client.clear()
       toast.success("Logout successful");

lib/iframe-storage.ts

@@ -1,90 +0,0 @@
-/**
- * Utility for handling storage in iframe contexts
- * Falls back to localStorage when cookies are blocked
- */
-
-export const isInIframe = (): boolean => {
-  try {
-    return window.self !== window.top;
-  } catch {
-    return true; // If we can't access window.top, we're likely in an iframe
-  }
-};
-
-export const isMobileDevice = (): boolean => {
-  if (typeof window === 'undefined') return false;
-  
-  // Check user agent for mobile patterns
-  const userAgent = window.navigator.userAgent;
-  const mobilePattern = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i;
-  
-  // Also check for touch capability and screen size
-  const hasTouchScreen = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-  const hasSmallScreen = window.innerWidth <= 768; // Common mobile breakpoint
-  
-  return mobilePattern.test(userAgent) || (hasTouchScreen && hasSmallScreen);
-};
-
-export const STORAGE_KEYS = {
-  ACCESS_TOKEN: "deepsite-auth-token-fallback",
-  USER_DATA: "deepsite-user-data-fallback",
-} as const;
-
-export const iframeStorage = {
-  setItem: (key: string, value: string): void => {
-    try {
-      localStorage.setItem(key, value);
-    } catch (error) {
-      console.warn("Failed to set localStorage item:", error);
-    }
-  },
-
-  getItem: (key: string): string | null => {
-    try {
-      return localStorage.getItem(key);
-    } catch (error) {
-      console.warn("Failed to get localStorage item:", error);
-      return null;
-    }
-  },
-
-  removeItem: (key: string): void => {
-    try {
-      localStorage.removeItem(key);
-    } catch (error) {
-      console.warn("Failed to remove localStorage item:", error);
-    }
-  },
-
-  clear: (): void => {
-    try {
-      localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
-      localStorage.removeItem(STORAGE_KEYS.USER_DATA);
-    } catch (error) {
-      console.warn("Failed to clear localStorage items:", error);
-    }
-  },
-};
-
-export const storeAuthDataFallback = (accessToken: string, userData: any): void => {
-  if (isInIframe()) {
-    iframeStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, accessToken);
-    iframeStorage.setItem(STORAGE_KEYS.USER_DATA, JSON.stringify(userData));
-  }
-};
-
-export const getAuthDataFallback = (): { token: string | null; user: any | null } => {
-  if (isInIframe()) {
-    const token = iframeStorage.getItem(STORAGE_KEYS.ACCESS_TOKEN);
-    const userDataStr = iframeStorage.getItem(STORAGE_KEYS.USER_DATA);
-    const user = userDataStr ? JSON.parse(userDataStr) : null;
-    return { token, user };
-  }
-  return { token: null, user: null };
-};
-
-export const clearAuthDataFallback = (): void => {
-  if (isInIframe()) {
-    iframeStorage.clear();
-  }
-};