opnform/client/composables/useOpnApi.js

81 lines
2.3 KiB
JavaScript
Raw Normal View History

2024-01-12 14:43:28 +00:00
import {getDomain, getHost, customDomainUsed} from "~/lib/utils.js";
2023-12-16 18:21:03 +00:00
function addAuthHeader(request, options) {
const authStore = useAuthStore()
if (authStore.token) {
options.headers = {Authorization: `Bearer ${authStore.token}`, ...options.headers}
}
}
function addPasswordToFormRequest(request, options) {
2024-01-16 12:27:54 +00:00
if (!request || !request.startsWith('/forms/')) return
const slug = request.split('/')[2]
2023-12-16 18:21:03 +00:00
const passwordCookie = useCookie('password-' + slug, {maxAge: 60 * 60 * 24 * 30}) // 30 days
if (slug !== undefined && slug !== '' && passwordCookie.value !== undefined) {
options.headers['form-password'] = passwordCookie.value
}
}
2024-01-12 14:43:28 +00:00
/**
* Add custom domain header if custom domain is used
*/
function addCustomDomainHeader(request, options) {
if (!customDomainUsed()) return
options.headers['x-custom-domain'] = getDomain(getHost())
}
2023-12-16 18:21:03 +00:00
export function getOpnRequestsOptions(request, opts) {
const config = useRuntimeConfig()
2024-01-13 17:17:24 +00:00
if (opts.body && opts.body instanceof FormData) {
opts.headers = {
'charset': 'utf-8',
...opts.headers,
}
}
2023-12-16 18:21:03 +00:00
opts.headers = {accept: 'application/json', ...opts.headers}
// Authenticate requests coming from the server
if (process.server && config.apiSecret) {
opts.headers['x-api-secret'] = config.apiSecret
}
2023-12-16 18:21:03 +00:00
addAuthHeader(request, opts)
addPasswordToFormRequest(request, opts)
2024-01-12 14:43:28 +00:00
addCustomDomainHeader(request, opts)
2023-12-16 18:21:03 +00:00
2024-01-13 18:57:39 +00:00
if (!opts.baseURL) opts.baseURL = config.public.apiBase
2023-12-16 18:21:03 +00:00
return {
async onResponseError({response}) {
2023-12-16 18:21:03 +00:00
const authStore = useAuthStore()
const {status} = response
2024-01-12 14:43:28 +00:00
if (status === 401) {
if (authStore.check) {
console.log("Logging out due to 401")
authStore.logout()
useRouter().push({name: 'login'})
}
} else if (status === 420) {
// If invalid domain, redirect to main domain
window.location.href = config.public.appUrl + '?utm_source=failed_custom_domain_redirect'
} else if (status >= 500) {
2023-12-16 18:21:03 +00:00
console.error('Request error', status)
}
},
...opts
}
}
export const opnFetch = (request, opts = {}) => {
return $fetch(request, getOpnRequestsOptions(request, opts))
}
2023-12-16 18:21:03 +00:00
export const useOpnApi = (request, opts = {}) => {
return useFetch(request, getOpnRequestsOptions(request, opts))
}