108 lines
2.8 KiB
TypeScript
108 lines
2.8 KiB
TypeScript
import axios, { AxiosInstance } from 'axios';
|
|
import { store } from '@/state';
|
|
|
|
const http: AxiosInstance = axios.create({
|
|
timeout: 20000,
|
|
headers: {
|
|
'X-Requested-With': 'XMLHttpRequest',
|
|
Accept: 'application/json',
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-Token': (window as any).X_CSRF_TOKEN as string || '',
|
|
},
|
|
});
|
|
|
|
http.interceptors.request.use(req => {
|
|
if (!req.url?.endsWith('/resources') && (req.url?.indexOf('_debugbar') || -1) < 0) {
|
|
store.getActions().progress.startContinuous();
|
|
}
|
|
|
|
return req;
|
|
});
|
|
|
|
http.interceptors.response.use(resp => {
|
|
if (!resp.request?.url?.endsWith('/resources') && (resp.request?.url?.indexOf('_debugbar') || -1) < 0) {
|
|
store.getActions().progress.setComplete();
|
|
}
|
|
|
|
return resp;
|
|
}, error => {
|
|
store.getActions().progress.setComplete();
|
|
|
|
throw error;
|
|
});
|
|
|
|
// If we have a phpdebugbar instance registered at this point in time go
|
|
// ahead and route the response data through to it so things show up.
|
|
// @ts-ignore
|
|
if (typeof window.phpdebugbar !== 'undefined') {
|
|
http.interceptors.response.use(response => {
|
|
// @ts-ignore
|
|
window.phpdebugbar.ajaxHandler.handle(response.request);
|
|
|
|
return response;
|
|
});
|
|
}
|
|
|
|
export default http;
|
|
|
|
/**
|
|
* Converts an error into a human readable response. Mostly just a generic helper to
|
|
* make sure we display the message from the server back to the user if we can.
|
|
*/
|
|
export function httpErrorToHuman (error: any): string {
|
|
if (error.response && error.response.data) {
|
|
let { data } = error.response;
|
|
|
|
// Some non-JSON requests can still return the error as a JSON block. In those cases, attempt
|
|
// to parse it into JSON so we can display an actual error.
|
|
if (typeof data === 'string') {
|
|
try {
|
|
data = JSON.parse(data);
|
|
} catch (e) {
|
|
// do nothing, bad json
|
|
}
|
|
}
|
|
|
|
if (data.errors && data.errors[0] && data.errors[0].detail) {
|
|
return data.errors[0].detail;
|
|
}
|
|
}
|
|
|
|
return error.message;
|
|
}
|
|
|
|
export interface FractalResponseData {
|
|
object: string;
|
|
attributes: {
|
|
[k: string]: any;
|
|
relationships?: Record<string, FractalResponseData | FractalResponseList>;
|
|
};
|
|
}
|
|
|
|
export interface FractalResponseList {
|
|
object: 'list';
|
|
data: FractalResponseData[];
|
|
}
|
|
|
|
export interface PaginatedResult<T> {
|
|
items: T[];
|
|
pagination: PaginationDataSet;
|
|
}
|
|
|
|
interface PaginationDataSet {
|
|
total: number;
|
|
count: number;
|
|
perPage: number;
|
|
currentPage: number;
|
|
totalPages: number;
|
|
}
|
|
|
|
export function getPaginationSet (data: any): PaginationDataSet {
|
|
return {
|
|
total: data.total,
|
|
count: data.count,
|
|
perPage: data.per_page,
|
|
currentPage: data.current_page,
|
|
totalPages: data.total_pages,
|
|
};
|
|
}
|