import axios from 'axios'; // Maintenance mode callback let maintenanceModeCallback: ((enabled: boolean) => void) | null = null; export const setMaintenanceModeCallback = (callback: (enabled: boolean) => void) => { maintenanceModeCallback = callback; }; // Create axios instance export const api = axios.create({ baseURL: import.meta.env.VITE_API_URL || '/api', headers: { 'Content-Type': 'application/json', }, withCredentials: true, }); // Request interceptor: drop Content-Type for FormData payloads so the browser can set boundaries api.interceptors.request.use( (config) => { if (config.data instanceof FormData) { delete config.headers?.['Content-Type']; } return config; }, (error) => { return Promise.reject(error); } ); // Response interceptor to handle errors api.interceptors.response.use( (response) => response, (error) => { // Handle maintenance mode (503) if (error.response?.status === 503) { const isAdminRoute = error.config?.url?.includes('/admin'); // Only trigger maintenance mode for non-admin routes or unauthenticated admin routes if (!isAdminRoute) { if (maintenanceModeCallback) { maintenanceModeCallback(true); } } } if (error.response?.status === 401) { // Check if it's an admin route (but not public endpoints) const isAdminRoute = error.config?.url?.includes('/admin') && !error.config?.url?.includes('/public/'); const currentPath = window.location.pathname; if (isAdminRoute) { // Only redirect if we're not already on the admin login page if (!currentPath.includes('/admin/login')) { window.location.href = '/admin/login'; } } else { // For gallery routes, check if the error is from a gallery API call const galleryMatch = error.config?.url?.match(/\/gallery\/([^\/]+)/); // Check if this is an image request (photo or thumbnail) const isImageRequest = error.config?.url?.match(/\/(photo|thumbnail)\/\d+$/); // Don't redirect if we're on any gallery page (to avoid redirect loops during login) if (currentPath.startsWith('/gallery/')) { // Don't clear tokens for image requests - they might just need a retry if (!isImageRequest && galleryMatch && galleryMatch[1]) { const gallerySlug = galleryMatch[1]; sessionStorage.removeItem(`gallery_event_${gallerySlug}`); } // Don't redirect - let the component handle the auth state } else if (galleryMatch) { // We're not on a gallery page but got a 401 from a gallery API // This shouldn't happen in normal flow, but if it does, redirect to homepage window.location.href = '/'; } } } return Promise.reject(error); } );