80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import { NextResponse } from "next/server"
|
|
|
|
import { findLang } from "@/constants/languages"
|
|
import { authRequired } from "@/constants/routes/authRequired"
|
|
import { login } from "@/constants/routes/handleAuth"
|
|
import { benefits, myPages, overview, stays } from "@/constants/routes/myPages"
|
|
|
|
import { auth } from "@/auth"
|
|
|
|
import type { NextMiddleware } from "next/server"
|
|
|
|
import type { MiddlewareMatcher } from "@/types/middleware"
|
|
|
|
/**
|
|
* AppRouteHandlerFnContext is the context that is passed to the handler as
|
|
* the second argument. This is only done for Route handlers (route.js) and
|
|
* not for middleware. Middleware`s second argument is `event` of type
|
|
* `NextFetchEvent`.
|
|
*
|
|
* Auth.js uses the same pattern for both Route handlers and Middleware,
|
|
* the auth()-wrapper:
|
|
*
|
|
* auth((req) => { ... })
|
|
*
|
|
* But there is a difference between middleware and route handlers, route
|
|
* handlers get passed a context which middleware do not get (they get a
|
|
* NextFetchEvent instead). Using the same function for both works runtime
|
|
* because Auth.js handles this properly. But fails in typings as the second
|
|
* argument doesn't match for middleware.
|
|
*
|
|
* We want to avoid using ts-expect-error because that hides other errors
|
|
* not related to this typing error and ts-expect-error cannot be scoped either.
|
|
*
|
|
* So we type assert this export to NextMiddleware. The lesser of all evils.
|
|
*
|
|
* https://github.com/nextauthjs/next-auth/blob/3c035ec62f2f21d7cab65504ba83fb1a9a13be01/packages/next-auth/src/lib/index.ts#L265
|
|
* https://authjs.dev/reference/nextjs
|
|
*/
|
|
export const middleware = auth(async (request) => {
|
|
const { nextUrl } = request
|
|
const lang = findLang(nextUrl.pathname)!
|
|
|
|
const isLoggedIn = !!request.auth
|
|
|
|
if (isLoggedIn) {
|
|
const pathNameWithoutLang = nextUrl.pathname.replace(`/${lang}`, "")
|
|
// Temp fix until we have a better solution for identifying AccountPage type
|
|
const accountPagePaths = [
|
|
myPages[lang],
|
|
overview[lang],
|
|
benefits[lang],
|
|
stays[lang],
|
|
]
|
|
|
|
if (accountPagePaths.includes(nextUrl.pathname)) {
|
|
const searchParams = new URLSearchParams(request.nextUrl.searchParams)
|
|
searchParams.set("uri", pathNameWithoutLang)
|
|
|
|
return NextResponse.rewrite(
|
|
new URL(`/${lang}/my-pages?${searchParams.toString()}`, nextUrl)
|
|
)
|
|
}
|
|
return NextResponse.next()
|
|
}
|
|
|
|
const headers = new Headers()
|
|
headers.append(
|
|
"set-cookie",
|
|
`redirectTo=${encodeURIComponent(nextUrl.href)}; Path=/; HttpOnly; SameSite=Lax`
|
|
)
|
|
const loginUrl = login[lang]
|
|
return NextResponse.redirect(new URL(loginUrl, request.nextUrl), {
|
|
headers,
|
|
})
|
|
}) as NextMiddleware // See comment above
|
|
|
|
export const matcher: MiddlewareMatcher = (request) => {
|
|
return authRequired.includes(request.nextUrl.pathname)
|
|
}
|