notely/frontend/src/services/apiClient.js

import axios from "axios";
import { useAuthStore } from "../stores/authStore";

const runtimeOrigin = typeof window !== "undefined" ? window.location.origin : "";

const apiClient = axios.create({
    baseURL: runtimeOrigin,
    withCredentials: true,
});

let isRefreshing = false;
let refreshSubscribers = [];

function onRefreshed() {
    refreshSubscribers.forEach((cb) => cb());
    refreshSubscribers = [];
}

apiClient.interceptors.response.use(
    (response) => response,
    async (error) => {
        const originalRequest = error.config;

        if (error.response?.status === 401 && !originalRequest._retry) {
            // Avoid retrying the refresh request itself
            if (originalRequest.url?.includes("/auth/refresh") || originalRequest.url?.includes("/auth/login")) {
                const authStore = useAuthStore();
                authStore.clearSession();
                return Promise.reject(error);
            }

            if (isRefreshing) {
                // Queue the request until the ongoing refresh completes
                return new Promise((resolve, reject) => {
                    refreshSubscribers.push(() => {
                        originalRequest._retry = true;
                        apiClient(originalRequest).then(resolve).catch(reject);
                    });
                });
            }

            originalRequest._retry = true;
            isRefreshing = true;

            try {
                await apiClient.post("/api/v1/auth/refresh");
                onRefreshed();
                return apiClient(originalRequest);
            } catch {
                refreshSubscribers = [];
                const authStore = useAuthStore();
                authStore.clearSession();
                return Promise.reject(error);
            } finally {
                isRefreshing = false;
            }
        }

        return Promise.reject(error);
    },
);

export default apiClient;