docs: update plans
This commit is contained in:
+61
-23
@@ -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. ⏳ Добавить социальные функции и облачное хранилище
|
||||
|
||||
Reference in New Issue
Block a user