middleware.ts

import { createServerClient } from '@supabase/ssr';
import { NextResponse, type NextRequest } from 'next/server';

export async function middleware(request: NextRequest) {
  let response = NextResponse.next({
    request: {
      headers: request.headers,
    },
  });

  const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
  const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_DEFAULT_KEY;

  // Only set up Supabase if env vars are present
  if (supabaseUrl && supabaseKey) {
    const supabase = createServerClient(supabaseUrl, supabaseKey, {
      cookies: {
        get(name: string) {
          return request.cookies.get(name)?.value;
        },
        set(name: string, value: string, options?: any) {
          // Ensure cookies are set with correct options for localhost
          const isLocalhost = process.env.NODE_ENV === 'development';
          response.cookies.set(name, value, {
            ...options,
            secure: isLocalhost
              ? false
              : (options?.secure ?? process.env.NODE_ENV === 'production'),
          });
        },
        remove(name: string, options?: any) {
          const isLocalhost = process.env.NODE_ENV === 'development';
          response.cookies.set(name, '', {
            ...options,
            maxAge: 0,
            secure: isLocalhost
              ? false
              : (options?.secure ?? process.env.NODE_ENV === 'production'),
          });
        },
      },
    });

    // Refresh the session to ensure cookies are up to date
    const {
      data: { session },
    } = await supabase.auth.getSession();
    
    // Also get user to ensure session is validated
    await supabase.auth.getUser();
  }

  return response;
}

export const config = {
  matcher: [
    '/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
  ],
};