another try

app/api/auth/logout/route.ts

@@ -1,22 +1,23 @@
-import { NextResponse } from "next/server";
+import { NextRequest, NextResponse } from "next/server";
 import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 
-export async function POST() {
+export async function POST(req: NextRequest) {
   const cookieName = MY_TOKEN_KEY();
-  const isProduction = process.env.NODE_ENV === "production";
+  const host = req.headers.get("host") ?? "localhost:3000";
+  const isSecure = !host.includes("localhost");
   
   const response = NextResponse.json(
     { message: "Logged out successfully" },
     { status: 200 }
   );
   
-  // Clear the HTTP-only cookie
+  // Clear the cookie (matching the same settings as login)
   const cookieOptions = [
     `${cookieName}=`,
     "Max-Age=0",
     "Path=/",
-    "HttpOnly",
-    ...(isProduction ? ["Secure", "SameSite=None"] : ["SameSite=Lax"])
+    "SameSite=Lax",
+    ...(isSecure ? ["Secure"] : [])
   ].join("; ");
   
   response.headers.set("Set-Cookie", cookieOptions);

app/api/auth/route.ts

@@ -1,4 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 
 export async function POST(req: NextRequest) {
   const body = await req.json();
@@ -70,6 +71,16 @@ export async function POST(req: NextRequest) {
   }
   const user = await userResponse.json();
 
+  // Calculate cookie expiration
+  const expiresIn = response.expires_in || 3600;
+  const maxAge = expiresIn;
+
+  // Determine if we should use secure cookies
+  const isSecure = !host.includes("localhost");
+
+  // Set the cookie via Set-Cookie header
+  const cookieValue = `${MY_TOKEN_KEY()}=${response.access_token}; Path=/; Max-Age=${maxAge}; SameSite=Lax${isSecure ? "; Secure" : ""}`;
+
   return NextResponse.json(
     {
       access_token: response.access_token,
@@ -80,6 +91,7 @@ export async function POST(req: NextRequest) {
       status: 200,
       headers: {
         "Content-Type": "application/json",
+        "Set-Cookie": cookieValue,
       },
     }
   );

app/layout.tsx

@@ -56,8 +56,17 @@ export const viewport: Viewport = {
 
 async function getMe() {
   const cookieStore = await cookies();
-  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
-  console.log("TOKEN IS => ", token);
+  const tokenKey = MY_TOKEN_KEY();
+  const token = cookieStore.get(tokenKey)?.value;
+
+  // Debug logging
+  console.log("🔍 [DEBUG] Cookie Key:", tokenKey);
+  console.log("🔍 [DEBUG] Token found:", !!token);
+  console.log(
+    "🔍 [DEBUG] All cookies:",
+    cookieStore.getAll().map((c) => c.name)
+  );
+
   if (!token) return { user: null, projects: [], errCode: null };
   try {
     const res = await apiServer.get("/me", {
@@ -67,6 +76,7 @@ async function getMe() {
     });
     return { user: res.data.user, projects: res.data.projects, errCode: null };
   } catch (err: any) {
+    console.error("🔍 [DEBUG] API Error:", err.status, err.message);
     return { user: null, projects: [], errCode: err.status };
   }
 }