Zimin A.N.
ab6f6cb860
RequireAuth: гейтит весь UI по аутентификации. Anonymous юзер вместо красного "AxiosError 401" получает immediate signinRedirect на Keycloak; authenticated юзер с истёкшим токеном получает silent renew → fallback на full redirect. Guards против infinite loop: - auth.isLoading / activeNavigator — bootstrap или signin/signout уже идёт - ?error= в URL — вернулись с провалом из Keycloak, показываем сообщение - auth.error без isAuthenticated — Keycloak недоступен, показываем сообщение main.tsx: RequireAuth обёрнут вокруг Router/Query, чтобы tan-stack-router и React Query не делали запросов до auth (иначе 401-каскад на старте). TokenSync: 401 interceptor теперь редиректит и anonymous (раньше срабатывал только для authenticated с истёкшим токеном), с теми же guards. RTL component тесты — 22 теста на 3 ключевых компонента: - SchemaBuilder (7): empty state, add/remove/reorder properties - PropertyEditor (10): kind change, required/unique toggle, kind-specific поля (string→pattern, integer→min/max, enum→values, array_string→uniqueItems), move up/down disabled на boundaries - SchemaDrivenForm (5): identity tab с required, переключение на extra, isPending → save disabled, cancel callback, serverError → Alert Setup: - vite.config.ts: test block (jsdom env, setup file, css off) - src/test/setup.ts: jest-dom matchers, cleanup, HTMLCanvasElement.getContext stub (lottie-web из @nstart/ui крашит в jsdom без canvas) - src/test/render.tsx: renderWithI18n helper, форсит ru-RU (LanguageDetector в node по умолчанию даёт en-US) Deps: +@testing-library/react +@testing-library/jest-dom +@testing-library/user-event +jsdom
82 lines
2.8 KiB
TypeScript
82 lines
2.8 KiB
TypeScript
/// <reference types="vitest" />
|
|
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { TanStackRouterVite } from '@tanstack/router-vite-plugin'
|
|
import path from 'path'
|
|
|
|
export default defineConfig({
|
|
test: {
|
|
environment: 'jsdom',
|
|
setupFiles: ['./src/test/setup.ts'],
|
|
globals: true,
|
|
css: false,
|
|
},
|
|
plugins: [
|
|
TanStackRouterVite({ routesDirectory: 'src/routes', generatedRouteTree: 'src/routeTree.gen.ts' }),
|
|
react(),
|
|
tailwindcss(),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, 'src'),
|
|
},
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: 5173,
|
|
proxy: {
|
|
'/api': {
|
|
target: process.env.VITE_API_PROXY ?? 'http://localhost:8080',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
chunkSizeWarningLimit: 600,
|
|
rollupOptions: {
|
|
output: {
|
|
// Группировка по принципу: что меняется редко → отдельный chunk →
|
|
// браузер кэширует надолго. Что меняется часто (наш код) — в main.
|
|
manualChunks: (id) => {
|
|
if (!id.includes('node_modules')) return undefined
|
|
|
|
// React core — стабильный, основа всего
|
|
if (id.match(/node_modules\/(react|react-dom|scheduler)\//)) return 'vendor-react'
|
|
|
|
// TanStack — Router + Query, крупные но стабильные
|
|
if (id.includes('node_modules/@tanstack/')) return 'vendor-tanstack'
|
|
|
|
// @nstart/ui — самый тяжёлый: brand stickers/animations + tons of UI
|
|
// (проверяй динамически: lottie, echarts если есть, motion)
|
|
if (id.includes('node_modules/@nstart/ui')) return 'vendor-nstart-ui'
|
|
|
|
// Иконки — отдельно, ленивая загрузка эффективна
|
|
if (id.includes('node_modules/@phosphor-icons/')) return 'vendor-icons'
|
|
|
|
// Формы + JSON Schema валидация
|
|
if (id.match(/node_modules\/(react-hook-form|@hookform|ajv|ajv-formats)\//)) {
|
|
return 'vendor-forms'
|
|
}
|
|
|
|
// OIDC / auth
|
|
if (id.match(/node_modules\/(oidc-client-ts|react-oidc-context)\//)) {
|
|
return 'vendor-auth'
|
|
}
|
|
|
|
// i18next — отдельно
|
|
if (id.match(/node_modules\/(i18next|react-i18next|i18next-browser-languagedetector)\//)) {
|
|
return 'vendor-i18n'
|
|
}
|
|
|
|
// Axios + парсеры
|
|
if (id.match(/node_modules\/(axios|jose|crypto-js)\//)) return 'vendor-net'
|
|
|
|
// Остальное — в общий vendor (не должно быть много)
|
|
return 'vendor-misc'
|
|
},
|
|
},
|
|
},
|
|
},
|
|
})
|