60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
|
import {
|
||
|
|
createAPIClient,
|
||
|
|
CookieUtils,
|
||
|
|
Constants,
|
||
|
|
} from "@budibase/frontend-core"
|
||
|
|
import { appStore } from "stores/builder"
|
||
|
|
import { get } from "svelte/store"
|
||
|
|
import { auth, navigation } from "./stores/portal"
|
||
|
|
|
||
|
|
export const API = createAPIClient({
|
||
|
|
attachHeaders: (headers: Record<string, string>) => {
|
||
|
|
// Attach app ID header from store
|
||
|
|
let appId = get(appStore).appId
|
||
|
|
if (appId) {
|
||
|
|
headers["x-budibase-app-id"] = appId
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add csrf token if authenticated
|
||
|
|
const user: any = get(auth).user
|
||
|
|
if (user?.csrfToken) {
|
||
|
|
headers["x-csrf-token"] = user.csrfToken
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onError: (error: any) => {
|
||
|
|
const { url, message, status, method, handled } = error || {}
|
||
|
|
|
||
|
|
// Log any errors that we haven't manually handled
|
||
|
|
if (!handled) {
|
||
|
|
console.error("Unhandled error from API client", error)
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
// Log all errors to console
|
||
|
|
console.warn(`[Builder] HTTP ${status} on ${method}:${url}\n\t${message}`)
|
||
|
|
|
||
|
|
// Logout on 403's
|
||
|
|
if (status === 403) {
|
||
|
|
// Remove cookies
|
||
|
|
CookieUtils.removeCookie(Constants.Cookies.Auth)
|
||
|
|
|
||
|
|
// Reload after removing cookie, go to login
|
||
|
|
if (!url.includes("self") && !url.includes("login")) {
|
||
|
|
location.reload()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onMigrationDetected: (appId: string) => {
|
||
|
|
const updatingUrl = `/builder/app/updating/${appId}`
|
||
|
|
|
||
|
|
if (window.location.pathname === updatingUrl) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
get(navigation)?.goto(
|
||
|
|
`${updatingUrl}?returnUrl=${encodeURIComponent(window.location.pathname)}`
|
||
|
|
)
|
||
|
|
},
|
||
|
|
})
|