Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
384c07955c | ||
|
|
ec594595c9 | ||
|
|
586e3fc4db | ||
|
|
61c2d0561c | ||
|
|
dff2cd806d | ||
|
|
6f902740c1 | ||
|
|
bae64cd8c2 | ||
|
|
5586fea6b3 | ||
|
|
d0419fdf80 | ||
|
|
f60c767a0d | ||
|
|
40ac7cd055 | ||
|
|
0d0eac4481 | ||
|
|
4c9813b37b | ||
|
|
105b32bf76 |
@@ -46,25 +46,3 @@ jobs:
|
|||||||
files: ${{ env.ZIP_NAME }}
|
files: ${{ env.ZIP_NAME }}
|
||||||
env:
|
env:
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||||
|
|
||||||
- name: Upload Windows Zip to Gitea Release
|
|
||||||
shell: pwsh
|
|
||||||
run: |
|
|
||||||
$tag = "${{ github.ref_name }}"
|
|
||||||
if (-not $tag) { $tag = "v3.0.0" }
|
|
||||||
$token = "1c744d6044d756759d7b1f693c94c80cf70d75fa"
|
|
||||||
$giteaUrl = "https://gitea.rardogsynapse.online"
|
|
||||||
$repo = "RarDog/Lunaris"
|
|
||||||
$zipName = $env:ZIP_NAME
|
|
||||||
|
|
||||||
Write-Host "Fetching Gitea release info for tag $tag..."
|
|
||||||
$relUrl = "$giteaUrl/api/v1/repos/$repo/releases/tags/$tag"
|
|
||||||
$headers = @{ "Authorization" = "token $token" }
|
|
||||||
$rel = Invoke-RestMethod -Uri $relUrl -Headers $headers -Method Get
|
|
||||||
$releaseId = $rel.id
|
|
||||||
Write-Host "Found Gitea release ID: $releaseId"
|
|
||||||
|
|
||||||
$uploadUrl = "$giteaUrl/api/v1/repos/$repo/releases/$releaseId/assets?name=$zipName"
|
|
||||||
Write-Host "Uploading $zipName to $uploadUrl..."
|
|
||||||
curl.exe -X POST -H "Authorization: token $token" -F "attachment=@$zipName" $uploadUrl
|
|
||||||
Write-Host "Successfully uploaded Windows build to Gitea!"
|
|
||||||
|
|||||||
@@ -10,10 +10,10 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://github.com/RarDog/Lunaris/releases"><img src="https://img.shields.io/badge/Version-3.0.0-8A2BE2?style=for-the-badge&logo=semver&logoColor=white" alt="Version 3.0.0" /></a>
|
<a href="https://github.com/RarDog/Lunaris/releases"><img src="https://img.shields.io/badge/Version-3.1.0-8A2BE2?style=for-the-badge&logo=semver&logoColor=white" alt="Version 3.1.0" /></a>
|
||||||
<img src="https://img.shields.io/badge/Flutter-3.47+-02569B?style=for-the-badge&logo=flutter&logoColor=white" alt="Flutter" />
|
<img src="https://img.shields.io/badge/Flutter-3.47+-02569B?style=for-the-badge&logo=flutter&logoColor=white" alt="Flutter" />
|
||||||
<img src="https://img.shields.io/badge/Platform-Android%20%7C%20Linux%20%7C%20Windows-00C853?style=for-the-badge" alt="Platforms" />
|
<img src="https://img.shields.io/badge/Platform-Android%20%7C%20Linux%20%7C%20Windows-00C853?style=for-the-badge" alt="Platforms" />
|
||||||
<a href="https://gitea.rardogsynapse.online/RarDog/Lunaris"><img src="https://img.shields.io/badge/Gitea-RarDog%2FLunaris-FC6D26?style=for-the-badge&logo=gitea&logoColor=white" alt="Gitea" /></a>
|
<a href="https://github.com/RarDog/Lunaris/wiki"><img src="https://img.shields.io/badge/Wiki-Documentation-FF6F00?style=for-the-badge&logo=gitbook&logoColor=white" alt="Wiki" /></a>
|
||||||
<img src="https://img.shields.io/badge/License-MIT-blue?style=for-the-badge" alt="License MIT" />
|
<img src="https://img.shields.io/badge/License-MIT-blue?style=for-the-badge" alt="License MIT" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
@@ -41,6 +41,21 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 📚 Документация и Вики (Руководство пользователя)
|
||||||
|
|
||||||
|
Подробные иллюстрированные руководства доступны в **[Lunaris Wiki](https://github.com/RarDog/Lunaris/wiki)** и прямо в репозитории:
|
||||||
|
|
||||||
|
- 🚀 **[Быстрый старт и установка](docs/wiki/Getting-Started.md)** — выбор правильного APK под процессор, запуск на Linux.
|
||||||
|
- 🌐 **[Провайдеры контента](docs/wiki/Providers.md)** — особенности Booru (Gelbooru, Rule34, Realbooru, e621) и архивов Pawchive.
|
||||||
|
- 🔍 **[Умный поиск и теги](docs/wiki/Search-and-Tags.md)** — оператор `and`, общие модификаторы и подсказки за 0 мс.
|
||||||
|
- 🐾 **[Интеграция с Pawchive](docs/wiki/Pawchive-Sync.md)** — вход по паролю/куки, двусторонняя синхронизация и выгрузка авторов.
|
||||||
|
- 🎬 **[Медиаплеер и просмотр](docs/wiki/Media-Viewer.md)** — жесты, автоповорот видео, разрешение 1920×1080 и Action Dock 2.0.
|
||||||
|
- 💾 **[Офлайн-режим и загрузки](docs/wiki/Offline-and-Downloads.md)** — Sync Hub, шаблоны папок и сохранение оригиналов.
|
||||||
|
- 🛡️ **[Черный список и фильтрация](docs/wiki/Safety-and-Blacklist.md)** — настройка Blacklist, Safe Mode и очистка кэша.
|
||||||
|
- ❓ **[Часто задаваемые вопросы (FAQ)](docs/wiki/FAQ.md)** — автообновление, звук в видео и решение проблем.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## ✨ Ключевые возможности
|
## ✨ Ключевые возможности
|
||||||
|
|
||||||
- **📱 Плавная лента в стиле Pinterest**: Masonry-сетка с переключением режима отображения (Masonry, 1:1 Сетка, Компактный список).
|
- **📱 Плавная лента в стиле Pinterest**: Masonry-сетка с переключением режима отображения (Masonry, 1:1 Сетка, Компактный список).
|
||||||
@@ -66,7 +81,7 @@
|
|||||||
|
|
||||||
## 📥 Загрузка (Скачать сборки)
|
## 📥 Загрузка (Скачать сборки)
|
||||||
|
|
||||||
Релизы доступны на **[GitHub Releases](https://github.com/RarDog/Lunaris/releases)** и в личном репозитории **[Gitea Releases](https://gitea.rardogsynapse.online/RarDog/Lunaris/releases)**.
|
Релизы доступны на странице **[GitHub Releases](https://github.com/RarDog/Lunaris/releases)**.
|
||||||
|
|
||||||
| Платформа | Архитектура | Формат | Описание |
|
| Платформа | Архитектура | Формат | Описание |
|
||||||
|---|---|---|---|
|
|---|---|---|---|
|
||||||
@@ -145,6 +160,13 @@ lib/
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 👥 Разработчики
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
Разработано с ❤️ командой Lunaris.
|
<strong>Разработчики:</strong> <a href="https://github.com/RarDog">RarDog</a> & <a href="https://deepmind.google/technologies/gemini/">Antigravity (Gemini)</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/RarDog"><img src="https://img.shields.io/badge/Developer-RarDog-blue?style=for-the-badge&logo=github&logoColor=white" alt="RarDog" /></a>
|
||||||
|
<a href="https://deepmind.google/technologies/gemini/"><img src="https://img.shields.io/badge/AI%20Pair-Antigravity%20(Gemini)-8A2BE2?style=for-the-badge&logo=google&logoColor=white" alt="Antigravity" /></a>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -0,0 +1,29 @@
|
|||||||
|
# ❓ Часто задаваемые вопросы (FAQ)
|
||||||
|
|
||||||
|
### 1. Как обновить приложение?
|
||||||
|
Lunaris проверяет наличие свежих версий автоматически при запуске.
|
||||||
|
Вы также можете нажать **«Проверить обновления»** в Настройках.
|
||||||
|
Приложение определит архитектуру вашего Android-устройства и скачает оптимальный APK напрямую из репозитория.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 2. Почему видео воспроизводится без звука?
|
||||||
|
По умолчанию звук в плеере приглушен, чтобы избежать неожиданно громкого воспроизведения. Нажмите на значок динамика в плеере, чтобы включить звук. Приложение запомнит ваш выбор для текущей сессии.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 3. Где сохраняются скачанные файлы?
|
||||||
|
- **На Android**: В стандартную папку `Pictures/Lunaris` или `Download/Lunaris` (в зависимости от настроек системы). Файлы сразу видны в стандартной Галерее телефона.
|
||||||
|
- **На Linux**: В директорию `~/Pictures/Lunaris` или папку загрузок.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 4. Безопасно ли вводить логин и пароль от Pawchive?
|
||||||
|
Абсолютно безопасно. Lunaris не отправляет ваши учетные данные никуда, кроме официального защищенного API Pawchive по HTTPS. Пароли не логируются и сохраняются в зашифрованном системном хранилище. Для дополнительного спокойствия вы можете использовать вход через **Session Cookie**.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 5. Что делать, если посты перестали загружаться?
|
||||||
|
1. Проверьте стабильность интернет-соединения или работу VPN (некоторые провайдеры Booru могут быть заблокированы региональными провайдерами).
|
||||||
|
2. Зайдите в **«Настройки» ➔ «Хранилище и кэш»** и нажмите **«Очистить кэш сети»**.
|
||||||
|
3. Проверьте доступность источника через браузер (иногда Booru-серверы уходят на техническое обслуживание).
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
# 🚀 Быстрый старт и установка
|
||||||
|
|
||||||
|
### 📥 1. Установка на Android
|
||||||
|
|
||||||
|
Релизы приложения публикуются на странице **[GitHub Releases](https://github.com/RarDog/Lunaris/releases)**.
|
||||||
|
|
||||||
|
Начиная с версии **Lunaris 3.0**, APK разделены по архитектуре процессора, чтобы уменьшить размер скачиваемого файла:
|
||||||
|
|
||||||
|
| Файл APK | Для каких устройств |
|
||||||
|
|---|---|
|
||||||
|
| **`app-arm64-v8a-release.apk`** | **Рекомендуется.** 99% современных смартфонов и планшетов (64-битные процессоры ARM). |
|
||||||
|
| **`app-armeabi-v7a-release.apk`** | Старые 32-битные Android-смартфоны или бюджетные ТВ-приставки. |
|
||||||
|
| **`app-x86_64-release.apk`** | Эмуляторы Android на ПК (Bluestacks, Android Studio) или планшеты с процессорами Intel/AMD. |
|
||||||
|
|
||||||
|
> [!TIP]
|
||||||
|
> **Умное автообновление:** При проверке обновлений прямо внутри Lunaris приложение **самостоятельно определит архитектуру** вашего процессора и автоматически скачает правильный файл!
|
||||||
|
|
||||||
|
#### Шаги установки:
|
||||||
|
1. Скачайте нужный `.apk` файл на устройство.
|
||||||
|
2. Откройте файл через менеджер файлов и подтвердите установку («Разрешить установку из этого источника»).
|
||||||
|
3. Запустите **Lunaris**.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 🐧 2. Установка на Linux
|
||||||
|
|
||||||
|
Lunaris распространяется для 64-битных Linux в виде готового автономного архива:
|
||||||
|
|
||||||
|
1. Скачайте **`Lunaris-v3.0.0-linux-x64.tar.gz`**.
|
||||||
|
2. Распакуйте архив в любую удобную папку:
|
||||||
|
```bash
|
||||||
|
tar -xzf Lunaris-v3.0.0-linux-x64.tar.gz -C ~/Lunaris
|
||||||
|
```
|
||||||
|
3. Запустите приложение:
|
||||||
|
```bash
|
||||||
|
cd ~/Lunaris
|
||||||
|
./lunaris
|
||||||
|
```
|
||||||
|
|
||||||
|
*Системные требования Linux:* GTK-3, GLibc 2.31+, поддержка OpenGL/Vulkan для аппаратного ускорения видео.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 🎨 3. Первый запуск и базовая настройка
|
||||||
|
|
||||||
|
После первого запуска рекомендуем заглянуть в раздел **Настройки**:
|
||||||
|
- **Тема оформления**:
|
||||||
|
- *Системная*: следует за темой устройства.
|
||||||
|
- *Светлая / Тёмная*.
|
||||||
|
- *AMOLED Pure Black*: истинно черный фон (`#000000`) для экономии заряда на экранах OLED.
|
||||||
|
- *Динамические цвета (Material You)*: адаптация акцентных цветов под ваши системные обои Android.
|
||||||
|
- **Интерфейс**: выбор языка (Русский / Английский).
|
||||||
|
- **Провайдер по умолчанию**: выберите сервис, лента которого будет открываться первой при старте.
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
# 🌙 Добро пожаловать в Lunaris Wiki!
|
||||||
|
|
||||||
|
**Lunaris** — это современный, быстрый и функциональный кроссплатформенный клиент для Booru-борд и архивов независимых авторов (Creator Archives).
|
||||||
|
|
||||||
|
Приложение разработано на Flutter для **Android**, **Linux** и **Windows** с акцентом на плавный интерфейс в стиле Pinterest, глубокую кастомизацию, приватность и удобную работу с медиа.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🧭 Разделы документации
|
||||||
|
|
||||||
|
| Раздел | Описание |
|
||||||
|
|---|---|
|
||||||
|
| 🚀 **[Быстрый старт и установка](Getting-Started)** | Как выбрать правильный APK под ваш процессор Android, установка на Linux и первый запуск. |
|
||||||
|
| 🌐 **[Провайдеры контента](Providers)** | Подключение Booru (Gelbooru, Rule34, Realbooru, e621) и архивов Pawchive. |
|
||||||
|
| 🔍 **[Умный поиск и теги](Search-and-Tags)** | Оператор `and`, мультипоиск, общие модификаторы, подсказки тегов со скоростью отклика 0 мс. |
|
||||||
|
| 🐾 **[Синхронизация Pawchive](Pawchive-Sync)** | Вход по логину или куки, двусторонняя синхронизация избранного, экспорт авторов. |
|
||||||
|
| 🎬 **[Медиаплеер и просмотр](Media-Viewer)** | Управление жестами, автоповорот в полный экран, определение разрешения 1920x1080. |
|
||||||
|
| 💾 **[Офлайн-режим и загрузки](Offline-and-Downloads)** | Локальный архив, шаблоны папок скачивания, пакетный экспорт. |
|
||||||
|
| 🛡️ **[Черный список и фильтрация](Safety-and-Blacklist)** | Защита от нежелательного контента по тегам, категориям и рейтингу. |
|
||||||
|
| ❓ **[Частые вопросы (FAQ)](FAQ)** | Автообновление приложения, решение проблем с сетью и кэшем. |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💡 Философия проекта
|
||||||
|
|
||||||
|
1. **Никакой телеметрии и слежки**: Все ваши закладки, история поиска и избранные авторы хранятся локально на вашем устройстве.
|
||||||
|
2. **Максимальная скорость**: Локальное кэширование метаданных и тегов позволяет интерфейсу летать без сетевых задержек.
|
||||||
|
3. **Современная эстетика**: Дизайн 2.0 с динамическими цветами Material You, истинно черной AMOLED-темой и мягкими squircle-формами.
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
# 🎬 Медиаплеер и просмотр
|
||||||
|
|
||||||
|
Экран просмотра в Lunaris оптимизирован для быстрого, плавного и естественного взаимодействия с контентом.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 👆 Управление жестами
|
||||||
|
|
||||||
|
| Жест | Действие |
|
||||||
|
|---|---|
|
||||||
|
| **Свайп влево / вправо** | Листание к следующему или предыдущему посту в текущей ленте. |
|
||||||
|
| **Двойной тап по экрану** | Быстрое добавление в «Любимое» с красивой всплывающей анимацией сердца. |
|
||||||
|
| **Свайп вниз (Pull down)** | Быстрое и плавное закрытие экрана просмотра и возврат в ленту. |
|
||||||
|
| **Pinch-to-zoom** | Плавное масштабирование картинки двумя пальцами с автовозвратом границ. |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📐 Определение разрешения медиа (1920×1080 и др.)
|
||||||
|
|
||||||
|
В Lunaris 3.0 внедрено **интеллектуальное ленивое определение разрешения**:
|
||||||
|
- Для изображений и видео в инфо-панели поста отображаются точные физические размеры (например, `1920 × 1080`, `3840 × 2160`).
|
||||||
|
- Определение происходит динамически через заголовки и потоковый декодер — приложению не требуется скачивать многомегабайтный файл целиком только ради того, чтобы узнать его габариты.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔄 Автоповорот видео в полноэкранном режиме
|
||||||
|
|
||||||
|
- При нажатии кнопки разворота на весь экран видеоплеер анализирует соотношение сторон (`aspect ratio`).
|
||||||
|
- **Широкоформатные видео (16:9, 21:9)** автоматически ориентируют смартфон в альбомный режим (горизонтально).
|
||||||
|
- **Вертикальные видео (9:16, Shorts, Reels)** остаются в удобном портретном режиме.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⚓ Action Dock 2.0
|
||||||
|
|
||||||
|
Под медиафайлом расположен чистый, компактный док с 5 главными действиями:
|
||||||
|
1. **❤️ Избранное**: добавить работу в локальные закладки.
|
||||||
|
2. **💾 Скачать**: сохранить оригинал файла в высоком качестве.
|
||||||
|
3. **📤 Поделиться**: отправка оригинального файла напрямую в Telegram, Discord, мессенджеры через системное меню Share.
|
||||||
|
4. **🏷️ Теги**: открытие всплывающего окна со всеми тегами поста (с подсветкой категорий и возможностью скопировать или начать поиск по тегу).
|
||||||
|
5. **ℹ️ Подробнее**: метаданные, автор, провайдер, дата публикации, рейтинг и комментарии.
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
# 💾 Офлайн-режим и загрузки
|
||||||
|
|
||||||
|
Lunaris предоставляет полноценный оффлайн-хаб для работы с вашей личной коллекцией без подключения к интернету.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📴 Офлайн 2.0 (Sync Hub)
|
||||||
|
|
||||||
|
В разделе **«Любимое»** переключитесь на вкладку **«Офлайн»**:
|
||||||
|
- **Честное воспроизведение**: Видеоролики и фотографии загружаются напрямую из памяти вашего смартфона без единого сетевого запроса.
|
||||||
|
- **Аналитика хранилища**: Информационная карточка в шапке отображает точный объем памяти, занятый сохранённым контентом (например, `💾 4.2 ГБ на устройстве`).
|
||||||
|
- **Пакетная выгрузка**: Кнопка скачивания недостающих постов в 1 тап проверяет избранное и загружает все еще не сохраненные оригиналы в фоновом режиме.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📁 Настройка шаблонов папок для скачивания
|
||||||
|
|
||||||
|
В разделе **«Настройки» ➔ «Загрузки»** можно настроить структуру каталогов на диске:
|
||||||
|
|
||||||
|
Доступные теги шаблона:
|
||||||
|
- `{Artist}` — имя автора работы
|
||||||
|
- `{Provider}` — название источника (`gelbooru`, `rule34`, `pawchive`)
|
||||||
|
- `{Service}` — сервис автора (`patreon`, `fanbox`)
|
||||||
|
- `{ID}` — уникальный номер поста
|
||||||
|
- `{Date}` — дата сохранения
|
||||||
|
|
||||||
|
*Пример шаблона:*
|
||||||
|
```text
|
||||||
|
Lunaris/{Provider}/{Artist}/{ID}.{ext}
|
||||||
|
```
|
||||||
|
Файлы будут аккуратно раскладываться по папкам авторов и провайдеров, сохраняя порядок в вашей галерее.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📦 Бэкап и перенос данных
|
||||||
|
|
||||||
|
В настройках доступна функция **«Резервное копирование»**:
|
||||||
|
- **Экспорт в JSON**: выгружает все настройки, избранные посты, любимых авторов и черный список в один файл.
|
||||||
|
- **Импорт из JSON**: быстрое восстановление всей вашей коллекции на новом смартфоне или ПК за считанные секунды.
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
# 🐾 Интеграция и синхронизация с Pawchive
|
||||||
|
|
||||||
|
Начиная с версии **Lunaris 3.0**, в приложении реализована глубокая интеграция с личным профилем Pawchive.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔑 Вход в аккаунт
|
||||||
|
|
||||||
|
1. Перейдите во вкладку **«Артисты»** в нижнем баре.
|
||||||
|
2. В верхнем правом углу нажмите на иконку профиля / облака.
|
||||||
|
3. Откроется шторка **«Аккаунты Pawchive»**.
|
||||||
|
4. Доступно два способа авторизации:
|
||||||
|
- **Логин и пароль**: введите свои учётные данные от Pawchive.
|
||||||
|
- **Session Cookie**: если используется сложная авторизация через провайдеров или включена двухфакторная аутентификация, вставьте значение куки `session` из браузера.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔄 Двусторонняя синхронизация (Two-Way Sync)
|
||||||
|
|
||||||
|
В шторке управления аккаунтами расположен переключатель **«Двусторонняя синхронизация»**:
|
||||||
|
|
||||||
|
- **Выключена (по умолчанию)**: При обычной синхронизации список авторов импортируется с сервера Pawchive в приложение. Локальные изменения остаются нетронутыми.
|
||||||
|
- **Включена**: При синхронизации приложение не только загружает новых авторов с сервера, но и **автоматически выгружает всех ваших локальных любимых авторов** на сервер Pawchive!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📤 Ручной экспорт локального избранного
|
||||||
|
|
||||||
|
Если у вас уже накоплена коллекция авторов на устройстве и вы хотите добавить их в свой аккаунт Pawchive:
|
||||||
|
1. Откройте шторку **«Аккаунты Pawchive»**.
|
||||||
|
2. Нажмите кнопку:
|
||||||
|
**«Выгрузить избранное (N) в @username»**
|
||||||
|
3. Приложение проверит текущий список на сервере и в фоновом режиме отправит недостающих авторов.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⭐ Мгновенная синхронизация на лету
|
||||||
|
|
||||||
|
Когда у вас подключен хотя бы один активный аккаунт Pawchive:
|
||||||
|
- Нажатие на звёздочку/сердечко автора в любом месте приложения (в ленте, профиле автора, карточке поста) **моментально отправляет запрос на сервер Pawchive**.
|
||||||
|
- Автор добавляется в ваш профиль без необходимости ручной синхронизации.
|
||||||
|
- Поддерживаются авторы с любых платформ: `fanbox`, `patreon`, `fantia`, `boosty`, `subscribestar`, `gumroad`, `dlsite`, `discord`.
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
# 🌐 Провайдеры контента
|
||||||
|
|
||||||
|
Lunaris объединяет два фундаментальных класса источников: классические **Booru-доски** и современные **архивы авторов (Pawchive)**.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📋 Список поддерживаемых провайдеров
|
||||||
|
|
||||||
|
### 1. 🐾 Pawchive (REST API v1)
|
||||||
|
Крупнейший агрегатор контента независимых авторов с платных подписочных сервисов:
|
||||||
|
- **Поддерживаемые сервисы авторов:**
|
||||||
|
- `fanbox` (Pixiv Fanbox)
|
||||||
|
- `patreon` (Patreon)
|
||||||
|
- `fantia` (Fantia)
|
||||||
|
- `boosty` (Boosty.to)
|
||||||
|
- `subscribestar` (SubscribeStar)
|
||||||
|
- `gumroad` (Gumroad)
|
||||||
|
- `dlsite` (DLsite)
|
||||||
|
- `discord` (Серверы Discord)
|
||||||
|
- **Возможности в Lunaris:**
|
||||||
|
- Просмотр глобальной ленты свежих постов.
|
||||||
|
- Персональные карточки авторов с аватаром, баннером, анонсами и ссылками на оригинальные профили.
|
||||||
|
- Полноценная авторизация в профиль Pawchive (логин/пароль или Session Cookie).
|
||||||
|
- Двусторонняя синхронизация любимых авторов.
|
||||||
|
|
||||||
|
### 2. 🌸 Gelbooru
|
||||||
|
Популярнейшая база аниме-иллюстраций с подробной системой классификации:
|
||||||
|
- Теги художников, персонажей, авторских прав (copyright), общие описания.
|
||||||
|
- Высокое разрешение оригиналов.
|
||||||
|
- Полнотекстовый поиск и рекомендации.
|
||||||
|
|
||||||
|
### 3. 🔞 Rule34 & Realbooru
|
||||||
|
- **Rule34**: Огромное сообщество, поддержка анимированных GIF и видеофайлов WebM/MP4.
|
||||||
|
- **Realbooru**: Специализируется на косплее, 3D-рендерах и реалистичном контенте.
|
||||||
|
|
||||||
|
### 4. 🐺 e621 / e926
|
||||||
|
Крупнейший архив фурри-, антро- и тематического арта:
|
||||||
|
- Богатейшая иерархическая система тегов (виды существ, анатомия, стили).
|
||||||
|
- Полная поддержка `e926` (безопасный режим с фильтром безопасного рейтинга).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔄 Как переключаться между провайдерами
|
||||||
|
|
||||||
|
1. В верхней панели ленты (**Feed**) нажмите на чип с текущим названием провайдера (например, `Gelbooru`).
|
||||||
|
2. В появившемся меню выберите желаемый источник.
|
||||||
|
3. Лента мгновенно перезагрузится с сохранением выбранного режима отображения (Masonry / Сетка / Список).
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
# 🛡️ Черный список и фильтрация
|
||||||
|
|
||||||
|
Lunaris оснащен многоуровневой системой защиты от нежелательного контента, работающей прямо на устройстве.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚫 Как настроить Blacklist (Черный список)
|
||||||
|
|
||||||
|
1. Откройте раздел **«Настройки» ➔ «Фильтрация и Blacklist»**.
|
||||||
|
2. Введите тег или комбинацию тегов, которую вы хотите скрыть из выдачи.
|
||||||
|
3. Посты с указанными тегами будут **автоматически исключены** из всех лент, поисковых запросов и рекомендаций.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔒 Безопасный режим (SFW)
|
||||||
|
|
||||||
|
Для комфортного использования приложения в общественных местах доступен переключатель **«Безопасный режим (Safe Mode)»**:
|
||||||
|
- Автоматически скрывает работы с рейтингами `questionable` и `explicit`.
|
||||||
|
- Включает безопасное зеркало `e926` при переключении на провайдер e621.
|
||||||
|
- Фильтрует обложки и превью в ленте.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🧹 Управление кэшем
|
||||||
|
|
||||||
|
В настройках приложения предусмотрен детальный мониторинг занятой памяти:
|
||||||
|
- **Кэш изображений**: временные миниатюры ленты.
|
||||||
|
- **Кэш видео**: фрагменты буферизации видеоплеера.
|
||||||
|
- **База тегов**: локальный словарь поисковых подсказок.
|
||||||
|
|
||||||
|
Вы можете очистить любой из разделов по отдельности нажатием одной кнопки.
|
||||||
@@ -0,0 +1,58 @@
|
|||||||
|
# 🔍 Умный поиск и теги
|
||||||
|
|
||||||
|
Поиск в Lunaris спроектирован для мгновенного отклика и максимальной гибкости в построении сложных запросов.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⚡ Мгновенные подсказки тегов (0 мс)
|
||||||
|
|
||||||
|
- Приложение сохраняет локальный кэш десятков тысяч популярных тегов на вашем устройстве.
|
||||||
|
- При начале ввода в поисковую строку подсказки появляются **мгновенно (0 мс)** без ожидания ответа сервера.
|
||||||
|
- Категории тегов подсвечиваются фирменными цветами:
|
||||||
|
- 🔴 **Художник / Автор** (`artist`) — красный
|
||||||
|
- 🟢 **Персонаж** (`character`) — зеленый
|
||||||
|
- 🟣 **Копирайт / Произведение** (`copyright`) — фиолетовый
|
||||||
|
- 🔵 **Вид / Существо** (`species`) — синий
|
||||||
|
- ⚪ **Общие теги** (`general`) — нейтральный
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔀 Оператор мультипоиска `and`
|
||||||
|
|
||||||
|
Классические Booru-серверы при поиске нескольких тегов (`tag1 tag2`) возвращают только посты, где **присутствуют оба тега одновременно**.
|
||||||
|
|
||||||
|
Lunaris поддерживает специальный оператор **`and`**:
|
||||||
|
```text
|
||||||
|
genshin_impact and honkai_star_rail
|
||||||
|
```
|
||||||
|
**Как это работает:**
|
||||||
|
1. Приложение одновременно делает независимые запросы по каждому из тегов.
|
||||||
|
2. Результаты плавно чередуются в единой бесконечной ленте.
|
||||||
|
3. Вы получаете сбалансированную выборку сразу по нескольким интересующим вас темам.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 Общие модификаторы в мультипоиске
|
||||||
|
|
||||||
|
При составлении сложных запросов модификатор, указанный в конце, автоматически распространяется на все части запроса:
|
||||||
|
```text
|
||||||
|
cat and dog anthro
|
||||||
|
```
|
||||||
|
Автоматически преобразуется в поиск:
|
||||||
|
- `cat anthro`
|
||||||
|
- `dog anthro`
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎛️ Поисковые фильтры и операторы
|
||||||
|
|
||||||
|
Вы можете уточнять выдачу с помощью операторов:
|
||||||
|
|
||||||
|
| Фильтр | Назначение | Пример |
|
||||||
|
|---|---|---|
|
||||||
|
| `type:video` | Показывать только видеоролики и WebM | `cat type:video` |
|
||||||
|
| `type:image` | Показывать только статичные изображения | `landscape type:image` |
|
||||||
|
| `rating:safe` | Только безопасный контент (SFW) | `wallpaper rating:safe` |
|
||||||
|
| `rating:explicit` | Контент 18+ | `rating:explicit` |
|
||||||
|
| `score:>50` | Работы с рейтингом выше 50 лайков | `dragon score:>100` |
|
||||||
|
| `-tag` | Исключить тег из результатов | `solo -comic` |
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
### 🌙 Lunaris Wiki
|
||||||
|
|
||||||
|
- **[Главная](Home)**
|
||||||
|
- **[Быстрый старт и установка](Getting-Started)**
|
||||||
|
- **[Провайдеры контента](Providers)**
|
||||||
|
- **[Умный поиск и теги](Search-and-Tags)**
|
||||||
|
- **[Интеграция и синхронизация с Pawchive](Pawchive-Sync)**
|
||||||
|
- **[Медиаплеер и просмотр](Media-Viewer)**
|
||||||
|
- **[Офлайн-режим и загрузки](Offline-and-Downloads)**
|
||||||
|
- **[Черный список и фильтрация](Safety-and-Blacklist)**
|
||||||
|
- **[Частые вопросы (FAQ)](FAQ)**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**[Скачать Lunaris](https://github.com/RarDog/Lunaris/releases)**
|
||||||
|
**[Репозиторий GitHub](https://github.com/RarDog/Lunaris)**
|
||||||
@@ -1,3 +1,3 @@
|
|||||||
const appDisplayVersion = '2.3.1';
|
const appDisplayVersion = '3.1.0';
|
||||||
const appBuildNumber = 41;
|
const appBuildNumber = 61;
|
||||||
const appReleaseChannel = 'Stable';
|
const appReleaseChannel = 'Stable';
|
||||||
|
|||||||
+63
-5
@@ -1,4 +1,62 @@
|
|||||||
const lunarisChangelog = [
|
const lunarisChangelog = [
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.1.0',
|
||||||
|
title: 'iPhone Liquid Glass — Поиск, Избранное, История и исправление доступности',
|
||||||
|
bullets: [
|
||||||
|
'Liquid Glass редизайн разделов «Поиск», «Избранное» и «История»: матовые стеклянные карточки (BackdropFilter blur), полупрозрачные градиенты, зеркальные контуры и сквиркл-бейджи иконок в стиле iOS.',
|
||||||
|
'Исправление шпаргалки по поиску: увеличен нижний отступ прокрутки во всех списках и сетках до 140px + safe area, благодаря чему блок операторов и шпаргалка по поиску больше не перекрываются парящей навигационной панелью и легко нажимаются.',
|
||||||
|
'Исправление модального окна проверки обновлений: панель с выбором источников (GitHub и Gitea) открывается через корневой навигатор поверх всей навигации с безопасным отступом снизу, обеспечивая беспрепятственный доступ к обеим кнопкам.',
|
||||||
|
'Тактильный отклик и стеклянные пилюли: быстрые операторы, категории, недавние запросы, фильтры медиа и переключатели разделов получили матовое оформление и вибрационный отклик Haptic Feedback.',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.0.9',
|
||||||
|
title: 'Коррекция позиции кнопки настроек и отображения кнопок JSON и бэкапа',
|
||||||
|
bullets: [
|
||||||
|
'Оптимальная позиция кнопки настроек: парящая стеклянная кнопка опущена прямо к нижней навигационной панели, без избыточного завышения над карточками контента.',
|
||||||
|
'Полная видимость кнопок JSON и бэкапа: добавлен увеличенный нижний отступ прокрутки в настройках, чтобы панель навигации не перекрывала кнопки при скролле до конца.',
|
||||||
|
'Улучшенный дизайн и сетка кнопок экспорта/импорта: кнопки бэкапа и JSON организованы в симметричные аккуратные строки с яркими акцентными бейджами.',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.0.8',
|
||||||
|
title: 'iPhone Liquid Glass — раздел «Настройки» и парящая стеклянная кнопка',
|
||||||
|
bullets: [
|
||||||
|
'Парящая стеклянная кнопка настроек (Liquid Glass Floating Button): круглая сфера из матового стекла с эффектом BackdropFilter blur, зеркальным радиальным градиентом, подсветкой ободка, пружинящей анимацией масштабирования и вращения при нажатии.',
|
||||||
|
'Карточки настроек в стиле Liquid Glass (1:1 iOS): группы настроек переработаны в матовые стеклянные карточки с мягким градиентом, зеркальной рамкой и многослойными тенями глубины.',
|
||||||
|
'Иконки разделов и пунктов в стиле iOS: яркие сквиркл-бейджи с акцентными градиентами, мягким свечением и четкими белыми иконками, как в нативных настройках iPhone.',
|
||||||
|
'Стеклянная быстрая навигация по категориям: зафиксированная панель категорий с размытием фона и тактильным откликом при переключении разделов.',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.0.7',
|
||||||
|
title: 'Liquid Glass Navigation Bar — парящая стеклянная панель и анимированная пилюля',
|
||||||
|
bullets: [
|
||||||
|
'Парящая панель Liquid Glass: нижняя панель навигации преобразована в парящий стеклянный док со скруглением, полупрозрачным градиентом и размытием фона (BackdropFilter blur).',
|
||||||
|
'Плавающая пилюля-индикатор (Liquid Pill): плавный анимированный бегунок перетекает под активную вкладку со сглаженной пружинящей физикой (easeOutBack).',
|
||||||
|
'Микроанимации нажатия и тактильный отклик: иконки мягко сжимаются при тапе и отпружинивают назад с легким тактильным виброоткликом (Haptic Feedback).',
|
||||||
|
'Глубина контента: контент ленты, поиска и галереи плавно просвечивает и размывается под стеклянной панелью при прокрутке.',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.0.6',
|
||||||
|
title: 'Улучшение недавних запросов и отображения тегов',
|
||||||
|
bullets: [
|
||||||
|
'Полная видимость тегов и запросов: сняты тесные ограничения ширины (140px), теги и поисковые запросы теперь отображаются целиком без усечения.',
|
||||||
|
'Устранение дубликатов в истории: автоматическая дедупликация поисковых запросов в базе данных и интерфейсе. Устранены повторяющиеся пары запросов с пустыми счетчиками.',
|
||||||
|
'Исправление заголовка карточки поиска: заголовок «Недавние запросы» и счетчик больше не обрезаются на экранах смартфонов.',
|
||||||
|
'Удобное удаление: увеличенная область нажатия для кнопки удаления (крестика) предотвращает случайные нажатия на сам запрос.',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
LunarisChange(
|
||||||
|
version: '3.0.5',
|
||||||
|
title: 'Интерактивные ссылки на соцсети и авторов в объявлениях и описаниях',
|
||||||
|
bullets: [
|
||||||
|
'Кликабельные ссылки в объявлениях автора и описании постов: все URL в тексте подсвечиваются и открываются во внешнем браузере по клику.',
|
||||||
|
'Красивые бейджи соцсетей (CreatorLinkChips): автоматическое распознавание и стилизация ссылок на YouTube, X (Twitter), Instagram, TikTok, Discord, Patreon, Fanbox, Fantia, Boosty, Pixiv, Twitch, Telegram, Gumroad и другие платформы с фирменными иконками и цветами.',
|
||||||
|
'Корректная очистка пунктуации: знаки препинания в конце URL (!, ?, :, ., ,, ;, >) больше не ломают ссылки.',
|
||||||
|
],
|
||||||
|
),
|
||||||
LunarisChange(
|
LunarisChange(
|
||||||
version: '3.0.0',
|
version: '3.0.0',
|
||||||
title: 'Lunaris 3.0 — Глобальное обновление: Дизайн 2.0, Интеграция Pawchive и умная синхронизация',
|
title: 'Lunaris 3.0 — Глобальное обновление: Дизайн 2.0, Интеграция Pawchive и умная синхронизация',
|
||||||
@@ -8,7 +66,7 @@ const lunarisChangelog = [
|
|||||||
'Новая архитектура поиска (OverlayPortal): подсказки тегов отображаются через нативный портал Flutter без блокировки кнопок панели, очистки и сброса фильтров.',
|
'Новая архитектура поиска (OverlayPortal): подсказки тегов отображаются через нативный портал Flutter без блокировки кнопок панели, очистки и сброса фильтров.',
|
||||||
'Pawchive 2.0 & Двусторонняя синхронизация: подключение аккаунтов через логин/пароль или Session Cookie, импорт избранного с сервера, экспорт локальных коллекций в аккаунт на сервере и сквозная синхронизация со всех поддерживаемых платформ.',
|
'Pawchive 2.0 & Двусторонняя синхронизация: подключение аккаунтов через логин/пароль или Session Cookie, импорт избранного с сервера, экспорт локальных коллекций в аккаунт на сервере и сквозная синхронизация со всех поддерживаемых платформ.',
|
||||||
'Ленивое автоопределение разрешения: фоновый декодер автоматически рассчитывает и выводит точные размеры медиа (например, 1920 × 1080) для постов Pawchive без серверных метаданных.',
|
'Ленивое автоопределение разрешения: фоновый декодер автоматически рассчитывает и выводит точные размеры медиа (например, 1920 × 1080) для постов Pawchive без серверных метаданных.',
|
||||||
'Умные per-ABI обновления: автообновление через Gitea скачивает точный APK под архитектуру вашего процессора (arm64-v8a, armeabi-v7a, x86_64), сокращая вес загрузки.',
|
'Умные per-ABI обновления: автообновление через GitHub скачивает точный APK под архитектуру вашего процессора (arm64-v8a, armeabi-v7a, x86_64), сокращая вес загрузки.',
|
||||||
'Исправление вёрстки: устранены переносы текста в заголовке окна аккаунтов и карточках пользователей на экранах смартфонов.',
|
'Исправление вёрстки: устранены переносы текста в заголовке окна аккаунтов и карточках пользователей на экранах смартфонов.',
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
@@ -36,7 +94,7 @@ const lunarisChangelog = [
|
|||||||
title: 'ABI-Aware Auto-Update — правильный APK для вашего процессора',
|
title: 'ABI-Aware Auto-Update — правильный APK для вашего процессора',
|
||||||
bullets: [
|
bullets: [
|
||||||
'Определение архитектуры Android: приложение читает Build.SUPPORTED_ABIS (arm64-v8a, armeabi-v7a, x86_64) через нативный канал.',
|
'Определение архитектуры Android: приложение читает Build.SUPPORTED_ABIS (arm64-v8a, armeabi-v7a, x86_64) через нативный канал.',
|
||||||
'Точный APK из Gitea: при обновлении скачивается per-ABI APK (app-arm64-v8a-release.apk и т.д.), а не один общий файл.',
|
'Точный APK из GitHub: при обновлении скачивается per-ABI APK (app-arm64-v8a-release.apk и т.д.), а не один общий файл.',
|
||||||
'Fallback: нет per-ABI APK → универсальный APK → страница релиза в браузере.',
|
'Fallback: нет per-ABI APK → универсальный APK → страница релиза в браузере.',
|
||||||
'Кеш ABI: архитектура определяется один раз за сеанс.',
|
'Кеш ABI: архитектура определяется один раз за сеанс.',
|
||||||
],
|
],
|
||||||
@@ -163,7 +221,7 @@ const lunarisChangelog = [
|
|||||||
'Instant Segmented Controls: replaced tedious dropdowns with fast 1-tap SegmentedButtons for Theme (Dark/Light/Auto), Language (RU/EN), and Media Quality (Auto/Data saver/HQ).',
|
'Instant Segmented Controls: replaced tedious dropdowns with fast 1-tap SegmentedButtons for Theme (Dark/Light/Auto), Language (RU/EN), and Media Quality (Auto/Data saver/HQ).',
|
||||||
'Folder Structure Bottom Sheet: intuitive download directory template picker with preset chips and custom pattern editor.',
|
'Folder Structure Bottom Sheet: intuitive download directory template picker with preset chips and custom pattern editor.',
|
||||||
'Interactive Stepper & Limit Controls: modernized desktop & mobile column steppers and disk cache limits with accent pill badges.',
|
'Interactive Stepper & Limit Controls: modernized desktop & mobile column steppers and disk cache limits with accent pill badges.',
|
||||||
'Hero Brand Banner: polished app presentation card in About section with glowing icon, version build badge, update checker, and Gitea repository link.',
|
'Hero Brand Banner: polished app presentation card in About section with glowing icon, version build badge, update checker, and GitHub repository link.',
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
LunarisChange(
|
LunarisChange(
|
||||||
@@ -301,7 +359,7 @@ const lunarisChangelog = [
|
|||||||
'Added favorite artists bar at the top of the Artists tab with quick access and recent photos/videos stream.',
|
'Added favorite artists bar at the top of the Artists tab with quick access and recent photos/videos stream.',
|
||||||
'Multi-image posts now feature an in-post navigation indicator with image switching.',
|
'Multi-image posts now feature an in-post navigation indicator with image switching.',
|
||||||
'New Pawchive provider support and cleaned up deprecated providers.',
|
'New Pawchive provider support and cleaned up deprecated providers.',
|
||||||
'In-app update checks and downloads connected directly to RarDog Gitea releases.',
|
'In-app update checks and downloads connected directly to RarDog GitHub releases.',
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
LunarisChange(
|
LunarisChange(
|
||||||
@@ -369,7 +427,7 @@ const lunarisChangelog = [
|
|||||||
version: '1.0.1',
|
version: '1.0.1',
|
||||||
title: 'Mobile polish',
|
title: 'Mobile polish',
|
||||||
bullets: [
|
bullets: [
|
||||||
'Startup update checks now look for new Gitea releases every launch.',
|
'Startup update checks now look for new GitHub releases every launch.',
|
||||||
'Refresh-rate controls are Android-only; desktop keeps stable app motion.',
|
'Refresh-rate controls are Android-only; desktop keeps stable app motion.',
|
||||||
'Tag chip input no longer jumps while typing.',
|
'Tag chip input no longer jumps while typing.',
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ export 'models/artist_tag.dart';
|
|||||||
export 'models/artist_link.dart';
|
export 'models/artist_link.dart';
|
||||||
export 'models/artist_announcement.dart';
|
export 'models/artist_announcement.dart';
|
||||||
export 'models/cloud_media_link.dart';
|
export 'models/cloud_media_link.dart';
|
||||||
|
export 'models/creator_link.dart';
|
||||||
export 'models/download_task.dart';
|
export 'models/download_task.dart';
|
||||||
export 'models/downloaded_media.dart';
|
export 'models/downloaded_media.dart';
|
||||||
export 'models/favorite.dart';
|
export 'models/favorite.dart';
|
||||||
|
|||||||
@@ -0,0 +1,332 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
enum CreatorLinkType {
|
||||||
|
youtube,
|
||||||
|
twitter,
|
||||||
|
instagram,
|
||||||
|
tiktok,
|
||||||
|
discord,
|
||||||
|
pixiv,
|
||||||
|
fanbox,
|
||||||
|
patreon,
|
||||||
|
fantia,
|
||||||
|
boosty,
|
||||||
|
twitch,
|
||||||
|
telegram,
|
||||||
|
gumroad,
|
||||||
|
subscribestar,
|
||||||
|
artstation,
|
||||||
|
deviantart,
|
||||||
|
linkhub,
|
||||||
|
other,
|
||||||
|
}
|
||||||
|
|
||||||
|
class CreatorLink {
|
||||||
|
const CreatorLink({
|
||||||
|
required this.url,
|
||||||
|
required this.type,
|
||||||
|
required this.title,
|
||||||
|
this.customLabel,
|
||||||
|
});
|
||||||
|
|
||||||
|
final String url;
|
||||||
|
final CreatorLinkType type;
|
||||||
|
final String title;
|
||||||
|
final String? customLabel;
|
||||||
|
|
||||||
|
String get serviceName {
|
||||||
|
switch (type) {
|
||||||
|
case CreatorLinkType.youtube:
|
||||||
|
return 'YouTube';
|
||||||
|
case CreatorLinkType.twitter:
|
||||||
|
return 'X (Twitter)';
|
||||||
|
case CreatorLinkType.instagram:
|
||||||
|
return 'Instagram';
|
||||||
|
case CreatorLinkType.tiktok:
|
||||||
|
return 'TikTok';
|
||||||
|
case CreatorLinkType.discord:
|
||||||
|
return 'Discord';
|
||||||
|
case CreatorLinkType.pixiv:
|
||||||
|
return 'Pixiv';
|
||||||
|
case CreatorLinkType.fanbox:
|
||||||
|
return 'Fanbox';
|
||||||
|
case CreatorLinkType.patreon:
|
||||||
|
return 'Patreon';
|
||||||
|
case CreatorLinkType.fantia:
|
||||||
|
return 'Fantia';
|
||||||
|
case CreatorLinkType.boosty:
|
||||||
|
return 'Boosty';
|
||||||
|
case CreatorLinkType.twitch:
|
||||||
|
return 'Twitch';
|
||||||
|
case CreatorLinkType.telegram:
|
||||||
|
return 'Telegram';
|
||||||
|
case CreatorLinkType.gumroad:
|
||||||
|
return 'Gumroad';
|
||||||
|
case CreatorLinkType.subscribestar:
|
||||||
|
return 'SubscribeStar';
|
||||||
|
case CreatorLinkType.artstation:
|
||||||
|
return 'ArtStation';
|
||||||
|
case CreatorLinkType.deviantart:
|
||||||
|
return 'DeviantArt';
|
||||||
|
case CreatorLinkType.linkhub:
|
||||||
|
return 'Links Hub';
|
||||||
|
case CreatorLinkType.other:
|
||||||
|
return title.isNotEmpty ? title : 'Web Link';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Color get brandColor {
|
||||||
|
switch (type) {
|
||||||
|
case CreatorLinkType.youtube:
|
||||||
|
return const Color(0xFFFF0000); // YouTube Red
|
||||||
|
case CreatorLinkType.twitter:
|
||||||
|
return const Color(0xFF1D9BF0); // Twitter Blue
|
||||||
|
case CreatorLinkType.instagram:
|
||||||
|
return const Color(0xFFE1306C); // Instagram Gradient Magenta
|
||||||
|
case CreatorLinkType.tiktok:
|
||||||
|
return const Color(0xFF00F2FE); // TikTok Cyan
|
||||||
|
case CreatorLinkType.discord:
|
||||||
|
return const Color(0xFF5865F2); // Discord Blurple
|
||||||
|
case CreatorLinkType.pixiv:
|
||||||
|
return const Color(0xFF0096FA); // Pixiv Blue
|
||||||
|
case CreatorLinkType.fanbox:
|
||||||
|
return const Color(0xFFF1A12F); // Fanbox Orange
|
||||||
|
case CreatorLinkType.patreon:
|
||||||
|
return const Color(0xFFFF424D); // Patreon Coral
|
||||||
|
case CreatorLinkType.fantia:
|
||||||
|
return const Color(0xFFE0245E); // Fantia Pink
|
||||||
|
case CreatorLinkType.boosty:
|
||||||
|
return const Color(0xFFF15A24); // Boosty Orange
|
||||||
|
case CreatorLinkType.twitch:
|
||||||
|
return const Color(0xFF9146FF); // Twitch Purple
|
||||||
|
case CreatorLinkType.telegram:
|
||||||
|
return const Color(0xFF2AABEE); // Telegram Blue
|
||||||
|
case CreatorLinkType.gumroad:
|
||||||
|
return const Color(0xFFFF90E8); // Gumroad Pink
|
||||||
|
case CreatorLinkType.subscribestar:
|
||||||
|
return const Color(0xFF00ADB5); // SubscribeStar Teal
|
||||||
|
case CreatorLinkType.artstation:
|
||||||
|
return const Color(0xFF13AFF0); // ArtStation Blue
|
||||||
|
case CreatorLinkType.deviantart:
|
||||||
|
return const Color(0xFF05CC47); // DeviantArt Green
|
||||||
|
case CreatorLinkType.linkhub:
|
||||||
|
return const Color(0xFF43E660); // Linktree Green
|
||||||
|
case CreatorLinkType.other:
|
||||||
|
return const Color(0xFF5C6BC0); // Indigo
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
IconData get iconData {
|
||||||
|
switch (type) {
|
||||||
|
case CreatorLinkType.youtube:
|
||||||
|
return Icons.smart_display_rounded;
|
||||||
|
case CreatorLinkType.twitter:
|
||||||
|
return Icons.alternate_email_rounded;
|
||||||
|
case CreatorLinkType.instagram:
|
||||||
|
return Icons.camera_alt_rounded;
|
||||||
|
case CreatorLinkType.tiktok:
|
||||||
|
return Icons.music_note_rounded;
|
||||||
|
case CreatorLinkType.discord:
|
||||||
|
return Icons.forum_rounded;
|
||||||
|
case CreatorLinkType.pixiv:
|
||||||
|
return Icons.palette_rounded;
|
||||||
|
case CreatorLinkType.fanbox:
|
||||||
|
return Icons.favorite_rounded;
|
||||||
|
case CreatorLinkType.patreon:
|
||||||
|
return Icons.volunteer_activism_rounded;
|
||||||
|
case CreatorLinkType.fantia:
|
||||||
|
return Icons.stars_rounded;
|
||||||
|
case CreatorLinkType.boosty:
|
||||||
|
return Icons.rocket_launch_rounded;
|
||||||
|
case CreatorLinkType.twitch:
|
||||||
|
return Icons.live_tv_rounded;
|
||||||
|
case CreatorLinkType.telegram:
|
||||||
|
return Icons.send_rounded;
|
||||||
|
case CreatorLinkType.gumroad:
|
||||||
|
return Icons.shopping_bag_rounded;
|
||||||
|
case CreatorLinkType.subscribestar:
|
||||||
|
return Icons.star_rounded;
|
||||||
|
case CreatorLinkType.artstation:
|
||||||
|
case CreatorLinkType.deviantart:
|
||||||
|
return Icons.brush_rounded;
|
||||||
|
case CreatorLinkType.linkhub:
|
||||||
|
return Icons.link_rounded;
|
||||||
|
case CreatorLinkType.other:
|
||||||
|
return Icons.language_rounded;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static final _urlRegex = RegExp(
|
||||||
|
r'''https?://[^\s<>"{}|\\^`\[\]]+''',
|
||||||
|
caseSensitive: false,
|
||||||
|
);
|
||||||
|
|
||||||
|
static final _htmlLinkRegex = RegExp(
|
||||||
|
r"""<a\s+[^>]*href=["']([^"']+)["'][^>]*>(.*?)</a>""",
|
||||||
|
caseSensitive: false,
|
||||||
|
dotAll: true,
|
||||||
|
);
|
||||||
|
|
||||||
|
static const _cloudDriveHosts = {
|
||||||
|
'drive.google.com',
|
||||||
|
'mega.nz',
|
||||||
|
'mega.co.nz',
|
||||||
|
'dropbox.com',
|
||||||
|
'pixeldrain.com',
|
||||||
|
'mediafire.com',
|
||||||
|
'catbox.moe',
|
||||||
|
'bunkr.',
|
||||||
|
'gofile.io',
|
||||||
|
'terabox.com',
|
||||||
|
'1024tera.com',
|
||||||
|
'dubox.com',
|
||||||
|
};
|
||||||
|
|
||||||
|
/// Extracts all social media, creator profiles and external web links from text.
|
||||||
|
static List<CreatorLink> extractLinks(
|
||||||
|
String? text, {
|
||||||
|
bool excludeCloudDrives = true,
|
||||||
|
}) {
|
||||||
|
if (text == null || text.trim().isEmpty) return const [];
|
||||||
|
final results = <CreatorLink>[];
|
||||||
|
final seenUrls = <String>{};
|
||||||
|
|
||||||
|
void processUrl(String rawUrl, {String? customTitle}) {
|
||||||
|
var url = rawUrl.trim();
|
||||||
|
while (url.isNotEmpty &&
|
||||||
|
(url.endsWith(')') ||
|
||||||
|
url.endsWith('.') ||
|
||||||
|
url.endsWith(',') ||
|
||||||
|
url.endsWith(';') ||
|
||||||
|
url.endsWith('!') ||
|
||||||
|
url.endsWith('?') ||
|
||||||
|
url.endsWith(':') ||
|
||||||
|
url.endsWith('>'))) {
|
||||||
|
url = url.substring(0, url.length - 1);
|
||||||
|
}
|
||||||
|
final uri = Uri.tryParse(url);
|
||||||
|
if (uri == null || !uri.hasScheme || !uri.scheme.startsWith('http')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (seenUrls.contains(url)) return;
|
||||||
|
seenUrls.add(url);
|
||||||
|
|
||||||
|
final host = uri.host.toLowerCase();
|
||||||
|
if (excludeCloudDrives) {
|
||||||
|
if (_cloudDriveHosts.any((ch) => host.contains(ch))) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final (type, defaultTitle) = _classifyHost(uri);
|
||||||
|
results.add(CreatorLink(
|
||||||
|
url: url,
|
||||||
|
type: type,
|
||||||
|
title: (customTitle != null && customTitle.isNotEmpty && customTitle != url)
|
||||||
|
? customTitle
|
||||||
|
: defaultTitle,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. Process HTML anchors
|
||||||
|
if (text.contains('<a ')) {
|
||||||
|
for (final match in _htmlLinkRegex.allMatches(text)) {
|
||||||
|
final href = match.group(1);
|
||||||
|
final rawTitle = match.group(2);
|
||||||
|
final cleanTitle =
|
||||||
|
rawTitle?.replaceAll(RegExp(r'<[^>]*>'), '').trim() ?? '';
|
||||||
|
if (href != null && href.isNotEmpty) {
|
||||||
|
processUrl(href, customTitle: cleanTitle.isNotEmpty ? cleanTitle : null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. Process all plain URLs
|
||||||
|
for (final match in _urlRegex.allMatches(text)) {
|
||||||
|
final url = match.group(0);
|
||||||
|
if (url != null) processUrl(url);
|
||||||
|
}
|
||||||
|
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
|
||||||
|
static (CreatorLinkType, String) _classifyHost(Uri uri) {
|
||||||
|
final host = uri.host.toLowerCase();
|
||||||
|
|
||||||
|
// YouTube
|
||||||
|
if (host.contains('youtube.com') || host.contains('youtu.be')) {
|
||||||
|
return (CreatorLinkType.youtube, 'YouTube');
|
||||||
|
}
|
||||||
|
// X / Twitter
|
||||||
|
if (host.contains('twitter.com') || host.contains('x.com') || host == 't.co') {
|
||||||
|
return (CreatorLinkType.twitter, 'X (Twitter)');
|
||||||
|
}
|
||||||
|
// Instagram
|
||||||
|
if (host.contains('instagram.com') || host.contains('instagr.am')) {
|
||||||
|
return (CreatorLinkType.instagram, 'Instagram');
|
||||||
|
}
|
||||||
|
// TikTok
|
||||||
|
if (host.contains('tiktok.com')) {
|
||||||
|
return (CreatorLinkType.tiktok, 'TikTok');
|
||||||
|
}
|
||||||
|
// Discord
|
||||||
|
if (host.contains('discord.gg') || host.contains('discord.com')) {
|
||||||
|
return (CreatorLinkType.discord, 'Discord');
|
||||||
|
}
|
||||||
|
// Pixiv
|
||||||
|
if (host.contains('pixiv.net')) {
|
||||||
|
return (CreatorLinkType.pixiv, 'Pixiv');
|
||||||
|
}
|
||||||
|
// Fanbox
|
||||||
|
if (host.contains('fanbox.cc')) {
|
||||||
|
return (CreatorLinkType.fanbox, 'Fanbox');
|
||||||
|
}
|
||||||
|
// Patreon
|
||||||
|
if (host.contains('patreon.com')) {
|
||||||
|
return (CreatorLinkType.patreon, 'Patreon');
|
||||||
|
}
|
||||||
|
// Fantia
|
||||||
|
if (host.contains('fantia.jp')) {
|
||||||
|
return (CreatorLinkType.fantia, 'Fantia');
|
||||||
|
}
|
||||||
|
// Boosty
|
||||||
|
if (host.contains('boosty.to')) {
|
||||||
|
return (CreatorLinkType.boosty, 'Boosty');
|
||||||
|
}
|
||||||
|
// Twitch
|
||||||
|
if (host.contains('twitch.tv')) {
|
||||||
|
return (CreatorLinkType.twitch, 'Twitch');
|
||||||
|
}
|
||||||
|
// Telegram
|
||||||
|
if (host.contains('t.me') || host.contains('telegram.me')) {
|
||||||
|
return (CreatorLinkType.telegram, 'Telegram');
|
||||||
|
}
|
||||||
|
// Gumroad
|
||||||
|
if (host.contains('gumroad.com')) {
|
||||||
|
return (CreatorLinkType.gumroad, 'Gumroad');
|
||||||
|
}
|
||||||
|
// SubscribeStar
|
||||||
|
if (host.contains('subscribestar.adult') || host.contains('subscribestar.com')) {
|
||||||
|
return (CreatorLinkType.subscribestar, 'SubscribeStar');
|
||||||
|
}
|
||||||
|
// ArtStation
|
||||||
|
if (host.contains('artstation.com')) {
|
||||||
|
return (CreatorLinkType.artstation, 'ArtStation');
|
||||||
|
}
|
||||||
|
// DeviantArt
|
||||||
|
if (host.contains('deviantart.com')) {
|
||||||
|
return (CreatorLinkType.deviantart, 'DeviantArt');
|
||||||
|
}
|
||||||
|
// Link hubs
|
||||||
|
if (host.contains('linktr.ee') || host.contains('carrd.co') || host.contains('lit.link')) {
|
||||||
|
return (CreatorLinkType.linkhub, 'Links Hub');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default clean host name
|
||||||
|
var cleanHost = host.replaceFirst(RegExp(r'^www\.'), '');
|
||||||
|
if (cleanHost.length > 25) {
|
||||||
|
cleanHost = cleanHost.substring(0, 25);
|
||||||
|
}
|
||||||
|
return (CreatorLinkType.other, cleanHost.isNotEmpty ? cleanHost : 'Web Link');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -12,6 +12,15 @@ class SearchRepository {
|
|||||||
|
|
||||||
Future<Result<void>> save(SearchHistory history, {int maxItems = 500}) {
|
Future<Result<void>> save(SearchHistory history, {int maxItems = 500}) {
|
||||||
return _databaseService.safeWrite((isar) async {
|
return _databaseService.safeWrite((isar) async {
|
||||||
|
final norm = history.query.trim().toLowerCase();
|
||||||
|
// Remove any existing duplicate records with same query
|
||||||
|
final all = await isar.searchHistoryEntitys.where().findAll();
|
||||||
|
for (final item in all) {
|
||||||
|
if (item.query.trim().toLowerCase() == norm) {
|
||||||
|
await isar.searchHistoryEntitys.delete(item.isarId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
await isar.searchHistoryEntitys.put(
|
await isar.searchHistoryEntitys.put(
|
||||||
SearchHistoryEntity()
|
SearchHistoryEntity()
|
||||||
..historyId = history.id
|
..historyId = history.id
|
||||||
@@ -42,13 +51,40 @@ class SearchRepository {
|
|||||||
return _databaseService.safeRead((isar) async {
|
return _databaseService.safeRead((isar) async {
|
||||||
final items = await isar.searchHistoryEntitys.where().findAll();
|
final items = await isar.searchHistoryEntitys.where().findAll();
|
||||||
items.sort((a, b) => b.searchedAt.compareTo(a.searchedAt));
|
items.sort((a, b) => b.searchedAt.compareTo(a.searchedAt));
|
||||||
final limited = limit == null ? items : items.take(limit);
|
|
||||||
|
final seen = <String>{};
|
||||||
|
final deduplicated = <SearchHistoryEntity>[];
|
||||||
|
for (final item in items) {
|
||||||
|
final key = item.query.trim().toLowerCase();
|
||||||
|
if (key.isEmpty) continue;
|
||||||
|
if (seen.add(key)) {
|
||||||
|
deduplicated.add(item);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final limited = limit == null ? deduplicated : deduplicated.take(limit);
|
||||||
return limited.map((entity) => entity.toModel()).toList();
|
return limited.map((entity) => entity.toModel()).toList();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<Result<bool>> delete(String historyId) {
|
Future<Result<bool>> delete(String historyId) {
|
||||||
return _databaseService.safeWrite((isar) async {
|
return _databaseService.safeWrite((isar) async {
|
||||||
|
final target = await isar.searchHistoryEntitys
|
||||||
|
.where()
|
||||||
|
.filter()
|
||||||
|
.historyIdEqualTo(historyId)
|
||||||
|
.findFirst();
|
||||||
|
if (target != null) {
|
||||||
|
final norm = target.query.trim().toLowerCase();
|
||||||
|
final all = await isar.searchHistoryEntitys.where().findAll();
|
||||||
|
for (final item in all) {
|
||||||
|
if (item.query.trim().toLowerCase() == norm ||
|
||||||
|
item.historyId == historyId) {
|
||||||
|
await isar.searchHistoryEntitys.delete(item.isarId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
return await isar.searchHistoryEntitys.deleteByHistoryId(historyId);
|
return await isar.searchHistoryEntitys.deleteByHistoryId(historyId);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,14 +9,27 @@ import '../../core/utils/result.dart';
|
|||||||
import '../models/app_update_info.dart';
|
import '../models/app_update_info.dart';
|
||||||
import 'settings_service.dart';
|
import 'settings_service.dart';
|
||||||
|
|
||||||
|
enum UpdateSource {
|
||||||
|
gitea,
|
||||||
|
github,
|
||||||
|
}
|
||||||
|
|
||||||
class UpdateService {
|
class UpdateService {
|
||||||
UpdateService(this._dio, this._settingsService);
|
UpdateService(this._dio, this._settingsService);
|
||||||
|
|
||||||
static const latestReleaseUrl =
|
static const giteaLatestReleaseUrl =
|
||||||
'https://gitea.rardogsynapse.online/api/v1/repos/RarDog/Lunaris/releases/latest';
|
'https://gitea.rardogsynapse.online/api/v1/repos/RarDog/Lunaris/releases/latest';
|
||||||
static const releasesUrl =
|
static const giteaReleasesUrl =
|
||||||
'https://gitea.rardogsynapse.online/api/v1/repos/RarDog/Lunaris/releases';
|
'https://gitea.rardogsynapse.online/api/v1/repos/RarDog/Lunaris/releases';
|
||||||
|
|
||||||
|
static const githubLatestReleaseUrl =
|
||||||
|
'https://api.github.com/repos/RarDog/Lunaris/releases/latest';
|
||||||
|
static const githubReleasesUrl =
|
||||||
|
'https://api.github.com/repos/RarDog/Lunaris/releases';
|
||||||
|
|
||||||
|
static const latestReleaseUrl = githubLatestReleaseUrl;
|
||||||
|
static const releasesUrl = githubReleasesUrl;
|
||||||
|
|
||||||
static const _deviceChannel = MethodChannel('rulegel/device');
|
static const _deviceChannel = MethodChannel('rulegel/device');
|
||||||
|
|
||||||
final Dio _dio;
|
final Dio _dio;
|
||||||
@@ -50,14 +63,17 @@ class UpdateService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<Result<AppUpdateInfo?>> checkForUpdates({bool force = false}) async {
|
Future<Result<AppUpdateInfo?>> checkForUpdates({
|
||||||
|
bool force = false,
|
||||||
|
UpdateSource source = UpdateSource.gitea,
|
||||||
|
}) async {
|
||||||
final settingsResult = await _settingsService.getSettings();
|
final settingsResult = await _settingsService.getSettings();
|
||||||
final settings = settingsResult is Success<AppSettings>
|
final settings = settingsResult is Success<AppSettings>
|
||||||
? settingsResult.data
|
? settingsResult.data
|
||||||
: AppSettings.defaults;
|
: AppSettings.defaults;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
final info = await _latestAllowedRelease(settings);
|
final info = await _latestAllowedRelease(settings, source: source);
|
||||||
final nextSettings = settings.copyWith(
|
final nextSettings = settings.copyWith(
|
||||||
lastUpdateCheckAt: DateTime.now().toIso8601String(),
|
lastUpdateCheckAt: DateTime.now().toIso8601String(),
|
||||||
);
|
);
|
||||||
@@ -81,10 +97,29 @@ class UpdateService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<AppUpdateInfo> _latestAllowedRelease(AppSettings settings) async {
|
Future<AppUpdateInfo> _latestAllowedRelease(
|
||||||
|
AppSettings settings, {
|
||||||
|
UpdateSource source = UpdateSource.gitea,
|
||||||
|
}) async {
|
||||||
|
final isGitea = source == UpdateSource.gitea;
|
||||||
|
final rUrl = isGitea ? giteaReleasesUrl : githubReleasesUrl;
|
||||||
|
final latestUrl = isGitea ? giteaLatestReleaseUrl : githubLatestReleaseUrl;
|
||||||
|
|
||||||
|
final options = Options(
|
||||||
|
headers: isGitea
|
||||||
|
? {
|
||||||
|
'Authorization': 'token 1c744d6044d756759d7b1f693c94c80cf70d75fa',
|
||||||
|
}
|
||||||
|
: {
|
||||||
|
'User-Agent': 'Lunaris-App',
|
||||||
|
'Accept': 'application/vnd.github+json',
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
final response = await _dio.get<dynamic>(
|
final response = await _dio.get<dynamic>(
|
||||||
releasesUrl,
|
rUrl,
|
||||||
queryParameters: {'limit': 30},
|
queryParameters: isGitea ? {'limit': 30} : {'per_page': 30},
|
||||||
|
options: options,
|
||||||
);
|
);
|
||||||
final items = (response.data as List?) ?? const [];
|
final items = (response.data as List?) ?? const [];
|
||||||
final releases = items
|
final releases = items
|
||||||
@@ -95,7 +130,10 @@ class UpdateService {
|
|||||||
.map((item) => _releaseFromJson(Map<String, dynamic>.from(item)))
|
.map((item) => _releaseFromJson(Map<String, dynamic>.from(item)))
|
||||||
.toList(growable: false);
|
.toList(growable: false);
|
||||||
if (releases.isEmpty) {
|
if (releases.isEmpty) {
|
||||||
final latest = await _dio.get<dynamic>(latestReleaseUrl);
|
final latest = await _dio.get<dynamic>(
|
||||||
|
latestUrl,
|
||||||
|
options: options,
|
||||||
|
);
|
||||||
return _releaseFromJson(Map<String, dynamic>.from(latest.data as Map));
|
return _releaseFromJson(Map<String, dynamic>.from(latest.data as Map));
|
||||||
}
|
}
|
||||||
releases.sort((a, b) {
|
releases.sort((a, b) {
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ import '../../../core/utils/result.dart';
|
|||||||
import '../../../shared/widgets/adaptive_scaffold.dart';
|
import '../../../shared/widgets/adaptive_scaffold.dart';
|
||||||
import '../../../shared/widgets/empty_view.dart';
|
import '../../../shared/widgets/empty_view.dart';
|
||||||
import '../../../shared/widgets/error_view.dart';
|
import '../../../shared/widgets/error_view.dart';
|
||||||
|
import '../../../shared/widgets/formatted_content_text.dart';
|
||||||
import '../../../shared/widgets/post_masonry_grid.dart';
|
import '../../../shared/widgets/post_masonry_grid.dart';
|
||||||
import '../../favorites/presentation/favorites_controller.dart';
|
import '../../favorites/presentation/favorites_controller.dart';
|
||||||
import '../../settings/presentation/settings_controller.dart';
|
import '../../settings/presentation/settings_controller.dart';
|
||||||
@@ -235,7 +236,8 @@ class _ArtistPostsScreenState extends ConsumerState<ArtistPostsScreen> {
|
|||||||
itemBuilder: (context, index) {
|
itemBuilder: (context, index) {
|
||||||
final a = _announcements[index];
|
final a = _announcements[index];
|
||||||
final cleanContent = CloudLinkExtractor.cleanCommentary(a.content);
|
final cleanContent = CloudLinkExtractor.cleanCommentary(a.content);
|
||||||
final detectedLinks = CloudLinkExtractor.extractLinks(content: a.content);
|
final detectedCloudLinks = CloudLinkExtractor.extractLinks(content: a.content);
|
||||||
|
final creatorLinks = CreatorLink.extractLinks(a.content);
|
||||||
|
|
||||||
return Column(
|
return Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
@@ -250,18 +252,25 @@ class _ArtistPostsScreenState extends ConsumerState<ArtistPostsScreen> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 6),
|
const SizedBox(height: 6),
|
||||||
SelectableText(
|
FormattedContentText(
|
||||||
cleanContent.isNotEmpty ? cleanContent : a.content,
|
text: cleanContent.isNotEmpty ? cleanContent : a.content,
|
||||||
style: theme.textTheme.bodyMedium?.copyWith(
|
style: theme.textTheme.bodyMedium?.copyWith(
|
||||||
height: 1.45,
|
height: 1.45,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
if (detectedLinks.isNotEmpty) ...[
|
if (creatorLinks.isNotEmpty) ...[
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
CreatorLinkChips(
|
||||||
|
links: creatorLinks,
|
||||||
|
title: 'Ссылки автора',
|
||||||
|
),
|
||||||
|
],
|
||||||
|
if (detectedCloudLinks.isNotEmpty) ...[
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
Wrap(
|
Wrap(
|
||||||
spacing: 8,
|
spacing: 8,
|
||||||
runSpacing: 6,
|
runSpacing: 6,
|
||||||
children: detectedLinks.map((link) {
|
children: detectedCloudLinks.map((link) {
|
||||||
return ActionChip(
|
return ActionChip(
|
||||||
avatar: Icon(
|
avatar: Icon(
|
||||||
link.iconData,
|
link.iconData,
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
|
import 'dart:ui';
|
||||||
|
|
||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:go_router/go_router.dart';
|
import 'package:go_router/go_router.dart';
|
||||||
|
|
||||||
@@ -176,82 +179,154 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
// Search input bar if active
|
// Search input bar if active
|
||||||
if (_isSearching)
|
if (_isSearching)
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 4),
|
padding: const EdgeInsets.fromLTRB(16, 6, 16, 6),
|
||||||
child: TextField(
|
child: ClipRRect(
|
||||||
controller: _searchController,
|
borderRadius: BorderRadius.circular(18),
|
||||||
autofocus: true,
|
child: BackdropFilter(
|
||||||
decoration: InputDecoration(
|
filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
|
||||||
hintText: isRu
|
child: Container(
|
||||||
? 'Поиск по тегам и авторам...'
|
decoration: BoxDecoration(
|
||||||
: 'Search by tags and artists...',
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
prefixIcon: const Icon(Icons.search_rounded),
|
? Theme.of(context).colorScheme.surfaceContainerHigh
|
||||||
suffixIcon: _searchQuery.isNotEmpty
|
.withValues(alpha: 0.55)
|
||||||
? IconButton(
|
: Colors.white.withValues(alpha: 0.80),
|
||||||
icon: const Icon(Icons.clear_rounded),
|
borderRadius: BorderRadius.circular(18),
|
||||||
onPressed: () {
|
border: Border.all(
|
||||||
_searchController.clear();
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
setState(() => _searchQuery = '');
|
? Colors.white.withValues(alpha: 0.14)
|
||||||
},
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
)
|
width: 1.1,
|
||||||
: null,
|
),
|
||||||
isDense: true,
|
),
|
||||||
filled: true,
|
child: TextField(
|
||||||
contentPadding: const EdgeInsets.symmetric(
|
controller: _searchController,
|
||||||
horizontal: 16,
|
autofocus: true,
|
||||||
vertical: 10,
|
decoration: InputDecoration(
|
||||||
),
|
hintText: isRu
|
||||||
border: OutlineInputBorder(
|
? 'Поиск по тегам и авторам...'
|
||||||
borderRadius: BorderRadius.circular(16),
|
: 'Search by tags and artists...',
|
||||||
borderSide: BorderSide.none,
|
prefixIcon: const Icon(Icons.search_rounded),
|
||||||
|
suffixIcon: _searchQuery.isNotEmpty
|
||||||
|
? IconButton(
|
||||||
|
icon: const Icon(Icons.clear_rounded),
|
||||||
|
onPressed: () {
|
||||||
|
HapticFeedback.lightImpact();
|
||||||
|
_searchController.clear();
|
||||||
|
setState(() => _searchQuery = '');
|
||||||
|
},
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
isDense: true,
|
||||||
|
filled: false,
|
||||||
|
contentPadding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 16,
|
||||||
|
vertical: 10,
|
||||||
|
),
|
||||||
|
border: InputBorder.none,
|
||||||
|
),
|
||||||
|
onChanged: (val) =>
|
||||||
|
setState(() => _searchQuery = val.trim()),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
onChanged: (val) => setState(() => _searchQuery = val.trim()),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
||||||
// Navigation Tabs
|
// Navigation Tabs with Liquid Glass container
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 6),
|
padding: const EdgeInsets.fromLTRB(16, 6, 16, 6),
|
||||||
child: SizedBox(
|
child: Container(
|
||||||
width: double.infinity,
|
decoration: BoxDecoration(
|
||||||
child: SegmentedButton<int>(
|
borderRadius: BorderRadius.circular(22),
|
||||||
showSelectedIcon: false,
|
boxShadow: [
|
||||||
segments: [
|
BoxShadow(
|
||||||
ButtonSegment(
|
color: Colors.black.withValues(
|
||||||
value: 0,
|
alpha: Theme.of(context).brightness == Brightness.dark
|
||||||
icon: const Icon(Icons.favorite_rounded, size: 18),
|
? 0.20
|
||||||
label: Text(
|
: 0.04,
|
||||||
'${isRu ? 'Все' : 'All'} (${allPosts.length})',
|
|
||||||
style: const TextStyle(fontSize: 12),
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
ButtonSegment(
|
|
||||||
value: 1,
|
|
||||||
icon: const Icon(Icons.offline_pin_rounded, size: 18),
|
|
||||||
label: Text(
|
|
||||||
'${isRu ? 'Офлайн' : 'Offline'} (${offlinePosts.length})',
|
|
||||||
style: const TextStyle(fontSize: 12),
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
ButtonSegment(
|
|
||||||
value: 2,
|
|
||||||
icon: const Icon(Icons.groups_rounded, size: 18),
|
|
||||||
label: Text(
|
|
||||||
'${isRu ? 'Авторы' : 'Artists'} (${artistGroups.length})',
|
|
||||||
style: const TextStyle(fontSize: 12),
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
selected: {_tabIndex},
|
),
|
||||||
onSelectionChanged: (value) {
|
child: ClipRRect(
|
||||||
setState(() {
|
borderRadius: BorderRadius.circular(22),
|
||||||
_tabIndex = value.first;
|
child: BackdropFilter(
|
||||||
_selectedArtist = null;
|
filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
|
||||||
});
|
child: Container(
|
||||||
},
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.surfaceContainerHigh
|
||||||
|
.withValues(alpha: 0.50)
|
||||||
|
: Colors.white.withValues(alpha: 0.72),
|
||||||
|
border: Border.all(
|
||||||
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? Colors.white.withValues(alpha: 0.12)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
child: SegmentedButton<int>(
|
||||||
|
showSelectedIcon: false,
|
||||||
|
style: ButtonStyle(
|
||||||
|
visualDensity: VisualDensity.compact,
|
||||||
|
shape: WidgetStatePropertyAll(
|
||||||
|
RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
segments: [
|
||||||
|
ButtonSegment(
|
||||||
|
value: 0,
|
||||||
|
icon: const Icon(Icons.favorite_rounded, size: 18),
|
||||||
|
label: Text(
|
||||||
|
'${isRu ? 'Все' : 'All'} (${allPosts.length})',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 12, fontWeight: FontWeight.w600),
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ButtonSegment(
|
||||||
|
value: 1,
|
||||||
|
icon: const Icon(Icons.offline_pin_rounded,
|
||||||
|
size: 18),
|
||||||
|
label: Text(
|
||||||
|
'${isRu ? 'Офлайн' : 'Offline'} (${offlinePosts.length})',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 12, fontWeight: FontWeight.w600),
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ButtonSegment(
|
||||||
|
value: 2,
|
||||||
|
icon: const Icon(Icons.groups_rounded, size: 18),
|
||||||
|
label: Text(
|
||||||
|
'${isRu ? 'Авторы' : 'Artists'} (${artistGroups.length})',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 12, fontWeight: FontWeight.w600),
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
selected: {_tabIndex},
|
||||||
|
onSelectionChanged: (value) {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
setState(() {
|
||||||
|
_tabIndex = value.first;
|
||||||
|
_selectedArtist = null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -265,9 +340,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
FilterChip(
|
FilterChip(
|
||||||
label: Text(isRu ? 'Все' : 'All'),
|
label: Text(isRu ? 'Все' : 'All'),
|
||||||
selected: _mediaFilter == FavoriteMediaType.all,
|
selected: _mediaFilter == FavoriteMediaType.all,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _mediaFilter = FavoriteMediaType.all,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _mediaFilter = FavoriteMediaType.all,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
@@ -275,9 +353,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
avatar: const Icon(Icons.videocam_rounded, size: 16),
|
avatar: const Icon(Icons.videocam_rounded, size: 16),
|
||||||
label: Text(isRu ? 'Видео' : 'Videos'),
|
label: Text(isRu ? 'Видео' : 'Videos'),
|
||||||
selected: _mediaFilter == FavoriteMediaType.video,
|
selected: _mediaFilter == FavoriteMediaType.video,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _mediaFilter = FavoriteMediaType.video,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _mediaFilter = FavoriteMediaType.video,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
@@ -285,9 +366,12 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
avatar: const Icon(Icons.image_rounded, size: 16),
|
avatar: const Icon(Icons.image_rounded, size: 16),
|
||||||
label: Text(isRu ? 'Фото' : 'Images'),
|
label: Text(isRu ? 'Фото' : 'Images'),
|
||||||
selected: _mediaFilter == FavoriteMediaType.image,
|
selected: _mediaFilter == FavoriteMediaType.image,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _mediaFilter = FavoriteMediaType.image,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _mediaFilter = FavoriteMediaType.image,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -490,31 +574,40 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
}) {
|
}) {
|
||||||
final scheme = Theme.of(context).colorScheme;
|
final scheme = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
return Container(
|
return _FavoritesLiquidCard(
|
||||||
margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
|
margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
|
||||||
padding: const EdgeInsets.all(14),
|
padding: const EdgeInsets.all(14),
|
||||||
decoration: BoxDecoration(
|
glowColor: scheme.primary,
|
||||||
color: scheme.surfaceContainerHigh,
|
|
||||||
borderRadius: BorderRadius.circular(18),
|
|
||||||
border: Border.all(
|
|
||||||
color: scheme.outlineVariant.withValues(alpha: 0.35),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.all(10),
|
width: 40,
|
||||||
|
height: 40,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: scheme.primaryContainer.withValues(alpha: 0.7),
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
scheme.primary,
|
||||||
|
scheme.primary.withValues(alpha: 0.85),
|
||||||
|
],
|
||||||
|
),
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: scheme.primary.withValues(alpha: 0.35),
|
||||||
|
blurRadius: 7,
|
||||||
|
offset: const Offset(0, 2.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
child: Icon(
|
child: const Center(
|
||||||
Icons.offline_pin_rounded,
|
child: Icon(
|
||||||
color: scheme.onPrimaryContainer,
|
Icons.offline_pin_rounded,
|
||||||
size: 22,
|
color: Colors.white,
|
||||||
|
size: 22,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(width: 12),
|
const SizedBox(width: 12),
|
||||||
@@ -526,6 +619,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
'$downloadedCount ${isRu ? 'из' : 'of'} $totalCount ${isRu ? 'офлайн' : 'saved'}',
|
'$downloadedCount ${isRu ? 'из' : 'of'} $totalCount ${isRu ? 'офлайн' : 'saved'}',
|
||||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
letterSpacing: -0.2,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 2),
|
const SizedBox(height: 2),
|
||||||
@@ -553,21 +647,22 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
if (pendingCount > 0)
|
if (pendingCount > 0)
|
||||||
FilledButton.tonalIcon(
|
FilledButton.tonalIcon(
|
||||||
onPressed: () async {
|
onPressed: () async {
|
||||||
|
HapticFeedback.mediumImpact();
|
||||||
final dm = ref.read(downloadManagerServiceProvider);
|
final dm = ref.read(downloadManagerServiceProvider);
|
||||||
for (final p in pendingPosts) {
|
for (final p in pendingPosts) {
|
||||||
await dm.start(p);
|
await dm.start(p);
|
||||||
}
|
}
|
||||||
if (!mounted) return;
|
if (!mounted) return;
|
||||||
ScaffoldMessenger.of(context).showSnackBar(
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
SnackBar(
|
SnackBar(
|
||||||
content: Text(
|
content: Text(
|
||||||
isRu
|
isRu
|
||||||
? 'В очередь загрузки добавлено: $pendingCount'
|
? 'В очередь загрузки добавлено: $pendingCount'
|
||||||
: 'Queued $pendingCount downloads',
|
: 'Queued $pendingCount downloads',
|
||||||
),
|
|
||||||
behavior: SnackBarBehavior.floating,
|
|
||||||
),
|
),
|
||||||
);
|
behavior: SnackBarBehavior.floating,
|
||||||
|
),
|
||||||
|
);
|
||||||
},
|
},
|
||||||
icon: const Icon(Icons.download_rounded, size: 16),
|
icon: const Icon(Icons.download_rounded, size: 16),
|
||||||
label: Text(
|
label: Text(
|
||||||
@@ -594,7 +689,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
vertical: 6,
|
vertical: 6,
|
||||||
),
|
),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: scheme.secondaryContainer.withValues(alpha: 0.5),
|
color: scheme.primary.withValues(alpha: 0.12),
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(12),
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
@@ -610,8 +705,8 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
isRu ? 'Всё готово' : 'Synced',
|
isRu ? 'Всё готово' : 'Synced',
|
||||||
style:
|
style:
|
||||||
Theme.of(context).textTheme.labelSmall?.copyWith(
|
Theme.of(context).textTheme.labelSmall?.copyWith(
|
||||||
color: scheme.onSecondaryContainer,
|
color: scheme.primary,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w700,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -666,27 +761,36 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
ChoiceChip(
|
ChoiceChip(
|
||||||
label: Text(isRu ? 'По дате' : 'Date'),
|
label: Text(isRu ? 'По дате' : 'Date'),
|
||||||
selected: _offlineSort == OfflineSortOption.dateAddedDesc,
|
selected: _offlineSort == OfflineSortOption.dateAddedDesc,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _offlineSort = OfflineSortOption.dateAddedDesc,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _offlineSort = OfflineSortOption.dateAddedDesc,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 6),
|
const SizedBox(width: 6),
|
||||||
ChoiceChip(
|
ChoiceChip(
|
||||||
label: Text(isRu ? 'По размеру' : 'Size'),
|
label: Text(isRu ? 'По размеру' : 'Size'),
|
||||||
selected: _offlineSort == OfflineSortOption.sizeDesc,
|
selected: _offlineSort == OfflineSortOption.sizeDesc,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _offlineSort = OfflineSortOption.sizeDesc,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _offlineSort = OfflineSortOption.sizeDesc,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 6),
|
const SizedBox(width: 6),
|
||||||
ChoiceChip(
|
ChoiceChip(
|
||||||
label: Text(isRu ? 'По автору' : 'Artist'),
|
label: Text(isRu ? 'По автору' : 'Artist'),
|
||||||
selected: _offlineSort == OfflineSortOption.artist,
|
selected: _offlineSort == OfflineSortOption.artist,
|
||||||
onSelected: (_) => setState(
|
onSelected: (_) {
|
||||||
() => _offlineSort = OfflineSortOption.artist,
|
HapticFeedback.selectionClick();
|
||||||
),
|
setState(
|
||||||
|
() => _offlineSort = OfflineSortOption.artist,
|
||||||
|
);
|
||||||
|
},
|
||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -712,38 +816,50 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
|
|
||||||
return Column(
|
return Column(
|
||||||
children: [
|
children: [
|
||||||
// Artist Header Banner
|
// Artist Header Banner (Liquid Glass)
|
||||||
Container(
|
_FavoritesLiquidCard(
|
||||||
margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
|
margin: const EdgeInsets.fromLTRB(16, 4, 16, 8),
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.colorScheme
|
|
||||||
.surfaceContainerLow,
|
|
||||||
borderRadius: BorderRadius.circular(16),
|
|
||||||
border: Border.all(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.colorScheme
|
|
||||||
.outlineVariant
|
|
||||||
.withValues(alpha: 0.3),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
IconButton(
|
IconButton(
|
||||||
onPressed: () => setState(() => _selectedArtist = null),
|
onPressed: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
setState(() => _selectedArtist = null);
|
||||||
|
},
|
||||||
icon: const Icon(Icons.arrow_back_rounded),
|
icon: const Icon(Icons.arrow_back_rounded),
|
||||||
tooltip: isRu ? 'Все авторы' : 'All artists',
|
tooltip: isRu ? 'Все авторы' : 'All artists',
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
CircleAvatar(
|
Container(
|
||||||
radius: 18,
|
width: 38,
|
||||||
backgroundColor: Theme.of(context).colorScheme.primaryContainer,
|
height: 38,
|
||||||
child: Text(
|
decoration: BoxDecoration(
|
||||||
selected.isNotEmpty ? selected[0].toUpperCase() : '?',
|
gradient: LinearGradient(
|
||||||
style: TextStyle(
|
colors: [
|
||||||
fontWeight: FontWeight.bold,
|
Theme.of(context).colorScheme.primary,
|
||||||
color: Theme.of(context).colorScheme.onPrimaryContainer,
|
Theme.of(context).colorScheme.tertiary,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary
|
||||||
|
.withValues(alpha: 0.35),
|
||||||
|
blurRadius: 6,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: Text(
|
||||||
|
selected.isNotEmpty ? selected[0].toUpperCase() : '?',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -756,6 +872,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
selected,
|
selected,
|
||||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
letterSpacing: -0.2,
|
||||||
),
|
),
|
||||||
maxLines: 1,
|
maxLines: 1,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
@@ -776,6 +893,7 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
visualDensity: VisualDensity.compact,
|
visualDensity: VisualDensity.compact,
|
||||||
),
|
),
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
context.push('/search?q=${Uri.encodeComponent('artist:$selected')}');
|
context.push('/search?q=${Uri.encodeComponent('artist:$selected')}');
|
||||||
},
|
},
|
||||||
icon: const Icon(Icons.search_rounded, size: 16),
|
icon: const Icon(Icons.search_rounded, size: 16),
|
||||||
@@ -808,7 +926,9 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return ListView.separated(
|
return ListView.separated(
|
||||||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
|
// Extended bottom padding so the last artist cards scroll comfortably above the floating dock
|
||||||
|
padding: EdgeInsets.fromLTRB(
|
||||||
|
16, 8, 16, 140 + MediaQuery.paddingOf(context).bottom),
|
||||||
itemCount: entries.length,
|
itemCount: entries.length,
|
||||||
separatorBuilder: (_, __) => const SizedBox(height: 10),
|
separatorBuilder: (_, __) => const SizedBox(height: 10),
|
||||||
itemBuilder: (context, index) {
|
itemBuilder: (context, index) {
|
||||||
@@ -863,6 +983,83 @@ class _FavoritesScreenState extends ConsumerState<FavoritesScreen> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class _FavoritesLiquidCard extends StatelessWidget {
|
||||||
|
const _FavoritesLiquidCard({
|
||||||
|
required this.child,
|
||||||
|
this.padding,
|
||||||
|
this.glowColor,
|
||||||
|
this.margin,
|
||||||
|
});
|
||||||
|
|
||||||
|
final Widget child;
|
||||||
|
final EdgeInsetsGeometry? padding;
|
||||||
|
final EdgeInsetsGeometry? margin;
|
||||||
|
final Color? glowColor;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
final accent = glowColor ?? theme.colorScheme.primary;
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
margin: margin,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: isDark
|
||||||
|
? Colors.black.withValues(alpha: 0.30)
|
||||||
|
: accent.withValues(alpha: 0.07),
|
||||||
|
blurRadius: 16,
|
||||||
|
offset: const Offset(0, 5),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
BoxShadow(
|
||||||
|
color: accent.withValues(alpha: isDark ? 0.05 : 0.02),
|
||||||
|
blurRadius: 8,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
child: BackdropFilter(
|
||||||
|
filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
|
||||||
|
child: Container(
|
||||||
|
padding: padding ?? const EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
theme.colorScheme.surfaceContainerHigh
|
||||||
|
.withValues(alpha: 0.60),
|
||||||
|
theme.colorScheme.surfaceContainerLow
|
||||||
|
.withValues(alpha: 0.38),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.88),
|
||||||
|
Colors.white.withValues(alpha: 0.72),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.14)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
class _ArtistCard extends StatelessWidget {
|
class _ArtistCard extends StatelessWidget {
|
||||||
const _ArtistCard({
|
const _ArtistCard({
|
||||||
required this.artistName,
|
required this.artistName,
|
||||||
@@ -881,123 +1078,182 @@ class _ArtistCard extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final scheme = Theme.of(context).colorScheme;
|
final scheme = Theme.of(context).colorScheme;
|
||||||
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||||
|
|
||||||
return Card(
|
return Container(
|
||||||
elevation: 0,
|
decoration: BoxDecoration(
|
||||||
color: scheme.surfaceContainerLow,
|
borderRadius: BorderRadius.circular(22),
|
||||||
shape: RoundedRectangleBorder(
|
boxShadow: [
|
||||||
borderRadius: BorderRadius.circular(16),
|
BoxShadow(
|
||||||
side: BorderSide(
|
color: isDark
|
||||||
color: scheme.outlineVariant.withValues(alpha: 0.3),
|
? Colors.black.withValues(alpha: 0.28)
|
||||||
),
|
: scheme.primary.withValues(alpha: 0.06),
|
||||||
|
blurRadius: 14,
|
||||||
|
offset: const Offset(0, 4),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
clipBehavior: Clip.antiAlias,
|
child: ClipRRect(
|
||||||
child: InkWell(
|
borderRadius: BorderRadius.circular(22),
|
||||||
onTap: onTap,
|
child: BackdropFilter(
|
||||||
child: Padding(
|
filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
|
||||||
padding: const EdgeInsets.all(12),
|
child: Material(
|
||||||
child: Row(
|
color: Colors.transparent,
|
||||||
children: [
|
child: InkWell(
|
||||||
// Artist Avatar
|
borderRadius: BorderRadius.circular(22),
|
||||||
Container(
|
onTap: () {
|
||||||
width: 48,
|
HapticFeedback.selectionClick();
|
||||||
height: 48,
|
onTap();
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
gradient: LinearGradient(
|
gradient: LinearGradient(
|
||||||
colors: [
|
|
||||||
scheme.primaryContainer,
|
|
||||||
scheme.tertiaryContainer,
|
|
||||||
],
|
|
||||||
begin: Alignment.topLeft,
|
begin: Alignment.topLeft,
|
||||||
end: Alignment.bottomRight,
|
end: Alignment.bottomRight,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
scheme.surfaceContainerHigh
|
||||||
|
.withValues(alpha: 0.58),
|
||||||
|
scheme.surfaceContainerLow
|
||||||
|
.withValues(alpha: 0.36),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.88),
|
||||||
|
Colors.white.withValues(alpha: 0.72),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
borderRadius: BorderRadius.circular(14),
|
border: Border.all(
|
||||||
),
|
color: isDark
|
||||||
child: Center(
|
? Colors.white.withValues(alpha: 0.13)
|
||||||
child: Text(
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
artistName.isNotEmpty ? artistName[0].toUpperCase() : '?',
|
width: 1.1,
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 20,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: scheme.onPrimaryContainer,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
child: Row(
|
||||||
const SizedBox(width: 12),
|
|
||||||
// Artist Name & Count
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
children: [
|
||||||
Text(
|
// Artist Squircle Avatar
|
||||||
artistName,
|
|
||||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
),
|
|
||||||
maxLines: 1,
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
|
||||||
const SizedBox(height: 2),
|
|
||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.symmetric(
|
width: 48,
|
||||||
horizontal: 8,
|
height: 48,
|
||||||
vertical: 2,
|
|
||||||
),
|
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: scheme.secondaryContainer.withValues(alpha: 0.5),
|
gradient: LinearGradient(
|
||||||
borderRadius: BorderRadius.circular(8),
|
colors: [
|
||||||
|
scheme.primary,
|
||||||
|
scheme.tertiary,
|
||||||
|
],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: scheme.primary.withValues(alpha: 0.35),
|
||||||
|
blurRadius: 8,
|
||||||
|
offset: const Offset(0, 2.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Center(
|
||||||
'$postsCount ${isRu ? 'работ' : 'posts'}',
|
child: Text(
|
||||||
style: Theme.of(context).textTheme.labelSmall?.copyWith(
|
artistName.isNotEmpty ? artistName[0].toUpperCase() : '?',
|
||||||
color: scheme.onSecondaryContainer,
|
style: const TextStyle(
|
||||||
fontWeight: FontWeight.w600,
|
fontSize: 20,
|
||||||
),
|
fontWeight: FontWeight.bold,
|
||||||
),
|
color: Colors.white,
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
// Thumbnails preview
|
|
||||||
if (previewUrls.isNotEmpty) ...[
|
|
||||||
const SizedBox(width: 8),
|
|
||||||
Row(
|
|
||||||
children: [
|
|
||||||
for (final url in previewUrls)
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 4),
|
|
||||||
child: ClipRRect(
|
|
||||||
borderRadius: BorderRadius.circular(8),
|
|
||||||
child: SizedBox(
|
|
||||||
width: 44,
|
|
||||||
height: 44,
|
|
||||||
child: CachedNetworkImage(
|
|
||||||
imageUrl: url,
|
|
||||||
fit: BoxFit.cover,
|
|
||||||
placeholder: (_, __) => Container(
|
|
||||||
color: scheme.surfaceContainerHighest,
|
|
||||||
),
|
|
||||||
errorWidget: (_, __, ___) => Container(
|
|
||||||
color: scheme.surfaceContainerHighest,
|
|
||||||
child: const Icon(
|
|
||||||
Icons.image_not_supported_rounded,
|
|
||||||
size: 16,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
// Artist Name & Count
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
artistName,
|
||||||
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 3),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 8,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: scheme.primary.withValues(alpha: 0.12),
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
'$postsCount ${isRu ? 'работ' : 'posts'}',
|
||||||
|
style: Theme.of(context).textTheme.labelSmall?.copyWith(
|
||||||
|
color: scheme.primary,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// Thumbnails preview
|
||||||
|
if (previewUrls.isNotEmpty) ...[
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
for (final url in previewUrls)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 5),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
child: Container(
|
||||||
|
width: 44,
|
||||||
|
height: 44,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.10)
|
||||||
|
: scheme.outlineVariant.withValues(alpha: 0.25),
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
),
|
||||||
|
child: CachedNetworkImage(
|
||||||
|
imageUrl: url,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
placeholder: (_, __) => Container(
|
||||||
|
color: scheme.surfaceContainerHighest,
|
||||||
|
),
|
||||||
|
errorWidget: (_, __, ___) => Container(
|
||||||
|
color: scheme.surfaceContainerHighest,
|
||||||
|
child: const Icon(
|
||||||
|
Icons.image_not_supported_rounded,
|
||||||
|
size: 16,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Icon(
|
||||||
|
Icons.chevron_right_rounded,
|
||||||
|
size: 20,
|
||||||
|
color: scheme.onSurfaceVariant.withValues(alpha: 0.5),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
],
|
|
||||||
const SizedBox(width: 6),
|
|
||||||
Icon(
|
|
||||||
Icons.chevron_right_rounded,
|
|
||||||
color: scheme.onSurfaceVariant.withValues(alpha: 0.6),
|
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -123,14 +123,18 @@ class FeedController extends AsyncNotifier<FeedState> {
|
|||||||
final settingsRes = await ref.read(settingsServiceProvider).getSettings();
|
final settingsRes = await ref.read(settingsServiceProvider).getSettings();
|
||||||
final settings =
|
final settings =
|
||||||
settingsRes is Success<AppSettings> ? settingsRes.data : AppSettings.defaults;
|
settingsRes is Success<AppSettings> ? settingsRes.data : AppSettings.defaults;
|
||||||
await ref
|
try {
|
||||||
.read(searchServiceProvider)
|
await refresh();
|
||||||
.saveSearch(query, 0, maxHistory: settings.searchHistoryLimit);
|
final count = state.value?.posts.length ?? 0;
|
||||||
await refresh();
|
await ref
|
||||||
final count = state.value?.posts.length ?? 0;
|
.read(searchServiceProvider)
|
||||||
await ref
|
.saveSearch(query, count, maxHistory: settings.searchHistoryLimit);
|
||||||
.read(searchServiceProvider)
|
} catch (_) {
|
||||||
.saveSearch(query, count, maxHistory: settings.searchHistoryLimit);
|
await ref
|
||||||
|
.read(searchServiceProvider)
|
||||||
|
.saveSearch(query, 0, maxHistory: settings.searchHistoryLimit);
|
||||||
|
rethrow;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<void> updateTagSuggestions(String query) async {
|
Future<void> updateTagSuggestions(String query) async {
|
||||||
|
|||||||
@@ -4,6 +4,8 @@ import 'package:url_launcher/url_launcher.dart';
|
|||||||
|
|
||||||
import '../../../../app/app_strings.dart';
|
import '../../../../app/app_strings.dart';
|
||||||
import '../../../../backend/models/cloud_media_link.dart';
|
import '../../../../backend/models/cloud_media_link.dart';
|
||||||
|
import '../../../../backend/models/creator_link.dart';
|
||||||
|
import '../../../../shared/widgets/formatted_content_text.dart';
|
||||||
|
|
||||||
class CloudMirrorsCard extends StatelessWidget {
|
class CloudMirrorsCard extends StatelessWidget {
|
||||||
const CloudMirrorsCard({
|
const CloudMirrorsCard({
|
||||||
@@ -186,13 +188,26 @@ class CloudMirrorsCard extends StatelessWidget {
|
|||||||
],
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(height: 8),
|
const SizedBox(height: 8),
|
||||||
SelectableText(
|
FormattedContentText(
|
||||||
commentary!.trim(),
|
text: commentary!.trim(),
|
||||||
style: theme.textTheme.bodySmall?.copyWith(
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
height: 1.45,
|
height: 1.45,
|
||||||
color: theme.colorScheme.onSurfaceVariant,
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
Builder(
|
||||||
|
builder: (context) {
|
||||||
|
final creatorLinks = CreatorLink.extractLinks(commentary);
|
||||||
|
if (creatorLinks.isEmpty) return const SizedBox.shrink();
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 10),
|
||||||
|
child: CreatorLinkChips(
|
||||||
|
links: creatorLinks,
|
||||||
|
title: strings.ru ? 'Ссылки автора' : 'Author Links',
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
],
|
],
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -1,4 +1,7 @@
|
|||||||
|
import 'dart:ui';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:go_router/go_router.dart';
|
import 'package:go_router/go_router.dart';
|
||||||
|
|
||||||
@@ -47,6 +50,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
final strings = AppStrings(settings.languageCode);
|
final strings = AppStrings(settings.languageCode);
|
||||||
final isRu = strings.ru;
|
final isRu = strings.ru;
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final bottomInset = MediaQuery.paddingOf(context).bottom;
|
||||||
|
|
||||||
return AdaptiveScaffold(
|
return AdaptiveScaffold(
|
||||||
title: strings.search,
|
title: strings.search,
|
||||||
@@ -78,19 +82,12 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
child: ConstrainedBox(
|
child: ConstrainedBox(
|
||||||
constraints: const BoxConstraints(maxWidth: 860),
|
constraints: const BoxConstraints(maxWidth: 860),
|
||||||
child: ListView(
|
child: ListView(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
// Extended bottom padding so the cheat sheet card is never obscured by the floating dock
|
||||||
|
padding: EdgeInsets.fromLTRB(16, 14, 16, 140 + bottomInset),
|
||||||
children: [
|
children: [
|
||||||
// 1. Search Bar with Quick Operators
|
// 1. Search Bar with Quick Operators
|
||||||
Container(
|
_SearchLiquidCard(
|
||||||
padding: const EdgeInsets.all(16),
|
glowColor: theme.colorScheme.primary,
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: theme.colorScheme.surfaceContainerLow,
|
|
||||||
borderRadius: BorderRadius.circular(20),
|
|
||||||
border: Border.all(
|
|
||||||
color: theme.colorScheme.outlineVariant
|
|
||||||
.withValues(alpha: 0.3),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
children: [
|
children: [
|
||||||
@@ -171,45 +168,124 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
|
|
||||||
// 2. Recent Searches Card
|
// 2. Recent Searches Card
|
||||||
_SearchSectionCard(
|
_SearchLiquidCard(
|
||||||
icon: Icons.history_rounded,
|
glowColor: const Color(0xFF6366F1),
|
||||||
accentColor: const Color(0xFF6366F1),
|
child: Column(
|
||||||
title: isRu ? 'Недавние запросы' : 'Recent searches',
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
badgeCount: data.recent.length,
|
children: [
|
||||||
trailing: data.recent.isEmpty
|
Row(
|
||||||
? null
|
children: [
|
||||||
: TextButton(
|
const _SearchIconBadge(
|
||||||
onPressed: () => ref
|
icon: Icons.history_rounded,
|
||||||
.read(searchControllerProvider.notifier)
|
color: Color(0xFF6366F1),
|
||||||
.clearHistory(),
|
),
|
||||||
child: Text(
|
const SizedBox(width: 12),
|
||||||
isRu ? 'Очистить' : 'Clear',
|
Expanded(
|
||||||
style: TextStyle(
|
child: Row(
|
||||||
color: theme.colorScheme.primary,
|
mainAxisSize: MainAxisSize.min,
|
||||||
fontSize: 13,
|
children: [
|
||||||
fontWeight: FontWeight.w600,
|
Flexible(
|
||||||
|
child: Text(
|
||||||
|
isRu ? 'Недавние запросы' : 'Recent searches',
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: theme.textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 15,
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (data.recent.isNotEmpty) ...[
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 7, vertical: 2),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: const Color(0xFF6366F1)
|
||||||
|
.withValues(alpha: 0.16),
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
'${data.recent.map((e) => e.query.trim().toLowerCase()).where((q) => q.isNotEmpty).toSet().length}',
|
||||||
|
style: theme.textTheme.labelSmall?.copyWith(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: const Color(0xFF6366F1),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
if (data.recent.isNotEmpty)
|
||||||
child: RecentSearches(
|
TextButton(
|
||||||
items: data.recent,
|
style: TextButton.styleFrom(
|
||||||
onTap: (query) =>
|
visualDensity: VisualDensity.compact,
|
||||||
context.go('/?q=${Uri.encodeQueryComponent(query)}'),
|
padding: const EdgeInsets.symmetric(
|
||||||
onDelete: (id) => ref
|
horizontal: 10, vertical: 4),
|
||||||
.read(searchControllerProvider.notifier)
|
minimumSize: Size.zero,
|
||||||
.deleteHistory(id),
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
ref
|
||||||
|
.read(searchControllerProvider.notifier)
|
||||||
|
.clearHistory();
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
isRu ? 'Очистить' : 'Clear',
|
||||||
|
style: TextStyle(
|
||||||
|
color: theme.colorScheme.primary,
|
||||||
|
fontSize: 13,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 14),
|
||||||
|
RecentSearches(
|
||||||
|
items: data.recent,
|
||||||
|
onTap: (query) =>
|
||||||
|
context.go('/?q=${Uri.encodeQueryComponent(query)}'),
|
||||||
|
onDelete: (id) => ref
|
||||||
|
.read(searchControllerProvider.notifier)
|
||||||
|
.deleteHistory(id),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
|
|
||||||
// 3. Explore Popular Categories & Tags
|
// 3. Explore Popular Categories & Tags
|
||||||
_SearchSectionCard(
|
_SearchLiquidCard(
|
||||||
icon: Icons.explore_rounded,
|
glowColor: const Color(0xFF10B981),
|
||||||
accentColor: const Color(0xFF10B981),
|
|
||||||
title: isRu ? 'Популярные категории' : 'Explore categories',
|
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const _SearchIconBadge(
|
||||||
|
icon: Icons.explore_rounded,
|
||||||
|
color: Color(0xFF10B981),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
isRu ? 'Популярные категории' : 'Explore categories',
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: theme.textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 15,
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
_CategoryTagRow(
|
_CategoryTagRow(
|
||||||
categoryName: isRu ? 'Тематика' : 'Theme & Ambience',
|
categoryName: isRu ? 'Тематика' : 'Theme & Ambience',
|
||||||
color: const Color(0xFF0EA5E9),
|
color: const Color(0xFF0EA5E9),
|
||||||
@@ -223,7 +299,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
],
|
],
|
||||||
onTap: (tag) => _onTagTap(tag, data.query),
|
onTap: (tag) => _onTagTap(tag, data.query),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 14),
|
const SizedBox(height: 16),
|
||||||
_CategoryTagRow(
|
_CategoryTagRow(
|
||||||
categoryName:
|
categoryName:
|
||||||
isRu ? 'Персонажи и детали' : 'Characters & Attire',
|
isRu ? 'Персонажи и детали' : 'Characters & Attire',
|
||||||
@@ -239,7 +315,7 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
],
|
],
|
||||||
onTap: (tag) => _onTagTap(tag, data.query),
|
onTap: (tag) => _onTagTap(tag, data.query),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 14),
|
const SizedBox(height: 16),
|
||||||
_CategoryTagRow(
|
_CategoryTagRow(
|
||||||
categoryName: isRu ? 'Провайдеры' : 'Providers',
|
categoryName: isRu ? 'Провайдеры' : 'Providers',
|
||||||
color: const Color(0xFF8B5CF6),
|
color: const Color(0xFF8B5CF6),
|
||||||
@@ -257,84 +333,78 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
),
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
|
|
||||||
// 4. Search Tips / Cheat Sheet Card
|
// 4. Search Tips / Cheat Sheet Card (Full Liquid Glass Container)
|
||||||
Container(
|
_SearchLiquidCard(
|
||||||
decoration: BoxDecoration(
|
padding: EdgeInsets.zero,
|
||||||
color: theme.colorScheme.surfaceContainerLow,
|
glowColor: const Color(0xFFF59E0B),
|
||||||
borderRadius: BorderRadius.circular(20),
|
child: Theme(
|
||||||
border: Border.all(
|
data: theme.copyWith(dividerColor: Colors.transparent),
|
||||||
color: theme.colorScheme.outlineVariant
|
child: ExpansionTile(
|
||||||
.withValues(alpha: 0.3),
|
shape: const Border(),
|
||||||
),
|
collapsedShape: const Border(),
|
||||||
),
|
tilePadding: const EdgeInsets.symmetric(
|
||||||
child: ExpansionTile(
|
horizontal: 16, vertical: 4),
|
||||||
shape: const Border(),
|
leading: const _SearchIconBadge(
|
||||||
collapsedShape: const Border(),
|
icon: Icons.lightbulb_rounded,
|
||||||
leading: Container(
|
|
||||||
width: 32,
|
|
||||||
height: 32,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: const Color(0xFFF59E0B).withValues(alpha: 0.15),
|
|
||||||
borderRadius: BorderRadius.circular(10),
|
|
||||||
),
|
|
||||||
child: const Icon(
|
|
||||||
Icons.lightbulb_outline_rounded,
|
|
||||||
size: 18,
|
|
||||||
color: Color(0xFFF59E0B),
|
color: Color(0xFFF59E0B),
|
||||||
),
|
),
|
||||||
),
|
title: Text(
|
||||||
title: Text(
|
isRu ? 'Шпаргалка по поиску' : 'Search tips & operators',
|
||||||
isRu ? 'Шпаргалка по поиску' : 'Search tips & operators',
|
style: theme.textTheme.titleSmall?.copyWith(
|
||||||
style: theme.textTheme.titleSmall?.copyWith(
|
fontWeight: FontWeight.w700,
|
||||||
fontWeight: FontWeight.w700,
|
letterSpacing: -0.2,
|
||||||
),
|
|
||||||
),
|
|
||||||
initiallyExpanded: _showTips,
|
|
||||||
onExpansionChanged: (exp) => setState(() => _showTips = exp),
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
_TipRow(
|
|
||||||
code: 'tag_a and tag_b',
|
|
||||||
description: isRu
|
|
||||||
? 'Независимый опрос обоих тегов с чередованием постов в ленте.'
|
|
||||||
: 'Interleaves results from both queries independently.',
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
_TipRow(
|
|
||||||
code: 'type:video / type:gif',
|
|
||||||
description: isRu
|
|
||||||
? 'Показывает только видео или анимированные GIF.'
|
|
||||||
: 'Filters results to only videos or animated GIFs.',
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
_TipRow(
|
|
||||||
code: 'rating:safe / rating:explicit',
|
|
||||||
description: isRu
|
|
||||||
? 'Фильтр по возрастному рейтингу медиа.'
|
|
||||||
: 'Filter by age rating classification.',
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
_TipRow(
|
|
||||||
code: 'score:>50 / score:>100',
|
|
||||||
description: isRu
|
|
||||||
? 'Посты с оценкой пользователей выше указанной.'
|
|
||||||
: 'Posts with community score greater than threshold.',
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
_TipRow(
|
|
||||||
code: 'provider:gelbooru',
|
|
||||||
description: isRu
|
|
||||||
? 'Поиск исключительно в указанном источнике.'
|
|
||||||
: 'Search specifically on the given booru provider.',
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
initiallyExpanded: _showTips,
|
||||||
|
onExpansionChanged: (exp) {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
setState(() => _showTips = exp);
|
||||||
|
},
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_TipRow(
|
||||||
|
code: 'tag_a and tag_b',
|
||||||
|
description: isRu
|
||||||
|
? 'Независимый опрос обоих тегов с чередованием постов в ленте.'
|
||||||
|
: 'Interleaves results from both queries independently.',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_TipRow(
|
||||||
|
code: 'type:video / type:gif',
|
||||||
|
description: isRu
|
||||||
|
? 'Показывает только видео или анимированные GIF.'
|
||||||
|
: 'Filters results to only videos or animated GIFs.',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_TipRow(
|
||||||
|
code: 'rating:safe / rating:explicit',
|
||||||
|
description: isRu
|
||||||
|
? 'Фильтр по возрастному рейтингу медиа.'
|
||||||
|
: 'Filter by age rating classification.',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_TipRow(
|
||||||
|
code: 'score:>50 / score:>100',
|
||||||
|
description: isRu
|
||||||
|
? 'Посты с оценкой пользователей выше указанной.'
|
||||||
|
: 'Posts with community score greater than threshold.',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_TipRow(
|
||||||
|
code: 'provider:gelbooru',
|
||||||
|
description: isRu
|
||||||
|
? 'Поиск исключительно в указанном источнике.'
|
||||||
|
: 'Search specifically on the given booru provider.',
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 24),
|
const SizedBox(height: 24),
|
||||||
@@ -347,91 +417,117 @@ class _SearchScreenState extends ConsumerState<SearchScreen> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class _SearchSectionCard extends StatelessWidget {
|
class _SearchLiquidCard extends StatelessWidget {
|
||||||
const _SearchSectionCard({
|
const _SearchLiquidCard({
|
||||||
required this.icon,
|
|
||||||
required this.accentColor,
|
|
||||||
required this.title,
|
|
||||||
required this.child,
|
required this.child,
|
||||||
this.badgeCount,
|
this.padding,
|
||||||
this.trailing,
|
this.glowColor,
|
||||||
});
|
});
|
||||||
|
|
||||||
final IconData icon;
|
|
||||||
final Color accentColor;
|
|
||||||
final String title;
|
|
||||||
final Widget child;
|
final Widget child;
|
||||||
final int? badgeCount;
|
final EdgeInsetsGeometry? padding;
|
||||||
final Widget? trailing;
|
final Color? glowColor;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
final accent = glowColor ?? theme.colorScheme.primary;
|
||||||
|
|
||||||
return Container(
|
return Container(
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: theme.colorScheme.surfaceContainerLow,
|
borderRadius: BorderRadius.circular(24),
|
||||||
borderRadius: BorderRadius.circular(20),
|
boxShadow: [
|
||||||
border: Border.all(
|
BoxShadow(
|
||||||
color: theme.colorScheme.outlineVariant.withValues(alpha: 0.3),
|
color: isDark
|
||||||
|
? Colors.black.withValues(alpha: 0.35)
|
||||||
|
: accent.withValues(alpha: 0.08),
|
||||||
|
blurRadius: 18,
|
||||||
|
offset: const Offset(0, 6),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
BoxShadow(
|
||||||
|
color: accent.withValues(alpha: isDark ? 0.06 : 0.03),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(24),
|
||||||
|
child: BackdropFilter(
|
||||||
|
filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
|
||||||
|
child: Container(
|
||||||
|
padding: padding ?? const EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(24),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
theme.colorScheme.surfaceContainerHigh
|
||||||
|
.withValues(alpha: 0.60),
|
||||||
|
theme.colorScheme.surfaceContainerLow
|
||||||
|
.withValues(alpha: 0.38),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.88),
|
||||||
|
Colors.white.withValues(alpha: 0.72),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.14)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
padding: const EdgeInsets.all(16),
|
);
|
||||||
child: Column(
|
}
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
}
|
||||||
children: [
|
|
||||||
Row(
|
class _SearchIconBadge extends StatelessWidget {
|
||||||
children: [
|
const _SearchIconBadge({
|
||||||
Container(
|
required this.icon,
|
||||||
width: 32,
|
required this.color,
|
||||||
height: 32,
|
});
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: accentColor.withValues(alpha: 0.14),
|
final IconData icon;
|
||||||
borderRadius: BorderRadius.circular(10),
|
final Color color;
|
||||||
),
|
|
||||||
child: Icon(icon, size: 18, color: accentColor),
|
@override
|
||||||
),
|
Widget build(BuildContext context) {
|
||||||
const SizedBox(width: 12),
|
const size = 34.0;
|
||||||
Expanded(
|
const iconSize = 18.0;
|
||||||
child: Row(
|
return Container(
|
||||||
children: [
|
width: size,
|
||||||
Flexible(
|
height: size,
|
||||||
child: Text(
|
decoration: BoxDecoration(
|
||||||
title,
|
gradient: LinearGradient(
|
||||||
maxLines: 1,
|
begin: Alignment.topLeft,
|
||||||
overflow: TextOverflow.ellipsis,
|
end: Alignment.bottomRight,
|
||||||
style: theme.textTheme.titleMedium?.copyWith(
|
colors: [
|
||||||
fontWeight: FontWeight.w700,
|
color,
|
||||||
),
|
color.withValues(alpha: 0.86),
|
||||||
),
|
],
|
||||||
),
|
),
|
||||||
if (badgeCount != null && badgeCount! > 0) ...[
|
borderRadius: BorderRadius.circular(size * 0.28),
|
||||||
const SizedBox(width: 8),
|
boxShadow: [
|
||||||
Container(
|
BoxShadow(
|
||||||
padding: const EdgeInsets.symmetric(
|
color: color.withValues(alpha: 0.35),
|
||||||
horizontal: 8, vertical: 2),
|
blurRadius: 7,
|
||||||
decoration: BoxDecoration(
|
offset: const Offset(0, 2.5),
|
||||||
color: accentColor.withValues(alpha: 0.15),
|
|
||||||
borderRadius: BorderRadius.circular(10),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
'$badgeCount',
|
|
||||||
style: theme.textTheme.labelSmall?.copyWith(
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: accentColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
if (trailing != null) trailing!,
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
const SizedBox(height: 14),
|
|
||||||
child,
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
child: Center(
|
||||||
|
child: Icon(icon, size: iconSize, color: Colors.white),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -452,19 +548,33 @@ class _QuickOperatorChip extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
return Material(
|
return Material(
|
||||||
color: color.withValues(alpha: 0.12),
|
color: Colors.transparent,
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(14),
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(14),
|
||||||
onTap: onTap,
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
onTap();
|
||||||
|
},
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
borderRadius: BorderRadius.circular(12),
|
color: color.withValues(alpha: isDark ? 0.16 : 0.10),
|
||||||
|
borderRadius: BorderRadius.circular(14),
|
||||||
border: Border.all(
|
border: Border.all(
|
||||||
color: color.withValues(alpha: 0.35),
|
color: color.withValues(alpha: isDark ? 0.40 : 0.32),
|
||||||
|
width: 1.1,
|
||||||
),
|
),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: color.withValues(alpha: isDark ? 0.14 : 0.06),
|
||||||
|
blurRadius: 6,
|
||||||
|
offset: const Offset(0, 1.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
@@ -477,6 +587,7 @@ class _QuickOperatorChip extends StatelessWidget {
|
|||||||
fontWeight: FontWeight.w700,
|
fontWeight: FontWeight.w700,
|
||||||
color: color,
|
color: color,
|
||||||
fontFamily: 'monospace',
|
fontFamily: 'monospace',
|
||||||
|
letterSpacing: -0.2,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -503,44 +614,76 @@ class _CategoryTagRow extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
return Column(
|
return Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Row(
|
||||||
categoryName,
|
children: [
|
||||||
style: theme.textTheme.labelLarge?.copyWith(
|
Container(
|
||||||
fontWeight: FontWeight.w600,
|
width: 7,
|
||||||
color: theme.colorScheme.onSurfaceVariant,
|
height: 7,
|
||||||
),
|
decoration: BoxDecoration(
|
||||||
|
color: color,
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: color.withValues(alpha: 0.6),
|
||||||
|
blurRadius: 4,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
categoryName,
|
||||||
|
style: theme.textTheme.labelLarge?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: theme.colorScheme.onSurface,
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(height: 8),
|
const SizedBox(height: 10),
|
||||||
Wrap(
|
Wrap(
|
||||||
spacing: 8,
|
spacing: 8,
|
||||||
runSpacing: 8,
|
runSpacing: 8,
|
||||||
children: [
|
children: [
|
||||||
for (final tag in tags)
|
for (final tag in tags)
|
||||||
Material(
|
Material(
|
||||||
color: theme.colorScheme.surfaceContainer,
|
color: Colors.transparent,
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(14),
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(14),
|
||||||
onTap: () => onTap(tag),
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
onTap(tag);
|
||||||
|
},
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(
|
padding: const EdgeInsets.symmetric(
|
||||||
horizontal: 10, vertical: 5),
|
horizontal: 11, vertical: 6),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
borderRadius: BorderRadius.circular(12),
|
color: isDark
|
||||||
|
? theme.colorScheme.surfaceContainerHighest
|
||||||
|
.withValues(alpha: 0.45)
|
||||||
|
: Colors.white.withValues(alpha: 0.60),
|
||||||
|
borderRadius: BorderRadius.circular(14),
|
||||||
border: Border.all(
|
border: Border.all(
|
||||||
color: theme.colorScheme.outlineVariant
|
color: isDark
|
||||||
.withValues(alpha: 0.3),
|
? Colors.white.withValues(alpha: 0.10)
|
||||||
|
: theme.colorScheme.outlineVariant
|
||||||
|
.withValues(alpha: 0.35),
|
||||||
|
width: 1.0,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
Container(
|
Container(
|
||||||
width: 6,
|
width: 5,
|
||||||
height: 6,
|
height: 5,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: color,
|
color: color,
|
||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
@@ -550,7 +693,8 @@ class _CategoryTagRow extends StatelessWidget {
|
|||||||
Text(
|
Text(
|
||||||
tag,
|
tag,
|
||||||
style: theme.textTheme.bodySmall?.copyWith(
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
fontWeight: FontWeight.w500,
|
fontWeight: FontWeight.w600,
|
||||||
|
letterSpacing: -0.1,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -574,14 +718,23 @@ class _TipRow extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
return Row(
|
return Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: theme.colorScheme.surfaceContainerHighest,
|
color: isDark
|
||||||
borderRadius: BorderRadius.circular(6),
|
? theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.6)
|
||||||
|
: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.8),
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.08)
|
||||||
|
: theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
code,
|
code,
|
||||||
@@ -595,10 +748,14 @@ class _TipRow extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
const SizedBox(width: 10),
|
const SizedBox(width: 10),
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Text(
|
child: Padding(
|
||||||
description,
|
padding: const EdgeInsets.only(top: 2),
|
||||||
style: theme.textTheme.bodySmall?.copyWith(
|
child: Text(
|
||||||
color: theme.colorScheme.onSurfaceVariant,
|
description,
|
||||||
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
height: 1.35,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
|
||||||
import '../../../../backend/backend.dart';
|
import '../../../../backend/backend.dart';
|
||||||
|
|
||||||
@@ -47,8 +48,44 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Deduplicate items by normalized query
|
||||||
|
final seen = <String>{};
|
||||||
|
final uniqueItems = <SearchHistory>[];
|
||||||
|
for (final item in widget.items) {
|
||||||
|
final key = item.query.trim().toLowerCase();
|
||||||
|
if (key.isEmpty) continue;
|
||||||
|
if (seen.add(key)) {
|
||||||
|
uniqueItems.add(item);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (uniqueItems.isEmpty) {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
Icons.history_toggle_off_rounded,
|
||||||
|
size: 40,
|
||||||
|
color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Text(
|
||||||
|
'История поиска пуста',
|
||||||
|
style: theme.textTheme.bodyMedium?.copyWith(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
final visibleItems =
|
final visibleItems =
|
||||||
_expanded ? widget.items : widget.items.take(20).toList();
|
_expanded ? uniqueItems : uniqueItems.take(20).toList();
|
||||||
|
final screenW = MediaQuery.sizeOf(context).width;
|
||||||
|
final maxQueryWidth = (screenW - 200).clamp(180.0, 480.0);
|
||||||
|
|
||||||
return Column(
|
return Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
@@ -59,38 +96,62 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
children: [
|
children: [
|
||||||
for (final item in visibleItems)
|
for (final item in visibleItems)
|
||||||
Material(
|
Material(
|
||||||
color: theme.colorScheme.surfaceContainer,
|
color: Colors.transparent,
|
||||||
borderRadius: BorderRadius.circular(16),
|
borderRadius: BorderRadius.circular(16),
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
borderRadius: BorderRadius.circular(16),
|
borderRadius: BorderRadius.circular(16),
|
||||||
onTap: () => widget.onTap(item.query),
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
widget.onTap(item.query);
|
||||||
|
},
|
||||||
child: Container(
|
child: Container(
|
||||||
padding:
|
padding:
|
||||||
const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
const EdgeInsets.only(left: 10, right: 6, top: 6, bottom: 6),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? theme.colorScheme.surfaceContainerHighest
|
||||||
|
.withValues(alpha: 0.45)
|
||||||
|
: Colors.white.withValues(alpha: 0.65),
|
||||||
borderRadius: BorderRadius.circular(16),
|
borderRadius: BorderRadius.circular(16),
|
||||||
border: Border.all(
|
border: Border.all(
|
||||||
color: theme.colorScheme.outlineVariant
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
.withValues(alpha: 0.35),
|
? Colors.white.withValues(alpha: 0.12)
|
||||||
|
: theme.colorScheme.outlineVariant
|
||||||
|
.withValues(alpha: 0.35),
|
||||||
|
width: 1.0,
|
||||||
),
|
),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(
|
||||||
|
alpha: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? 0.15
|
||||||
|
: 0.04),
|
||||||
|
blurRadius: 6,
|
||||||
|
offset: const Offset(0, 1.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
Icon(
|
Icon(
|
||||||
Icons.history_rounded,
|
Icons.history_rounded,
|
||||||
size: 14,
|
size: 15,
|
||||||
color: theme.colorScheme.primary,
|
color: theme.colorScheme.primary,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 6),
|
const SizedBox(width: 6),
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(maxWidth: 140),
|
constraints: BoxConstraints(maxWidth: maxQueryWidth),
|
||||||
child: Text(
|
child: Tooltip(
|
||||||
item.query,
|
message: item.query,
|
||||||
maxLines: 1,
|
waitDuration: const Duration(milliseconds: 600),
|
||||||
overflow: TextOverflow.ellipsis,
|
child: Text(
|
||||||
style: theme.textTheme.bodyMedium?.copyWith(
|
item.query,
|
||||||
fontWeight: FontWeight.w500,
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: theme.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -100,14 +161,14 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
padding: const EdgeInsets.symmetric(
|
padding: const EdgeInsets.symmetric(
|
||||||
horizontal: 6, vertical: 2),
|
horizontal: 6, vertical: 2),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: theme.colorScheme.secondaryContainer,
|
color: theme.colorScheme.primary.withValues(alpha: 0.14),
|
||||||
borderRadius: BorderRadius.circular(8),
|
borderRadius: BorderRadius.circular(8),
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
'${item.resultCount}',
|
'${item.resultCount}',
|
||||||
style: theme.textTheme.labelSmall?.copyWith(
|
style: theme.textTheme.labelSmall?.copyWith(
|
||||||
color: theme.colorScheme.onSecondaryContainer,
|
color: theme.colorScheme.primary,
|
||||||
fontSize: 10,
|
fontSize: 11,
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -115,14 +176,24 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
],
|
],
|
||||||
if (widget.onDelete != null) ...[
|
if (widget.onDelete != null) ...[
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: 4),
|
||||||
GestureDetector(
|
Material(
|
||||||
onTap: () => widget.onDelete!(item.id),
|
color: Colors.transparent,
|
||||||
child: Padding(
|
shape: const CircleBorder(),
|
||||||
padding: const EdgeInsets.all(2),
|
clipBehavior: Clip.antiAlias,
|
||||||
child: Icon(
|
child: InkWell(
|
||||||
Icons.close_rounded,
|
customBorder: const CircleBorder(),
|
||||||
size: 14,
|
onTap: () {
|
||||||
color: theme.colorScheme.onSurfaceVariant,
|
HapticFeedback.lightImpact();
|
||||||
|
widget.onDelete!(item.id);
|
||||||
|
},
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(4),
|
||||||
|
child: Icon(
|
||||||
|
Icons.close_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: theme.colorScheme.onSurfaceVariant
|
||||||
|
.withValues(alpha: 0.75),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -134,7 +205,7 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
if (widget.items.length > 20) ...[
|
if (uniqueItems.length > 20) ...[
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
Center(
|
Center(
|
||||||
child: TextButton.icon(
|
child: TextButton.icon(
|
||||||
@@ -148,7 +219,7 @@ class _RecentSearchesState extends State<RecentSearches> {
|
|||||||
label: Text(
|
label: Text(
|
||||||
_expanded
|
_expanded
|
||||||
? 'Свернуть'
|
? 'Свернуть'
|
||||||
: 'Показать все (${widget.items.length})',
|
: 'Показать все (${uniqueItems.length})',
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import 'dart:io';
|
import 'dart:io';
|
||||||
|
import 'dart:ui';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart' hide appBuildNumber;
|
import 'package:flutter/services.dart' hide appBuildNumber;
|
||||||
@@ -150,24 +151,33 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
|
|||||||
|
|
||||||
return Column(
|
return Column(
|
||||||
children: [
|
children: [
|
||||||
// Pinned Top Category Quick Navigation
|
// Pinned Top Category Quick Navigation (Frosted Glass)
|
||||||
Container(
|
ClipRect(
|
||||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
child: BackdropFilter(
|
||||||
decoration: BoxDecoration(
|
filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
|
||||||
color: theme.scaffoldBackgroundColor,
|
child: Container(
|
||||||
border: Border(
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||||
bottom: BorderSide(
|
decoration: BoxDecoration(
|
||||||
color: theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
|
color: theme.scaffoldBackgroundColor.withValues(
|
||||||
|
alpha: theme.brightness == Brightness.dark ? 0.76 : 0.82,
|
||||||
|
),
|
||||||
|
border: Border(
|
||||||
|
bottom: BorderSide(
|
||||||
|
color: theme.brightness == Brightness.dark
|
||||||
|
? Colors.white.withValues(alpha: 0.08)
|
||||||
|
: Colors.black.withValues(alpha: 0.06),
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
child: Align(
|
||||||
),
|
alignment: Alignment.center,
|
||||||
child: Align(
|
child: ConstrainedBox(
|
||||||
alignment: Alignment.center,
|
constraints: const BoxConstraints(maxWidth: 860),
|
||||||
child: ConstrainedBox(
|
child: _CategoryQuickNav(
|
||||||
constraints: const BoxConstraints(maxWidth: 860),
|
categories: navCategories,
|
||||||
child: _CategoryQuickNav(
|
onSelect: _scrollTo,
|
||||||
categories: navCategories,
|
),
|
||||||
onSelect: _scrollTo,
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -177,7 +187,12 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
|
|||||||
Expanded(
|
Expanded(
|
||||||
child: SingleChildScrollView(
|
child: SingleChildScrollView(
|
||||||
controller: _scrollController,
|
controller: _scrollController,
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
padding: EdgeInsets.fromLTRB(
|
||||||
|
16,
|
||||||
|
12,
|
||||||
|
16,
|
||||||
|
120 + MediaQuery.paddingOf(context).bottom,
|
||||||
|
),
|
||||||
child: Align(
|
child: Align(
|
||||||
alignment: Alignment.topCenter,
|
alignment: Alignment.topCenter,
|
||||||
child: ConstrainedBox(
|
child: ConstrainedBox(
|
||||||
@@ -958,12 +973,300 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Future<void> _checkUpdates(BuildContext context, WidgetRef ref) async {
|
Future<void> _checkUpdates(BuildContext context, WidgetRef ref) async {
|
||||||
|
final isRu = settings.languageCode == 'ru';
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
|
final selectedSource = await showModalBottomSheet<UpdateSource>(
|
||||||
|
context: context,
|
||||||
|
useRootNavigator: true,
|
||||||
|
isScrollControlled: true,
|
||||||
|
backgroundColor: Colors.transparent,
|
||||||
|
builder: (sheetContext) {
|
||||||
|
return ClipRRect(
|
||||||
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(28)),
|
||||||
|
child: BackdropFilter(
|
||||||
|
filter: ImageFilter.blur(sigmaX: 24, sigmaY: 24),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: isDark
|
||||||
|
? theme.colorScheme.surface.withValues(alpha: 0.88)
|
||||||
|
: Colors.white.withValues(alpha: 0.94),
|
||||||
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(28)),
|
||||||
|
border: Border(
|
||||||
|
top: BorderSide(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.18)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: SafeArea(
|
||||||
|
top: false,
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.fromLTRB(
|
||||||
|
20,
|
||||||
|
14,
|
||||||
|
20,
|
||||||
|
24 + MediaQuery.paddingOf(sheetContext).bottom,
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
children: [
|
||||||
|
Center(
|
||||||
|
child: Container(
|
||||||
|
width: 38,
|
||||||
|
height: 4.5,
|
||||||
|
margin: const EdgeInsets.only(bottom: 16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.35),
|
||||||
|
borderRadius: BorderRadius.circular(3),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
isRu ? 'Источник обновлений' : 'Update Source',
|
||||||
|
style: theme.textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w800,
|
||||||
|
letterSpacing: -0.3,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 6),
|
||||||
|
Text(
|
||||||
|
isRu
|
||||||
|
? 'Выберите сервер для быстрой загрузки новой версии'
|
||||||
|
: 'Choose a server to download updates from',
|
||||||
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
|
||||||
|
// Option 1: GitHub (Recommended for speed)
|
||||||
|
Material(
|
||||||
|
color: isDark
|
||||||
|
? theme.colorScheme.primaryContainer.withValues(alpha: 0.35)
|
||||||
|
: theme.colorScheme.primary.withValues(alpha: 0.08),
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
Navigator.pop(sheetContext, UpdateSource.github);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.15)
|
||||||
|
: theme.colorScheme.primary.withValues(alpha: 0.35),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 44,
|
||||||
|
height: 44,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: const LinearGradient(
|
||||||
|
colors: [Color(0xFF6366F1), Color(0xFF4F46E5)],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(13),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: const Color(0xFF6366F1).withValues(alpha: 0.40),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 3),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: const Center(
|
||||||
|
child: Icon(
|
||||||
|
Icons.bolt_rounded,
|
||||||
|
color: Colors.white,
|
||||||
|
size: 24,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 14),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'GitHub',
|
||||||
|
style: theme.textTheme.titleSmall?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 7,
|
||||||
|
vertical: 2.5,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.green.withValues(alpha: 0.20),
|
||||||
|
borderRadius: BorderRadius.circular(6),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
isRu ? 'Рекомендуется' : 'Recommended',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 10.5,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: Colors.green,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 3),
|
||||||
|
Text(
|
||||||
|
isRu
|
||||||
|
? 'Прямая быстрая загрузка релизов без задержек'
|
||||||
|
: 'Direct fast download without limits',
|
||||||
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Icon(
|
||||||
|
Icons.arrow_forward_ios_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
|
||||||
|
// Option 2: Gitea
|
||||||
|
Material(
|
||||||
|
color: isDark
|
||||||
|
? theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.35)
|
||||||
|
: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.40),
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
Navigator.pop(sheetContext, UpdateSource.gitea);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(18),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.12)
|
||||||
|
: theme.colorScheme.outlineVariant.withValues(alpha: 0.35),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 44,
|
||||||
|
height: 44,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: const LinearGradient(
|
||||||
|
colors: [Color(0xFF0EA5E9), Color(0xFF0284C7)],
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(13),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: const Color(0xFF0EA5E9).withValues(alpha: 0.35),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 3),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: const Center(
|
||||||
|
child: Icon(
|
||||||
|
Icons.dns_rounded,
|
||||||
|
color: Colors.white,
|
||||||
|
size: 22,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 14),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Gitea (Synapse)',
|
||||||
|
style: theme.textTheme.titleSmall?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 3),
|
||||||
|
Text(
|
||||||
|
isRu
|
||||||
|
? 'Альтернативный независимый сервер релизов'
|
||||||
|
: 'Alternative independent release mirror',
|
||||||
|
style: theme.textTheme.bodySmall?.copyWith(
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Icon(
|
||||||
|
Icons.arrow_forward_ios_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: theme.colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
if (selectedSource == null) return;
|
||||||
|
if (!context.mounted) return;
|
||||||
|
|
||||||
final messenger = ScaffoldMessenger.of(context);
|
final messenger = ScaffoldMessenger.of(context);
|
||||||
messenger.showSnackBar(
|
messenger.showSnackBar(
|
||||||
const SnackBar(content: Text('Checking for updates...')),
|
SnackBar(
|
||||||
|
content: Text(
|
||||||
|
selectedSource == UpdateSource.gitea
|
||||||
|
? (isRu ? 'Проверка обновлений на Gitea...' : 'Checking updates on Gitea...')
|
||||||
|
: (isRu ? 'Проверка обновлений на GitHub...' : 'Checking updates on GitHub...'),
|
||||||
|
),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
final result =
|
final result = await ref.read(updateServiceProvider).checkForUpdates(
|
||||||
await ref.read(updateServiceProvider).checkForUpdates(force: true);
|
force: true,
|
||||||
|
source: selectedSource,
|
||||||
|
);
|
||||||
if (!context.mounted) return;
|
if (!context.mounted) return;
|
||||||
messenger.hideCurrentSnackBar();
|
messenger.hideCurrentSnackBar();
|
||||||
if (result is Error<AppUpdateInfo?>) {
|
if (result is Error<AppUpdateInfo?>) {
|
||||||
@@ -973,7 +1276,11 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
|
|||||||
final update = (result as Success<AppUpdateInfo?>).data;
|
final update = (result as Success<AppUpdateInfo?>).data;
|
||||||
if (update == null) {
|
if (update == null) {
|
||||||
messenger.showSnackBar(
|
messenger.showSnackBar(
|
||||||
const SnackBar(content: Text('Lunaris is up to date')),
|
SnackBar(
|
||||||
|
content: Text(
|
||||||
|
isRu ? 'У вас установлена последняя версия Lunaris' : 'Lunaris is up to date',
|
||||||
|
),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -1089,6 +1396,49 @@ class _SettingsContentState extends ConsumerState<_SettingsContent> {
|
|||||||
// Settings 2.0 Modern Components
|
// Settings 2.0 Modern Components
|
||||||
// -----------------------------------------------------------------------------
|
// -----------------------------------------------------------------------------
|
||||||
|
|
||||||
|
class _SettingsIconBadge extends StatelessWidget {
|
||||||
|
const _SettingsIconBadge({
|
||||||
|
required this.icon,
|
||||||
|
required this.color,
|
||||||
|
this.size = 34,
|
||||||
|
this.iconSize = 18,
|
||||||
|
});
|
||||||
|
|
||||||
|
final IconData icon;
|
||||||
|
final Color color;
|
||||||
|
final double size;
|
||||||
|
final double iconSize;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: size,
|
||||||
|
height: size,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
colors: [
|
||||||
|
color,
|
||||||
|
color.withValues(alpha: 0.86),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(size * 0.28),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: color.withValues(alpha: 0.35),
|
||||||
|
blurRadius: 7,
|
||||||
|
offset: const Offset(0, 2.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: Icon(icon, size: iconSize, color: Colors.white),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
class _CategoryQuickNav extends StatelessWidget {
|
class _CategoryQuickNav extends StatelessWidget {
|
||||||
const _CategoryQuickNav({
|
const _CategoryQuickNav({
|
||||||
required this.categories,
|
required this.categories,
|
||||||
@@ -1102,8 +1452,10 @@ class _CategoryQuickNav extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
return SizedBox(
|
return SizedBox(
|
||||||
height: 40,
|
height: 44,
|
||||||
child: ListView.separated(
|
child: ListView.separated(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||||
scrollDirection: Axis.horizontal,
|
scrollDirection: Axis.horizontal,
|
||||||
@@ -1111,32 +1463,84 @@ class _CategoryQuickNav extends StatelessWidget {
|
|||||||
separatorBuilder: (_, __) => const SizedBox(width: 8),
|
separatorBuilder: (_, __) => const SizedBox(width: 8),
|
||||||
itemBuilder: (context, index) {
|
itemBuilder: (context, index) {
|
||||||
final cat = categories[index];
|
final cat = categories[index];
|
||||||
return Material(
|
return Container(
|
||||||
color: theme.colorScheme.surfaceContainer,
|
decoration: BoxDecoration(
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(22),
|
||||||
child: InkWell(
|
boxShadow: [
|
||||||
borderRadius: BorderRadius.circular(20),
|
BoxShadow(
|
||||||
onTap: () => onSelect(cat.key),
|
color: isDark
|
||||||
child: Container(
|
? Colors.black.withValues(alpha: 0.25)
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
|
: cat.color.withValues(alpha: 0.12),
|
||||||
decoration: BoxDecoration(
|
blurRadius: 8,
|
||||||
borderRadius: BorderRadius.circular(20),
|
offset: const Offset(0, 2.5),
|
||||||
border: Border.all(
|
|
||||||
color: theme.colorScheme.outlineVariant.withValues(alpha: 0.35),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
child: Row(
|
],
|
||||||
mainAxisSize: MainAxisSize.min,
|
),
|
||||||
children: [
|
child: ClipRRect(
|
||||||
Icon(cat.icon, size: 16, color: cat.color),
|
borderRadius: BorderRadius.circular(22),
|
||||||
const SizedBox(width: 8),
|
child: BackdropFilter(
|
||||||
Text(
|
filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
|
||||||
cat.label,
|
child: Material(
|
||||||
style: theme.textTheme.labelLarge?.copyWith(
|
color: isDark
|
||||||
fontWeight: FontWeight.w600,
|
? theme.colorScheme.surfaceContainerHigh.withValues(alpha: 0.60)
|
||||||
|
: Colors.white.withValues(alpha: 0.82),
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
onTap: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
onSelect(cat.key);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 7),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(22),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.18)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
colors: [
|
||||||
|
cat.color,
|
||||||
|
cat.color.withValues(alpha: 0.82),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(7),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: cat.color.withValues(alpha: 0.35),
|
||||||
|
blurRadius: 5,
|
||||||
|
offset: const Offset(0, 1.5),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: Icon(cat.icon, size: 14, color: Colors.white),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
cat.label,
|
||||||
|
style: theme.textTheme.labelLarge?.copyWith(
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -1165,50 +1569,95 @@ class _SettingsCardGroup extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
return Container(
|
return Container(
|
||||||
key: sectionKey,
|
key: sectionKey,
|
||||||
margin: const EdgeInsets.only(bottom: 16),
|
margin: const EdgeInsets.only(bottom: 18),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: theme.colorScheme.surfaceContainerLow,
|
borderRadius: BorderRadius.circular(24),
|
||||||
borderRadius: BorderRadius.circular(20),
|
boxShadow: [
|
||||||
border: Border.all(
|
BoxShadow(
|
||||||
color: theme.colorScheme.outlineVariant.withValues(alpha: 0.3),
|
color: isDark
|
||||||
),
|
? Colors.black.withValues(alpha: 0.40)
|
||||||
|
: accentColor.withValues(alpha: 0.08),
|
||||||
|
blurRadius: 20,
|
||||||
|
offset: const Offset(0, 6),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
BoxShadow(
|
||||||
|
color: accentColor.withValues(alpha: isDark ? 0.08 : 0.04),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
clipBehavior: Clip.antiAlias,
|
child: ClipRRect(
|
||||||
child: Column(
|
borderRadius: BorderRadius.circular(24),
|
||||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
child: BackdropFilter(
|
||||||
children: [
|
filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
|
||||||
// Header
|
child: Container(
|
||||||
Padding(
|
decoration: BoxDecoration(
|
||||||
padding: const EdgeInsets.fromLTRB(16, 16, 16, 10),
|
borderRadius: BorderRadius.circular(24),
|
||||||
child: Row(
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topLeft,
|
||||||
|
end: Alignment.bottomRight,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
theme.colorScheme.surfaceContainerHigh.withValues(alpha: 0.60),
|
||||||
|
theme.colorScheme.surfaceContainerLow.withValues(alpha: 0.40),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.88),
|
||||||
|
Colors.white.withValues(alpha: 0.72),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.15)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
children: [
|
children: [
|
||||||
|
// iOS Liquid Glass Card Header
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16, 16, 16, 12),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
_SettingsIconBadge(
|
||||||
|
icon: icon,
|
||||||
|
color: accentColor,
|
||||||
|
size: 34,
|
||||||
|
iconSize: 19,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 14),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
title,
|
||||||
|
style: theme.textTheme.titleMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
letterSpacing: -0.3,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
Container(
|
Container(
|
||||||
width: 32,
|
height: 1,
|
||||||
height: 32,
|
margin: const EdgeInsets.symmetric(horizontal: 16),
|
||||||
decoration: BoxDecoration(
|
color: isDark
|
||||||
color: accentColor.withValues(alpha: 0.14),
|
? Colors.white.withValues(alpha: 0.08)
|
||||||
borderRadius: BorderRadius.circular(10),
|
: theme.colorScheme.outlineVariant.withValues(alpha: 0.25),
|
||||||
),
|
|
||||||
child: Icon(icon, size: 18, color: accentColor),
|
|
||||||
),
|
|
||||||
const SizedBox(width: 12),
|
|
||||||
Expanded(
|
|
||||||
child: Text(
|
|
||||||
title,
|
|
||||||
style: theme.textTheme.titleMedium?.copyWith(
|
|
||||||
fontWeight: FontWeight.w700,
|
|
||||||
letterSpacing: -0.2,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
|
...children,
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const Divider(height: 1, thickness: 1, indent: 0, endIndent: 0),
|
),
|
||||||
...children,
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -1219,12 +1668,15 @@ class _SettingsDivider extends StatelessWidget {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||||
return Divider(
|
return Divider(
|
||||||
height: 1,
|
height: 1,
|
||||||
thickness: 0.7,
|
thickness: 0.7,
|
||||||
indent: 68,
|
indent: 64,
|
||||||
endIndent: 16,
|
endIndent: 16,
|
||||||
color: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.25),
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.07)
|
||||||
|
: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.25),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1255,14 +1707,11 @@ class _SettingsTile extends StatelessWidget {
|
|||||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
Container(
|
_SettingsIconBadge(
|
||||||
width: 38,
|
icon: icon,
|
||||||
height: 38,
|
color: iconColor,
|
||||||
decoration: BoxDecoration(
|
size: 34,
|
||||||
color: iconColor.withValues(alpha: 0.12),
|
iconSize: 18,
|
||||||
borderRadius: BorderRadius.circular(12),
|
|
||||||
),
|
|
||||||
child: Icon(icon, size: 20, color: iconColor),
|
|
||||||
),
|
),
|
||||||
const SizedBox(width: 14),
|
const SizedBox(width: 14),
|
||||||
Expanded(
|
Expanded(
|
||||||
@@ -1328,14 +1777,11 @@ class _SettingsSegmentedTile<T> extends StatelessWidget {
|
|||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
Container(
|
_SettingsIconBadge(
|
||||||
width: 38,
|
icon: icon,
|
||||||
height: 38,
|
color: iconColor,
|
||||||
decoration: BoxDecoration(
|
size: 34,
|
||||||
color: iconColor.withValues(alpha: 0.12),
|
iconSize: 18,
|
||||||
borderRadius: BorderRadius.circular(12),
|
|
||||||
),
|
|
||||||
child: Icon(icon, size: 20, color: iconColor),
|
|
||||||
),
|
),
|
||||||
const SizedBox(width: 14),
|
const SizedBox(width: 14),
|
||||||
Expanded(
|
Expanded(
|
||||||
@@ -1445,14 +1891,11 @@ class _SettingsStepperTile extends StatelessWidget {
|
|||||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
Container(
|
_SettingsIconBadge(
|
||||||
width: 38,
|
icon: icon,
|
||||||
height: 38,
|
color: iconColor,
|
||||||
decoration: BoxDecoration(
|
size: 34,
|
||||||
color: iconColor.withValues(alpha: 0.12),
|
iconSize: 18,
|
||||||
borderRadius: BorderRadius.circular(12),
|
|
||||||
),
|
|
||||||
child: Icon(icon, size: 20, color: iconColor),
|
|
||||||
),
|
),
|
||||||
const SizedBox(width: 14),
|
const SizedBox(width: 14),
|
||||||
Expanded(
|
Expanded(
|
||||||
@@ -1545,18 +1988,11 @@ class _SettingsFolderStructureTile extends StatelessWidget {
|
|||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
Container(
|
const _SettingsIconBadge(
|
||||||
width: 38,
|
icon: Icons.folder_copy_rounded,
|
||||||
height: 38,
|
color: Color(0xFF0EA5E9),
|
||||||
decoration: BoxDecoration(
|
size: 34,
|
||||||
color: const Color(0xFF0EA5E9).withValues(alpha: 0.12),
|
iconSize: 18,
|
||||||
borderRadius: BorderRadius.circular(12),
|
|
||||||
),
|
|
||||||
child: const Icon(
|
|
||||||
Icons.folder_copy_rounded,
|
|
||||||
size: 20,
|
|
||||||
color: Color(0xFF0EA5E9),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
const SizedBox(width: 14),
|
const SizedBox(width: 14),
|
||||||
Expanded(
|
Expanded(
|
||||||
@@ -2183,12 +2619,12 @@ class _HeroBrandBanner extends StatelessWidget {
|
|||||||
OutlinedButton.icon(
|
OutlinedButton.icon(
|
||||||
onPressed: () async {
|
onPressed: () async {
|
||||||
final url = Uri.parse(
|
final url = Uri.parse(
|
||||||
'https://gitea.rardogsynapse.online/RarDog/Lunaris',
|
'https://github.com/RarDog/Lunaris',
|
||||||
);
|
);
|
||||||
await launchUrl(url, mode: LaunchMode.externalApplication);
|
await launchUrl(url, mode: LaunchMode.externalApplication);
|
||||||
},
|
},
|
||||||
icon: const Icon(Icons.code_rounded, size: 18),
|
icon: const Icon(Icons.code_rounded, size: 18),
|
||||||
label: const Text('Gitea'),
|
label: const Text('GitHub'),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
@@ -2200,35 +2636,64 @@ class _HeroBrandBanner extends StatelessWidget {
|
|||||||
Text(
|
Text(
|
||||||
isRu ? 'Резервное копирование и экспорт' : 'Backup & JSON Export',
|
isRu ? 'Резервное копирование и экспорт' : 'Backup & JSON Export',
|
||||||
style: theme.textTheme.titleSmall?.copyWith(
|
style: theme.textTheme.titleSmall?.copyWith(
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w700,
|
||||||
color: theme.colorScheme.onSurfaceVariant,
|
letterSpacing: -0.2,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 12),
|
const SizedBox(height: 12),
|
||||||
Wrap(
|
Column(
|
||||||
spacing: 10,
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
runSpacing: 10,
|
|
||||||
alignment: WrapAlignment.center,
|
|
||||||
children: [
|
children: [
|
||||||
OutlinedButton.icon(
|
Row(
|
||||||
onPressed: onExportBackup,
|
children: [
|
||||||
icon: const Icon(Icons.file_upload_rounded, size: 18),
|
Expanded(
|
||||||
label: Text(isRu ? 'Экспорт бэкапа' : 'Export backup'),
|
child: OutlinedButton.icon(
|
||||||
|
onPressed: onExportBackup,
|
||||||
|
icon: const Icon(Icons.file_upload_rounded, size: 18),
|
||||||
|
label: Text(
|
||||||
|
isRu ? 'Экспорт бэкапа' : 'Export backup',
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: OutlinedButton.icon(
|
||||||
|
onPressed: onImportBackup,
|
||||||
|
icon: const Icon(Icons.file_download_rounded, size: 18),
|
||||||
|
label: Text(
|
||||||
|
isRu ? 'Импорт бэкапа' : 'Import backup',
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
OutlinedButton.icon(
|
const SizedBox(height: 10),
|
||||||
onPressed: onImportBackup,
|
Row(
|
||||||
icon: const Icon(Icons.file_download_rounded, size: 18),
|
children: [
|
||||||
label: Text(isRu ? 'Импорт бэкапа' : 'Import backup'),
|
Expanded(
|
||||||
),
|
child: FilledButton.tonalIcon(
|
||||||
OutlinedButton.icon(
|
onPressed: onExportJson,
|
||||||
onPressed: onExportJson,
|
icon: const Icon(Icons.data_object_rounded, size: 18),
|
||||||
icon: const Icon(Icons.upload_file_rounded, size: 18),
|
label: Text(
|
||||||
label: const Text('JSON Export'),
|
isRu ? 'JSON Экспорт' : 'JSON Export',
|
||||||
),
|
overflow: TextOverflow.ellipsis,
|
||||||
OutlinedButton.icon(
|
),
|
||||||
onPressed: onImportJson,
|
),
|
||||||
icon: const Icon(Icons.download_for_offline_rounded, size: 18),
|
),
|
||||||
label: const Text('JSON Import'),
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: FilledButton.tonalIcon(
|
||||||
|
onPressed: onImportJson,
|
||||||
|
icon: const Icon(Icons.download_for_offline_rounded, size: 18),
|
||||||
|
label: Text(
|
||||||
|
isRu ? 'JSON Импорт' : 'JSON Import',
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
|
import 'dart:ui';
|
||||||
|
|
||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:go_router/go_router.dart';
|
import 'package:go_router/go_router.dart';
|
||||||
|
|
||||||
@@ -156,28 +159,56 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
final bottomInset = MediaQuery.paddingOf(context).bottom;
|
||||||
|
|
||||||
return RefreshIndicator(
|
return RefreshIndicator(
|
||||||
onRefresh: () =>
|
onRefresh: () =>
|
||||||
ref.read(viewedControllerProvider.notifier).refresh(),
|
ref.read(viewedControllerProvider.notifier).refresh(),
|
||||||
child: ListView(
|
child: ListView(
|
||||||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
|
padding: EdgeInsets.fromLTRB(16, 8, 16, 140 + bottomInset),
|
||||||
children: [
|
children: [
|
||||||
for (final group in groups) ...[
|
for (final group in groups) ...[
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.fromLTRB(4, 16, 4, 10),
|
padding: const EdgeInsets.fromLTRB(2, 16, 2, 10),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
Icon(
|
Container(
|
||||||
Icons.calendar_today_rounded,
|
width: 28,
|
||||||
size: 16,
|
height: 28,
|
||||||
color: Theme.of(context).colorScheme.primary,
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Theme.of(context).colorScheme.primary,
|
||||||
|
Theme.of(context).colorScheme.primary.withValues(alpha: 0.82),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(9),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary
|
||||||
|
.withValues(alpha: 0.32),
|
||||||
|
blurRadius: 6,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: const Center(
|
||||||
|
child: Icon(
|
||||||
|
Icons.calendar_today_rounded,
|
||||||
|
size: 14,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 10),
|
||||||
Text(
|
Text(
|
||||||
_localizedGroupLabel(group.label, isRu),
|
_localizedGroupLabel(group.label, isRu),
|
||||||
style:
|
style:
|
||||||
Theme.of(context).textTheme.titleSmall?.copyWith(
|
Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
|
letterSpacing: -0.2,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
@@ -187,10 +218,24 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
|
|||||||
vertical: 2,
|
vertical: 2,
|
||||||
),
|
),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Theme.of(context)
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
.colorScheme
|
? Theme.of(context)
|
||||||
.surfaceContainerHighest,
|
.colorScheme
|
||||||
|
.surfaceContainerHighest
|
||||||
|
.withValues(alpha: 0.5)
|
||||||
|
: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary
|
||||||
|
.withValues(alpha: 0.12),
|
||||||
borderRadius: BorderRadius.circular(10),
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
border: Border.all(
|
||||||
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? Colors.white.withValues(alpha: 0.08)
|
||||||
|
: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.primary
|
||||||
|
.withValues(alpha: 0.20),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
'${group.items.length}',
|
'${group.items.length}',
|
||||||
@@ -198,7 +243,10 @@ class _ViewedScreenState extends ConsumerState<ViewedScreen> {
|
|||||||
.textTheme
|
.textTheme
|
||||||
.labelSmall
|
.labelSmall
|
||||||
?.copyWith(
|
?.copyWith(
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w700,
|
||||||
|
color: Theme.of(context).brightness == Brightness.dark
|
||||||
|
? Theme.of(context).colorScheme.onSurfaceVariant
|
||||||
|
: Theme.of(context).colorScheme.primary,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -299,184 +347,251 @@ class _ViewedPostTile extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final scheme = Theme.of(context).colorScheme;
|
final scheme = Theme.of(context).colorScheme;
|
||||||
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||||
final image = MediaUrlSelector.preview(post).firstOrNull;
|
final image = MediaUrlSelector.preview(post).firstOrNull;
|
||||||
final timeStr =
|
final timeStr =
|
||||||
'${viewedAt.hour.toString().padLeft(2, '0')}:${viewedAt.minute.toString().padLeft(2, '0')}';
|
'${viewedAt.hour.toString().padLeft(2, '0')}:${viewedAt.minute.toString().padLeft(2, '0')}';
|
||||||
|
|
||||||
return Card(
|
return Container(
|
||||||
elevation: 0,
|
margin: const EdgeInsets.only(bottom: 10),
|
||||||
color: scheme.surfaceContainerLow,
|
decoration: BoxDecoration(
|
||||||
margin: const EdgeInsets.only(bottom: 8),
|
borderRadius: BorderRadius.circular(20),
|
||||||
shape: RoundedRectangleBorder(
|
boxShadow: [
|
||||||
borderRadius: BorderRadius.circular(16),
|
BoxShadow(
|
||||||
side: BorderSide(
|
color: Colors.black.withValues(alpha: isDark ? 0.28 : 0.05),
|
||||||
color: scheme.outlineVariant.withValues(alpha: 0.3),
|
blurRadius: 14,
|
||||||
),
|
offset: const Offset(0, 4),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
clipBehavior: Clip.antiAlias,
|
child: ClipRRect(
|
||||||
child: InkWell(
|
borderRadius: BorderRadius.circular(20),
|
||||||
onTap: onOpen,
|
child: BackdropFilter(
|
||||||
child: Padding(
|
filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
|
||||||
padding: const EdgeInsets.all(10),
|
child: Material(
|
||||||
child: Row(
|
color: Colors.transparent,
|
||||||
children: [
|
child: InkWell(
|
||||||
// Squircle Thumbnail
|
borderRadius: BorderRadius.circular(20),
|
||||||
ClipRRect(
|
onTap: () {
|
||||||
borderRadius: BorderRadius.circular(12),
|
HapticFeedback.selectionClick();
|
||||||
child: SizedBox(
|
onOpen();
|
||||||
width: 68,
|
},
|
||||||
height: 68,
|
child: Container(
|
||||||
child: Stack(
|
padding: const EdgeInsets.all(10),
|
||||||
fit: StackFit.expand,
|
decoration: BoxDecoration(
|
||||||
children: [
|
borderRadius: BorderRadius.circular(20),
|
||||||
image == null
|
gradient: LinearGradient(
|
||||||
? Container(
|
begin: Alignment.topLeft,
|
||||||
color: scheme.surfaceContainerHighest,
|
end: Alignment.bottomRight,
|
||||||
child: const Icon(Icons.image_not_supported_rounded),
|
colors: isDark
|
||||||
)
|
? [
|
||||||
: CachedNetworkImage(
|
scheme.surfaceContainerHigh
|
||||||
imageUrl: image,
|
.withValues(alpha: 0.58),
|
||||||
fit: BoxFit.cover,
|
scheme.surfaceContainerLow
|
||||||
placeholder: (_, __) => Container(
|
.withValues(alpha: 0.36),
|
||||||
color: scheme.surfaceContainerHighest,
|
]
|
||||||
),
|
: [
|
||||||
errorWidget: (_, __, ___) => Container(
|
Colors.white.withValues(alpha: 0.88),
|
||||||
color: scheme.surfaceContainerHighest,
|
Colors.white.withValues(alpha: 0.72),
|
||||||
child: const Icon(
|
],
|
||||||
Icons.broken_image_rounded,
|
),
|
||||||
size: 20,
|
border: Border.all(
|
||||||
),
|
color: isDark
|
||||||
),
|
? Colors.white.withValues(alpha: 0.13)
|
||||||
),
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
if (_isVideo)
|
width: 1.1,
|
||||||
Positioned(
|
|
||||||
right: 4,
|
|
||||||
bottom: 4,
|
|
||||||
child: Container(
|
|
||||||
padding: const EdgeInsets.all(3),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Colors.black.withValues(alpha: 0.65),
|
|
||||||
borderRadius: BorderRadius.circular(4),
|
|
||||||
),
|
|
||||||
child: const Icon(
|
|
||||||
Icons.play_arrow_rounded,
|
|
||||||
size: 14,
|
|
||||||
color: Colors.white,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
child: Row(
|
||||||
const SizedBox(width: 12),
|
|
||||||
// Post details
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
children: [
|
||||||
Row(
|
// Squircle Thumbnail
|
||||||
children: [
|
ClipRRect(
|
||||||
Flexible(
|
borderRadius: BorderRadius.circular(13),
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(
|
width: 68,
|
||||||
horizontal: 6,
|
height: 68,
|
||||||
vertical: 2,
|
decoration: BoxDecoration(
|
||||||
),
|
border: Border.all(
|
||||||
decoration: BoxDecoration(
|
color: isDark
|
||||||
color:
|
? Colors.white.withValues(alpha: 0.10)
|
||||||
scheme.primaryContainer.withValues(alpha: 0.5),
|
: scheme.outlineVariant.withValues(alpha: 0.30),
|
||||||
borderRadius: BorderRadius.circular(6),
|
),
|
||||||
),
|
borderRadius: BorderRadius.circular(13),
|
||||||
child: Text(
|
),
|
||||||
post.providerName,
|
child: Stack(
|
||||||
maxLines: 1,
|
fit: StackFit.expand,
|
||||||
overflow: TextOverflow.ellipsis,
|
children: [
|
||||||
style: Theme.of(context)
|
image == null
|
||||||
.textTheme
|
? Container(
|
||||||
.labelSmall
|
color: scheme.surfaceContainerHighest,
|
||||||
?.copyWith(
|
child: const Icon(
|
||||||
fontWeight: FontWeight.w600,
|
Icons.image_not_supported_rounded),
|
||||||
color: scheme.onPrimaryContainer,
|
)
|
||||||
|
: CachedNetworkImage(
|
||||||
|
imageUrl: image,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
placeholder: (_, __) => Container(
|
||||||
|
color: scheme.surfaceContainerHighest,
|
||||||
|
),
|
||||||
|
errorWidget: (_, __, ___) => Container(
|
||||||
|
color: scheme.surfaceContainerHighest,
|
||||||
|
child: const Icon(
|
||||||
|
Icons.broken_image_rounded,
|
||||||
|
size: 20,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
if (_isVideo)
|
||||||
),
|
Positioned(
|
||||||
),
|
right: 4,
|
||||||
const SizedBox(width: 6),
|
bottom: 4,
|
||||||
Text(
|
child: Container(
|
||||||
timeStr,
|
padding: const EdgeInsets.all(3),
|
||||||
style: Theme.of(context)
|
decoration: BoxDecoration(
|
||||||
.textTheme
|
color: Colors.black.withValues(alpha: 0.65),
|
||||||
.labelSmall
|
borderRadius: BorderRadius.circular(5),
|
||||||
?.copyWith(
|
),
|
||||||
color: scheme.onSurfaceVariant,
|
child: const Icon(
|
||||||
|
Icons.play_arrow_rounded,
|
||||||
|
size: 14,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 4),
|
const SizedBox(width: 12),
|
||||||
Text(
|
// Post details
|
||||||
post.tags.isEmpty ? '#${post.id}' : post.tags.take(4).join(' '),
|
Expanded(
|
||||||
maxLines: 1,
|
child: Column(
|
||||||
overflow: TextOverflow.ellipsis,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
||||||
fontWeight: FontWeight.w500,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
if (post.score != 0) ...[
|
|
||||||
const SizedBox(height: 2),
|
|
||||||
Row(
|
|
||||||
children: [
|
children: [
|
||||||
Icon(
|
Row(
|
||||||
Icons.thumb_up_rounded,
|
children: [
|
||||||
size: 12,
|
Flexible(
|
||||||
color: scheme.outline,
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 7,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: scheme.primary
|
||||||
|
.withValues(alpha: isDark ? 0.20 : 0.12),
|
||||||
|
borderRadius: BorderRadius.circular(6),
|
||||||
|
border: Border.all(
|
||||||
|
color: scheme.primary.withValues(
|
||||||
|
alpha: isDark ? 0.30 : 0.20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
post.providerName,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.labelSmall
|
||||||
|
?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: scheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
|
Text(
|
||||||
|
timeStr,
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.labelSmall
|
||||||
|
?.copyWith(
|
||||||
|
color: scheme.onSurfaceVariant,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(width: 4),
|
const SizedBox(height: 4),
|
||||||
Text(
|
Text(
|
||||||
'${post.score}',
|
post.tags.isEmpty ? '#${post.id}' : post.tags.take(4).join(' '),
|
||||||
style: Theme.of(context)
|
maxLines: 1,
|
||||||
.textTheme
|
overflow: TextOverflow.ellipsis,
|
||||||
.labelSmall
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||||
?.copyWith(
|
fontWeight: FontWeight.w600,
|
||||||
color: scheme.outline,
|
letterSpacing: -0.1,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
if (post.score != 0) ...[
|
||||||
|
const SizedBox(height: 2),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
Icons.thumb_up_rounded,
|
||||||
|
size: 12,
|
||||||
|
color: scheme.outline,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
'${post.score}',
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.labelSmall
|
||||||
|
?.copyWith(
|
||||||
|
color: scheme.outline,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
|
// Action buttons
|
||||||
|
IconButton(
|
||||||
|
visualDensity: VisualDensity.compact,
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
constraints:
|
||||||
|
const BoxConstraints(minWidth: 36, minHeight: 36),
|
||||||
|
tooltip: isFavorite
|
||||||
|
? (isRu ? 'В избранном' : 'In favorites')
|
||||||
|
: (isRu ? 'В избранное' : 'Add to favorites'),
|
||||||
|
onPressed: () {
|
||||||
|
HapticFeedback.selectionClick();
|
||||||
|
onFavorite();
|
||||||
|
},
|
||||||
|
icon: Icon(
|
||||||
|
isFavorite
|
||||||
|
? Icons.favorite_rounded
|
||||||
|
: Icons.favorite_border_rounded,
|
||||||
|
color: isFavorite
|
||||||
|
? Colors.redAccent
|
||||||
|
: scheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
visualDensity: VisualDensity.compact,
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
constraints:
|
||||||
|
const BoxConstraints(minWidth: 36, minHeight: 36),
|
||||||
|
tooltip:
|
||||||
|
isRu ? 'Удалить из истории' : 'Delete from history',
|
||||||
|
onPressed: () {
|
||||||
|
HapticFeedback.lightImpact();
|
||||||
|
onDelete();
|
||||||
|
},
|
||||||
|
icon: Icon(
|
||||||
|
Icons.close_rounded,
|
||||||
|
size: 20,
|
||||||
|
color: scheme.onSurfaceVariant.withValues(alpha: 0.6),
|
||||||
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
// Action buttons
|
),
|
||||||
IconButton(
|
|
||||||
visualDensity: VisualDensity.compact,
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
|
|
||||||
tooltip: isFavorite
|
|
||||||
? (isRu ? 'В избранном' : 'In favorites')
|
|
||||||
: (isRu ? 'В избранное' : 'Add to favorites'),
|
|
||||||
onPressed: onFavorite,
|
|
||||||
icon: Icon(
|
|
||||||
isFavorite
|
|
||||||
? Icons.favorite_rounded
|
|
||||||
: Icons.favorite_border_rounded,
|
|
||||||
color: isFavorite ? Colors.redAccent : scheme.onSurfaceVariant,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
visualDensity: VisualDensity.compact,
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
|
|
||||||
tooltip: isRu ? 'Удалить из истории' : 'Delete from history',
|
|
||||||
onPressed: onDelete,
|
|
||||||
icon: Icon(
|
|
||||||
Icons.close_rounded,
|
|
||||||
size: 20,
|
|
||||||
color: scheme.onSurfaceVariant.withValues(alpha: 0.6),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -192,23 +192,46 @@ class _TagInputSearchBarState extends State<TagInputSearchBar> {
|
|||||||
return const SizedBox.shrink();
|
return const SizedBox.shrink();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
final screenSize = MediaQuery.sizeOf(context);
|
||||||
final renderBox =
|
final renderBox =
|
||||||
_fieldKey.currentContext?.findRenderObject() as RenderBox?;
|
_fieldKey.currentContext?.findRenderObject() as RenderBox?;
|
||||||
final width =
|
final fieldWidth =
|
||||||
renderBox?.hasSize == true ? renderBox!.size.width : 360.0;
|
renderBox?.hasSize == true ? renderBox!.size.width : 360.0;
|
||||||
final height =
|
final fieldHeight =
|
||||||
renderBox?.hasSize == true ? renderBox!.size.height : 48.0;
|
renderBox?.hasSize == true ? renderBox!.size.height : 48.0;
|
||||||
|
|
||||||
|
final screenW = screenSize.width;
|
||||||
|
// Substantially wider dropdown:
|
||||||
|
// Mobile (< 600px): use full screen width minus comfortable 24px margins.
|
||||||
|
// Desktop/Tablet (>= 600px): expand to 1.35x field width, up to 780px.
|
||||||
|
final dropdownWidth = screenW < 600
|
||||||
|
? (screenW - 24.0).clamp(fieldWidth, 580.0)
|
||||||
|
: (fieldWidth * 1.35).clamp(fieldWidth, (screenW - 32.0).clamp(fieldWidth, 780.0));
|
||||||
|
|
||||||
|
// Ensure dropdown stays fully on screen and doesn't get clipped
|
||||||
|
double dxOffset = 0.0;
|
||||||
|
if (renderBox?.hasSize == true && renderBox?.attached == true) {
|
||||||
|
final globalPos = renderBox!.localToGlobal(Offset.zero);
|
||||||
|
final globalRight = globalPos.dx + dropdownWidth;
|
||||||
|
final maxRight = screenW - 12.0;
|
||||||
|
if (globalRight > maxRight) {
|
||||||
|
dxOffset = maxRight - globalRight;
|
||||||
|
}
|
||||||
|
if (globalPos.dx + dxOffset < 12.0) {
|
||||||
|
dxOffset = 12.0 - globalPos.dx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return CompositedTransformFollower(
|
return CompositedTransformFollower(
|
||||||
link: _layerLink,
|
link: _layerLink,
|
||||||
showWhenUnlinked: false,
|
showWhenUnlinked: false,
|
||||||
offset: Offset(0, height + 6),
|
offset: Offset(dxOffset, fieldHeight + 6),
|
||||||
child: Align(
|
child: Align(
|
||||||
alignment: Alignment.topLeft,
|
alignment: Alignment.topLeft,
|
||||||
child: TapRegion(
|
child: TapRegion(
|
||||||
groupId: _fieldKey,
|
groupId: _fieldKey,
|
||||||
child: SizedBox(
|
child: SizedBox(
|
||||||
width: width.clamp(280.0, 620.0),
|
width: dropdownWidth,
|
||||||
child: _TagSuggestionDropdown(
|
child: _TagSuggestionDropdown(
|
||||||
suggestions: suggestions,
|
suggestions: suggestions,
|
||||||
query: token,
|
query: token,
|
||||||
@@ -565,7 +588,7 @@ class _TagSuggestionDropdown extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final scheme = Theme.of(context).colorScheme;
|
final scheme = Theme.of(context).colorScheme;
|
||||||
return ConstrainedBox(
|
return ConstrainedBox(
|
||||||
constraints: const BoxConstraints(maxWidth: 620),
|
constraints: const BoxConstraints(maxWidth: 820),
|
||||||
child: Material(
|
child: Material(
|
||||||
elevation: 8,
|
elevation: 8,
|
||||||
shadowColor: Colors.black.withValues(alpha: 0.18),
|
shadowColor: Colors.black.withValues(alpha: 0.18),
|
||||||
@@ -641,7 +664,7 @@ class _TagSuggestionDropdown extends StatelessWidget {
|
|||||||
if (cleanToken.isEmpty) {
|
if (cleanToken.isEmpty) {
|
||||||
return Text(
|
return Text(
|
||||||
text,
|
text,
|
||||||
maxLines: 1,
|
maxLines: 2,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
style: defaultStyle,
|
style: defaultStyle,
|
||||||
);
|
);
|
||||||
@@ -653,7 +676,7 @@ class _TagSuggestionDropdown extends StatelessWidget {
|
|||||||
if (matchIndex < 0) {
|
if (matchIndex < 0) {
|
||||||
return Text(
|
return Text(
|
||||||
text,
|
text,
|
||||||
maxLines: 1,
|
maxLines: 2,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
style: defaultStyle,
|
style: defaultStyle,
|
||||||
);
|
);
|
||||||
@@ -678,7 +701,7 @@ class _TagSuggestionDropdown extends StatelessWidget {
|
|||||||
if (after.isNotEmpty) TextSpan(text: after),
|
if (after.isNotEmpty) TextSpan(text: after),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
maxLines: 1,
|
maxLines: 2,
|
||||||
overflow: TextOverflow.ellipsis,
|
overflow: TextOverflow.ellipsis,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import 'dart:ui';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
@@ -281,29 +282,393 @@ class _MobileShell extends StatelessWidget {
|
|||||||
? location == '/'
|
? location == '/'
|
||||||
: location.startsWith(item.location),
|
: location.startsWith(item.location),
|
||||||
);
|
);
|
||||||
|
final bottomInset = 76.0 + MediaQuery.paddingOf(context).bottom;
|
||||||
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
body: child,
|
extendBody: true,
|
||||||
|
body: MediaQuery(
|
||||||
|
data: MediaQuery.of(context).copyWith(
|
||||||
|
padding: MediaQuery.of(context).padding.copyWith(
|
||||||
|
bottom: bottomInset,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
floatingActionButton: location == '/settings'
|
floatingActionButton: location == '/settings'
|
||||||
? null
|
? null
|
||||||
: FloatingActionButton.small(
|
: Padding(
|
||||||
heroTag: 'mobile-settings',
|
padding: const EdgeInsets.only(bottom: 0, right: 2),
|
||||||
tooltip: ru
|
child: _LiquidGlassSettingsButton(
|
||||||
? '\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438'
|
ru: ru,
|
||||||
: 'Settings',
|
onTap: () => context.go('/settings'),
|
||||||
onPressed: () => context.go('/settings'),
|
),
|
||||||
child: const Icon(Icons.settings_rounded),
|
|
||||||
),
|
),
|
||||||
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
|
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
|
||||||
bottomNavigationBar: NavigationBar(
|
bottomNavigationBar: _LiquidGlassBottomBar(
|
||||||
selectedIndex: selected < 0 ? 0 : selected,
|
selectedIndex: selected < 0 ? 0 : selected,
|
||||||
onDestinationSelected: (index) => context.go(items[index].location),
|
onDestinationSelected: (index) => context.go(items[index].location),
|
||||||
destinations: [
|
items: items,
|
||||||
for (final item in items)
|
ru: ru,
|
||||||
NavigationDestination(
|
),
|
||||||
icon: Icon(item.icon),
|
);
|
||||||
label: item.mobileLabelFor(ru),
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LiquidGlassBottomBar extends StatefulWidget {
|
||||||
|
const _LiquidGlassBottomBar({
|
||||||
|
required this.selectedIndex,
|
||||||
|
required this.onDestinationSelected,
|
||||||
|
required this.items,
|
||||||
|
required this.ru,
|
||||||
|
});
|
||||||
|
|
||||||
|
final int selectedIndex;
|
||||||
|
final ValueChanged<int> onDestinationSelected;
|
||||||
|
final List<_Destination> items;
|
||||||
|
final bool ru;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<_LiquidGlassBottomBar> createState() => _LiquidGlassBottomBarState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LiquidGlassBottomBarState extends State<_LiquidGlassBottomBar> {
|
||||||
|
int? _pressedIndex;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
final scheme = theme.colorScheme;
|
||||||
|
final count = widget.items.length;
|
||||||
|
if (count == 0) return const SizedBox.shrink();
|
||||||
|
|
||||||
|
return SafeArea(
|
||||||
|
top: false,
|
||||||
|
left: false,
|
||||||
|
right: false,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(14, 0, 14, 10),
|
||||||
|
child: LayoutBuilder(
|
||||||
|
builder: (context, constraints) {
|
||||||
|
final barWidth = constraints.maxWidth;
|
||||||
|
final itemWidth = barWidth / count;
|
||||||
|
final pillWidth = (itemWidth - 6).clamp(36.0, 64.0);
|
||||||
|
final pillLeft =
|
||||||
|
widget.selectedIndex * itemWidth + (itemWidth - pillWidth) / 2;
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
height: 64,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(28),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: isDark ? 0.38 : 0.09),
|
||||||
|
blurRadius: 22,
|
||||||
|
offset: const Offset(0, 8),
|
||||||
|
spreadRadius: -2,
|
||||||
|
),
|
||||||
|
if (isDark)
|
||||||
|
BoxShadow(
|
||||||
|
color: scheme.primary.withValues(alpha: 0.07),
|
||||||
|
blurRadius: 18,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(28),
|
||||||
|
child: BackdropFilter(
|
||||||
|
filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(28),
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topCenter,
|
||||||
|
end: Alignment.bottomCenter,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
scheme.surfaceContainerHigh
|
||||||
|
.withValues(alpha: 0.70),
|
||||||
|
scheme.surface.withValues(alpha: 0.82),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.84),
|
||||||
|
Colors.white.withValues(alpha: 0.68),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.16)
|
||||||
|
: Colors.white.withValues(alpha: 0.75),
|
||||||
|
width: 1.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Stack(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
children: [
|
||||||
|
// Animated sliding liquid pill indicator
|
||||||
|
AnimatedPositioned(
|
||||||
|
duration: const Duration(milliseconds: 300),
|
||||||
|
curve: Curves.easeOutBack,
|
||||||
|
left: pillLeft,
|
||||||
|
top: 7,
|
||||||
|
child: Container(
|
||||||
|
width: pillWidth,
|
||||||
|
height: 32,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: scheme.primaryContainer.withValues(
|
||||||
|
alpha: isDark ? 0.75 : 0.88,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
border: Border.all(
|
||||||
|
color: scheme.primary.withValues(
|
||||||
|
alpha: isDark ? 0.35 : 0.22,
|
||||||
|
),
|
||||||
|
width: 1,
|
||||||
|
),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: scheme.primary.withValues(
|
||||||
|
alpha: isDark ? 0.22 : 0.12,
|
||||||
|
),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// Navigation item buttons
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
for (var i = 0; i < count; i++)
|
||||||
|
Expanded(
|
||||||
|
child: _LiquidNavItem(
|
||||||
|
destination: widget.items[i],
|
||||||
|
label: widget.items[i]
|
||||||
|
.mobileLabelFor(widget.ru),
|
||||||
|
isSelected: widget.selectedIndex == i,
|
||||||
|
isPressed: _pressedIndex == i,
|
||||||
|
onTapDown: () =>
|
||||||
|
setState(() => _pressedIndex = i),
|
||||||
|
onTapUp: () =>
|
||||||
|
setState(() => _pressedIndex = null),
|
||||||
|
onTapCancel: () =>
|
||||||
|
setState(() => _pressedIndex = null),
|
||||||
|
onTap: () {
|
||||||
|
HapticFeedback.lightImpact();
|
||||||
|
widget.onDestinationSelected(i);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LiquidNavItem extends StatelessWidget {
|
||||||
|
const _LiquidNavItem({
|
||||||
|
required this.destination,
|
||||||
|
required this.label,
|
||||||
|
required this.isSelected,
|
||||||
|
required this.isPressed,
|
||||||
|
required this.onTapDown,
|
||||||
|
required this.onTapUp,
|
||||||
|
required this.onTapCancel,
|
||||||
|
required this.onTap,
|
||||||
|
});
|
||||||
|
|
||||||
|
final _Destination destination;
|
||||||
|
final String label;
|
||||||
|
final bool isSelected;
|
||||||
|
final bool isPressed;
|
||||||
|
final VoidCallback onTapDown;
|
||||||
|
final VoidCallback onTapUp;
|
||||||
|
final VoidCallback onTapCancel;
|
||||||
|
final VoidCallback onTap;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final scheme = theme.colorScheme;
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
|
||||||
|
final targetScale = isPressed ? 0.86 : (isSelected ? 1.05 : 1.0);
|
||||||
|
|
||||||
|
return GestureDetector(
|
||||||
|
behavior: HitTestBehavior.opaque,
|
||||||
|
onTapDown: (_) => onTapDown(),
|
||||||
|
onTapUp: (_) => onTapUp(),
|
||||||
|
onTapCancel: onTapCancel,
|
||||||
|
onTap: onTap,
|
||||||
|
child: Center(
|
||||||
|
child: AnimatedScale(
|
||||||
|
scale: targetScale,
|
||||||
|
duration: const Duration(milliseconds: 180),
|
||||||
|
curve: Curves.easeOutCubic,
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
height: 32,
|
||||||
|
child: Center(
|
||||||
|
child: AnimatedSwitcher(
|
||||||
|
duration: const Duration(milliseconds: 200),
|
||||||
|
transitionBuilder: (child, anim) => ScaleTransition(
|
||||||
|
scale: anim,
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
|
child: Icon(
|
||||||
|
destination.icon,
|
||||||
|
key: ValueKey('${destination.id}_$isSelected'),
|
||||||
|
size: isSelected ? 22 : 20,
|
||||||
|
color: isSelected
|
||||||
|
? scheme.onPrimaryContainer
|
||||||
|
: (isDark
|
||||||
|
? scheme.onSurfaceVariant
|
||||||
|
.withValues(alpha: 0.78)
|
||||||
|
: scheme.onSurfaceVariant
|
||||||
|
.withValues(alpha: 0.85)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 2),
|
||||||
|
AnimatedDefaultTextStyle(
|
||||||
|
duration: const Duration(milliseconds: 200),
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 10.5,
|
||||||
|
fontWeight:
|
||||||
|
isSelected ? FontWeight.w700 : FontWeight.w500,
|
||||||
|
color: isSelected
|
||||||
|
? (isDark ? scheme.primary : scheme.onSurface)
|
||||||
|
: scheme.onSurfaceVariant.withValues(alpha: 0.75),
|
||||||
|
letterSpacing: -0.2,
|
||||||
|
),
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
child: Text(label),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LiquidGlassSettingsButton extends StatefulWidget {
|
||||||
|
const _LiquidGlassSettingsButton({
|
||||||
|
required this.ru,
|
||||||
|
required this.onTap,
|
||||||
|
});
|
||||||
|
|
||||||
|
final bool ru;
|
||||||
|
final VoidCallback onTap;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<_LiquidGlassSettingsButton> createState() =>
|
||||||
|
_LiquidGlassSettingsButtonState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LiquidGlassSettingsButtonState extends State<_LiquidGlassSettingsButton> {
|
||||||
|
bool _pressed = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final isDark = theme.brightness == Brightness.dark;
|
||||||
|
final scheme = theme.colorScheme;
|
||||||
|
|
||||||
|
return Tooltip(
|
||||||
|
message: widget.ru ? 'Настройки' : 'Settings',
|
||||||
|
child: GestureDetector(
|
||||||
|
behavior: HitTestBehavior.opaque,
|
||||||
|
onTapDown: (_) => setState(() => _pressed = true),
|
||||||
|
onTapUp: (_) => setState(() => _pressed = false),
|
||||||
|
onTapCancel: () => setState(() => _pressed = false),
|
||||||
|
onTap: () {
|
||||||
|
HapticFeedback.mediumImpact();
|
||||||
|
widget.onTap();
|
||||||
|
},
|
||||||
|
child: AnimatedScale(
|
||||||
|
scale: _pressed ? 0.88 : 1.0,
|
||||||
|
duration: const Duration(milliseconds: 160),
|
||||||
|
curve: Curves.easeOutCubic,
|
||||||
|
child: Container(
|
||||||
|
width: 48,
|
||||||
|
height: 48,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: isDark ? 0.38 : 0.12),
|
||||||
|
blurRadius: 18,
|
||||||
|
offset: const Offset(0, 6),
|
||||||
|
spreadRadius: -1,
|
||||||
|
),
|
||||||
|
BoxShadow(
|
||||||
|
color: scheme.primary.withValues(alpha: isDark ? 0.20 : 0.12),
|
||||||
|
blurRadius: 12,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
],
|
child: ClipOval(
|
||||||
|
child: BackdropFilter(
|
||||||
|
filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
gradient: RadialGradient(
|
||||||
|
center: const Alignment(-0.3, -0.4),
|
||||||
|
radius: 1.1,
|
||||||
|
colors: isDark
|
||||||
|
? [
|
||||||
|
scheme.surfaceContainerHigh.withValues(alpha: 0.85),
|
||||||
|
scheme.surface.withValues(alpha: 0.75),
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
Colors.white.withValues(alpha: 0.92),
|
||||||
|
Colors.white.withValues(alpha: 0.70),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.24)
|
||||||
|
: Colors.white.withValues(alpha: 0.85),
|
||||||
|
width: 1.4,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: AnimatedRotation(
|
||||||
|
turns: _pressed ? 0.125 : 0.0,
|
||||||
|
duration: const Duration(milliseconds: 250),
|
||||||
|
curve: Curves.easeOutBack,
|
||||||
|
child: Icon(
|
||||||
|
Icons.settings_rounded,
|
||||||
|
size: 23,
|
||||||
|
color: scheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,261 @@
|
|||||||
|
import 'package:flutter/gestures.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:url_launcher/url_launcher.dart';
|
||||||
|
|
||||||
|
import '../../backend/models/creator_link.dart';
|
||||||
|
|
||||||
|
class FormattedContentText extends StatefulWidget {
|
||||||
|
const FormattedContentText({
|
||||||
|
super.key,
|
||||||
|
required this.text,
|
||||||
|
this.style,
|
||||||
|
this.linkColor,
|
||||||
|
this.selectable = true,
|
||||||
|
});
|
||||||
|
|
||||||
|
final String text;
|
||||||
|
final TextStyle? style;
|
||||||
|
final Color? linkColor;
|
||||||
|
final bool selectable;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<FormattedContentText> createState() => _FormattedContentTextState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _FormattedContentTextState extends State<FormattedContentText> {
|
||||||
|
final List<TapGestureRecognizer> _recognizers = [];
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
for (final r in _recognizers) {
|
||||||
|
r.dispose();
|
||||||
|
}
|
||||||
|
_recognizers.clear();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _clearRecognizers() {
|
||||||
|
for (final r in _recognizers) {
|
||||||
|
r.dispose();
|
||||||
|
}
|
||||||
|
_recognizers.clear();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _launch(String url) async {
|
||||||
|
final uri = Uri.tryParse(url);
|
||||||
|
if (uri != null) {
|
||||||
|
try {
|
||||||
|
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||||||
|
} catch (_) {
|
||||||
|
if (mounted) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(content: Text('Не удалось открыть ссылку: $url')),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
_clearRecognizers();
|
||||||
|
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final scheme = theme.colorScheme;
|
||||||
|
final defaultStyle = widget.style ?? theme.textTheme.bodyMedium ?? const TextStyle();
|
||||||
|
final linkStyle = defaultStyle.copyWith(
|
||||||
|
color: widget.linkColor ?? scheme.primary,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
decoration: TextDecoration.underline,
|
||||||
|
decorationColor: (widget.linkColor ?? scheme.primary).withValues(alpha: 0.45),
|
||||||
|
);
|
||||||
|
|
||||||
|
final text = widget.text;
|
||||||
|
if (text.isEmpty) return const SizedBox.shrink();
|
||||||
|
|
||||||
|
final urlRegex = RegExp(r'''https?://[^\s<>"{}|\\^`\[\]]+''', caseSensitive: false);
|
||||||
|
final spans = <InlineSpan>[];
|
||||||
|
var lastIndex = 0;
|
||||||
|
|
||||||
|
for (final match in urlRegex.allMatches(text)) {
|
||||||
|
if (match.start > lastIndex) {
|
||||||
|
spans.add(TextSpan(
|
||||||
|
text: text.substring(lastIndex, match.start),
|
||||||
|
style: defaultStyle,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
var rawUrl = match.group(0)!;
|
||||||
|
var cleanUrl = rawUrl;
|
||||||
|
var trailing = '';
|
||||||
|
while (cleanUrl.isNotEmpty &&
|
||||||
|
(cleanUrl.endsWith(')') ||
|
||||||
|
cleanUrl.endsWith('.') ||
|
||||||
|
cleanUrl.endsWith(',') ||
|
||||||
|
cleanUrl.endsWith(';') ||
|
||||||
|
cleanUrl.endsWith('!') ||
|
||||||
|
cleanUrl.endsWith('?') ||
|
||||||
|
cleanUrl.endsWith(':') ||
|
||||||
|
cleanUrl.endsWith('>'))) {
|
||||||
|
trailing = cleanUrl[cleanUrl.length - 1] + trailing;
|
||||||
|
cleanUrl = cleanUrl.substring(0, cleanUrl.length - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
final recognizer = TapGestureRecognizer()
|
||||||
|
..onTap = () => _launch(cleanUrl);
|
||||||
|
_recognizers.add(recognizer);
|
||||||
|
|
||||||
|
spans.add(TextSpan(
|
||||||
|
text: cleanUrl,
|
||||||
|
style: linkStyle,
|
||||||
|
recognizer: recognizer,
|
||||||
|
));
|
||||||
|
|
||||||
|
if (trailing.isNotEmpty) {
|
||||||
|
spans.add(TextSpan(
|
||||||
|
text: trailing,
|
||||||
|
style: defaultStyle,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
lastIndex = match.end;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lastIndex < text.length) {
|
||||||
|
spans.add(TextSpan(
|
||||||
|
text: text.substring(lastIndex),
|
||||||
|
style: defaultStyle,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (widget.selectable) {
|
||||||
|
return SelectableText.rich(
|
||||||
|
TextSpan(children: spans),
|
||||||
|
style: defaultStyle,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Text.rich(
|
||||||
|
TextSpan(children: spans),
|
||||||
|
style: defaultStyle,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class CreatorLinkChips extends StatelessWidget {
|
||||||
|
const CreatorLinkChips({
|
||||||
|
super.key,
|
||||||
|
required this.links,
|
||||||
|
this.title,
|
||||||
|
});
|
||||||
|
|
||||||
|
final List<CreatorLink> links;
|
||||||
|
final String? title;
|
||||||
|
|
||||||
|
Future<void> _openLink(BuildContext context, String url) async {
|
||||||
|
final uri = Uri.tryParse(url);
|
||||||
|
if (uri != null) {
|
||||||
|
try {
|
||||||
|
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||||||
|
} catch (_) {
|
||||||
|
if (context.mounted) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(content: Text('Не удалось открыть ссылку: $url')),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (links.isEmpty) return const SizedBox.shrink();
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
if (title != null && title!.isNotEmpty) ...[
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 6),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
Icons.link_rounded,
|
||||||
|
size: 15,
|
||||||
|
color: theme.colorScheme.primary,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
|
Text(
|
||||||
|
title!,
|
||||||
|
style: theme.textTheme.labelMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: theme.colorScheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
Wrap(
|
||||||
|
spacing: 8,
|
||||||
|
runSpacing: 6,
|
||||||
|
children: links.map((link) {
|
||||||
|
final brand = link.brandColor;
|
||||||
|
final labelText = link.title.isNotEmpty ? link.title : link.serviceName;
|
||||||
|
|
||||||
|
return Material(
|
||||||
|
color: brand.withValues(alpha: 0.1),
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
onTap: () => _openLink(context, link.url),
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
border: Border.all(
|
||||||
|
color: brand.withValues(alpha: 0.35),
|
||||||
|
width: 1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
link.iconData,
|
||||||
|
size: 16,
|
||||||
|
color: brand,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
|
ConstrainedBox(
|
||||||
|
constraints: const BoxConstraints(maxWidth: 240),
|
||||||
|
child: Text(
|
||||||
|
labelText,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: theme.colorScheme.onSurface,
|
||||||
|
),
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Icon(
|
||||||
|
Icons.arrow_outward_rounded,
|
||||||
|
size: 12,
|
||||||
|
color: brand.withValues(alpha: 0.75),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -28,6 +28,7 @@ class PostMasonryGrid extends StatelessWidget {
|
|||||||
this.loading = false,
|
this.loading = false,
|
||||||
this.controller,
|
this.controller,
|
||||||
this.gridMode = 'masonry',
|
this.gridMode = 'masonry',
|
||||||
|
this.padding,
|
||||||
super.key,
|
super.key,
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -51,11 +52,19 @@ class PostMasonryGrid extends StatelessWidget {
|
|||||||
final bool loading;
|
final bool loading;
|
||||||
final ScrollController? controller;
|
final ScrollController? controller;
|
||||||
final String gridMode;
|
final String gridMode;
|
||||||
|
final EdgeInsetsGeometry? padding;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final mobile = Responsive.isMobile(context);
|
final mobile = Responsive.isMobile(context);
|
||||||
final pad = EdgeInsets.all(mobile ? 8 : 16);
|
final bottomInset = MediaQuery.paddingOf(context).bottom;
|
||||||
|
final pad = padding ??
|
||||||
|
EdgeInsets.fromLTRB(
|
||||||
|
mobile ? 8 : 16,
|
||||||
|
mobile ? 8 : 16,
|
||||||
|
mobile ? 8 : 16,
|
||||||
|
(mobile ? 8 : 16) + (mobile ? (120.0 + bottomInset) : 0.0),
|
||||||
|
);
|
||||||
final spacing = mobile ? 8.0 : 12.0;
|
final spacing = mobile ? 8.0 : 12.0;
|
||||||
|
|
||||||
Widget buildCard(Post post) {
|
Widget buildCard(Post post) {
|
||||||
|
|||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
name: gel_rule_app
|
name: gel_rule_app
|
||||||
description: Local backend/core layer for a Flutter booru browser app.
|
description: Local backend/core layer for a Flutter booru browser app.
|
||||||
publish_to: "none"
|
publish_to: "none"
|
||||||
version: 3.0.0+51
|
version: 3.1.0+61
|
||||||
|
|
||||||
environment:
|
environment:
|
||||||
sdk: ">=3.3.0 <4.0.0"
|
sdk: ">=3.3.0 <4.0.0"
|
||||||
|
|||||||
@@ -0,0 +1,67 @@
|
|||||||
|
import 'package:flutter_test/flutter_test.dart';
|
||||||
|
import 'package:gel_rule_app/backend/models/creator_link.dart';
|
||||||
|
|
||||||
|
void main() {
|
||||||
|
group('CreatorLink extractor and classification tests', () {
|
||||||
|
test('extracts and classifies social and creator links accurately', () {
|
||||||
|
const text = '''
|
||||||
|
Check out my latest speedpaint on YouTube: https://youtu.be/dQw4w9WgXcQ
|
||||||
|
Also follow my X account https://x.com/artist_handle and Instagram: https://instagram.com/p/C1234567/!
|
||||||
|
Support me on Patreon: https://www.patreon.com/my_art or Fanbox: https://artist.fanbox.cc
|
||||||
|
Join my Discord: https://discord.gg/invitelink
|
||||||
|
Other links: https://carrd.co/myportfolio and https://example.com/blog.
|
||||||
|
Cloud links like https://drive.google.com/file/d/123/view and https://mega.nz/file/abc should be excluded by default.
|
||||||
|
''';
|
||||||
|
|
||||||
|
final links = CreatorLink.extractLinks(text);
|
||||||
|
|
||||||
|
expect(links.length, 8);
|
||||||
|
|
||||||
|
final yt = links.firstWhere((l) => l.type == CreatorLinkType.youtube);
|
||||||
|
expect(yt.serviceName, 'YouTube');
|
||||||
|
expect(yt.url, 'https://youtu.be/dQw4w9WgXcQ');
|
||||||
|
|
||||||
|
final twitter = links.firstWhere((l) => l.type == CreatorLinkType.twitter);
|
||||||
|
expect(twitter.serviceName, 'X (Twitter)');
|
||||||
|
expect(twitter.url, 'https://x.com/artist_handle');
|
||||||
|
|
||||||
|
final insta = links.firstWhere((l) => l.type == CreatorLinkType.instagram);
|
||||||
|
expect(insta.serviceName, 'Instagram');
|
||||||
|
expect(insta.url, 'https://instagram.com/p/C1234567/');
|
||||||
|
|
||||||
|
final patreon = links.firstWhere((l) => l.type == CreatorLinkType.patreon);
|
||||||
|
expect(patreon.serviceName, 'Patreon');
|
||||||
|
|
||||||
|
final fanbox = links.firstWhere((l) => l.type == CreatorLinkType.fanbox);
|
||||||
|
expect(fanbox.serviceName, 'Fanbox');
|
||||||
|
|
||||||
|
final discord = links.firstWhere((l) => l.type == CreatorLinkType.discord);
|
||||||
|
expect(discord.serviceName, 'Discord');
|
||||||
|
|
||||||
|
final hub = links.firstWhere((l) => l.type == CreatorLinkType.linkhub);
|
||||||
|
expect(hub.serviceName, 'Links Hub');
|
||||||
|
|
||||||
|
final web = links.firstWhere((l) => l.type == CreatorLinkType.other);
|
||||||
|
expect(web.url, 'https://example.com/blog');
|
||||||
|
|
||||||
|
// Verify cloud storage was excluded
|
||||||
|
expect(links.any((l) => l.url.contains('drive.google.com')), isFalse);
|
||||||
|
expect(links.any((l) => l.url.contains('mega.nz')), isFalse);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('handles HTML anchor links with custom titles', () {
|
||||||
|
const html = '''
|
||||||
|
<p>Visit my <a href="https://twitter.com/draws">Twitter Profile</a> and watch on <a href="https://www.youtube.com/channel/123">YouTube Stream</a>!</p>
|
||||||
|
''';
|
||||||
|
|
||||||
|
final links = CreatorLink.extractLinks(html);
|
||||||
|
expect(links.length, 2);
|
||||||
|
|
||||||
|
final tw = links.firstWhere((l) => l.type == CreatorLinkType.twitter);
|
||||||
|
expect(tw.title, 'Twitter Profile');
|
||||||
|
|
||||||
|
final yt = links.firstWhere((l) => l.type == CreatorLinkType.youtube);
|
||||||
|
expect(yt.title, 'YouTube Stream');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -6,7 +6,7 @@ import 'package:gel_rule_app/backend/services/update_service.dart';
|
|||||||
import 'package:gel_rule_app/core/database/database_service.dart';
|
import 'package:gel_rule_app/core/database/database_service.dart';
|
||||||
|
|
||||||
void main() {
|
void main() {
|
||||||
test('UpdateService parses Gitea release JSON correctly', () {
|
test('UpdateService parses GitHub release JSON correctly', () {
|
||||||
final service = UpdateService(Dio(), SettingsService(_MockDatabaseService()));
|
final service = UpdateService(Dio(), SettingsService(_MockDatabaseService()));
|
||||||
|
|
||||||
// Use reflection or constructor to test info
|
// Use reflection or constructor to test info
|
||||||
@@ -15,21 +15,21 @@ void main() {
|
|||||||
tagName: 'v2.0.2',
|
tagName: 'v2.0.2',
|
||||||
name: 'Lunaris 2.0.2',
|
name: 'Lunaris 2.0.2',
|
||||||
body: 'Release notes',
|
body: 'Release notes',
|
||||||
htmlUrl: 'https://gitea.rardogsynapse.online/RarDog/Lunaris/releases/tag/v2.0.2',
|
htmlUrl: 'https://github.com/RarDog/Lunaris/releases/tag/v2.0.2',
|
||||||
publishedAt: DateTime.parse('2026-09-03T18:00:00Z'),
|
publishedAt: DateTime.parse('2026-09-03T18:00:00Z'),
|
||||||
apkUrl: 'https://gitea.rardogsynapse.online/attachments/apk',
|
apkUrl: 'https://github.com/RarDog/Lunaris/releases/download/v2.0.2/Lunaris.apk',
|
||||||
linuxTarGzUrl: 'https://gitea.rardogsynapse.online/attachments/linux',
|
linuxTarGzUrl: 'https://github.com/RarDog/Lunaris/releases/download/v2.0.2/linux.tar.gz',
|
||||||
);
|
);
|
||||||
|
|
||||||
expect(info.hasAssets, isTrue);
|
expect(info.hasAssets, isTrue);
|
||||||
expect(info.apkUrl, contains('apk'));
|
expect(info.apkUrl, contains('apk'));
|
||||||
expect(info.linuxTarGzUrl, contains('linux'));
|
expect(info.linuxTarGzUrl, contains('linux'));
|
||||||
expect(
|
expect(
|
||||||
service.assetFileName(info, 'https://gitea.rardogsynapse.online/attachments/Lunaris-v2.0.2.apk'),
|
service.assetFileName(info, 'https://github.com/RarDog/Lunaris/releases/download/v2.0.2/Lunaris-v2.0.2.apk'),
|
||||||
'Lunaris-v2.0.2.apk',
|
'Lunaris-v2.0.2.apk',
|
||||||
);
|
);
|
||||||
expect(
|
expect(
|
||||||
service.assetFileName(info, info.apkUrl!),
|
service.assetFileName(info, 'https://github.com/RarDog/Lunaris/releases/download/v2.0.2/unknown-linux'),
|
||||||
'Lunaris-v2.0.2-linux-x64.tar.gz',
|
'Lunaris-v2.0.2-linux-x64.tar.gz',
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user