79 lines
2.3 KiB
JavaScript
79 lines
2.3 KiB
JavaScript
import { createAPIClient } from "@budibase/frontend-core"
|
|
import { notificationStore } from "../stores/notification.js"
|
|
import { authStore } from "../stores/auth.js"
|
|
import { devToolsStore } from "../stores/devTools.js"
|
|
import { get } from "svelte/store"
|
|
|
|
export const API = createAPIClient({
|
|
// Enable caching of cacheable endpoints to speed things up,
|
|
enableCaching: true,
|
|
|
|
// Attach client specific headers
|
|
attachHeaders: headers => {
|
|
// Attach app ID header
|
|
headers["x-budibase-app-id"] = window["##BUDIBASE_APP_ID##"]
|
|
|
|
// Attach client header if not inside the builder preview
|
|
if (!window["##BUDIBASE_IN_BUILDER##"]) {
|
|
headers["x-budibase-type"] = "client"
|
|
}
|
|
|
|
// Add csrf token if authenticated
|
|
const auth = get(authStore)
|
|
if (auth?.csrfToken) {
|
|
headers["x-csrf-token"] = auth.csrfToken
|
|
}
|
|
|
|
// Add role header
|
|
const devToolsState = get(devToolsStore)
|
|
if (devToolsState.enabled && devToolsState.role) {
|
|
headers["x-budibase-role"] = devToolsState.role
|
|
}
|
|
},
|
|
|
|
// Show an error notification for all API failures.
|
|
// We could also log these to sentry.
|
|
// Or we could check error.status and redirect to login on a 403 etc.
|
|
onError: error => {
|
|
const { status, method, url, message, handled } = error || {}
|
|
const ignoreErrorUrls = [
|
|
"bbtel",
|
|
"/api/global/self",
|
|
"/api/tables/ta_users",
|
|
]
|
|
|
|
// Log any errors that we haven't manually handled
|
|
if (!handled) {
|
|
console.error("Unhandled error from API client", error)
|
|
return
|
|
}
|
|
|
|
// Notify all errors
|
|
if (message) {
|
|
// Don't notify if the URL contains the word analytics as it may be
|
|
// blocked by browser extensions
|
|
let ignore = false
|
|
for (let ignoreUrl of ignoreErrorUrls) {
|
|
if (url?.includes(ignoreUrl)) {
|
|
ignore = true
|
|
break
|
|
}
|
|
}
|
|
if (!ignore) {
|
|
const validationErrors = error?.json?.validationErrors
|
|
if (validationErrors) {
|
|
for (let field in validationErrors) {
|
|
notificationStore.actions.error(
|
|
`${field} ${validationErrors[field]}`
|
|
)
|
|
}
|
|
} else {
|
|
notificationStore.actions.error(message)
|
|
}
|
|
}
|
|
}
|
|
|
|
// Log all errors to console
|
|
console.warn(`[Client] HTTP ${status} on ${method}:${url}\n\t${message}`)
|
|
},
|
|
})
|