Daniil
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import createClient from "openapi-react-query"
|
|
|
|
import createFetchClient, { Middleware } from "openapi-fetch"
|
|
|
|
import { ACCESS_TOKEN_REGEXP, API_URL } from "@shared/lib/constants"
|
|
|
|
import { paths } from "./__generated__/openapi.types"
|
|
|
|
const isServer = typeof window === "undefined"
|
|
|
|
const getAccessTokenFromCookieHeader = (
|
|
cookieHeader: string | null,
|
|
): string | undefined => {
|
|
if (!cookieHeader) return
|
|
const token = cookieHeader.replace(ACCESS_TOKEN_REGEXP, "$1")
|
|
return token.length ? token : undefined
|
|
}
|
|
|
|
export const fetchClient = createFetchClient<paths>({
|
|
baseUrl: API_URL,
|
|
// credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
})
|
|
|
|
const middleware: Middleware = {
|
|
async onRequest({ request }) {
|
|
if (request.headers.has("Authorization")) return
|
|
|
|
let token: string | undefined
|
|
if (isServer) {
|
|
// In middleware/edge runtime there is no `next/headers` request scope.
|
|
token = getAccessTokenFromCookieHeader(request.headers.get("cookie"))
|
|
if (!token) {
|
|
try {
|
|
const { cookies } = await import("next/headers")
|
|
token = (await cookies()).get("access_token")?.value
|
|
} catch {
|
|
// Not in a request scope (e.g. middleware/edge or build-time).
|
|
}
|
|
}
|
|
} else {
|
|
token = document.cookie.replace(ACCESS_TOKEN_REGEXP, "$1")
|
|
}
|
|
|
|
if (token?.length) request.headers.set("Authorization", `Bearer ${token}`)
|
|
},
|
|
async onError({ error }) {
|
|
return new Error("Oops, fetch failed", { cause: error })
|
|
},
|
|
}
|
|
fetchClient.use(middleware)
|
|
|
|
export const api = createClient(fetchClient)
|
|
export default api
|