Stormic

В последние недели я активно работал над улучшением редактора гайдов. Основная цель — сделать интерфейс более гибким, удобным и функциональным как для авторов, так и для пользователей. В этой статье я кратко расскажу о ключевых изменениях и нововведениях.

🔧 Рефакторинг и упрощение кода

• Объединение обработчиков удаления: Я вынес обработчики удаления текстовых полей и групп табов в единую функцию, что позволило сократить дублирование кода.
• Унификация логики подсчёта элементов: Теперь и при создании табов, и при создании текстовых полей используется одинаковая логика подсчёта секций, что повысило консистентность поведения.
• Упрощение сигнатур функций в actions, связанных с секциями.
• Очистка и структуризация компонентов TabsEditor и TabContent для повышения читаемости.

✨ Новый функционал

• Поддержка групп табов: теперь редактор поддерживает группировку табов, что делает структуру гайдов более наглядной.
• Редактор талантов: добавлен полноценный редактор талантов с поддержкой схем, что существенно расширяет возможности создания гайдов.
• Редактор слотов снаряжения: реализован BisGearSlotEditor для работы с предметами, зачарованиями и сокетами.
• Поддержка drag-and-drop: добавлена возможность перетаскивания секций и табов с использованием dnd-kit.
• Универсальный диалог удаления: реализован подтверждающий диалог при удалении элементов с уведомлениями об успехе или ошибке.

🧠 Улучшения UX/UI

• Загрузка с приоритетом и состояние загрузки на кнопках: теперь пользователи получают мгновенную визуальную обратную связь при выполнении действий.
• Обработка сессий пользователя: реализована проверка авторизации и управление доступом к страницам создания и редактирования гайдов.
• Кнопка возврата к гайду из редактора — удобная навигация для авторов.
• Оптимизация загрузки изображений и кнопки создания гайдов — только для авторизованных пользователей.

♿ Доступность и локализация

• Добавлен атрибут aria-describedby для модального окна удаления, что улучшает доступность интерфейса.
• Расширен словарь переводов типов секций для локализации интерфейса редактора.

Последний билд залит  https://black-temple.vercel.app/

Для желающих потыкать ласт билд, акк с админ правами

Login: test@test.com

password: test123456

https://black-temple.vercel.app/class-guides/mag-led-reyd-2/edit

пост от ака выше, после того как войдете можете перейти потыкать