import { Api } from 'nocodb-sdk' import { defineNuxtPlugin } from 'nuxt3/app' const addAxiosInterceptors = ($api: Api) => { const router = useRouter() const route = useRoute() const { user, setToken } = useUser() $api?.instance?.interceptors.request.use((config) => { config.headers['xc-gui'] = 'true' if (user?.token) config.headers['xc-auth'] = user?.token if (!config.url.endsWith('/user/me') && !config.url.endsWith('/admin/roles')) { // config.headers['xc-preview'] = store.state.users.previewAs } if (!config.url.endsWith('/user/me') && !config.url.endsWith('/admin/roles')) { if (route && route.params && route.params.shared_base_id) config.headers['xc-shared-base-id'] = route.params.shared_base_id } return config }) // $axios.setBaseURL('http://localhost:8080') $api?.instance?.interceptors.response.use((response) => { // Return a successful response back to the calling service return response }, (error) => { if (error.response && error.response.data && error.response.data.msg === 'Database config not found') { router.replace('/project/0') return } // Return any error which is not due to authentication back to the calling service if (!error.response || error.response.status !== 401) { return new Promise((resolve, reject) => { reject(error) }) } // Logout user if token refresh didn't work or user is disabled if (error.config.url === '/auth/refresh-token') { // todo: clear token // store.dispatch('users/ActSignOut') setToken(null) return new Promise((resolve, reject) => { reject(error) }) } // Try request again with new token return $api.instance.post('/auth/refresh-token', null, { withCredentials: true, }) .then((token) => { // New request with new token const config = error.config config.headers['xc-auth'] = token.data.token user.token = token.data.token return new Promise((resolve, reject) => { $api.instance.request(config).then((response) => { resolve(response) }).catch((error) => { reject(error) }) }) }) .catch(async (error) => { // todo: clear token // await store.dispatch('users/ActSignOut') setToken(null) // todo: handle new user // if (store.state.project.appInfo.firstUser) { // router.replace('/') // } // else { // $toast.clear() // $toast.info('Token Expired. Please login again.', { // position: 'bottom-center' // }).goAway(5000) router.replace('/user/authentication/signin') // } return Promise.reject(error) }) }) } export default defineNuxtPlugin((nuxtApp) => { const { user } = useUser() const api = getApi(null, null) watch(() => user.token, (newToken, oldToken) => { if (newToken !== oldToken) addAxiosInterceptors(api) }) addAxiosInterceptors(api) nuxtApp.provide('api', api) }) export function getApi($store, $axios) { const api = new Api({ baseURL: 'http://localhost:8080', headers: { 'xc-auth': $store?.state?.users?.token, }, }) if ($axios) { // overwrite with nuxt axios instance api.instance = $axios } return api }