65 lines
1.9 KiB
JavaScript
65 lines
1.9 KiB
JavaScript
import { createAPIClient } from "@budibase/frontend-core"
|
|
import { notificationStore, authStore, devToolsStore } from "../stores"
|
|
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"]
|
|
|
|
// 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) {
|
|
notificationStore.actions.error(message)
|
|
}
|
|
}
|
|
|
|
// Log all errors to console
|
|
console.warn(`[Client] HTTP ${status} on ${method}:${url}\n\t${message}`)
|
|
},
|
|
})
|