Files
hamedandClaude Fable 5 daf38c8631 feat(maintenance): show maintenance page when the API is in maintenance
The backend now answers 503 with code MAINTENANCE_MODE while maintenance is
on. Without this change a visitor got a red error toast over a broken page
client-side, and a silently empty page server-side, because fetchReq discards
the status and returns null on any failure.

- lib/maintenance.js detects the state by BOTH status 503 and the error code;
  a bare 503 can come from a reverse proxy and is not maintenance
- The axios interceptor checks it before the 401 branch, so a maintenance
  response never triggers the refresh-token path or logs the user out
- fetchReq redirects to /maintenance, with a silentMaintenance opt-out used by
  getStateInfo: that one runs inside generateMetadata and while rendering the
  maintenance page itself, where a redirect is either ineffective or loops
- redirect() works by throwing, so the try/catch blocks in the doctors,
  clinics and specialties pages now rethrow NEXT_REDIRECT instead of
  swallowing it
- clinicApi.js handles 503 too; it previously rendered maintenance as a clinic
  with zero doctors
- The page reuses the existing 404 design and is marked noindex

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-19 22:01:45 +03:30

123 lines
3.4 KiB
JavaScript

import axios from "axios";
import Cookies from "js-cookie";
import { toast } from "react-toastify";
import { getAccessToken, setAccessToken, clearAccessToken } from "@/lib/tokenStore";
import {
isMaintenanceError,
maintenanceMessage,
MAINTENANCE_PATH,
} from "@/lib/maintenance";
function extractErrorMessage(error) {
const errors = error?.response?.data?.errors;
if (Array.isArray(errors) && errors.length > 0 && errors[0]?.message) {
return errors[0].message;
}
if (error?.response?.data?.message) {
return error.response.data.message;
}
return "خطایی رخ داد. لطفاً دوباره تلاش کنید.";
}
const BASE_URL = process.env.NEXT_PUBLIC_API_URL;
const api = axios.create({
baseURL: BASE_URL,
headers: {
"Content-Type": "application/json",
},
});
let refreshPromise = null;
async function refreshAccessToken() {
if (!refreshPromise) {
refreshPromise = fetch("/api/auth/refresh", { method: "POST" })
.then((res) => (res.ok ? res.json() : null))
.then((data) => {
const token = data?.access_token ?? null;
setAccessToken(token);
return token;
})
.catch(() => null)
.finally(() => {
refreshPromise = null;
});
}
return refreshPromise;
}
function handleSessionExpired() {
clearAccessToken();
const hostname = window.location.hostname;
const domain = hostname.includes("localhost")
? undefined
: `.${hostname.split(".").slice(-2).join(".")}`;
const opts = { path: "/", ...(domain && { domain }) };
["uuid", "userInfo"].forEach((key) => Cookies.remove(key, opts));
window.location.href = "/login";
}
api.interceptors.request.use(
async (config) => {
if (config.requireAuth) {
let token = getAccessToken();
if (!token) {
token = await refreshAccessToken();
}
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
}
return config;
},
(error) => Promise.reject(error)
);
api.interceptors.response.use(
(response) => response.data,
async (error) => {
const original = error?.config;
// پیش از بررسی ۴۰۱: در حالت تعمیرات نباید مسیر refresh token طی شود و کاربر
// نباید logout شود. toast هم نمایش داده نمی‌شود چون صفحه‌ی تعمیرات جایگزین است.
if (isMaintenanceError(error)) {
if (typeof window !== "undefined") {
try {
sessionStorage.setItem(
"maintenance_message",
maintenanceMessage(error.response.data)
);
} catch { }
if (window.location.pathname !== MAINTENANCE_PATH) {
window.location.replace(MAINTENANCE_PATH);
}
}
return Promise.reject(error);
}
if (
error?.response?.status === 401 &&
original?.requireAuth &&
!original._retried &&
typeof window !== "undefined"
) {
original._retried = true;
const token = await refreshAccessToken();
if (token) {
original.headers = { ...original.headers, Authorization: `Bearer ${token}` };
return api(original);
}
handleSessionExpired();
return Promise.reject(error);
}
if (typeof window !== "undefined" && !error?.config?.skipErrorToast) {
toast.error(extractErrorMessage(error));
}
return Promise.reject(error);
}
);
export default api;