docs: update plans

This commit is contained in:
2026-02-04 15:55:09 +05:00
parent 6f22b59288
commit 1123e1fcce
4 changed files with 389 additions and 70 deletions
+61 -23
View File
@@ -108,36 +108,63 @@
### Frontend
- Svelte 5 с runes
- TypeScript
- SvelteKit
- Svelte 5 с runes
- TypeScript
- SvelteKit
- ✅ Vite для сборки
- ✅ Адаптер для статического деплоя
### Основные компоненты
#### UI компоненты
#### UI компоненты (Реализованы)
- AppHeader - заголовок приложения с кнопкой загрузки изображения
- ImageManager - управление загрузкой и обрезкой изображений
- TextSection - управление текстами и настройками
- BackgroundPreview - превью фонового изображения
- PanelsList - список превью всех созданных панелей
- AppContainer - главный контейнер приложения
- ✅ AppHeader - заголовок приложения с кнопкой загрузки изображения
- ✅ AppContent - основной контент приложения
- ✅ ImageManager - управление загрузкой и обрезкой изображений
- ✅ TextSection - управление текстами и настройками
- ✅ BackgroundPreview - превью фонового изображения
- ✅ PanelsList - список превью всех созданных панелей
- ✅ Sidebar - боковая панель с превью
- ✅ MainSection - основная секция приложения
#### Вспомогательные компоненты
#### Вспомогательные компоненты (Реализованы)
- ImageUpload - загрузка изображений
- ImageCropper - обрезка изображений
- TextManager - добавление, редактирование и удаление текстов
- PanelPreview - превью отдельной панели (только для просмотра)
- ImageUpload - загрузка изображений (drag-drop, paste, URL)
- ImageCropper - обрезка изображений с cropperjs
- TextManager - добавление, редактирование и удаление текстов
- PanelPreview - превью отдельной панели
- ✅ TextPreview - превью текста
- ✅ ErrorMessage - обработка ошибок
### Хранилище данных
### Библиотеки и зависимости
- panelStore - хранение состояния панелей и функций для их создания
- uiStore - хранение состояния UI (текущий шаг, загрузка и т.д.)
- texts - массив текстов для создания панелей (хранится в компоненте страницы)
- ✅ cropperjs v2.1.0 - обрезка изображений
- ✅ file-saver v2.0.5 - сохранение файлов
- ✅ jszip v3.10.1 - архивирование (для batch download)
- ✅ uuid - генерация ID
-@types/\* - TypeScript типы
### Сервисы
### Хранилище данных (Реализовано)
- exportService - экспорт панелей в PNG
- ✅ panelStore - хранение состояния панелей
- ✅ uiStore - хранение состояния UI (загрузка, ошибки)
- ✅ Локальное хранилище для сохранения панелей
### Сервисы (Реализованы)
- ✅ imageService - загрузка и обработка изображений
- ✅ panelService - управление панелями и текстами
- ✅ exportService - экспорт панелей в PNG
- ✅ Локальные и глобальные сервисы
### Архитектура
- ✅ Компонентная архитектура с разделением ответственности
- ✅ Сервисный слой для бизнес-логики
- ✅ Сторы для управления состоянием
- ✅ Типизация TypeScript
- ✅ Обработка ошибок и валидация
## Будущее развитие (Future Roadmap)
@@ -197,6 +224,8 @@
## Следующие шаги
### Фаза 1: Завершение MVP (Текущая)
1. ✅ Реализовать базовую структуру приложения
2. ✅ Реализовать загрузку и обрезку изображений
3. ✅ Реализовать создание панелей из текстов
@@ -205,6 +234,15 @@
6. ✅ Реализовать превью панелей (только для просмотра)
7. ✅ Реализовать экспорт панелей
8. ✅ Разделить редактирование текстов и превью панелей
9. 🔄 Тестирование и исправление багов
10. ⏳ Сборка фидбека от пользователей
11. ⏳ Планирование Фазы 2 на основе фидбека
9. 🔄 Реализовать пакетный экспорт (batch download) с JSZip
10. 🔄 Добавить валидацию и обработку ошибок
11. 🔄 Оптимизировать производительность рендеринга
12. ⏳ Тестирование и исправление багов
13. ⏳ Деплой на GitHub Pages
### Фаза 2: Расширенные функции (Будущая)
1. ⏳ Добавить иконки и продвинутые настройки текста
2. ⏳ Создать библиотеку шаблонов
3. ⏳ Реализовать пакетную обработку
4. ⏳ Добавить социальные функции и облачное хранилище