wacrm/src/middleware.ts
Arnas Donauskas 1b512fb17c
fix(auth): preserve refreshed Supabase cookies across middleware redirects
When getUser() refreshes an expired access token it rotates the refresh
token and writes the new cookies onto `supabaseResponse` via setAll().
The redirect and 401-JSON branches returned brand-new NextResponse
objects that didn't carry those Set-Cookie headers, so the rotated token
never reached the browser. The next request replayed the old, now-
consumed refresh token, the refresh failed, and the session wedged —
users got a broken reload after idling and could only recover by
manually clearing cookies.

Copy the refreshed cookies onto every response the middleware returns.

Fixes #288

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 10:08:05 +03:00

96 lines
3.5 KiB
TypeScript

import { createServerClient } from '@supabase/ssr'
import { NextResponse, type NextRequest } from 'next/server'
export async function middleware(request: NextRequest) {
let supabaseResponse = NextResponse.next({ request })
const supabase = createServerClient(
process.env.NEXT_PUBLIC_SUPABASE_URL!,
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
{
cookies: {
getAll() {
return request.cookies.getAll()
},
setAll(cookiesToSet) {
cookiesToSet.forEach(({ name, value, options }) => request.cookies.set(name, value))
supabaseResponse = NextResponse.next({ request })
cookiesToSet.forEach(({ name, value, options }) =>
supabaseResponse.cookies.set(name, value, options)
)
},
},
}
)
const { data: { user } } = await supabase.auth.getUser()
// getUser() transparently refreshes an expired access token, which
// ROTATES the refresh token and writes the new cookies onto
// `supabaseResponse` via setAll() above. Any response we return in
// place of `supabaseResponse` (every redirect / JSON branch below)
// is a fresh object that does NOT carry those Set-Cookie headers, so
// the rotated token never reaches the browser. The next request then
// replays the old, now-consumed refresh token, the refresh fails, and
// the session wedges — the user gets a broken reload after idling and
// can only recover by manually clearing cookies (issue #288). Copy the
// refreshed cookies onto whatever response we hand back to fix that.
const withRefreshedCookies = <T extends NextResponse>(response: T): T => {
supabaseResponse.cookies.getAll().forEach((cookie) => {
response.cookies.set(cookie)
})
return response
}
// Auth pages - redirect to dashboard if already logged in.
// Exception: when an invite token is in the query string we
// send the already-signed-in user to /join/<token> instead so
// they can accept the invitation in one click. Without this,
// a forwarded invite link to someone who's already signed in
// would silently drop them on /dashboard.
if (user && (
request.nextUrl.pathname === '/login' ||
request.nextUrl.pathname === '/signup' ||
request.nextUrl.pathname === '/forgot-password'
)) {
const url = request.nextUrl.clone()
const inviteToken = request.nextUrl.searchParams.get('invite')
if (
inviteToken &&
(request.nextUrl.pathname === '/login' ||
request.nextUrl.pathname === '/signup')
) {
url.pathname = `/join/${encodeURIComponent(inviteToken)}`
url.search = ''
} else {
url.pathname = '/dashboard'
url.search = ''
}
return withRefreshedCookies(NextResponse.redirect(url))
}
// Protected pages - redirect to login if not authenticated
const protectedPaths = ['/dashboard', '/inbox', '/contacts', '/pipelines', '/broadcasts', '/automations', '/settings']
if (!user && protectedPaths.some(path => request.nextUrl.pathname.startsWith(path))) {
const url = request.nextUrl.clone()
url.pathname = '/login'
return withRefreshedCookies(NextResponse.redirect(url))
}
// API routes that need auth (not webhooks)
if (!user && request.nextUrl.pathname.startsWith('/api/whatsapp/') &&
!request.nextUrl.pathname.includes('/webhook')) {
return withRefreshedCookies(
NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
)
}
return supabaseResponse
}
export const config = {
matcher: [
'/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
],
}