Folo/apps/server/client/lib/api-fetch.ts

37 lines
965 B
TypeScript

import { env } from "@follow/shared/env"
import type { AppType } from "@follow/shared/hono"
import { getCsrfToken } from "@hono/auth-js/react"
import { hc } from "hono/client"
import { ofetch } from "ofetch"
let csrfTokenPromise: Promise<string> | null = null
const apiFetch = ofetch.create({
credentials: "include",
retry: false,
onRequest: async ({ options }) => {
if (!csrfTokenPromise) {
csrfTokenPromise = getCsrfToken()
}
const csrfToken = await csrfTokenPromise
const header = new Headers(options.headers)
header.set("x-app-version", "Web External")
header.set("X-Csrf-Token", csrfToken)
options.headers = header
},
})
export const apiClient = hc<AppType>(env.VITE_EXTERNAL_API_URL || env.VITE_API_URL, {
fetch: async (input: any, options = {}) =>
apiFetch(input.toString(), options).catch((err) => {
throw err
}),
headers() {
return {
"X-App-Version": "Web External",
}
},
})