# Структура проекта

.
├── app.css
├── App.svelte
├── assets
│   ├── hero.png
│   ├── svelte.svg
│   └── vite.svg
├── lib
│   ├── common
│   │   ├── PaymentPage.svelte
│   │   ├── services
│   │   ├── stores
│   │   ├── ui
│   │   └── utils
│   └── pages
│       ├── extra
│       ├── main
│       │   └── MainMenu.svelte
│       ├── photo-doc
│       ├── print
│       │   ├── preview
│       │   └── PrintMenu.svelte
│       └── scan
└── main.js

---

### 📂 Корень проекта
*   **`App.svelte`**: Главный роутер. Управляет переключением между экранами (Главное меню → Печать/Фото/Скан).
*   **`main.js`**: Точка входа, монтирует приложение в DOM.
*   **`app.css`**: Глобальные стили и сброс CSS.
*   **`assets/`**: Статические файлы (иконки, фоновые изображения, логотипы).

---

### 📂 `lib/modules/` (Бизнес-модули)
Каждая папка — это независимая услуга киоска. Содержит свои UI-компоненты и локальные сторы состояния.
*   **`main/`**: Главное меню с 4 кнопками навигации.
*   **`print/`**: Логика печати (загрузка PDF/фото, выбор страниц, настройки формата/цвета).
*   **`photo-doc/`**: Фото на документы (работа с камерой, кроп, выбор размера).
*   **`scan/`**: Сканирование документов (скан через камеру или загрузка файла).
*   **`extra/`**: Дополнительные услуги (копирование, отправка на email и т.д.).

---

### 📂 `lib/common/` (Общая инфраструктура)
Ресурсы, которые переиспользуются несколькими модулями.

#### **UI-слой**
*   **`ui/`**: Переиспользуемые визуальные компоненты (кнопки, инпуты, карточки, лоадеры).
*   **`PaymentPage.svelte`**: Единый экран оплаты P2P-переводом. Используется всеми модулями после формирования заказа.

#### **Логика и данные**
*   **`stores/`**: Глобальные хранилища состояния (навигация, настройки приложения, очередь уведомлений).
*   **`services/`**: Интеграции с внешним миром (API принтера, работа с PDF.js, доступ к камере, отправка запросов на сервер).
*   **`utils/`**: Чистые вспомогательные функции (расчет стоимости, форматирование текста, детекция типов файлов, плюрализация).