feat: завершить миграцию фронтенда на React (этапы 1-5)

Админка, настройки, логин, кабинеты преподавателя и студента
полностью переведены на React 19 (модель strangler, docs/REACT_MIGRATION.md).

- 15 вкладок админки: lazy-загрузка, общий error boundary, сервисный слой
- Удалены legacy-views и переходный слой LegacyTabView (45 файлов)
- Сборка esbuild (frontend/scripts/build-react.mjs) с бюджетами gzip на чанки
- CSP-хэши, кэширование: chunk'и immutable, CSS/HTML no-cache (react-cache.conf)
- Фиксы: lazy-импорт именованных экспортов (краш после авторизации),
  растяжение #admin-root/#settings-root на всю ширину,
  возврат subjects/lessonTypes из справочников (краш просмотра расписаний),
  отказ от заведомо широкого поиска расписания без выбранной цели,
  центрирование карточки логина
- Тесты: 237/237 (npm run check), регрессионные на lazy-вкладки и ширину
- Документация: REACT_MIGRATION.md, REACT_MIGRATION_RESULT.md, FRONTEND.md
This commit is contained in:
dipatrik10
2026-09-28 23:15:04 +03:00
parent c6083b35e0
commit 97bf3cc50a
167 changed files with 31283 additions and 19033 deletions

View File

@@ -0,0 +1,58 @@
import {
buildLessonChips,
dayName,
formatDate,
groupLessonsByDate,
toIsoDate,
trimTime,
weekDates
} from './student-service.js';
export function WeekGrid({ emptyMessage = 'Занятий нет', lessons = [], weekStart }) {
const lessonsByDate = groupLessonsByDate(lessons);
return (
<section className="schedule" aria-live="polite">
{weekDates(weekStart).map(date => (
<DayCard
key={toIsoDate(date)}
date={date}
lessons={lessonsByDate.get(toIsoDate(date)) || []}
emptyMessage={emptyMessage}
/>
))}
</section>
);
}
function DayCard({ date, lessons, emptyMessage }) {
return (
<article className="day">
<div className="day-head">
<div className="day-name">{dayName(date)}</div>
<div className="day-date">{formatDate(date)}</div>
</div>
<div className="lesson-list">
{lessons.length > 0
? lessons.map((lesson, index) => (
<LessonCard key={`${lesson.date}-${trimTime(lesson.startTime)}-${index}`} lesson={lesson} />
))
: <div className="empty">{emptyMessage}</div>}
</div>
</article>
);
}
function LessonCard({ lesson }) {
return (
<div className="lesson">
<div className="lesson-time">{trimTime(lesson.startTime)} - {trimTime(lesson.endTime)}</div>
<div className="lesson-title">{lesson.subjectName}</div>
<div className="lesson-meta">
{buildLessonChips(lesson).map((chip, index) => (
<span key={index} className="chip">{chip}</span>
))}
</div>
</div>
);
}