mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
ac8a0fc41a
When the backend was down the cabinet got stuck on a blank loader: the bootstrap token refresh used bare axios with no timeout (hung forever), and every interceptor guard required an HTTP response — so a transport-level failure had zero handling and no error UI ever appeared. Add a full-screen ServiceUnavailableScreen (extends the existing blocking-store pattern) shown whenever the backend is unreachable, that auto-recovers when it returns: - New 'backend_unavailable' blocking type + BlockingOverlay branch; mirrors MaintenanceScreen, CloudWarningIcon, i18n in ru/en/zh/fa. - api/health.ts: pingBackend() probes the root /health/unified (bypasses the /api baseURL + interceptor); URL derived from the origin for remote/sub-path deploys; 502/503/504 count as down. reportPossibleBackendDown() confirms an outage with a liveness probe before flipping, so a one-off blip never blanks a loaded app. - Detected from the response interceptor (no-response) and the bootstrap refresh path; doRefresh gets a timeout so it can no longer hang. - A transport failure during refresh now PRESERVES the session (distinguished from a rejected token via lastFailureWasTransport) instead of logging the user out, so recovery actually resumes. - Recovery lifts the overlay + refetches for an already-loaded session, and only hard-reloads when the initial bootstrap never reached the backend — no lost form state. Manual retry + 5s auto-poll. Dev proxy for /health.
83 lines
3.0 KiB
TypeScript
83 lines
3.0 KiB
TypeScript
import { defineConfig } from 'vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import path from 'path';
|
|
import packageJson from './package.json';
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
define: {
|
|
__APP_VERSION__: JSON.stringify(packageJson.version),
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, 'src'),
|
|
},
|
|
},
|
|
// Base path - use '/' for standalone Docker deployment
|
|
// Change to '/cabinet/' if serving from a sub-path
|
|
base: '/',
|
|
server: {
|
|
port: 5173,
|
|
host: true,
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://localhost:8080',
|
|
changeOrigin: true,
|
|
// Strip /api prefix: /api/cabinet/auth -> /cabinet/auth
|
|
rewrite: (path) => path.replace(/^\/api/, ''),
|
|
},
|
|
// The backend serves its liveness endpoint at the host root (not under
|
|
// /api). Proxy it too so the "service unavailable" detection probe hits the
|
|
// real backend in dev instead of the Vite server (which would mask outages).
|
|
'/health': {
|
|
target: 'http://localhost:8080',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
outDir: 'dist',
|
|
sourcemap: false,
|
|
chunkSizeWarningLimit: 550,
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks(id) {
|
|
if (!id.includes('node_modules')) return;
|
|
if (
|
|
id.includes('react-dom') ||
|
|
id.includes('react-router') ||
|
|
id.includes('node_modules/react/')
|
|
)
|
|
return 'vendor-react';
|
|
if (id.includes('@tanstack/react-query')) return 'vendor-query';
|
|
if (id.includes('@tanstack/react-table')) return 'vendor-table';
|
|
if (id.includes('i18next') || id.includes('react-i18next')) return 'vendor-i18n';
|
|
if (id.includes('framer-motion')) return 'vendor-motion';
|
|
if (id.includes('@radix-ui/')) return 'vendor-radix';
|
|
if (id.includes('@dnd-kit/')) return 'vendor-dnd';
|
|
if (id.includes('@telegram-apps/') || id.includes('/@tma.js/')) return 'vendor-telegram';
|
|
if (id.includes('/ogl/')) return 'vendor-webgl';
|
|
if (id.includes('/cmdk/')) return 'vendor-cmdk';
|
|
if (id.includes('twemoji') || id.includes('@twemoji/')) return 'vendor-twemoji';
|
|
if (id.includes('/jsencrypt/') || id.includes('@kastov/')) return 'vendor-crypto';
|
|
if (id.includes('@lottiefiles/')) return 'vendor-lottie';
|
|
// Heavy admin-only deps — split so they don't bloat the shared
|
|
// chunks of other lazy admin pages that don't use them.
|
|
if (id.includes('/recharts/') || id.includes('/d3-')) return 'vendor-recharts';
|
|
if (id.includes('@tiptap/') || id.includes('/prosemirror-')) return 'vendor-tiptap';
|
|
if (
|
|
id.includes('/axios/') ||
|
|
id.includes('/zustand/') ||
|
|
id.includes('/clsx/') ||
|
|
id.includes('/tailwind-merge/') ||
|
|
id.includes('class-variance-authority') ||
|
|
id.includes('/dompurify/')
|
|
)
|
|
return 'vendor-utils';
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|