main: это именно та версия, которая уже стоит на тестовом продакшен сервере
Да, звучит немного удивительно, но именно так: люди уже могут регистрироваться, писать друг другу личные сообщения, звонить и пользоваться каналами. При этом регистрация пока идёт через тестовые Solana/devnet, так что это всё ещё этап тестирования. И в UI ещё куча всего не доделана. Но тем не менее всё равно. Прикольно.
This commit is contained in:
commit
475db28095
2
.idea/vcs.xml
generated
2
.idea/vcs.xml
generated
@ -2,7 +2,5 @@
|
|||||||
<project version="4">
|
<project version="4">
|
||||||
<component name="VcsDirectoryMappings">
|
<component name="VcsDirectoryMappings">
|
||||||
<mapping directory="" vcs="Git" />
|
<mapping directory="" vcs="Git" />
|
||||||
<mapping directory="$PROJECT_DIR$/ESP32/esp32/ESP32-S3-Touch-AMOLED-2.16/official-demo" vcs="Git" />
|
|
||||||
<mapping directory="$PROJECT_DIR$/tools/understand-anything-lab/upstream" vcs="Git" />
|
|
||||||
</component>
|
</component>
|
||||||
</project>
|
</project>
|
||||||
18
AGENTS.md
18
AGENTS.md
@ -83,14 +83,26 @@
|
|||||||
|
|
||||||
## Deploy
|
## Deploy
|
||||||
- Все документы и заметки по деплою хранить в папке `Dev_Docs/deploy/`.
|
- Все документы и заметки по деплою хранить в папке `Dev_Docs/deploy/`.
|
||||||
- Базовый целевой хост для деплоя по умолчанию: `player@93.170.12.154` (`shineup.me`).
|
- Production-хост SHiNE: `player@shineup.me` (`185.229.109.118`).
|
||||||
|
- Основной test-хост SHiNE: `player@193.8.215.70` (`test2.shineup.me`).
|
||||||
|
- Резервный test-хост SHiNE: `player@93.170.12.154` (`test.shineup.me`).
|
||||||
- Базовый путь на сервере для SHiNE: `/home/player` (проекты SHiNE размещать в `/home/player/SHiNE/...`).
|
- Базовый путь на сервере для SHiNE: `/home/player` (проекты SHiNE размещать в `/home/player/SHiNE/...`).
|
||||||
- По возможности все справки, комментарии и примечания в конфигах/документах писать на русском языке.
|
- По возможности все справки, комментарии и примечания в конфигах/документах писать на русском языке.
|
||||||
- Для операций `git push` при необходимости использовать токен из переменной окружения `$GITEA_TOKEN`.
|
- Для операций `git push` при необходимости использовать токен из переменной окружения `$GITEA_TOKEN`.
|
||||||
- Для серверного деплоя использовать один gradle task: `./gradlew deployServer`.
|
- Любые изменения и любой деплой на production `shineup.me` выполнять только после отдельного явного подтверждения пользователя.
|
||||||
- Для UI деплоя использовать один gradle task: `./gradlew deployUI`.
|
- Если пользователь пишет просто `задеплой` без уточнения production/test, по умолчанию деплоить на `test2.shineup.me`.
|
||||||
|
- Default server deploy: `./gradlew deployServer` или `./gradlew deployServerTest2`.
|
||||||
|
- Default UI deploy: `./gradlew deployUI` или `./gradlew deployUITest2`.
|
||||||
|
- Production server deploy: `./gradlew deployServerProduction`.
|
||||||
|
- Production UI deploy: `./gradlew deployUIProduction`.
|
||||||
|
- Резервный test deploy на `test.shineup.me`: `./gradlew deployServerTest` и `./gradlew deployUITest`, но пока их не использовать без отдельной причины.
|
||||||
- Для локального запуска использовать `./gradlew startLocal` (или `startLocalWithBuild`).
|
- Для локального запуска использовать `./gradlew startLocal` (или `startLocalWithBuild`).
|
||||||
- Сначала предлагать локальную проверку, а деплой на сервер выполнять по запросу пользователя.
|
- Сначала предлагать локальную проверку, а деплой на сервер выполнять по запросу пользователя.
|
||||||
|
- Для временной бесплатной загрузки аватаров в Arweave секретный JWK нельзя хранить в git и нельзя прописывать в репозиторный `application.properties`.
|
||||||
|
- Для продовой настройки тестового Arweave-кошелька JWK-файл нужно хранить только на сервере, например: `/home/player/SHiNE/secrets/test-free-avatar-wallet.json`.
|
||||||
|
- Для этой временной фичи на проде должны быть заданы параметры `test.freeAvatar.walletJwkPath` и `test.freeAvatar.walletAddress` через серверный override-конфиг/секреты на хосте.
|
||||||
|
- После изменения продовых значений `test.freeAvatar.*` нужно заново выполнить серверный деплой или перезапуск сервера, чтобы настройки были перечитаны приложением.
|
||||||
|
- При таких изменениях в git допускается коммитить только документацию и код чтения настроек, но не сам JWK, не содержимое секрета и не реальные приватные ключи.
|
||||||
|
|
||||||
## Логи звонков (установка соединения)
|
## Логи звонков (установка соединения)
|
||||||
- Специальный поток диагностики установки звонков идёт через `CallDeliveryReport` (клиент → сервер).
|
- Специальный поток диагностики установки звонков идёт через `CallDeliveryReport` (клиент → сервер).
|
||||||
|
|||||||
@ -15,6 +15,8 @@
|
|||||||
| `AddUser` | `01_User_Registration_API.md` | отключено (`410 / ADD_USER_DISABLED`) |
|
| `AddUser` | `01_User_Registration_API.md` | отключено (`410 / ADD_USER_DISABLED`) |
|
||||||
| `GetUser` | `01_User_Registration_API.md` | чтение/проверка пользователя + server-состояние его блокчейна |
|
| `GetUser` | `01_User_Registration_API.md` | чтение/проверка пользователя + server-состояние его блокчейна |
|
||||||
| `SearchUsers` | `01_User_Registration_API.md` | поиск логинов по префиксу |
|
| `SearchUsers` | `01_User_Registration_API.md` | поиск логинов по префиксу |
|
||||||
|
| `TestGetFreeAvatarQuota` | `14_Test_Free_Avatar_Upload_API.md` | временный тестовый просмотр остатка бесплатных загрузок аватара |
|
||||||
|
| `TestUploadFreeAvatar` | `14_Test_Free_Avatar_Upload_API.md` | временная тестовая бесплатная загрузка маленького аватара в Arweave |
|
||||||
| `AuthChallenge` | `02_Authentication_API.md` | challenge для создания новой сессии |
|
| `AuthChallenge` | `02_Authentication_API.md` | challenge для создания новой сессии |
|
||||||
| `CreateAuthSession` | `02_Authentication_API.md` | создание новой авторизованной сессии |
|
| `CreateAuthSession` | `02_Authentication_API.md` | создание новой авторизованной сессии |
|
||||||
| `SessionChallenge` | `02_Authentication_API.md` | challenge для входа в существующую сессию |
|
| `SessionChallenge` | `02_Authentication_API.md` | challenge для входа в существующую сессию |
|
||||||
|
|||||||
176
Dev_Docs/API/14_Test_Free_Avatar_Upload_API.md
Normal file
176
Dev_Docs/API/14_Test_Free_Avatar_Upload_API.md
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
# Временное Test API для бесплатной загрузки аватаров в Arweave
|
||||||
|
|
||||||
|
> Статус: **временное тестовое решение**.
|
||||||
|
> Все операции из этого файла начинаются с `Test...`, чтобы это было видно сразу и в коде, и в UI.
|
||||||
|
|
||||||
|
## Назначение
|
||||||
|
|
||||||
|
Этот временный API даёт пользователю ограниченную бесплатную загрузку маленьких аватаров в Arweave:
|
||||||
|
|
||||||
|
- загрузка идёт через **серверный Arweave-кошелёк**;
|
||||||
|
- лимит на пользователя: по умолчанию `3` загрузки за всё время;
|
||||||
|
- лимит хранится в SQLite-таблице `test_free_avatar_uploads`;
|
||||||
|
- если лимит исчерпан, сервер возвращает понятную ошибку;
|
||||||
|
- загружать можно только маленький итоговый файл аватара, по умолчанию до `128 KB`.
|
||||||
|
|
||||||
|
## Настройки сервера
|
||||||
|
|
||||||
|
В `application.properties`:
|
||||||
|
|
||||||
|
```properties
|
||||||
|
test.freeAvatar.enabled=true
|
||||||
|
test.freeAvatar.gateway=https://arweave.net
|
||||||
|
test.freeAvatar.limitPerUser=3
|
||||||
|
test.freeAvatar.maxBytes=131072
|
||||||
|
test.freeAvatar.walletAddress=
|
||||||
|
test.freeAvatar.walletJwkPath=
|
||||||
|
```
|
||||||
|
|
||||||
|
Пояснения:
|
||||||
|
|
||||||
|
- `test.freeAvatar.enabled` - включить или выключить временный API;
|
||||||
|
- `test.freeAvatar.gateway` - Arweave gateway для `price/tx/wallet`;
|
||||||
|
- `test.freeAvatar.limitPerUser` - пожизненный бесплатный лимит на пользователя;
|
||||||
|
- `test.freeAvatar.maxBytes` - максимальный размер итогового файла;
|
||||||
|
- `test.freeAvatar.walletAddress` - публичный адрес серверного Arweave-кошелька;
|
||||||
|
- `test.freeAvatar.walletJwkPath` - путь к приватному JWK-файлу серверного кошелька.
|
||||||
|
|
||||||
|
Важно:
|
||||||
|
|
||||||
|
- приватный JWK хранится вне кода;
|
||||||
|
- если `walletAddress` указан и не совпадает с адресом, вычисленным из JWK, сервер вернёт ошибку настройки.
|
||||||
|
|
||||||
|
## `TestGetFreeAvatarQuota`
|
||||||
|
|
||||||
|
Возвращает остаток бесплатных загрузок для текущего авторизованного пользователя.
|
||||||
|
|
||||||
|
### Запрос
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"op": "TestGetFreeAvatarQuota",
|
||||||
|
"requestId": "req-test-avatar-quota-1",
|
||||||
|
"payload": {}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Успешный ответ
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"op": "TestGetFreeAvatarQuota",
|
||||||
|
"requestId": "req-test-avatar-quota-1",
|
||||||
|
"status": 200,
|
||||||
|
"ok": true,
|
||||||
|
"payload": {
|
||||||
|
"enabled": true,
|
||||||
|
"limit": 3,
|
||||||
|
"usedCount": 1,
|
||||||
|
"remainingCount": 2,
|
||||||
|
"maxBytes": 131072
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Поля ответа
|
||||||
|
|
||||||
|
- `enabled` - временный API сейчас включён на сервере или нет;
|
||||||
|
- `limit` - полный лимит бесплатных загрузок;
|
||||||
|
- `usedCount` - сколько уже израсходовано;
|
||||||
|
- `remainingCount` - сколько ещё осталось;
|
||||||
|
- `maxBytes` - максимальный размер итогового файла.
|
||||||
|
|
||||||
|
### Ошибки
|
||||||
|
|
||||||
|
- `422 NOT_AUTHENTICATED` - требуется авторизация.
|
||||||
|
|
||||||
|
## `TestUploadFreeAvatar`
|
||||||
|
|
||||||
|
Временная бесплатная загрузка маленькой аватарки в Arweave через серверный кошелёк.
|
||||||
|
|
||||||
|
### Правила
|
||||||
|
|
||||||
|
- операция требует авторизованную сессию;
|
||||||
|
- сервер использует текущий login из сессии;
|
||||||
|
- сервер принимает только:
|
||||||
|
- `image/jpeg`
|
||||||
|
- `image/png`
|
||||||
|
- `image/webp`
|
||||||
|
- размер итогового файла должен быть не больше `maxBytes` из квоты;
|
||||||
|
- если пользователь уже сделал `limit` бесплатных загрузок, операция запрещена.
|
||||||
|
|
||||||
|
### Запрос
|
||||||
|
|
||||||
|
`fileBytesBase64` - это обычный Base64 байт итогового подготовленного файла.
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"op": "TestUploadFreeAvatar",
|
||||||
|
"requestId": "req-test-avatar-upload-1",
|
||||||
|
"payload": {
|
||||||
|
"contentType": "image/webp",
|
||||||
|
"fileBytesBase64": "UklGRiQAAABXRUJQVlA4WAoAAAAQAAAA...",
|
||||||
|
"sha256Hex": "0123456789abcdef0123456789abcdef0123456789abcdef0123456789abcdef"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Успешный ответ
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"op": "TestUploadFreeAvatar",
|
||||||
|
"requestId": "req-test-avatar-upload-1",
|
||||||
|
"status": 200,
|
||||||
|
"ok": true,
|
||||||
|
"payload": {
|
||||||
|
"txId": "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
|
||||||
|
"sha256Hex": "0123456789abcdef0123456789abcdef0123456789abcdef0123456789abcdef",
|
||||||
|
"usedCount": 2,
|
||||||
|
"remainingCount": 1,
|
||||||
|
"limit": 3,
|
||||||
|
"gateway": "https://arweave.net"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Поля ответа
|
||||||
|
|
||||||
|
- `txId` - Arweave Transaction ID загруженного файла;
|
||||||
|
- `sha256Hex` - SHA-256 загруженного файла;
|
||||||
|
- `usedCount` - сколько бесплатных загрузок уже израсходовано после этой операции;
|
||||||
|
- `remainingCount` - сколько бесплатных загрузок осталось;
|
||||||
|
- `limit` - общий лимит;
|
||||||
|
- `gateway` - gateway, через который сервер отправлял транзакцию.
|
||||||
|
|
||||||
|
### Ошибки
|
||||||
|
|
||||||
|
- `422 NOT_AUTHENTICATED` - требуется авторизация;
|
||||||
|
- `400 BAD_FIELDS` - не переданы `contentType` или `fileBytesBase64`;
|
||||||
|
- `400 BAD_BASE64` - `fileBytesBase64` не декодируется;
|
||||||
|
- `400 BAD_AVATAR_FILE` - файл не проходит ограничения сервера;
|
||||||
|
- `400 FREE_AVATAR_LIMIT_EXHAUSTED` - бесплатный лимит аватарок исчерпан;
|
||||||
|
- `501 FREE_AVATAR_TEMP_DISABLED` - временная функция выключена или сервер не настроен;
|
||||||
|
- `500 INTERNAL_ERROR` - внутренняя ошибка сервера.
|
||||||
|
|
||||||
|
## Как это используется в UI
|
||||||
|
|
||||||
|
На экране редактирования профиля в мастере смены аватара есть временный сценарий:
|
||||||
|
|
||||||
|
- `Залить аватар бесплатно`
|
||||||
|
|
||||||
|
UI:
|
||||||
|
|
||||||
|
1. вызывает `TestGetFreeAvatarQuota`;
|
||||||
|
2. показывает остаток лимита;
|
||||||
|
3. локально подготавливает уменьшенный файл аватара;
|
||||||
|
4. проверяет, что итоговый файл не превышает `maxBytes`;
|
||||||
|
5. вызывает `TestUploadFreeAvatar`;
|
||||||
|
6. после получения `txId` обычным путём записывает `avatar.ar` в профиль через `AddBlock`.
|
||||||
|
|
||||||
|
## Почему решение временное
|
||||||
|
|
||||||
|
- используется общий серверный Arweave-кошелёк;
|
||||||
|
- лимит хранится отдельной технической таблицей;
|
||||||
|
- операции имеют префикс `Test...`;
|
||||||
|
- сценарий нужен как переходный бесплатный путь для маленьких аватаров.
|
||||||
@ -45,4 +45,4 @@
|
|||||||
|
|
||||||
### Дальнее будущее
|
### Дальнее будущее
|
||||||
|
|
||||||
- Сейчас задач нет.
|
- `far/2026-06-20_1639_homeserver_technical_commands_and_file_transfer.md` - технические команды для homeserver через SHiNE/WebRTC DataChannel и обмен файлами по чанкам с адресацией по `SHA-256`.
|
||||||
|
|||||||
@ -0,0 +1,114 @@
|
|||||||
|
# Homeserver: технические команды и передача файлов через SHiNE/WebRTC
|
||||||
|
|
||||||
|
## Зачем нужна фича
|
||||||
|
|
||||||
|
Идея на дальнее будущее: дать возможность обращаться к homeserver не только как к участнику сети SHiNE, но и как к удалённой технической точке управления.
|
||||||
|
|
||||||
|
Цели:
|
||||||
|
- отправлять на homeserver технические команды в текстовом виде;
|
||||||
|
- получать текстовый ответ на команду;
|
||||||
|
- при наличии WebRTC DataChannel передавать части файлов в обе стороны;
|
||||||
|
- хранить полученные файлы на SD-карте homeserver;
|
||||||
|
- использовать единый механизм доставки как через сервер SHiNE, так и напрямую через DataChannel.
|
||||||
|
|
||||||
|
## Горизонт
|
||||||
|
|
||||||
|
`far` - идея без ближайшего срока реализации. Сейчас приоритет ниже, чем запуск и стабилизация основного проекта.
|
||||||
|
|
||||||
|
## Что именно имеется в виду
|
||||||
|
|
||||||
|
### 1. Единая модель технической команды
|
||||||
|
|
||||||
|
Техническая команда должна иметь единый смысл независимо от транспорта доставки:
|
||||||
|
- через любой доступный сервер SHiNE;
|
||||||
|
- через уже установленный WebRTC DataChannel.
|
||||||
|
|
||||||
|
Если конкретный транспорт недоступен, ответ по нему может не прийти. Это считается нормальным поведением протокола.
|
||||||
|
|
||||||
|
### 2. Команда как короткоживущий подписанный сигнал
|
||||||
|
|
||||||
|
У команды должны быть:
|
||||||
|
- `commandId`;
|
||||||
|
- временная метка;
|
||||||
|
- TTL около 10 секунд;
|
||||||
|
- криптографическая подпись.
|
||||||
|
|
||||||
|
Смысл такой:
|
||||||
|
- если команда быстро дошла, homeserver подтверждает принятие;
|
||||||
|
- если не дошла вовремя, команда считается протухшей;
|
||||||
|
- отправитель может безопасно послать повтор;
|
||||||
|
- при повторе homeserver отвечает либо `команда принята`, либо `уже выполнено ранее`.
|
||||||
|
|
||||||
|
Это даёт дедупликацию и безопасный resend без повторного выполнения действия.
|
||||||
|
|
||||||
|
### 3. Текстовые технические команды
|
||||||
|
|
||||||
|
Базовый сценарий похож на короткий удалённый shell-протокол, но на уровне строго ограниченных команд:
|
||||||
|
- отправил строку-команду;
|
||||||
|
- получил строку-ответ.
|
||||||
|
|
||||||
|
Команды не обязаны исполнять произвольный shell. Предпочтительная модель - белый список операций с контролируемым форматом аргументов и ответа.
|
||||||
|
|
||||||
|
### 4. Передача файлов только при наличии DataChannel
|
||||||
|
|
||||||
|
Если между устройствами есть WebRTC DataChannel, через него можно передавать технические сообщения для файлового обмена.
|
||||||
|
|
||||||
|
Предварительная модель:
|
||||||
|
- имя файла = `SHA-256` содержимого;
|
||||||
|
- можно запросить диапазон байт `from..to`;
|
||||||
|
- можно отправить диапазон байт `from..to`;
|
||||||
|
- homeserver хранит полученные данные на SD-карте;
|
||||||
|
- если DataChannel нет, на запрос файловой передачи возвращается ответ в духе `не могу передать, нет data channel`.
|
||||||
|
|
||||||
|
Фактически файл-обмен должен быть частным случаем общего протокола технических команд.
|
||||||
|
|
||||||
|
### 5. Установка data-соединения по явной команде
|
||||||
|
|
||||||
|
Нужна техническая команда уровня:
|
||||||
|
- `установить data-соединение`.
|
||||||
|
|
||||||
|
Ответ:
|
||||||
|
- либо `да`, после чего запускается обычная процедура `offer/answer/ICE`;
|
||||||
|
- либо `нет` и причина отказа.
|
||||||
|
|
||||||
|
### 6. Доставка на пользовательские сессии
|
||||||
|
|
||||||
|
Логика должна быть совместима с общей моделью SHiNE, где технические сигналы можно отправлять на конкретные активные сессии пользователя.
|
||||||
|
|
||||||
|
Идея:
|
||||||
|
- на любую активную сессию пользователя можно посылать техническую команду;
|
||||||
|
- контакт пользователя может инициировать такую техническую коммуникацию так же, как он уже инициирует звонок или другой служебный сигнал.
|
||||||
|
|
||||||
|
## Что нужно будет сделать при возврате к задаче
|
||||||
|
|
||||||
|
- Спроектировать отдельный формат технических команд и ack-ответов.
|
||||||
|
- Решить, будет ли это новый тип служебных сообщений в существующем протоколе блокчейн/сигналинга или отдельная ветка поверх уже имеющихся transport-операций.
|
||||||
|
- Отдельно продумать авторизацию: кто именно из контактов и какие команды имеет право слать.
|
||||||
|
- Ограничить набор допустимых команд, чтобы не превратить механизм в небезопасный удалённый shell.
|
||||||
|
- Спроектировать протокол чанков файлов: размер чанка, нумерация, повторная отправка, контроль целостности, дозагрузка, завершение файла.
|
||||||
|
- Продумать хранение на SD-карте: временные файлы, сборка чанков, проверка итогового `SHA-256`, очистка мусора.
|
||||||
|
- Продумать поведение при отсутствии DataChannel, таймаутах и дублирующихся командах.
|
||||||
|
- Проверить, как это лучше встраивать в текущие клиентские сессии, звонки и homeserver-логику.
|
||||||
|
|
||||||
|
## Вопросы для будущего уточнения
|
||||||
|
|
||||||
|
- Это должен быть строго служебный протокол или пользователь сможет вызывать его и вручную из UI.
|
||||||
|
- Нужен ли доступ только к заранее разрешённым каталогам/файлам.
|
||||||
|
- Нужна ли двусторонняя синхронизация файлов или достаточно ручных команд `запросить кусок` / `отправить кусок`.
|
||||||
|
- Нужно ли разрешать передачу файлов через сервер SHiNE как fallback, или файл-обмен должен идти только через DataChannel.
|
||||||
|
- Какой максимальный размер файлов и допустимый объём хранения на SD-карте.
|
||||||
|
|
||||||
|
## Что уже сделано
|
||||||
|
|
||||||
|
Пока только зафиксирована идея и базовая концепция. Реализация не начиналась.
|
||||||
|
|
||||||
|
## Какие документы нужно будет обновить при реализации
|
||||||
|
|
||||||
|
- `Dev_Docs/Blockchain/README.md` и связанные файлы, если изменятся типы служебных сообщений или форматы блокчейн-команд.
|
||||||
|
- `Dev_Docs/API/` если изменится публичный серверный API или появятся новые операции.
|
||||||
|
- `Dev_Docs/Personal_Messages/README.md` если часть маршрутизации или подтверждений будет встроена в существующую логику доставки/сессий.
|
||||||
|
- Документацию по homeserver/ESP32, если появится пользовательская или сервисная файловая логика на устройстве.
|
||||||
|
|
||||||
|
## С какого места продолжать позже
|
||||||
|
|
||||||
|
Возвращаться к задаче только после стабилизации запуска проекта и базовых текущих функций. Начинать с проектирования протокола команд и матрицы прав доступа, а уже потом переходить к DataChannel-файлообмену.
|
||||||
@ -1,5 +1,7 @@
|
|||||||
# Дальнее будущее
|
# Дальнее будущее
|
||||||
|
|
||||||
Сейчас в этом горизонте нет активных идей.
|
|
||||||
|
|
||||||
Сюда переносить задачи, у которых нет понятного срока возврата и которые не нужно учитывать в ближайшем или среднесрочном планировании.
|
Сюда переносить задачи, у которых нет понятного срока возврата и которые не нужно учитывать в ближайшем или среднесрочном планировании.
|
||||||
|
|
||||||
|
## Идеи
|
||||||
|
|
||||||
|
- `2026-06-20_1639_homeserver_technical_commands_and_file_transfer.md` - технические команды для homeserver через сервер SHiNE или WebRTC DataChannel, а также файловый обмен чанками с хранением на SD-карте.
|
||||||
|
|||||||
@ -0,0 +1,22 @@
|
|||||||
|
# Тестовые deploy-контуры `test2.shineup.me` и `test.shineup.me`
|
||||||
|
|
||||||
|
- краткое описание:
|
||||||
|
- default deploy-задачи `deployServer` и `deployUI` переведены на основной тестовый сервер `test2.shineup.me`;
|
||||||
|
- production-задачи вынесены в `deployServerProduction` и `deployUIProduction`;
|
||||||
|
- `test.shineup.me` оставлен как резервный тестовый сервер без обычного deploy по умолчанию.
|
||||||
|
|
||||||
|
- что проверять:
|
||||||
|
- `./gradlew deployServer` и `./gradlew deployUI` действительно направлены на `test2.shineup.me`;
|
||||||
|
- `./gradlew deployServerProduction` и `./gradlew deployUIProduction` больше не используются как default;
|
||||||
|
- `https://test2.shineup.me` открывает UI;
|
||||||
|
- `wss://test2.shineup.me/ws` отвечает;
|
||||||
|
- на `test2.shineup.me` после deploy есть копия продовой `shine.sqlite` и `.bch`.
|
||||||
|
|
||||||
|
- ожидаемый результат:
|
||||||
|
- default deploy идёт только на `test2.shineup.me`;
|
||||||
|
- production `shineup.me` меняется только после отдельного подтверждения;
|
||||||
|
- `test.shineup.me` остаётся резервным тестовым сервером;
|
||||||
|
- тестовый deploy не гоняет удалённые тесты и не создаёт пустую БД.
|
||||||
|
|
||||||
|
- статус:
|
||||||
|
- pending
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
# Регистрация: FAQ и режим пароля из 12 слов
|
||||||
|
|
||||||
|
- краткое описание:
|
||||||
|
- на экране регистрации добавлен блок частых вопросов с переходом на отдельный экран справки;
|
||||||
|
- добавлен альтернативный режим ввода пароля через 12 полей-слов в кошелёчном формате, которые склеиваются в одну строку без изменения API;
|
||||||
|
- такой же режим добавлен и на экран входа по логину и паролю.
|
||||||
|
|
||||||
|
- что проверять:
|
||||||
|
- на стартовом экране открыть `Зарегистрироваться`;
|
||||||
|
- убедиться, что внизу экрана есть кнопки FAQ;
|
||||||
|
- открыть несколько вопросов и проверить возврат обратно на регистрацию;
|
||||||
|
- включить галочку `Представить пароль в виде 12 слов`;
|
||||||
|
- убедиться, что появляется сетка с нумерованными полями в 3 колонки;
|
||||||
|
- ввести часть слов, перейти дальше и проверить, что шаг подтверждения и генерация ключей работают;
|
||||||
|
- выключить галочку и проверить, что пароль остаётся собранным в одном поле;
|
||||||
|
- открыть экран входа по паролю и повторить те же проверки для режима `12 слов`;
|
||||||
|
- пройти регистрацию до шага оплаты без ошибок интерфейса.
|
||||||
|
|
||||||
|
- ожидаемый результат:
|
||||||
|
- FAQ открывается отдельным экраном и содержит понятные ответы;
|
||||||
|
- режим `12 слов` не ломает регистрацию и вход и даёт тот же поток, что и обычный пароль;
|
||||||
|
- пароль не отправляется в новом формате, а продолжает использоваться как одна строка.
|
||||||
|
|
||||||
|
- статус:
|
||||||
|
- pending
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
# Временная бесплатная загрузка аватара в Arweave
|
||||||
|
|
||||||
|
- краткое описание фичи:
|
||||||
|
Добавлены два временных `Test...` API для бесплатной загрузки маленьких аватаров в Arweave через серверный кошелёк с лимитом `3` загрузки на пользователя. В UI мастера смены аватара добавлен пункт `Залить аватар бесплатно`.
|
||||||
|
|
||||||
|
- что именно проверять:
|
||||||
|
1. Пользователь с активной сессией открывает редактирование профиля.
|
||||||
|
2. По нажатию на аватар открывается мастер `Сменить аватар`.
|
||||||
|
3. В мастере есть пункт `Залить аватар бесплатно`.
|
||||||
|
4. До первой загрузки UI показывает остаток `3 из 3`.
|
||||||
|
5. Маленький JPEG/PNG/WebP после уменьшения до файла <= `128 KB` успешно уходит через `TestUploadFreeAvatar`.
|
||||||
|
6. После загрузки приходит `txId`, и аватар сохраняется в профиль как `avatar.ar`.
|
||||||
|
7. Остаток уменьшается: `2`, `1`, `0`.
|
||||||
|
8. На четвёртой попытке сервер отвечает понятной ошибкой про исчерпанный бесплатный лимит.
|
||||||
|
9. Если итоговый уменьшенный файл всё ещё > `128 KB`, UI не отправляет его и показывает понятную ошибку.
|
||||||
|
10. Если серверный Arweave JWK/path не настроен, UI получает понятную ошибку временной функции.
|
||||||
|
|
||||||
|
- ожидаемый результат:
|
||||||
|
- первые 3 маленькие аватарки загружаются через серверный Arweave-кошелёк;
|
||||||
|
- после каждой успешной загрузки `ava` в профиле указывает на новый `txId`;
|
||||||
|
- после исчерпания лимита дальнейшая бесплатная загрузка блокируется без записи в профиль;
|
||||||
|
- обычная загрузка через свой Arweave-кошелёк продолжает работать отдельно.
|
||||||
|
|
||||||
|
- статус:
|
||||||
|
pending
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
# Исправление chatId личных сообщений через lowercase
|
||||||
|
|
||||||
|
- краткое описание фичи:
|
||||||
|
- В клиентском UI SHiNE для личных сообщений технический `chatId` теперь канонизируется через `trim().toLowerCase()` при приёме DM, открытии чата и восстановлении сообщений из IndexedDB.
|
||||||
|
- Цель: исключить рассинхрон, когда unread-индикатор есть, а входящие сообщения конкретного собеседника не видны из-за разного регистра логина.
|
||||||
|
|
||||||
|
- что именно проверять:
|
||||||
|
- Отправить личные сообщения между двумя пользователями, у одного из которых логин отображается с заглавными буквами.
|
||||||
|
- Убедиться, что входящие сообщения показываются внутри открытого чата, а не только в общем unread-индикаторе.
|
||||||
|
- Перезагрузить страницу и проверить, что история чата после гидрации из IndexedDB остаётся в одном диалоге.
|
||||||
|
- Проверить, что переход в чат из списка диалогов и из графа связей открывает тот же диалог без дублирования.
|
||||||
|
|
||||||
|
- ожидаемый результат:
|
||||||
|
- Все сообщения одного собеседника попадают в один и тот же DM-чат независимо от регистра логина.
|
||||||
|
- Общий unread, список диалогов и содержимое открытого чата совпадают между собой.
|
||||||
|
- После перезагрузки UI не появляется отдельный дубль диалога с тем же логином в другом регистре.
|
||||||
|
|
||||||
|
- статус:
|
||||||
|
- pending
|
||||||
@ -13,12 +13,56 @@
|
|||||||
- актуальный IP должен браться через DNS-резолв на момент подключения;
|
- актуальный IP должен браться через DNS-резолв на момент подключения;
|
||||||
- ручное дублирование IP в документации и deploy-скриптах не поддерживать.
|
- ручное дублирование IP в документации и deploy-скриптах не поддерживать.
|
||||||
|
|
||||||
|
## Контуры деплоя
|
||||||
|
|
||||||
|
- Production:
|
||||||
|
- SSH: `player@shineup.me`
|
||||||
|
- Домен: `shineup.me`
|
||||||
|
- IP: `185.229.109.118`
|
||||||
|
- Main test:
|
||||||
|
- SSH: `player@193.8.215.70`
|
||||||
|
- Домен: `test2.shineup.me`
|
||||||
|
- IP: `193.8.215.70`
|
||||||
|
- Reserve test:
|
||||||
|
- SSH: `player@93.170.12.154`
|
||||||
|
- Домен: `test.shineup.me`
|
||||||
|
- IP: `93.170.12.154`
|
||||||
|
|
||||||
## Локальные команды
|
## Локальные команды
|
||||||
|
|
||||||
- Деплой сервера: `./gradlew deployServer`
|
- Default server deploy: `./gradlew deployServer` или `./gradlew deployServerTest2`
|
||||||
- Деплой UI: `./gradlew deployUI`
|
- Default UI deploy: `./gradlew deployUI` или `./gradlew deployUITest2`
|
||||||
|
- Production server deploy: `./gradlew deployServerProduction`
|
||||||
|
- Production UI deploy: `./gradlew deployUIProduction`
|
||||||
|
- Reserve test server deploy: `./gradlew deployServerTest`
|
||||||
|
- Reserve test UI deploy: `./gradlew deployUITest`
|
||||||
- Локальный запуск: `./gradlew startLocal`
|
- Локальный запуск: `./gradlew startLocal`
|
||||||
|
|
||||||
|
## Политика подтверждений
|
||||||
|
|
||||||
|
- `shineup.me` — production.
|
||||||
|
- Любые изменения на `shineup.me`, включая deploy сервера, deploy UI, конфиги, перезапуски и миграции, делать только после отдельного явного подтверждения пользователя.
|
||||||
|
- Если пользователь пишет просто `задеплой` без уточнения, по умолчанию это означает deploy на `test2.shineup.me`.
|
||||||
|
|
||||||
|
## Main test deploy (`test2.shineup.me`)
|
||||||
|
|
||||||
|
- Это основной сервер для тестов.
|
||||||
|
- `deployServer` и `deployUI` по умолчанию направлены именно сюда.
|
||||||
|
- Серверный deploy не запускает JUnit/IT-тесты на удалённом сервере.
|
||||||
|
- `deployServer` / `deployServerTest2` делают:
|
||||||
|
- сборку fat-jar локально;
|
||||||
|
- синхронизацию `data/` и `shine.sqlite` с production `shineup.me`;
|
||||||
|
- перенос `application.properties` с production с поправкой `server.ui.indexPath` на `/home/player/SHiNE/shine-ui/index.html`;
|
||||||
|
- установку `systemd` unit на `193.8.215.70`;
|
||||||
|
- перезапуск `shine-server.service`;
|
||||||
|
- установку/проверку Caddy для `test2.shineup.me`.
|
||||||
|
- `deployUI` / `deployUITest2` публикуют UI в `/home/player/SHiNE/shine-ui` на `193.8.215.70`.
|
||||||
|
|
||||||
|
## Reserve test deploy (`test.shineup.me`)
|
||||||
|
|
||||||
|
- `test.shineup.me` пока не использовать для обычного deploy.
|
||||||
|
- Задачи `deployServerTest` и `deployUITest` считаются резервными и требуют отдельной причины.
|
||||||
|
|
||||||
## UI-деплой и Caddy (обязательно)
|
## UI-деплой и Caddy (обязательно)
|
||||||
|
|
||||||
- Целевая директория UI-деплоя: `/home/player/SHiNE/shine-ui`.
|
- Целевая директория UI-деплоя: `/home/player/SHiNE/shine-ui`.
|
||||||
|
|||||||
42
Dev_Docs/deploy/servers/193.8.215.70_test2_main.md
Normal file
42
Dev_Docs/deploy/servers/193.8.215.70_test2_main.md
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
# Сервер `193.8.215.70` — основной test (`test2.shineup.me`)
|
||||||
|
|
||||||
|
- Пользователь: `player`
|
||||||
|
- Домен: `test2.shineup.me`
|
||||||
|
- Каталог SHiNE: `/home/player/SHiNE`
|
||||||
|
- UI публикация для Caddy: `/home/player/SHiNE/shine-ui`
|
||||||
|
- Сервер: `/home/player/SHiNE/shine-server/shine-server.jar`
|
||||||
|
- Данные: `/home/player/SHiNE/shine-server/data/`
|
||||||
|
- `shine.sqlite`
|
||||||
|
- `*.bch`
|
||||||
|
- Логи сервера: `/home/player/SHiNE/shine-server/logs/app.log`
|
||||||
|
|
||||||
|
## Сервисы
|
||||||
|
|
||||||
|
- `shine-server.service` (systemd)
|
||||||
|
- `caddy.service` (systemd)
|
||||||
|
|
||||||
|
## Статус
|
||||||
|
|
||||||
|
- Это основной сервер для тестов SHiNE.
|
||||||
|
- Default deploy по умолчанию должен идти сюда.
|
||||||
|
- Источник данных для тестовой БД: production `shineup.me`.
|
||||||
|
|
||||||
|
## Caddy
|
||||||
|
|
||||||
|
- Конфиг: `/etc/caddy/Caddyfile`
|
||||||
|
- Сайты:
|
||||||
|
- `test2.shineup.me`
|
||||||
|
- `agent.shiningpeople.ru`
|
||||||
|
- Для `test2.shineup.me`:
|
||||||
|
- `root * /home/player/SHiNE/shine-ui`
|
||||||
|
- `try_files {path} /index.html`
|
||||||
|
- `reverse_proxy /ws* -> 127.0.0.1:7070`
|
||||||
|
|
||||||
|
## Deploy
|
||||||
|
|
||||||
|
- Default server deploy:
|
||||||
|
- `./gradlew deployServer`
|
||||||
|
- `./gradlew deployServerTest2`
|
||||||
|
- Default UI deploy:
|
||||||
|
- `./gradlew deployUI`
|
||||||
|
- `./gradlew deployUITest2`
|
||||||
@ -1,14 +1,14 @@
|
|||||||
# Сервер `93.170.12.154` — резервный
|
# Сервер `93.170.12.154` — test.shineup.me
|
||||||
|
|
||||||
- Пользователь: `player`
|
- Пользователь: `player`
|
||||||
- Каталог SHiNE: `/home/player/SHiNE`
|
- Каталог SHiNE: `/home/player/SHiNE`
|
||||||
- UI исходник (после rsync): `/home/player/SHiNE/SHiNE-UI`
|
- Домен: `test.shineup.me`
|
||||||
- UI публикация для Caddy: `/var/www/shine-ui`
|
- UI публикация для Caddy: `/home/player/SHiNE/shine-ui`
|
||||||
- Сервер: `/home/player/SHiNE/SHiNE-server/shine-server.jar`
|
- Сервер: `/home/player/SHiNE/shine-server/shine-server.jar`
|
||||||
- Данные: `/home/player/SHiNE/SHiNE-server/data/`
|
- Данные: `/home/player/SHiNE/shine-server/data/`
|
||||||
- `shine.sqlite`
|
- `shine.sqlite`
|
||||||
- `*.bch`
|
- `*.bch`
|
||||||
- Логи сервера: `/home/player/SHiNE/SHiNE-server/logs/app.log`
|
- Логи сервера: `/home/player/SHiNE/shine-server/logs/app.log`
|
||||||
|
|
||||||
## Сервисы
|
## Сервисы
|
||||||
|
|
||||||
@ -17,8 +17,10 @@
|
|||||||
|
|
||||||
## Статус
|
## Статус
|
||||||
|
|
||||||
- Резервный сервер для SHiNE.
|
- Резервный тестовый сервер для SHiNE.
|
||||||
- Основной прод-сервер: `shineup.me` (подключение через `player@shineup.me`, IP определяется через DNS).
|
- Источник данных для тестовой БД: production `shineup.me`.
|
||||||
|
- Пока не использовать для обычного deploy.
|
||||||
|
- Основной прод-сервер: `shineup.me` (`185.229.109.118`).
|
||||||
|
|
||||||
## Caddy
|
## Caddy
|
||||||
|
|
||||||
@ -26,4 +28,12 @@
|
|||||||
- Настройки:
|
- Настройки:
|
||||||
- `no-store/no-cache` заголовки;
|
- `no-store/no-cache` заголовки;
|
||||||
- `try_files {path} /index.html` (SPA fallback);
|
- `try_files {path} /index.html` (SPA fallback);
|
||||||
- `reverse_proxy /ws* -> 127.0.0.1:7070`.
|
- `reverse_proxy /ws* -> 127.0.0.1:7070`;
|
||||||
|
- целевой сайт: `test.shineup.me`.
|
||||||
|
|
||||||
|
## Deploy
|
||||||
|
|
||||||
|
- Резервные задачи:
|
||||||
|
- `./gradlew deployServerTest`
|
||||||
|
- `./gradlew deployUITest`
|
||||||
|
- Эти задачи пока не использовать без отдельной причины.
|
||||||
|
|||||||
@ -33,3 +33,15 @@
|
|||||||
- `https://test-solana-tickets.shineup.me`
|
- `https://test-solana-tickets.shineup.me`
|
||||||
- `https://test-solana-tickets.shiningpeople.ru`
|
- `https://test-solana-tickets.shiningpeople.ru`
|
||||||
- Для всех deploy-скриптов и инструкций использовать именно `player@shineup.me`, без жёсткой фиксации IP.
|
- Для всех deploy-скриптов и инструкций использовать именно `player@shineup.me`, без жёсткой фиксации IP.
|
||||||
|
|
||||||
|
## Правило изменений
|
||||||
|
|
||||||
|
- `shineup.me` — production.
|
||||||
|
- Любые изменения на этом сервере делать только после отдельного явного подтверждения пользователя.
|
||||||
|
|
||||||
|
## Deploy
|
||||||
|
|
||||||
|
- Production deploy-задачи:
|
||||||
|
- `./gradlew deployServerProduction`
|
||||||
|
- `./gradlew deployUIProduction`
|
||||||
|
- Default deploy-задачи `./gradlew deployServer` и `./gradlew deployUI` сюда больше не относятся.
|
||||||
|
|||||||
@ -56,9 +56,28 @@ shine-UI/server-ui.html
|
|||||||
|
|
||||||
```
|
```
|
||||||
./gradlew deployServer
|
./gradlew deployServer
|
||||||
|
./gradlew deployUI
|
||||||
```
|
```
|
||||||
|
|
||||||
Хост по умолчанию: `player@93.170.12.154` (shineup.me).
|
Default deploy по умолчанию идёт на `test2.shineup.me` (`player@193.8.215.70`).
|
||||||
|
|
||||||
|
Production deploy:
|
||||||
|
|
||||||
|
```
|
||||||
|
./gradlew deployServerProduction
|
||||||
|
./gradlew deployUIProduction
|
||||||
|
```
|
||||||
|
|
||||||
|
Любые изменения на `shineup.me` делать только после отдельного явного подтверждения пользователя.
|
||||||
|
|
||||||
|
Резервный test-контур:
|
||||||
|
|
||||||
|
```
|
||||||
|
./gradlew deployServerTest
|
||||||
|
./gradlew deployUITest
|
||||||
|
```
|
||||||
|
|
||||||
|
`test.shineup.me` пока не использовать для обычного deploy.
|
||||||
|
|
||||||
Логи на проде:
|
Логи на проде:
|
||||||
- `/home/player/SHiNE/shine-server/logs/app.log`
|
- `/home/player/SHiNE/shine-server/logs/app.log`
|
||||||
|
|||||||
@ -264,6 +264,21 @@ public final class DatabaseInitializer {
|
|||||||
ON ip_geo_cache (updated_at_ms);
|
ON ip_geo_cache (updated_at_ms);
|
||||||
""");
|
""");
|
||||||
|
|
||||||
|
st.executeUpdate("""
|
||||||
|
CREATE TABLE IF NOT EXISTS test_free_avatar_uploads (
|
||||||
|
login TEXT NOT NULL PRIMARY KEY COLLATE NOCASE,
|
||||||
|
used_count INTEGER NOT NULL DEFAULT 0,
|
||||||
|
updated_at_ms INTEGER NOT NULL,
|
||||||
|
last_tx_id TEXT NOT NULL DEFAULT '',
|
||||||
|
FOREIGN KEY (login) REFERENCES solana_users(login)
|
||||||
|
);
|
||||||
|
""");
|
||||||
|
|
||||||
|
st.executeUpdate("""
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_test_free_avatar_uploads_updated
|
||||||
|
ON test_free_avatar_uploads (updated_at_ms);
|
||||||
|
""");
|
||||||
|
|
||||||
// 5. blockchain_state
|
// 5. blockchain_state
|
||||||
st.executeUpdate("""
|
st.executeUpdate("""
|
||||||
CREATE TABLE IF NOT EXISTS blockchain_state (
|
CREATE TABLE IF NOT EXISTS blockchain_state (
|
||||||
|
|||||||
@ -14,7 +14,7 @@ import java.sql.Statement;
|
|||||||
public final class SqliteDbController {
|
public final class SqliteDbController {
|
||||||
|
|
||||||
private static volatile SqliteDbController instance;
|
private static volatile SqliteDbController instance;
|
||||||
private static final int LATEST_SCHEMA_VERSION = 7;
|
private static final int LATEST_SCHEMA_VERSION = 8;
|
||||||
|
|
||||||
private final String jdbcUrl;
|
private final String jdbcUrl;
|
||||||
|
|
||||||
@ -90,6 +90,7 @@ public final class SqliteDbController {
|
|||||||
case 5 -> migrateToV5();
|
case 5 -> migrateToV5();
|
||||||
case 6 -> migrateToV6();
|
case 6 -> migrateToV6();
|
||||||
case 7 -> migrateToV7();
|
case 7 -> migrateToV7();
|
||||||
|
case 8 -> migrateToV8();
|
||||||
default -> throw new RuntimeException("Unknown DB migration target version: " + targetVersion);
|
default -> throw new RuntimeException("Unknown DB migration target version: " + targetVersion);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -249,6 +250,25 @@ public final class SqliteDbController {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private void migrateToV8() {
|
||||||
|
try (Connection c = DriverManager.getConnection(jdbcUrl);
|
||||||
|
Statement st = c.createStatement()) {
|
||||||
|
c.setAutoCommit(false);
|
||||||
|
try {
|
||||||
|
ensureTestFreeAvatarUploadsTable(st);
|
||||||
|
setSchemaVersion(c, 8);
|
||||||
|
c.commit();
|
||||||
|
} catch (Exception e) {
|
||||||
|
try { c.rollback(); } catch (Exception ignored) {}
|
||||||
|
throw new RuntimeException("DB migration to v8 failed", e);
|
||||||
|
} finally {
|
||||||
|
try { c.setAutoCommit(true); } catch (Exception ignored) {}
|
||||||
|
}
|
||||||
|
} catch (SQLException e) {
|
||||||
|
throw new RuntimeException("DB migration to v8 failed", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
private static void ensureChat200StateTables(Statement st) throws SQLException {
|
private static void ensureChat200StateTables(Statement st) throws SQLException {
|
||||||
st.executeUpdate("""
|
st.executeUpdate("""
|
||||||
CREATE TABLE IF NOT EXISTS chat200_state (
|
CREATE TABLE IF NOT EXISTS chat200_state (
|
||||||
@ -432,6 +452,22 @@ public final class SqliteDbController {
|
|||||||
""");
|
""");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private static void ensureTestFreeAvatarUploadsTable(Statement st) throws SQLException {
|
||||||
|
st.executeUpdate("""
|
||||||
|
CREATE TABLE IF NOT EXISTS test_free_avatar_uploads (
|
||||||
|
login TEXT NOT NULL PRIMARY KEY COLLATE NOCASE,
|
||||||
|
used_count INTEGER NOT NULL DEFAULT 0,
|
||||||
|
updated_at_ms INTEGER NOT NULL,
|
||||||
|
last_tx_id TEXT NOT NULL DEFAULT '',
|
||||||
|
FOREIGN KEY (login) REFERENCES solana_users(login)
|
||||||
|
);
|
||||||
|
""");
|
||||||
|
st.executeUpdate("""
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_test_free_avatar_uploads_updated
|
||||||
|
ON test_free_avatar_uploads (updated_at_ms);
|
||||||
|
""");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
private static void createConnectionsStateTable(Statement st) throws SQLException {
|
private static void createConnectionsStateTable(Statement st) throws SQLException {
|
||||||
st.executeUpdate("""
|
st.executeUpdate("""
|
||||||
|
|||||||
@ -0,0 +1,82 @@
|
|||||||
|
package shine.db.dao;
|
||||||
|
|
||||||
|
import shine.db.SqliteDbController;
|
||||||
|
import shine.db.entities.TestFreeAvatarUploadEntry;
|
||||||
|
|
||||||
|
import java.sql.Connection;
|
||||||
|
import java.sql.PreparedStatement;
|
||||||
|
import java.sql.ResultSet;
|
||||||
|
import java.sql.SQLException;
|
||||||
|
|
||||||
|
public final class TestFreeAvatarUploadsDAO {
|
||||||
|
|
||||||
|
private static volatile TestFreeAvatarUploadsDAO instance;
|
||||||
|
private final SqliteDbController db = SqliteDbController.getInstance();
|
||||||
|
|
||||||
|
private TestFreeAvatarUploadsDAO() {
|
||||||
|
}
|
||||||
|
|
||||||
|
public static TestFreeAvatarUploadsDAO getInstance() {
|
||||||
|
if (instance == null) {
|
||||||
|
synchronized (TestFreeAvatarUploadsDAO.class) {
|
||||||
|
if (instance == null) instance = new TestFreeAvatarUploadsDAO();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return instance;
|
||||||
|
}
|
||||||
|
|
||||||
|
public TestFreeAvatarUploadEntry getByLogin(Connection c, String login) throws SQLException {
|
||||||
|
String sql = """
|
||||||
|
SELECT login, used_count, updated_at_ms, last_tx_id
|
||||||
|
FROM test_free_avatar_uploads
|
||||||
|
WHERE login = ? COLLATE NOCASE
|
||||||
|
LIMIT 1
|
||||||
|
""";
|
||||||
|
try (PreparedStatement ps = c.prepareStatement(sql)) {
|
||||||
|
ps.setString(1, login);
|
||||||
|
try (ResultSet rs = ps.executeQuery()) {
|
||||||
|
if (!rs.next()) return null;
|
||||||
|
return mapRow(rs);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public TestFreeAvatarUploadEntry getByLogin(String login) throws SQLException {
|
||||||
|
try (Connection c = db.getConnection()) {
|
||||||
|
return getByLogin(c, login);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public void upsertUsage(Connection c, String login, int usedCount, long updatedAtMs, String lastTxId) throws SQLException {
|
||||||
|
String sql = """
|
||||||
|
INSERT INTO test_free_avatar_uploads (login, used_count, updated_at_ms, last_tx_id)
|
||||||
|
VALUES (?, ?, ?, ?)
|
||||||
|
ON CONFLICT(login) DO UPDATE SET
|
||||||
|
used_count = excluded.used_count,
|
||||||
|
updated_at_ms = excluded.updated_at_ms,
|
||||||
|
last_tx_id = excluded.last_tx_id
|
||||||
|
""";
|
||||||
|
try (PreparedStatement ps = c.prepareStatement(sql)) {
|
||||||
|
ps.setString(1, login);
|
||||||
|
ps.setInt(2, usedCount);
|
||||||
|
ps.setLong(3, updatedAtMs);
|
||||||
|
ps.setString(4, lastTxId);
|
||||||
|
ps.executeUpdate();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public void upsertUsage(String login, int usedCount, long updatedAtMs, String lastTxId) throws SQLException {
|
||||||
|
try (Connection c = db.getConnection()) {
|
||||||
|
upsertUsage(c, login, usedCount, updatedAtMs, lastTxId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static TestFreeAvatarUploadEntry mapRow(ResultSet rs) throws SQLException {
|
||||||
|
return new TestFreeAvatarUploadEntry(
|
||||||
|
rs.getString("login"),
|
||||||
|
rs.getInt("used_count"),
|
||||||
|
rs.getLong("updated_at_ms"),
|
||||||
|
rs.getString("last_tx_id")
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,50 @@
|
|||||||
|
package shine.db.entities;
|
||||||
|
|
||||||
|
public class TestFreeAvatarUploadEntry {
|
||||||
|
private String login;
|
||||||
|
private int usedCount;
|
||||||
|
private long updatedAtMs;
|
||||||
|
private String lastTxId;
|
||||||
|
|
||||||
|
public TestFreeAvatarUploadEntry() {
|
||||||
|
}
|
||||||
|
|
||||||
|
public TestFreeAvatarUploadEntry(String login, int usedCount, long updatedAtMs, String lastTxId) {
|
||||||
|
this.login = login;
|
||||||
|
this.usedCount = usedCount;
|
||||||
|
this.updatedAtMs = updatedAtMs;
|
||||||
|
this.lastTxId = lastTxId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getLogin() {
|
||||||
|
return login;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setLogin(String login) {
|
||||||
|
this.login = login;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getUsedCount() {
|
||||||
|
return usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setUsedCount(int usedCount) {
|
||||||
|
this.usedCount = usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public long getUpdatedAtMs() {
|
||||||
|
return updatedAtMs;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setUpdatedAtMs(long updatedAtMs) {
|
||||||
|
this.updatedAtMs = updatedAtMs;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getLastTxId() {
|
||||||
|
return lastTxId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setLastTxId(String lastTxId) {
|
||||||
|
this.lastTxId = lastTxId;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -45,7 +45,11 @@ import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_AddUser_Handler;
|
|||||||
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_AddUser_Request;
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_AddUser_Request;
|
||||||
|
|
||||||
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_GetUser_Handler;
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_GetUser_Handler;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_TestGetFreeAvatarQuota_Handler;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_TestUploadFreeAvatar_Handler;
|
||||||
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_GetUser_Request;
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_GetUser_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestGetFreeAvatarQuota_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestUploadFreeAvatar_Request;
|
||||||
|
|
||||||
// --- NEW: SearchUsers ---
|
// --- NEW: SearchUsers ---
|
||||||
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_SearchUsers_Handler;
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.Net_SearchUsers_Handler;
|
||||||
@ -127,6 +131,8 @@ public final class JsonHandlerRegistry {
|
|||||||
Map.entry("AddUser", new Net_AddUser_Handler()),
|
Map.entry("AddUser", new Net_AddUser_Handler()),
|
||||||
Map.entry("GetUser", new Net_GetUser_Handler()),
|
Map.entry("GetUser", new Net_GetUser_Handler()),
|
||||||
Map.entry("SearchUsers", new Net_SearchUsers_Handler()),
|
Map.entry("SearchUsers", new Net_SearchUsers_Handler()),
|
||||||
|
Map.entry("TestGetFreeAvatarQuota", new Net_TestGetFreeAvatarQuota_Handler()),
|
||||||
|
Map.entry("TestUploadFreeAvatar", new Net_TestUploadFreeAvatar_Handler()),
|
||||||
|
|
||||||
// --- auth ---
|
// --- auth ---
|
||||||
Map.entry("AuthChallenge", new Net_AuthChallenge_Handler()),
|
Map.entry("AuthChallenge", new Net_AuthChallenge_Handler()),
|
||||||
@ -200,6 +206,8 @@ public final class JsonHandlerRegistry {
|
|||||||
Map.entry("AddUser", Net_AddUser_Request.class),
|
Map.entry("AddUser", Net_AddUser_Request.class),
|
||||||
Map.entry("GetUser", Net_GetUser_Request.class),
|
Map.entry("GetUser", Net_GetUser_Request.class),
|
||||||
Map.entry("SearchUsers", Net_SearchUsers_Request.class),
|
Map.entry("SearchUsers", Net_SearchUsers_Request.class),
|
||||||
|
Map.entry("TestGetFreeAvatarQuota", Net_TestGetFreeAvatarQuota_Request.class),
|
||||||
|
Map.entry("TestUploadFreeAvatar", Net_TestUploadFreeAvatar_Request.class),
|
||||||
|
|
||||||
// --- auth ---
|
// --- auth ---
|
||||||
Map.entry("AuthChallenge", Net_AuthChallenge_Request.class),
|
Map.entry("AuthChallenge", Net_AuthChallenge_Request.class),
|
||||||
|
|||||||
@ -0,0 +1,37 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.ConnectionContext;
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Response;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.JsonMessageHandler;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestGetFreeAvatarQuota_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestGetFreeAvatarQuota_Response;
|
||||||
|
import server.logic.ws_protocol.JSON.utils.NetExceptionResponseFactory;
|
||||||
|
import server.logic.ws_protocol.WireCodes;
|
||||||
|
|
||||||
|
public class Net_TestGetFreeAvatarQuota_Handler implements JsonMessageHandler {
|
||||||
|
|
||||||
|
private final TestFreeAvatarArweaveService service = new TestFreeAvatarArweaveService();
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public Net_Response handle(Net_Request baseRequest, ConnectionContext ctx) throws Exception {
|
||||||
|
Net_TestGetFreeAvatarQuota_Request req = (Net_TestGetFreeAvatarQuota_Request) baseRequest;
|
||||||
|
if (ctx == null || !ctx.isAuthenticatedUser()) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.UNVERIFIED, "NOT_AUTHENTICATED", "Требуется авторизация");
|
||||||
|
}
|
||||||
|
|
||||||
|
String login = String.valueOf(ctx.getLogin() == null ? "" : ctx.getLogin()).trim();
|
||||||
|
TestFreeAvatarArweaveService.Quota quota = service.getQuota(login);
|
||||||
|
|
||||||
|
Net_TestGetFreeAvatarQuota_Response resp = new Net_TestGetFreeAvatarQuota_Response();
|
||||||
|
resp.setOp(req.getOp());
|
||||||
|
resp.setRequestId(req.getRequestId());
|
||||||
|
resp.setStatus(WireCodes.Status.OK);
|
||||||
|
resp.setEnabled(quota.enabled());
|
||||||
|
resp.setLimit(quota.limit());
|
||||||
|
resp.setUsedCount(quota.usedCount());
|
||||||
|
resp.setRemainingCount(quota.remainingCount());
|
||||||
|
resp.setMaxBytes(service.getMaxBytes());
|
||||||
|
return resp;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.ConnectionContext;
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Response;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.JsonMessageHandler;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestUploadFreeAvatar_Request;
|
||||||
|
import server.logic.ws_protocol.JSON.handlers.tempToTest.entyties.Net_TestUploadFreeAvatar_Response;
|
||||||
|
import server.logic.ws_protocol.JSON.utils.NetExceptionResponseFactory;
|
||||||
|
import server.logic.ws_protocol.WireCodes;
|
||||||
|
|
||||||
|
import java.util.Base64;
|
||||||
|
|
||||||
|
public class Net_TestUploadFreeAvatar_Handler implements JsonMessageHandler {
|
||||||
|
|
||||||
|
private final TestFreeAvatarArweaveService service = new TestFreeAvatarArweaveService();
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public Net_Response handle(Net_Request baseRequest, ConnectionContext ctx) throws Exception {
|
||||||
|
Net_TestUploadFreeAvatar_Request req = (Net_TestUploadFreeAvatar_Request) baseRequest;
|
||||||
|
if (ctx == null || !ctx.isAuthenticatedUser()) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.UNVERIFIED, "NOT_AUTHENTICATED", "Требуется авторизация");
|
||||||
|
}
|
||||||
|
|
||||||
|
String fileBase64 = String.valueOf(req.getFileBytesBase64() == null ? "" : req.getFileBytesBase64()).trim();
|
||||||
|
String contentType = String.valueOf(req.getContentType() == null ? "" : req.getContentType()).trim();
|
||||||
|
if (fileBase64.isBlank() || contentType.isBlank()) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.BAD_REQUEST, "BAD_FIELDS", "Нужно передать contentType и fileBytesBase64.");
|
||||||
|
}
|
||||||
|
|
||||||
|
byte[] fileBytes;
|
||||||
|
try {
|
||||||
|
fileBytes = Base64.getDecoder().decode(fileBase64);
|
||||||
|
} catch (IllegalArgumentException e) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.BAD_REQUEST, "BAD_BASE64", "fileBytesBase64 должен быть корректным Base64.");
|
||||||
|
}
|
||||||
|
|
||||||
|
String login = String.valueOf(ctx.getLogin() == null ? "" : ctx.getLogin()).trim();
|
||||||
|
try {
|
||||||
|
TestFreeAvatarArweaveService.UploadResult result = service.uploadAvatar(login, contentType, fileBytes, req.getSha256Hex());
|
||||||
|
Net_TestUploadFreeAvatar_Response resp = new Net_TestUploadFreeAvatar_Response();
|
||||||
|
resp.setOp(req.getOp());
|
||||||
|
resp.setRequestId(req.getRequestId());
|
||||||
|
resp.setStatus(WireCodes.Status.OK);
|
||||||
|
resp.setTxId(result.txId());
|
||||||
|
resp.setSha256Hex(result.sha256Hex());
|
||||||
|
resp.setUsedCount(result.usedCount());
|
||||||
|
resp.setRemainingCount(result.remainingCount());
|
||||||
|
resp.setLimit(result.limit());
|
||||||
|
resp.setGateway(result.gateway());
|
||||||
|
return resp;
|
||||||
|
} catch (TestFreeAvatarArweaveService.FreeAvatarLimitExceededException e) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.BAD_REQUEST, "FREE_AVATAR_LIMIT_EXHAUSTED", e.getMessage());
|
||||||
|
} catch (IllegalArgumentException e) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.BAD_REQUEST, "BAD_AVATAR_FILE", e.getMessage());
|
||||||
|
} catch (IllegalStateException e) {
|
||||||
|
return NetExceptionResponseFactory.error(req, WireCodes.Status.SERVER_DATA_ERROR, "FREE_AVATAR_TEMP_DISABLED", e.getMessage());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,391 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest;
|
||||||
|
|
||||||
|
import com.fasterxml.jackson.databind.JsonNode;
|
||||||
|
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||||
|
import org.slf4j.Logger;
|
||||||
|
import org.slf4j.LoggerFactory;
|
||||||
|
import shine.db.dao.TestFreeAvatarUploadsDAO;
|
||||||
|
import shine.db.entities.TestFreeAvatarUploadEntry;
|
||||||
|
import utils.config.AppConfig;
|
||||||
|
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.math.BigInteger;
|
||||||
|
import java.net.URI;
|
||||||
|
import java.net.http.HttpClient;
|
||||||
|
import java.net.http.HttpRequest;
|
||||||
|
import java.net.http.HttpResponse;
|
||||||
|
import java.nio.charset.StandardCharsets;
|
||||||
|
import java.nio.file.Files;
|
||||||
|
import java.nio.file.Path;
|
||||||
|
import java.security.GeneralSecurityException;
|
||||||
|
import java.security.KeyFactory;
|
||||||
|
import java.security.MessageDigest;
|
||||||
|
import java.security.PrivateKey;
|
||||||
|
import java.security.Signature;
|
||||||
|
import java.security.interfaces.RSAPrivateCrtKey;
|
||||||
|
import java.security.spec.MGF1ParameterSpec;
|
||||||
|
import java.security.spec.PSSParameterSpec;
|
||||||
|
import java.security.spec.RSAPrivateCrtKeySpec;
|
||||||
|
import java.sql.SQLException;
|
||||||
|
import java.time.Duration;
|
||||||
|
import java.util.ArrayList;
|
||||||
|
import java.util.Base64;
|
||||||
|
import java.util.LinkedHashMap;
|
||||||
|
import java.util.List;
|
||||||
|
import java.util.Map;
|
||||||
|
import java.util.concurrent.ConcurrentHashMap;
|
||||||
|
|
||||||
|
public final class TestFreeAvatarArweaveService {
|
||||||
|
|
||||||
|
private static final Logger log = LoggerFactory.getLogger(TestFreeAvatarArweaveService.class);
|
||||||
|
private static final ObjectMapper MAPPER = new ObjectMapper();
|
||||||
|
private static final HttpClient HTTP = HttpClient.newBuilder()
|
||||||
|
.connectTimeout(Duration.ofSeconds(20))
|
||||||
|
.build();
|
||||||
|
private static final Base64.Decoder B64URL = Base64.getUrlDecoder();
|
||||||
|
private static final Base64.Encoder B64URL_NOPAD = Base64.getUrlEncoder().withoutPadding();
|
||||||
|
private static final int DEFAULT_LIMIT = 3;
|
||||||
|
private static final int DEFAULT_MAX_BYTES = 128 * 1024;
|
||||||
|
private static final String DEFAULT_GATEWAY = "https://arweave.net";
|
||||||
|
private static final ConcurrentHashMap<String, Object> LOGIN_LOCKS = new ConcurrentHashMap<>();
|
||||||
|
|
||||||
|
private final AppConfig config = AppConfig.getInstance();
|
||||||
|
private final TestFreeAvatarUploadsDAO quotaDao = TestFreeAvatarUploadsDAO.getInstance();
|
||||||
|
|
||||||
|
public Quota getQuota(String login) throws SQLException {
|
||||||
|
int limit = getLimitPerUser();
|
||||||
|
TestFreeAvatarUploadEntry entry = quotaDao.getByLogin(login);
|
||||||
|
int used = entry == null ? 0 : Math.max(0, entry.getUsedCount());
|
||||||
|
int remaining = Math.max(0, limit - used);
|
||||||
|
return new Quota(limit, used, remaining, isEnabled());
|
||||||
|
}
|
||||||
|
|
||||||
|
public UploadResult uploadAvatar(String login, String contentType, byte[] fileBytes, String expectedSha256Hex)
|
||||||
|
throws Exception {
|
||||||
|
if (!isEnabled()) {
|
||||||
|
throw new IllegalStateException("Временная бесплатная загрузка аватаров сейчас отключена на сервере.");
|
||||||
|
}
|
||||||
|
|
||||||
|
String cleanLogin = String.valueOf(login == null ? "" : login).trim();
|
||||||
|
if (cleanLogin.isBlank()) {
|
||||||
|
throw new IllegalArgumentException("Пустой login для бесплатной загрузки аватара.");
|
||||||
|
}
|
||||||
|
|
||||||
|
String cleanType = normalizeContentType(contentType);
|
||||||
|
validatePayload(cleanType, fileBytes);
|
||||||
|
String actualSha256Hex = sha256Hex(fileBytes);
|
||||||
|
String expectedSha = String.valueOf(expectedSha256Hex == null ? "" : expectedSha256Hex).trim().toLowerCase();
|
||||||
|
if (!expectedSha.isBlank() && !actualSha256Hex.equals(expectedSha)) {
|
||||||
|
throw new IllegalArgumentException("SHA-256 файла не совпадает с присланным клиентом.");
|
||||||
|
}
|
||||||
|
|
||||||
|
Object lock = LOGIN_LOCKS.computeIfAbsent(cleanLogin.toLowerCase(), key -> new Object());
|
||||||
|
synchronized (lock) {
|
||||||
|
Quota before = getQuota(cleanLogin);
|
||||||
|
if (before.remainingCount() <= 0) {
|
||||||
|
throw new FreeAvatarLimitExceededException("Вы исчерпали бесплатный лимит аватарок.");
|
||||||
|
}
|
||||||
|
|
||||||
|
ArweaveConfig arConfig = loadArweaveConfig();
|
||||||
|
String txId = postAvatarTransaction(arConfig, cleanLogin, cleanType, fileBytes);
|
||||||
|
|
||||||
|
int usedAfter = before.usedCount() + 1;
|
||||||
|
int remainingAfter = Math.max(0, before.limit() - usedAfter);
|
||||||
|
quotaDao.upsertUsage(cleanLogin, usedAfter, System.currentTimeMillis(), txId);
|
||||||
|
return new UploadResult(txId, actualSha256Hex, usedAfter, remainingAfter, before.limit(), arConfig.gateway());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public boolean isEnabled() {
|
||||||
|
return config.getBoolean("test.freeAvatar.enabled", true);
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getLimitPerUser() {
|
||||||
|
int configured = config.getInt("test.freeAvatar.limitPerUser", DEFAULT_LIMIT);
|
||||||
|
return Math.max(1, configured);
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getMaxBytes() {
|
||||||
|
int configured = config.getInt("test.freeAvatar.maxBytes", DEFAULT_MAX_BYTES);
|
||||||
|
return Math.max(1024, configured);
|
||||||
|
}
|
||||||
|
|
||||||
|
private String postAvatarTransaction(ArweaveConfig arConfig, String login, String contentType, byte[] data)
|
||||||
|
throws IOException, InterruptedException, GeneralSecurityException {
|
||||||
|
String gateway = arConfig.gateway();
|
||||||
|
String anchor = getRequiredText(gateway, "/tx_anchor");
|
||||||
|
String reward = getRequiredText(gateway, "/price/" + data.length);
|
||||||
|
if (!reward.matches("^\\d+$")) {
|
||||||
|
throw new IllegalStateException("Arweave gateway вернул некорректную цену загрузки.");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!arConfig.address().isBlank()) {
|
||||||
|
String balance = getRequiredText(gateway, "/wallet/" + arConfig.address() + "/balance");
|
||||||
|
if (balance.matches("^\\d+$")) {
|
||||||
|
BigInteger balanceWinston = new BigInteger(balance);
|
||||||
|
BigInteger rewardWinston = new BigInteger(reward);
|
||||||
|
if (balanceWinston.compareTo(rewardWinston) < 0) {
|
||||||
|
throw new IllegalStateException("На серверном Arweave-кошельке недостаточно AR для бесплатной загрузки аватара.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
byte[] dataRoot = singleChunkDataRoot(data);
|
||||||
|
List<List<byte[]>> tagList = new ArrayList<>();
|
||||||
|
List<Map<String, String>> jsonTags = new ArrayList<>();
|
||||||
|
appendTag(jsonTags, tagList, "Content-Type", contentType);
|
||||||
|
appendTag(jsonTags, tagList, "App-Name", "SHiNE");
|
||||||
|
appendTag(jsonTags, tagList, "SHiNE-Type", "avatar-free-test");
|
||||||
|
appendTag(jsonTags, tagList, "SHiNE-Profile-Login", login);
|
||||||
|
|
||||||
|
byte[] signaturePayload = deepHash(List.of(
|
||||||
|
utf8("2"),
|
||||||
|
b64UrlDecode(arConfig.owner()),
|
||||||
|
new byte[0],
|
||||||
|
utf8("0"),
|
||||||
|
utf8(reward),
|
||||||
|
b64UrlDecode(anchor),
|
||||||
|
tagList,
|
||||||
|
utf8(Integer.toString(data.length)),
|
||||||
|
dataRoot
|
||||||
|
));
|
||||||
|
|
||||||
|
byte[] rawSignature = signPayload(arConfig.privateKey(), signaturePayload);
|
||||||
|
String txId = b64UrlEncode(sha256(rawSignature));
|
||||||
|
|
||||||
|
Map<String, Object> body = new LinkedHashMap<>();
|
||||||
|
body.put("format", 2);
|
||||||
|
body.put("id", txId);
|
||||||
|
body.put("last_tx", anchor);
|
||||||
|
body.put("owner", arConfig.owner());
|
||||||
|
body.put("tags", jsonTags);
|
||||||
|
body.put("target", "");
|
||||||
|
body.put("quantity", "0");
|
||||||
|
body.put("data_root", b64UrlEncode(dataRoot));
|
||||||
|
body.put("data_size", Integer.toString(data.length));
|
||||||
|
body.put("data", b64UrlEncode(data));
|
||||||
|
body.put("reward", reward);
|
||||||
|
body.put("signature", b64UrlEncode(rawSignature));
|
||||||
|
|
||||||
|
String bodyJson = MAPPER.writeValueAsString(body);
|
||||||
|
HttpRequest req = HttpRequest.newBuilder(URI.create(gateway + "/tx"))
|
||||||
|
.timeout(Duration.ofSeconds(40))
|
||||||
|
.header("Content-Type", "application/json")
|
||||||
|
.header("Accept", "application/json")
|
||||||
|
.POST(HttpRequest.BodyPublishers.ofString(bodyJson, StandardCharsets.UTF_8))
|
||||||
|
.build();
|
||||||
|
HttpResponse<String> response = HTTP.send(req, HttpResponse.BodyHandlers.ofString(StandardCharsets.UTF_8));
|
||||||
|
int status = response.statusCode();
|
||||||
|
if (status != 200 && status != 208) {
|
||||||
|
throw new IllegalStateException("Arweave отклонил транзакцию: HTTP " + status + " " + safeBody(response.body()));
|
||||||
|
}
|
||||||
|
return txId;
|
||||||
|
}
|
||||||
|
|
||||||
|
private ArweaveConfig loadArweaveConfig() throws IOException, GeneralSecurityException {
|
||||||
|
String rawGateway = String.valueOf(config.getParam("test.freeAvatar.gateway") == null
|
||||||
|
? DEFAULT_GATEWAY
|
||||||
|
: config.getParam("test.freeAvatar.gateway")).trim();
|
||||||
|
String gateway = rawGateway.isBlank() ? DEFAULT_GATEWAY : rawGateway.replaceAll("/+$", "");
|
||||||
|
|
||||||
|
String walletPathRaw = String.valueOf(config.getParam("test.freeAvatar.walletJwkPath") == null
|
||||||
|
? ""
|
||||||
|
: config.getParam("test.freeAvatar.walletJwkPath")).trim();
|
||||||
|
if (walletPathRaw.isBlank()) {
|
||||||
|
throw new IllegalStateException("Не задан test.freeAvatar.walletJwkPath в настройках сервера.");
|
||||||
|
}
|
||||||
|
|
||||||
|
JsonNode jwk = MAPPER.readTree(Files.readString(Path.of(walletPathRaw), StandardCharsets.UTF_8));
|
||||||
|
String owner = requiredText(jwk, "n");
|
||||||
|
PrivateKey privateKey = buildPrivateKeyFromJwk(jwk);
|
||||||
|
String computedAddress = b64UrlEncode(sha256(b64UrlDecode(owner)));
|
||||||
|
|
||||||
|
String expectedAddress = String.valueOf(config.getParam("test.freeAvatar.walletAddress") == null
|
||||||
|
? ""
|
||||||
|
: config.getParam("test.freeAvatar.walletAddress")).trim();
|
||||||
|
if (!expectedAddress.isBlank() && !expectedAddress.equals(computedAddress)) {
|
||||||
|
throw new IllegalStateException("test.freeAvatar.walletAddress не совпадает с адресом из JWK.");
|
||||||
|
}
|
||||||
|
|
||||||
|
return new ArweaveConfig(gateway, owner, computedAddress, privateKey);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static PrivateKey buildPrivateKeyFromJwk(JsonNode jwk) throws GeneralSecurityException {
|
||||||
|
RSAPrivateCrtKeySpec spec = new RSAPrivateCrtKeySpec(
|
||||||
|
asBigInt(requiredText(jwk, "n")),
|
||||||
|
asBigInt(requiredText(jwk, "e")),
|
||||||
|
asBigInt(requiredText(jwk, "d")),
|
||||||
|
asBigInt(requiredText(jwk, "p")),
|
||||||
|
asBigInt(requiredText(jwk, "q")),
|
||||||
|
asBigInt(requiredText(jwk, "dp")),
|
||||||
|
asBigInt(requiredText(jwk, "dq")),
|
||||||
|
asBigInt(requiredText(jwk, "qi"))
|
||||||
|
);
|
||||||
|
return KeyFactory.getInstance("RSA").generatePrivate(spec);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] signPayload(PrivateKey key, byte[] payload) throws GeneralSecurityException {
|
||||||
|
Signature signature = Signature.getInstance("RSASSA-PSS");
|
||||||
|
signature.setParameter(new PSSParameterSpec("SHA-256", "MGF1", MGF1ParameterSpec.SHA256, 32, 1));
|
||||||
|
signature.initSign(key);
|
||||||
|
signature.update(payload);
|
||||||
|
return signature.sign();
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] singleChunkDataRoot(byte[] data) throws GeneralSecurityException {
|
||||||
|
byte[] dataHash = sha256(data);
|
||||||
|
byte[] left = sha256(dataHash);
|
||||||
|
byte[] right = sha256(intToBuffer32(data.length));
|
||||||
|
return sha256(concat(left, right));
|
||||||
|
}
|
||||||
|
|
||||||
|
@SuppressWarnings("unchecked")
|
||||||
|
private static byte[] deepHash(Object data) throws GeneralSecurityException {
|
||||||
|
if (data instanceof List<?> list) {
|
||||||
|
byte[] tag = concat(utf8("list"), utf8(Integer.toString(list.size())));
|
||||||
|
return deepHashChunks(list, sha384(tag));
|
||||||
|
}
|
||||||
|
if (!(data instanceof byte[] bytes)) {
|
||||||
|
throw new IllegalArgumentException("deepHash поддерживает только byte[] и list.");
|
||||||
|
}
|
||||||
|
byte[] tag = concat(utf8("blob"), utf8(Integer.toString(bytes.length)));
|
||||||
|
byte[] tagged = concat(sha384(tag), sha384(bytes));
|
||||||
|
return sha384(tagged);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] deepHashChunks(List<?> chunks, byte[] acc) throws GeneralSecurityException {
|
||||||
|
if (chunks.isEmpty()) return acc;
|
||||||
|
byte[] pair = concat(acc, deepHash(chunks.get(0)));
|
||||||
|
return deepHashChunks(chunks.subList(1, chunks.size()), sha384(pair));
|
||||||
|
}
|
||||||
|
|
||||||
|
private static void appendTag(List<Map<String, String>> jsonTags, List<List<byte[]>> tagList, String name, String value) {
|
||||||
|
byte[] nameBytes = utf8(name);
|
||||||
|
byte[] valueBytes = utf8(value);
|
||||||
|
Map<String, String> item = new LinkedHashMap<>();
|
||||||
|
item.put("name", b64UrlEncode(nameBytes));
|
||||||
|
item.put("value", b64UrlEncode(valueBytes));
|
||||||
|
jsonTags.add(item);
|
||||||
|
tagList.add(List.of(nameBytes, valueBytes));
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String getRequiredText(String gateway, String path) throws IOException, InterruptedException {
|
||||||
|
HttpRequest req = HttpRequest.newBuilder(URI.create(gateway + path))
|
||||||
|
.timeout(Duration.ofSeconds(20))
|
||||||
|
.GET()
|
||||||
|
.build();
|
||||||
|
HttpResponse<String> response = HTTP.send(req, HttpResponse.BodyHandlers.ofString(StandardCharsets.UTF_8));
|
||||||
|
if (response.statusCode() < 200 || response.statusCode() >= 300) {
|
||||||
|
throw new IllegalStateException("Arweave gateway вернул HTTP " + response.statusCode() + " для " + path);
|
||||||
|
}
|
||||||
|
String body = String.valueOf(response.body() == null ? "" : response.body()).trim();
|
||||||
|
if (body.isBlank()) {
|
||||||
|
throw new IllegalStateException("Arweave gateway вернул пустой ответ для " + path);
|
||||||
|
}
|
||||||
|
return body;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void validatePayload(String contentType, byte[] fileBytes) {
|
||||||
|
if (fileBytes == null || fileBytes.length == 0) {
|
||||||
|
throw new IllegalArgumentException("Файл аватара пустой.");
|
||||||
|
}
|
||||||
|
if (fileBytes.length > getMaxBytes()) {
|
||||||
|
throw new IllegalArgumentException("Файл слишком большой для бесплатной загрузки. Максимум " + getMaxBytes() + " байт.");
|
||||||
|
}
|
||||||
|
if (!isSupportedContentType(contentType)) {
|
||||||
|
throw new IllegalArgumentException("Поддерживаются только JPEG, PNG или WebP.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static boolean isSupportedContentType(String contentType) {
|
||||||
|
return "image/jpeg".equals(contentType)
|
||||||
|
|| "image/png".equals(contentType)
|
||||||
|
|| "image/webp".equals(contentType);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String normalizeContentType(String contentType) {
|
||||||
|
return String.valueOf(contentType == null ? "" : contentType).trim().toLowerCase();
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String requiredText(JsonNode node, String field) {
|
||||||
|
String value = node == null ? "" : String.valueOf(node.path(field).asText("")).trim();
|
||||||
|
if (value.isBlank()) {
|
||||||
|
throw new IllegalStateException("В JWK отсутствует поле " + field + ".");
|
||||||
|
}
|
||||||
|
return value;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static BigInteger asBigInt(String b64Url) {
|
||||||
|
return new BigInteger(1, b64UrlDecode(b64Url));
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] b64UrlDecode(String value) {
|
||||||
|
return B64URL.decode(String.valueOf(value == null ? "" : value).trim());
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String b64UrlEncode(byte[] value) {
|
||||||
|
return B64URL_NOPAD.encodeToString(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] utf8(String value) {
|
||||||
|
return String.valueOf(value == null ? "" : value).getBytes(StandardCharsets.UTF_8);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] concat(byte[]... arrays) {
|
||||||
|
int total = 0;
|
||||||
|
for (byte[] array : arrays) total += array.length;
|
||||||
|
byte[] out = new byte[total];
|
||||||
|
int offset = 0;
|
||||||
|
for (byte[] array : arrays) {
|
||||||
|
System.arraycopy(array, 0, out, offset, array.length);
|
||||||
|
offset += array.length;
|
||||||
|
}
|
||||||
|
return out;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] intToBuffer32(int value) {
|
||||||
|
byte[] out = new byte[32];
|
||||||
|
long current = Integer.toUnsignedLong(value);
|
||||||
|
for (int i = out.length - 1; i >= 0; i--) {
|
||||||
|
out[i] = (byte) (current & 0xffL);
|
||||||
|
current >>>= 8;
|
||||||
|
}
|
||||||
|
return out;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] sha256(byte[] data) throws GeneralSecurityException {
|
||||||
|
return MessageDigest.getInstance("SHA-256").digest(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static byte[] sha384(byte[] data) throws GeneralSecurityException {
|
||||||
|
return MessageDigest.getInstance("SHA-384").digest(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String sha256Hex(byte[] data) throws GeneralSecurityException {
|
||||||
|
byte[] hash = sha256(data);
|
||||||
|
StringBuilder sb = new StringBuilder(hash.length * 2);
|
||||||
|
for (byte b : hash) sb.append(String.format("%02x", b));
|
||||||
|
return sb.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String safeBody(String body) {
|
||||||
|
String text = String.valueOf(body == null ? "" : body).replace('\n', ' ').replace('\r', ' ').trim();
|
||||||
|
if (text.length() <= 220) return text;
|
||||||
|
return text.substring(0, 220) + "...";
|
||||||
|
}
|
||||||
|
|
||||||
|
public record Quota(int limit, int usedCount, int remainingCount, boolean enabled) {
|
||||||
|
}
|
||||||
|
|
||||||
|
public record UploadResult(String txId, String sha256Hex, int usedCount, int remainingCount, int limit, String gateway) {
|
||||||
|
}
|
||||||
|
|
||||||
|
private record ArweaveConfig(String gateway, String owner, String address, PrivateKey privateKey) {
|
||||||
|
}
|
||||||
|
|
||||||
|
public static final class FreeAvatarLimitExceededException extends RuntimeException {
|
||||||
|
public FreeAvatarLimitExceededException(String message) {
|
||||||
|
super(message);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest.entyties;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Request;
|
||||||
|
|
||||||
|
public class Net_TestGetFreeAvatarQuota_Request extends Net_Request {
|
||||||
|
}
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest.entyties;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Response;
|
||||||
|
|
||||||
|
public class Net_TestGetFreeAvatarQuota_Response extends Net_Response {
|
||||||
|
private boolean enabled;
|
||||||
|
private int limit;
|
||||||
|
private int usedCount;
|
||||||
|
private int remainingCount;
|
||||||
|
private int maxBytes;
|
||||||
|
|
||||||
|
public boolean isEnabled() {
|
||||||
|
return enabled;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setEnabled(boolean enabled) {
|
||||||
|
this.enabled = enabled;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getLimit() {
|
||||||
|
return limit;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setLimit(int limit) {
|
||||||
|
this.limit = limit;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getUsedCount() {
|
||||||
|
return usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setUsedCount(int usedCount) {
|
||||||
|
this.usedCount = usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getRemainingCount() {
|
||||||
|
return remainingCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setRemainingCount(int remainingCount) {
|
||||||
|
this.remainingCount = remainingCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getMaxBytes() {
|
||||||
|
return maxBytes;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setMaxBytes(int maxBytes) {
|
||||||
|
this.maxBytes = maxBytes;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest.entyties;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Request;
|
||||||
|
|
||||||
|
public class Net_TestUploadFreeAvatar_Request extends Net_Request {
|
||||||
|
private String contentType;
|
||||||
|
private String fileBytesBase64;
|
||||||
|
private String sha256Hex;
|
||||||
|
|
||||||
|
public String getContentType() {
|
||||||
|
return contentType;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setContentType(String contentType) {
|
||||||
|
this.contentType = contentType;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getFileBytesBase64() {
|
||||||
|
return fileBytesBase64;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setFileBytesBase64(String fileBytesBase64) {
|
||||||
|
this.fileBytesBase64 = fileBytesBase64;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getSha256Hex() {
|
||||||
|
return sha256Hex;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setSha256Hex(String sha256Hex) {
|
||||||
|
this.sha256Hex = sha256Hex;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
package server.logic.ws_protocol.JSON.handlers.tempToTest.entyties;
|
||||||
|
|
||||||
|
import server.logic.ws_protocol.JSON.entyties.Net_Response;
|
||||||
|
|
||||||
|
public class Net_TestUploadFreeAvatar_Response extends Net_Response {
|
||||||
|
private String txId;
|
||||||
|
private String sha256Hex;
|
||||||
|
private int usedCount;
|
||||||
|
private int remainingCount;
|
||||||
|
private int limit;
|
||||||
|
private String gateway;
|
||||||
|
|
||||||
|
public String getTxId() {
|
||||||
|
return txId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setTxId(String txId) {
|
||||||
|
this.txId = txId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getSha256Hex() {
|
||||||
|
return sha256Hex;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setSha256Hex(String sha256Hex) {
|
||||||
|
this.sha256Hex = sha256Hex;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getUsedCount() {
|
||||||
|
return usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setUsedCount(int usedCount) {
|
||||||
|
this.usedCount = usedCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getRemainingCount() {
|
||||||
|
return remainingCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setRemainingCount(int remainingCount) {
|
||||||
|
this.remainingCount = remainingCount;
|
||||||
|
}
|
||||||
|
|
||||||
|
public int getLimit() {
|
||||||
|
return limit;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setLimit(int limit) {
|
||||||
|
this.limit = limit;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getGateway() {
|
||||||
|
return gateway;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setGateway(String gateway) {
|
||||||
|
this.gateway = gateway;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -61,3 +61,14 @@ call.ice.turn.servers.2.password=
|
|||||||
# Если параметр отсутствует, по умолчанию считается false
|
# Если параметр отсутствует, по умолчанию считается false
|
||||||
# ------------------------------------------------------------
|
# ------------------------------------------------------------
|
||||||
debug.tempApi.enabled=true
|
debug.tempApi.enabled=true
|
||||||
|
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
# Временная тестовая бесплатная загрузка маленьких аватаров в Arweave
|
||||||
|
# API только для тестового периода. Ключ хранится вне кода в JWK-файле.
|
||||||
|
# ------------------------------------------------------------
|
||||||
|
test.freeAvatar.enabled=true
|
||||||
|
test.freeAvatar.gateway=https://arweave.net
|
||||||
|
test.freeAvatar.limitPerUser=3
|
||||||
|
test.freeAvatar.maxBytes=131072
|
||||||
|
test.freeAvatar.walletAddress=
|
||||||
|
test.freeAvatar.walletJwkPath=
|
||||||
|
|||||||
@ -1,2 +1,2 @@
|
|||||||
client.version=1.2.220
|
client.version=1.2.230
|
||||||
server.version=1.2.208
|
server.version=1.2.216
|
||||||
|
|||||||
54
build.gradle
54
build.gradle
@ -185,16 +185,14 @@ tasks.named('build') {
|
|||||||
finalizedBy tasks.named('integrationTest')
|
finalizedBy tasks.named('integrationTest')
|
||||||
}
|
}
|
||||||
|
|
||||||
tasks.register('deployServer', JavaExec) {
|
tasks.register('deployServerProduction', JavaExec) {
|
||||||
group = "!!deployment"
|
group = "!!deployment"
|
||||||
description = "Build → upload to server → restart service (без удаления БД, без IT тестов)"
|
description = "Production deploy: build → upload to shineup.me → restart service (только после явного подтверждения)"
|
||||||
|
|
||||||
classpath = sourceSets.test.runtimeClasspath
|
classpath = sourceSets.test.runtimeClasspath
|
||||||
mainClass = "test.it.IT_DeployRestartNoCleanNoTestsMain"
|
mainClass = "test.it.IT_DeployRestartNoCleanNoTestsMain"
|
||||||
workingDir = file('SHiNE-server')
|
workingDir = file('SHiNE-server')
|
||||||
|
|
||||||
// можно переопределить при запуске:
|
|
||||||
// ./gradlew deployServer -Dit.remoteHost=... -Dit.wsUri=...
|
|
||||||
dependsOn shadowJar
|
dependsOn shadowJar
|
||||||
systemProperty "it.remoteHost", System.getProperty("it.remoteHost", "shineup.me")
|
systemProperty "it.remoteHost", System.getProperty("it.remoteHost", "shineup.me")
|
||||||
systemProperty "it.remoteUser", System.getProperty("it.remoteUser", "player")
|
systemProperty "it.remoteUser", System.getProperty("it.remoteUser", "player")
|
||||||
@ -205,13 +203,57 @@ tasks.register('deployServer', JavaExec) {
|
|||||||
dependsOn testClasses
|
dependsOn testClasses
|
||||||
}
|
}
|
||||||
|
|
||||||
tasks.register('deployUI', Exec) {
|
tasks.register('deployUIProduction', Exec) {
|
||||||
group = "!!deployment"
|
group = "!!deployment"
|
||||||
description = "Deploy WEB UI (production: shineup.me)"
|
description = "Production UI deploy: shineup.me (только после явного подтверждения)"
|
||||||
workingDir = rootDir
|
workingDir = rootDir
|
||||||
commandLine 'bash', file('deploy_shine-PWA.sh').absolutePath
|
commandLine 'bash', file('deploy_shine-PWA.sh').absolutePath
|
||||||
}
|
}
|
||||||
|
|
||||||
|
tasks.register('deployServer', Exec) {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Default deploy server: test2.shineup.me"
|
||||||
|
dependsOn shadowJar
|
||||||
|
workingDir = rootDir
|
||||||
|
environment 'LOCAL_JAR', file('SHiNE-server/build/libs/shine-server.jar').absolutePath
|
||||||
|
commandLine 'bash', file('deploy_shine-server_test2.sh').absolutePath
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks.register('deployUI', Exec) {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Default deploy UI: test2.shineup.me"
|
||||||
|
workingDir = rootDir
|
||||||
|
commandLine 'bash', file('deploy_shine-ui_test2.sh').absolutePath
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks.register('deployServerTest2') {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Явный алиас основного test deploy server: test2.shineup.me"
|
||||||
|
dependsOn tasks.named('deployServer')
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks.register('deployUITest2') {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Явный алиас основного test deploy UI: test2.shineup.me"
|
||||||
|
dependsOn tasks.named('deployUI')
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks.register('deployServerTest', Exec) {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Резервный test deploy: test.shineup.me (пока не использовать)"
|
||||||
|
dependsOn shadowJar
|
||||||
|
workingDir = rootDir
|
||||||
|
environment 'LOCAL_JAR', file('SHiNE-server/build/libs/shine-server.jar').absolutePath
|
||||||
|
commandLine 'bash', file('deploy_shine-server_test.sh').absolutePath
|
||||||
|
}
|
||||||
|
|
||||||
|
tasks.register('deployUITest', Exec) {
|
||||||
|
group = "!!deployment"
|
||||||
|
description = "Резервный test UI deploy: test.shineup.me (пока не использовать)"
|
||||||
|
workingDir = rootDir
|
||||||
|
commandLine 'bash', file('deploy_shine-ui_test.sh').absolutePath
|
||||||
|
}
|
||||||
|
|
||||||
tasks.register('startLocal', Exec) {
|
tasks.register('startLocal', Exec) {
|
||||||
group = "!!run"
|
group = "!!run"
|
||||||
description = "Builds server, starts local WS server and local HTTP UI for end-to-end local testing"
|
description = "Builds server, starts local WS server and local HTTP UI for end-to-end local testing"
|
||||||
|
|||||||
@ -24,7 +24,7 @@ if [[ -z "$CLIENT_VERSION" ]]; then
|
|||||||
fi
|
fi
|
||||||
export CLIENT_VERSION
|
export CLIENT_VERSION
|
||||||
|
|
||||||
TARGET_URL="https://shineup.me"
|
TARGET_URL="${TARGET_URL:-https://${EXPECTED_CADDY_SITE}}"
|
||||||
REMOTE_DIR="${REMOTE_UI_DIR}"
|
REMOTE_DIR="${REMOTE_UI_DIR}"
|
||||||
|
|
||||||
cleanup() {
|
cleanup() {
|
||||||
|
|||||||
128
deploy_shine-server_test.sh
Normal file
128
deploy_shine-server_test.sh
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
PROD_HOST="${PROD_HOST:-player@shineup.me}"
|
||||||
|
TEST_HOST="${TEST_HOST:-player@93.170.12.154}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test.shineup.me}"
|
||||||
|
REMOTE_BASE="${REMOTE_BASE:-/home/player/SHiNE}"
|
||||||
|
REMOTE_SERVER_DIR="${REMOTE_SERVER_DIR:-$REMOTE_BASE/shine-server}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-$REMOTE_BASE/shine-ui}"
|
||||||
|
REMOTE_DATA_DIR="${REMOTE_DATA_DIR:-$REMOTE_SERVER_DIR/data}"
|
||||||
|
REMOTE_LOGS_DIR="${REMOTE_LOGS_DIR:-$REMOTE_SERVER_DIR/logs}"
|
||||||
|
REMOTE_SERVICE_NAME="${REMOTE_SERVICE_NAME:-shine-server}"
|
||||||
|
LOCAL_JAR="${LOCAL_JAR:-build/libs/shine-server.jar}"
|
||||||
|
PROD_DATA_DIR="${PROD_DATA_DIR:-/home/player/SHiNE/shine-server/data}"
|
||||||
|
PROD_APP_PROPS="${PROD_APP_PROPS:-/home/player/SHiNE/shine-server/application.properties}"
|
||||||
|
|
||||||
|
TMP_DIR="$(mktemp -d)"
|
||||||
|
|
||||||
|
cleanup() {
|
||||||
|
rm -rf "$TMP_DIR"
|
||||||
|
}
|
||||||
|
trap cleanup EXIT
|
||||||
|
|
||||||
|
require_file() {
|
||||||
|
local path="$1"
|
||||||
|
if [[ ! -f "$path" ]]; then
|
||||||
|
echo "ERROR: файл не найден: $path" >&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
}
|
||||||
|
|
||||||
|
echo "==> Проверка локального jar"
|
||||||
|
require_file "$LOCAL_JAR"
|
||||||
|
jar_size="$(stat -c %s "$LOCAL_JAR")"
|
||||||
|
if [[ "$jar_size" -lt 10485760 ]]; then
|
||||||
|
echo "ERROR: jar слишком маленький для fat-jar: $jar_size bytes" >&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "==> Проверка SSH и sudo"
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=10 "$PROD_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=10 "$TEST_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh "$TEST_HOST" "sudo -n true"
|
||||||
|
|
||||||
|
echo "==> Подготовка Caddy для $TARGET_DOMAIN"
|
||||||
|
TEST_HOST="$TEST_HOST" \
|
||||||
|
TARGET_DOMAIN="$TARGET_DOMAIN" \
|
||||||
|
REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
bash "$(dirname "$0")/scripts/install_test_caddyfile.sh"
|
||||||
|
|
||||||
|
echo "==> Забираем продовые данные и application.properties"
|
||||||
|
mkdir -p "$TMP_DIR/data"
|
||||||
|
rsync -az --delete "$PROD_HOST:$PROD_DATA_DIR/" "$TMP_DIR/data/"
|
||||||
|
scp -p "$PROD_HOST:$PROD_APP_PROPS" "$TMP_DIR/application.properties" >/dev/null
|
||||||
|
|
||||||
|
if grep -q '^server\.ui\.indexPath=' "$TMP_DIR/application.properties"; then
|
||||||
|
perl -0pi -e 's@^server\.ui\.indexPath=.*$@server.ui.indexPath=/home/player/SHiNE/shine-ui/index.html@m' "$TMP_DIR/application.properties"
|
||||||
|
else
|
||||||
|
printf '\nserver.ui.indexPath=/home/player/SHiNE/shine-ui/index.html\n' >>"$TMP_DIR/application.properties"
|
||||||
|
fi
|
||||||
|
|
||||||
|
cat >"$TMP_DIR/shine-server.service" <<EOF
|
||||||
|
[Unit]
|
||||||
|
Description=SHiNE Server
|
||||||
|
After=network.target
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=simple
|
||||||
|
User=player
|
||||||
|
Group=player
|
||||||
|
WorkingDirectory=$REMOTE_SERVER_DIR
|
||||||
|
ExecStart=/usr/bin/java -Dserver.port=7070 -jar $REMOTE_SERVER_DIR/shine-server.jar
|
||||||
|
Restart=always
|
||||||
|
RestartSec=3
|
||||||
|
StandardOutput=append:$REMOTE_LOGS_DIR/app.log
|
||||||
|
StandardError=append:$REMOTE_LOGS_DIR/app.log
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target
|
||||||
|
EOF
|
||||||
|
|
||||||
|
echo "==> Останавливаем текущий сервер на тестовом хосте"
|
||||||
|
ssh "$TEST_HOST" "sudo systemctl stop $REMOTE_SERVICE_NAME || true"
|
||||||
|
|
||||||
|
echo "==> Создаём каталоги"
|
||||||
|
ssh "$TEST_HOST" "mkdir -p '$REMOTE_SERVER_DIR' '$REMOTE_DATA_DIR' '$REMOTE_LOGS_DIR' '$REMOTE_UI_DIR' '$REMOTE_BASE/caddy'"
|
||||||
|
|
||||||
|
echo "==> Копируем продовую БД и blockchain-данные"
|
||||||
|
rsync -az --delete "$TMP_DIR/data/" "$TEST_HOST:$REMOTE_DATA_DIR/"
|
||||||
|
|
||||||
|
echo "==> Загружаем новый jar и конфиг"
|
||||||
|
rsync -az --timeout=120 "$LOCAL_JAR" "$TEST_HOST:$REMOTE_SERVER_DIR/shine-server.jar.new"
|
||||||
|
rsync -az --timeout=30 "$TMP_DIR/application.properties" "$TEST_HOST:$REMOTE_SERVER_DIR/application.properties.new"
|
||||||
|
rsync -az --timeout=30 "$TMP_DIR/shine-server.service" "$TEST_HOST:/tmp/shine-server.service.new"
|
||||||
|
|
||||||
|
echo "==> Применяем systemd unit и файлы сервера"
|
||||||
|
ssh "$TEST_HOST" "set -euo pipefail; \
|
||||||
|
mv -f '$REMOTE_SERVER_DIR/shine-server.jar.new' '$REMOTE_SERVER_DIR/shine-server.jar'; \
|
||||||
|
mv -f '$REMOTE_SERVER_DIR/application.properties.new' '$REMOTE_SERVER_DIR/application.properties'; \
|
||||||
|
sudo mv -f /tmp/shine-server.service.new /etc/systemd/system/shine-server.service; \
|
||||||
|
sudo chown root:root /etc/systemd/system/shine-server.service; \
|
||||||
|
chmod 644 '$REMOTE_SERVER_DIR/application.properties'; \
|
||||||
|
chmod 664 '$REMOTE_SERVER_DIR/shine-server.jar'; \
|
||||||
|
mkdir -p '$REMOTE_LOGS_DIR'; \
|
||||||
|
touch '$REMOTE_LOGS_DIR/app.log'; \
|
||||||
|
chown -R player:player '$REMOTE_SERVER_DIR'; \
|
||||||
|
sudo systemctl daemon-reload; \
|
||||||
|
sudo systemctl enable '$REMOTE_SERVICE_NAME'; \
|
||||||
|
sudo systemctl restart '$REMOTE_SERVICE_NAME'"
|
||||||
|
|
||||||
|
echo "==> Ждём порт 7070"
|
||||||
|
for _ in $(seq 1 50); do
|
||||||
|
if ssh "$TEST_HOST" "ss -ltn '( sport = :7070 )' | grep -q 7070"; then
|
||||||
|
echo "==> Порт 7070 поднялся"
|
||||||
|
break
|
||||||
|
fi
|
||||||
|
sleep 1
|
||||||
|
done
|
||||||
|
|
||||||
|
if ! ssh "$TEST_HOST" "ss -ltn '( sport = :7070 )' | grep -q 7070"; then
|
||||||
|
echo "ERROR: тестовый сервер не поднял порт 7070" >&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "==> Проверяем статус сервиса"
|
||||||
|
ssh "$TEST_HOST" "sudo systemctl --no-pager --full status '$REMOTE_SERVICE_NAME' | sed -n '1,20p'"
|
||||||
|
|
||||||
|
echo "test_server_deploy_done"
|
||||||
75
deploy_shine-server_test2.sh
Normal file
75
deploy_shine-server_test2.sh
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
PROD_HOST="${PROD_HOST:-player@shineup.me}"
|
||||||
|
TARGET_HOST="${TARGET_HOST:-player@193.8.215.70}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test2.shineup.me}"
|
||||||
|
REMOTE_BASE="${REMOTE_BASE:-/home/player/SHiNE}"
|
||||||
|
REMOTE_SERVER_DIR="${REMOTE_SERVER_DIR:-$REMOTE_BASE/shine-server}"
|
||||||
|
REMOTE_DATA_DIR="${REMOTE_DATA_DIR:-$REMOTE_SERVER_DIR/data}"
|
||||||
|
REMOTE_LOGS_DIR="${REMOTE_LOGS_DIR:-$REMOTE_SERVER_DIR/logs}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-$REMOTE_BASE/shine-ui}"
|
||||||
|
REMOTE_SERVICE_NAME="${REMOTE_SERVICE_NAME:-shine-server}"
|
||||||
|
LOCAL_JAR="${LOCAL_JAR:-SHiNE-server/build/libs/shine-server.jar}"
|
||||||
|
PROD_DATA_DIR="${PROD_DATA_DIR:-/home/player/SHiNE/shine-server/data}"
|
||||||
|
PROD_APP_PROPS="${PROD_APP_PROPS:-/home/player/SHiNE/shine-server/application.properties}"
|
||||||
|
|
||||||
|
TMP_DIR="$(mktemp -d)"
|
||||||
|
cleanup() {
|
||||||
|
rm -rf "$TMP_DIR"
|
||||||
|
}
|
||||||
|
trap cleanup EXIT
|
||||||
|
|
||||||
|
if [[ ! -f "$LOCAL_JAR" ]]; then
|
||||||
|
echo "ERROR: локальный jar не найден: $LOCAL_JAR" >&2
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=20 "$PROD_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=20 "$TARGET_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh "$TARGET_HOST" "sudo -n true"
|
||||||
|
ssh "$TARGET_HOST" "java -version >/dev/null 2>&1"
|
||||||
|
|
||||||
|
mkdir -p "$TMP_DIR/data"
|
||||||
|
rsync -az --delete "$PROD_HOST:$PROD_DATA_DIR/" "$TMP_DIR/data/"
|
||||||
|
rsync -az "$PROD_HOST:$PROD_APP_PROPS" "$TMP_DIR/application.properties"
|
||||||
|
perl -0pi -e 's@^server\.ui\.indexPath=.*$@server.ui.indexPath=/home/player/SHiNE/shine-ui/index.html@m' "$TMP_DIR/application.properties"
|
||||||
|
|
||||||
|
cat >"$TMP_DIR/shine-server.service" <<EOF
|
||||||
|
[Unit]
|
||||||
|
Description=SHiNE Server
|
||||||
|
After=network.target
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
Type=simple
|
||||||
|
User=player
|
||||||
|
Group=player
|
||||||
|
WorkingDirectory=$REMOTE_SERVER_DIR
|
||||||
|
ExecStart=/usr/bin/java -Dserver.port=7070 -jar $REMOTE_SERVER_DIR/shine-server.jar
|
||||||
|
Restart=always
|
||||||
|
RestartSec=3
|
||||||
|
StandardOutput=append:$REMOTE_LOGS_DIR/app.log
|
||||||
|
StandardError=append:$REMOTE_LOGS_DIR/app.log
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target
|
||||||
|
EOF
|
||||||
|
|
||||||
|
TARGET_HOST="$TARGET_HOST" TARGET_DOMAIN="$TARGET_DOMAIN" REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
bash "$(dirname "$0")/scripts/install_test2_caddyfile.sh"
|
||||||
|
|
||||||
|
ssh "$TARGET_HOST" "mkdir -p '$REMOTE_SERVER_DIR' '$REMOTE_DATA_DIR' '$REMOTE_LOGS_DIR' '$REMOTE_UI_DIR'"
|
||||||
|
rsync -az --delete "$TMP_DIR/data/" "$TARGET_HOST:$REMOTE_DATA_DIR/"
|
||||||
|
rsync -az --timeout=120 "$LOCAL_JAR" "$TARGET_HOST:$REMOTE_SERVER_DIR/shine-server.jar"
|
||||||
|
rsync -az "$TMP_DIR/application.properties" "$TARGET_HOST:$REMOTE_SERVER_DIR/application.properties"
|
||||||
|
rsync -az "$TMP_DIR/shine-server.service" "$TARGET_HOST:/tmp/shine-server.service"
|
||||||
|
|
||||||
|
ssh "$TARGET_HOST" "set -euo pipefail; \
|
||||||
|
sudo mv -f /tmp/shine-server.service /etc/systemd/system/shine-server.service; \
|
||||||
|
sudo chown root:root /etc/systemd/system/shine-server.service; \
|
||||||
|
touch '$REMOTE_LOGS_DIR/app.log'; \
|
||||||
|
chown -R player:player '$REMOTE_SERVER_DIR'; \
|
||||||
|
sudo systemctl daemon-reload; \
|
||||||
|
sudo systemctl enable '$REMOTE_SERVICE_NAME'; \
|
||||||
|
sudo systemctl restart '$REMOTE_SERVICE_NAME'"
|
||||||
|
|
||||||
20
deploy_shine-ui_test.sh
Normal file
20
deploy_shine-ui_test.sh
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
TEST_HOST="${TEST_HOST:-player@93.170.12.154}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test.shineup.me}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-/home/player/SHiNE/shine-ui}"
|
||||||
|
|
||||||
|
echo "==> Подготовка Caddy для $TARGET_DOMAIN"
|
||||||
|
TEST_HOST="$TEST_HOST" \
|
||||||
|
TARGET_DOMAIN="$TARGET_DOMAIN" \
|
||||||
|
REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
bash "$(dirname "$0")/scripts/install_test_caddyfile.sh"
|
||||||
|
|
||||||
|
echo "==> Деплой UI на $TARGET_DOMAIN"
|
||||||
|
REMOTE_HOST="$TEST_HOST" \
|
||||||
|
REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
EXPECTED_CADDY_UI_ROOT="$REMOTE_UI_DIR" \
|
||||||
|
EXPECTED_CADDY_SITE="$TARGET_DOMAIN" \
|
||||||
|
TARGET_URL="https://$TARGET_DOMAIN" \
|
||||||
|
bash "$(dirname "$0")/deploy_shine-PWA.sh"
|
||||||
21
deploy_shine-ui_test2.sh
Normal file
21
deploy_shine-ui_test2.sh
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
TARGET_HOST="${TARGET_HOST:-player@193.8.215.70}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test2.shineup.me}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-/home/player/SHiNE/shine-ui}"
|
||||||
|
|
||||||
|
TARGET_HOST="$TARGET_HOST" TARGET_DOMAIN="$TARGET_DOMAIN" REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
bash "$(dirname "$0")/scripts/install_test2_caddyfile.sh"
|
||||||
|
|
||||||
|
REMOTE_HOST="$TARGET_HOST" \
|
||||||
|
REMOTE_UI_DIR="$REMOTE_UI_DIR" \
|
||||||
|
EXPECTED_CADDY_UI_ROOT="$REMOTE_UI_DIR" \
|
||||||
|
EXPECTED_CADDY_SITE="$TARGET_DOMAIN" \
|
||||||
|
TARGET_URL="https://$TARGET_DOMAIN" \
|
||||||
|
bash "$(dirname "$0")/deploy_shine-PWA.sh"
|
||||||
|
|
||||||
|
ssh "$TARGET_HOST" "sudo chmod o+x /home/player /home/player/SHiNE '$REMOTE_UI_DIR'; \
|
||||||
|
sudo find '$REMOTE_UI_DIR' -type d -exec chmod o+rx {} +; \
|
||||||
|
sudo find '$REMOTE_UI_DIR' -type f -exec chmod o+r {} +"
|
||||||
|
|
||||||
80
scripts/install_test2_caddyfile.sh
Normal file
80
scripts/install_test2_caddyfile.sh
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
TARGET_HOST="${TARGET_HOST:-player@193.8.215.70}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test2.shineup.me}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-/home/player/SHiNE/shine-ui}"
|
||||||
|
REMOTE_CADDYFILE="${REMOTE_CADDYFILE:-/etc/caddy/Caddyfile}"
|
||||||
|
|
||||||
|
TMP_DIR="$(mktemp -d)"
|
||||||
|
cleanup() {
|
||||||
|
rm -rf "$TMP_DIR"
|
||||||
|
}
|
||||||
|
trap cleanup EXIT
|
||||||
|
|
||||||
|
cat >"$TMP_DIR/Caddyfile" <<EOF
|
||||||
|
{
|
||||||
|
auto_https disable_redirects
|
||||||
|
}
|
||||||
|
|
||||||
|
agent.shiningpeople.ru {
|
||||||
|
redir / /agent/index.html 308
|
||||||
|
redir /agent /agent/index.html 308
|
||||||
|
|
||||||
|
handle_path /agent/* {
|
||||||
|
reverse_proxy 127.0.0.1:8765
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$TARGET_DOMAIN {
|
||||||
|
encode zstd gzip
|
||||||
|
|
||||||
|
@ws path /ws /ws/*
|
||||||
|
handle @ws {
|
||||||
|
reverse_proxy 127.0.0.1:7070
|
||||||
|
}
|
||||||
|
|
||||||
|
handle {
|
||||||
|
root * $REMOTE_UI_DIR
|
||||||
|
try_files {path} /index.html
|
||||||
|
file_server
|
||||||
|
header -Etag
|
||||||
|
header {
|
||||||
|
Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
|
||||||
|
Pragma "no-cache"
|
||||||
|
Expires "0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:80 {
|
||||||
|
encode zstd gzip
|
||||||
|
|
||||||
|
@ws path /ws /ws/*
|
||||||
|
handle @ws {
|
||||||
|
reverse_proxy 127.0.0.1:7070
|
||||||
|
}
|
||||||
|
|
||||||
|
handle {
|
||||||
|
root * $REMOTE_UI_DIR
|
||||||
|
try_files {path} /index.html
|
||||||
|
file_server
|
||||||
|
header -Etag
|
||||||
|
header {
|
||||||
|
Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
|
||||||
|
Pragma "no-cache"
|
||||||
|
Expires "0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
EOF
|
||||||
|
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=20 "$TARGET_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh "$TARGET_HOST" "sudo -n true"
|
||||||
|
rsync -az "$TMP_DIR/Caddyfile" "$TARGET_HOST:/tmp/caddy-test2.new"
|
||||||
|
ssh "$TARGET_HOST" "set -euo pipefail; \
|
||||||
|
sudo mv -f /tmp/caddy-test2.new '$REMOTE_CADDYFILE'; \
|
||||||
|
sudo chown root:root '$REMOTE_CADDYFILE'; \
|
||||||
|
sudo caddy validate --config '$REMOTE_CADDYFILE'; \
|
||||||
|
sudo systemctl restart caddy"
|
||||||
|
|
||||||
76
scripts/install_test_caddyfile.sh
Normal file
76
scripts/install_test_caddyfile.sh
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
TEST_HOST="${TEST_HOST:-player@93.170.12.154}"
|
||||||
|
TARGET_DOMAIN="${TARGET_DOMAIN:-test.shineup.me}"
|
||||||
|
REMOTE_UI_DIR="${REMOTE_UI_DIR:-/home/player/SHiNE/shine-ui}"
|
||||||
|
REMOTE_CADDYFILE="${REMOTE_CADDYFILE:-/etc/caddy/Caddyfile}"
|
||||||
|
|
||||||
|
TMP_DIR="$(mktemp -d)"
|
||||||
|
|
||||||
|
cleanup() {
|
||||||
|
rm -rf "$TMP_DIR"
|
||||||
|
}
|
||||||
|
trap cleanup EXIT
|
||||||
|
|
||||||
|
cat >"$TMP_DIR/Caddyfile" <<EOF
|
||||||
|
{
|
||||||
|
auto_https disable_redirects
|
||||||
|
}
|
||||||
|
|
||||||
|
$TARGET_DOMAIN {
|
||||||
|
encode zstd gzip
|
||||||
|
|
||||||
|
@ws path /ws /ws/*
|
||||||
|
handle @ws {
|
||||||
|
reverse_proxy 127.0.0.1:7070
|
||||||
|
}
|
||||||
|
|
||||||
|
handle {
|
||||||
|
root * $REMOTE_UI_DIR
|
||||||
|
try_files {path} /index.html
|
||||||
|
file_server
|
||||||
|
header -Etag
|
||||||
|
header {
|
||||||
|
Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
|
||||||
|
Pragma "no-cache"
|
||||||
|
Expires "0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:80 {
|
||||||
|
encode zstd gzip
|
||||||
|
|
||||||
|
@ws path /ws /ws/*
|
||||||
|
handle @ws {
|
||||||
|
reverse_proxy 127.0.0.1:7070
|
||||||
|
}
|
||||||
|
|
||||||
|
handle {
|
||||||
|
root * $REMOTE_UI_DIR
|
||||||
|
try_files {path} /index.html
|
||||||
|
file_server
|
||||||
|
header -Etag
|
||||||
|
header {
|
||||||
|
Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
|
||||||
|
Pragma "no-cache"
|
||||||
|
Expires "0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
EOF
|
||||||
|
|
||||||
|
echo "==> Проверка SSH и sudo на $TEST_HOST"
|
||||||
|
ssh -o BatchMode=yes -o ConnectTimeout=10 "$TEST_HOST" "echo SSH OK" >/dev/null
|
||||||
|
ssh "$TEST_HOST" "sudo -n true"
|
||||||
|
|
||||||
|
echo "==> Установка Caddy-конфига для $TARGET_DOMAIN"
|
||||||
|
scp -p "$TMP_DIR/Caddyfile" "$TEST_HOST:/tmp/shine-test-caddyfile.new" >/dev/null
|
||||||
|
ssh "$TEST_HOST" "sudo mkdir -p \"$(dirname "$REMOTE_CADDYFILE")\" && \
|
||||||
|
sudo mv -f /tmp/shine-test-caddyfile.new \"$REMOTE_CADDYFILE\" && \
|
||||||
|
sudo chown root:root \"$REMOTE_CADDYFILE\" && \
|
||||||
|
sudo caddy validate --config \"$REMOTE_CADDYFILE\" && \
|
||||||
|
sudo systemctl reload caddy"
|
||||||
|
|
||||||
|
echo "==> Caddy настроен для $TARGET_DOMAIN"
|
||||||
@ -29,12 +29,14 @@ import {
|
|||||||
addSignedMessageToChat,
|
addSignedMessageToChat,
|
||||||
markIncomingReadByBaseKey,
|
markIncomingReadByBaseKey,
|
||||||
markOutgoingReadByBaseKey,
|
markOutgoingReadByBaseKey,
|
||||||
|
normalizeDmChatId,
|
||||||
setContacts,
|
setContacts,
|
||||||
} from './state.js';
|
} from './state.js';
|
||||||
|
|
||||||
import * as startView from './pages/start-view.js?v=202606142105';
|
import * as startView from './pages/start-view.js?v=202606142105';
|
||||||
import * as entrySettingsView from './pages/entry-settings-view.js?v=202606161240';
|
import * as entrySettingsView from './pages/entry-settings-view.js?v=202606161240';
|
||||||
import * as registerView from './pages/register-view.js';
|
import * as registerView from './pages/register-view.js?v=202606201650';
|
||||||
|
import * as registrationFaqView from './pages/registration-faq-view.js?v=202606201650';
|
||||||
import * as registrationPaymentView from './pages/registration-payment-view.js?v=202606180940';
|
import * as registrationPaymentView from './pages/registration-payment-view.js?v=202606180940';
|
||||||
import * as registrationKeysView from './pages/registration-keys-view.js';
|
import * as registrationKeysView from './pages/registration-keys-view.js';
|
||||||
import * as registrationDraftKeysView from './pages/registration-draft-keys-view.js';
|
import * as registrationDraftKeysView from './pages/registration-draft-keys-view.js';
|
||||||
@ -43,7 +45,7 @@ import * as devnetTopupView from './pages/devnet-topup-view.js';
|
|||||||
import * as loginView from './pages/login-view.js?v=202606150110';
|
import * as loginView from './pages/login-view.js?v=202606150110';
|
||||||
import * as loginCameraView from './pages/login-camera-view.js';
|
import * as loginCameraView from './pages/login-camera-view.js';
|
||||||
import * as loginOtherDeviceView from './pages/login-other-device-view.js?v=202606180940';
|
import * as loginOtherDeviceView from './pages/login-other-device-view.js?v=202606180940';
|
||||||
import * as loginPasswordView from './pages/login-password-view.js';
|
import * as loginPasswordView from './pages/login-password-view.js?v=202606201650';
|
||||||
import * as keyStorageView from './pages/key-storage-view.js';
|
import * as keyStorageView from './pages/key-storage-view.js';
|
||||||
|
|
||||||
import * as profileView from './pages/profile-view.js';
|
import * as profileView from './pages/profile-view.js';
|
||||||
@ -81,6 +83,7 @@ const routes = {
|
|||||||
'start-view': startView,
|
'start-view': startView,
|
||||||
'entry-settings-view': entrySettingsView,
|
'entry-settings-view': entrySettingsView,
|
||||||
'register-view': registerView,
|
'register-view': registerView,
|
||||||
|
'registration-faq-view': registrationFaqView,
|
||||||
'registration-payment-view': registrationPaymentView,
|
'registration-payment-view': registrationPaymentView,
|
||||||
'registration-keys-view': registrationKeysView,
|
'registration-keys-view': registrationKeysView,
|
||||||
'registration-draft-keys-view': registrationDraftKeysView,
|
'registration-draft-keys-view': registrationDraftKeysView,
|
||||||
@ -910,7 +913,7 @@ async function init() {
|
|||||||
const fromLogin = parsed.fromLogin || '';
|
const fromLogin = parsed.fromLogin || '';
|
||||||
const toLogin = parsed.toLogin || '';
|
const toLogin = parsed.toLogin || '';
|
||||||
const messageType = Number(parsed.messageType || 0);
|
const messageType = Number(parsed.messageType || 0);
|
||||||
const chatId = messageType === 2 ? toLogin : fromLogin;
|
const chatId = normalizeDmChatId(messageType === 2 ? toLogin : fromLogin);
|
||||||
const text = (messageType === 1 || messageType === 2)
|
const text = (messageType === 1 || messageType === 2)
|
||||||
? String(parsed.text || '')
|
? String(parsed.text || '')
|
||||||
: '';
|
: '';
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
import { authService } from '../state.js';
|
||||||
import { getArweaveBalance, getArweaveWalletFromStoredDeviceKey } from '../services/arweave-wallet-service.js';
|
import { getArweaveBalance, getArweaveWalletFromStoredDeviceKey } from '../services/arweave-wallet-service.js';
|
||||||
import {
|
import {
|
||||||
buildArweaveDataUrl,
|
buildArweaveDataUrl,
|
||||||
@ -9,8 +10,11 @@ import {
|
|||||||
validateSha256Hex,
|
validateSha256Hex,
|
||||||
validateAvatarSourceFile,
|
validateAvatarSourceFile,
|
||||||
} from '../services/arweave-file-service.js';
|
} from '../services/arweave-file-service.js';
|
||||||
|
import { bytesToBase64 } from '../services/crypto-utils.js';
|
||||||
import { saveProfileAvatarArweave } from '../services/user-profile-params.js';
|
import { saveProfileAvatarArweave } from '../services/user-profile-params.js';
|
||||||
|
|
||||||
|
const DEFAULT_FREE_AVATAR_MAX_BYTES = 128 * 1024;
|
||||||
|
|
||||||
function escapeHtml(text) {
|
function escapeHtml(text) {
|
||||||
return String(text || '')
|
return String(text || '')
|
||||||
.replaceAll('&', '&')
|
.replaceAll('&', '&')
|
||||||
@ -72,6 +76,8 @@ export function openAvatarWizard({
|
|||||||
let priceInfo = null;
|
let priceInfo = null;
|
||||||
let uploadedTxId = '';
|
let uploadedTxId = '';
|
||||||
let uploadedSha256Hex = '';
|
let uploadedSha256Hex = '';
|
||||||
|
let uploadedInfoText = '';
|
||||||
|
let freeQuotaInfo = null;
|
||||||
|
|
||||||
function revokePreviewUrl() {
|
function revokePreviewUrl() {
|
||||||
if (!lastPreviewUrl) return;
|
if (!lastPreviewUrl) return;
|
||||||
@ -105,10 +111,11 @@ export function openAvatarWizard({
|
|||||||
<div class="modal" data-avatar-wizard-modal="true">
|
<div class="modal" data-avatar-wizard-modal="true">
|
||||||
<div class="modal-card stack avatar-wizard-card">
|
<div class="modal-card stack avatar-wizard-card">
|
||||||
<h3 class="modal-title">Сменить аватар</h3>
|
<h3 class="modal-title">Сменить аватар</h3>
|
||||||
<p class="meta-muted">Вы можете использовать уже загруженный файл Arweave или загрузить новый файл.</p>
|
<p class="meta-muted">Вы можете использовать уже загруженный файл Arweave, загрузить новый файл со своего кошелька или попробовать временную бесплатную загрузку через сервер.</p>
|
||||||
<div class="avatar-wizard-choice-grid">
|
<div class="avatar-wizard-choice-grid">
|
||||||
<button class="primary-btn" type="button" data-action="use-existing">Использовать существующий файл в Arweave</button>
|
<button class="primary-btn" type="button" data-action="use-existing">Использовать существующий файл в Arweave</button>
|
||||||
<button class="primary-btn" type="button" data-action="upload-new">Загрузить новый файл в Arweave</button>
|
<button class="primary-btn" type="button" data-action="upload-new">Загрузить новый файл в Arweave</button>
|
||||||
|
<button class="primary-btn" type="button" data-action="upload-free">Залить аватар бесплатно</button>
|
||||||
<button class="secondary-btn" type="button" data-action="cancel">Отмена</button>
|
<button class="secondary-btn" type="button" data-action="cancel">Отмена</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -121,6 +128,7 @@ export function openAvatarWizard({
|
|||||||
root.querySelector('[data-action="cancel"]')?.addEventListener('click', () => close(false, resolve));
|
root.querySelector('[data-action="cancel"]')?.addEventListener('click', () => close(false, resolve));
|
||||||
root.querySelector('[data-action="use-existing"]')?.addEventListener('click', showStepExistingInput);
|
root.querySelector('[data-action="use-existing"]')?.addEventListener('click', showStepExistingInput);
|
||||||
root.querySelector('[data-action="upload-new"]')?.addEventListener('click', () => { void showStepUpload(); });
|
root.querySelector('[data-action="upload-new"]')?.addEventListener('click', () => { void showStepUpload(); });
|
||||||
|
root.querySelector('[data-action="upload-free"]')?.addEventListener('click', () => { void showStepFreeUpload(); });
|
||||||
};
|
};
|
||||||
|
|
||||||
const showStepExistingInput = () => {
|
const showStepExistingInput = () => {
|
||||||
@ -339,6 +347,7 @@ export function openAvatarWizard({
|
|||||||
|
|
||||||
uploadBtn.disabled = true;
|
uploadBtn.disabled = true;
|
||||||
try {
|
try {
|
||||||
|
uploadedInfoText = '';
|
||||||
const uploaded = await uploadArweaveFile({
|
const uploaded = await uploadArweaveFile({
|
||||||
gateway: cleanGateway,
|
gateway: cleanGateway,
|
||||||
jwk: walletCtx?.jwk,
|
jwk: walletCtx?.jwk,
|
||||||
@ -363,6 +372,169 @@ export function openAvatarWizard({
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const showStepFreeLimitExhausted = () => {
|
||||||
|
if (closed) return;
|
||||||
|
root.innerHTML = `
|
||||||
|
<div class="modal" data-avatar-wizard-modal="true">
|
||||||
|
<div class="modal-card stack avatar-wizard-card">
|
||||||
|
<h3 class="modal-title">Лимит исчерпан</h3>
|
||||||
|
<p class="meta-muted">Вы исчерпали бесплатный лимит аватарок.</p>
|
||||||
|
<div class="avatar-wizard-actions">
|
||||||
|
<button class="secondary-btn" type="button" data-action="back">Назад</button>
|
||||||
|
<button class="secondary-btn" type="button" data-action="close">Закрыть</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
|
||||||
|
root.querySelector('[data-action="close"]')?.addEventListener('click', () => close(false, resolve));
|
||||||
|
};
|
||||||
|
|
||||||
|
const showStepFreeUploadForm = () => {
|
||||||
|
if (closed) return;
|
||||||
|
const remaining = Number(freeQuotaInfo?.remainingCount || 0);
|
||||||
|
const limit = Number(freeQuotaInfo?.limit || 3);
|
||||||
|
const maxBytes = Number(freeQuotaInfo?.maxBytes || DEFAULT_FREE_AVATAR_MAX_BYTES);
|
||||||
|
root.innerHTML = `
|
||||||
|
<div class="modal" data-avatar-wizard-modal="true">
|
||||||
|
<div class="modal-card stack avatar-wizard-card">
|
||||||
|
<h3 class="modal-title">Залить аватар бесплатно</h3>
|
||||||
|
<p class="meta-muted">Осталось бесплатных загрузок: ${remaining} из ${limit}.</p>
|
||||||
|
<label class="meta-muted" for="avatar-free-file-input">Выберите изображение</label>
|
||||||
|
<input class="input" id="avatar-free-file-input" type="file" accept="image/jpeg,image/png,image/webp" />
|
||||||
|
<p class="meta-muted">Поддерживаются JPEG, PNG, WebP. Перед отправкой изображение уменьшается для аватарки. Итоговый файл должен быть не больше ${formatBytes(maxBytes)}.</p>
|
||||||
|
<div class="avatar-preview-circle avatar-wizard-preview" hidden data-preview-wrap="true">
|
||||||
|
<img alt="Предпросмотр аватара" data-preview-image="true" />
|
||||||
|
</div>
|
||||||
|
<div class="avatar-wizard-meta" data-meta="true"></div>
|
||||||
|
<p class="meta-muted">Это временная тестовая бесплатная загрузка через серверный кошелёк Arweave.</p>
|
||||||
|
<p class="avatar-wizard-error" data-error="true"></p>
|
||||||
|
<div class="avatar-wizard-actions">
|
||||||
|
<button class="secondary-btn" type="button" data-action="back">Назад</button>
|
||||||
|
<button class="primary-btn" type="button" data-action="upload" disabled>Залить бесплатно</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const modal = root.querySelector('[data-avatar-wizard-modal="true"]');
|
||||||
|
const fileInput = root.querySelector('#avatar-free-file-input');
|
||||||
|
const errorEl = root.querySelector('[data-error="true"]');
|
||||||
|
const metaEl = root.querySelector('[data-meta="true"]');
|
||||||
|
const previewWrap = root.querySelector('[data-preview-wrap="true"]');
|
||||||
|
const previewImage = root.querySelector('[data-preview-image="true"]');
|
||||||
|
const uploadBtn = root.querySelector('[data-action="upload"]');
|
||||||
|
|
||||||
|
optimized = null;
|
||||||
|
uploadedSha256Hex = '';
|
||||||
|
|
||||||
|
modal?.addEventListener('click', (event) => {
|
||||||
|
if (event.target === modal) close(false, resolve);
|
||||||
|
});
|
||||||
|
root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
|
||||||
|
|
||||||
|
fileInput?.addEventListener('change', async () => {
|
||||||
|
setNodeText(errorEl, '');
|
||||||
|
setNodeText(metaEl, '');
|
||||||
|
uploadBtn.disabled = true;
|
||||||
|
revokePreviewUrl();
|
||||||
|
|
||||||
|
const selectedFile = fileInput.files?.[0] || null;
|
||||||
|
if (!selectedFile) {
|
||||||
|
setNodeText(errorEl, 'Выберите файл изображения.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
validateAvatarSourceFile(selectedFile);
|
||||||
|
optimized = await prepareAvatarImageFile(selectedFile);
|
||||||
|
if (Number(optimized?.file?.size || 0) > maxBytes) {
|
||||||
|
throw new Error(`После уменьшения файл всё ещё больше ${formatBytes(maxBytes)}. Возьмите более простое изображение.`);
|
||||||
|
}
|
||||||
|
|
||||||
|
lastPreviewUrl = URL.createObjectURL(optimized.file);
|
||||||
|
previewImage.src = lastPreviewUrl;
|
||||||
|
previewWrap.hidden = false;
|
||||||
|
metaEl.innerHTML = `
|
||||||
|
<div>Исходный размер: ${escapeHtml(formatBytes(optimized.originalSizeBytes))}</div>
|
||||||
|
<div>Итоговый размер: ${escapeHtml(formatBytes(optimized.optimizedSizeBytes))}</div>
|
||||||
|
<div>Итоговое разрешение: ${escapeHtml(`${optimized.width} × ${optimized.height}`)}</div>
|
||||||
|
<div>Тип файла: ${escapeHtml(optimized.contentType)}</div>
|
||||||
|
<div>SHA-256: ${escapeHtml(String(optimized.sha256Hex || '').toLowerCase())}</div>
|
||||||
|
`;
|
||||||
|
uploadBtn.disabled = false;
|
||||||
|
} catch (error) {
|
||||||
|
setNodeText(errorEl, String(error?.message || 'Не удалось подготовить изображение.'));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
uploadBtn?.addEventListener('click', async () => {
|
||||||
|
setNodeText(errorEl, '');
|
||||||
|
if (!optimized?.file) {
|
||||||
|
setNodeText(errorEl, 'Выберите файл изображения.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
uploadBtn.disabled = true;
|
||||||
|
try {
|
||||||
|
const fileBytes = new Uint8Array(await optimized.file.arrayBuffer());
|
||||||
|
const uploaded = await authService.uploadTestFreeAvatar({
|
||||||
|
contentType: optimized.contentType,
|
||||||
|
fileBytesBase64: bytesToBase64(fileBytes),
|
||||||
|
sha256Hex: String(optimized.sha256Hex || '').trim().toLowerCase(),
|
||||||
|
});
|
||||||
|
uploadedTxId = String(uploaded.txId || '').trim();
|
||||||
|
uploadedSha256Hex = String(uploaded.sha256Hex || optimized.sha256Hex || '').trim().toLowerCase();
|
||||||
|
uploadedInfoText = `Осталось бесплатных загрузок: ${Number(uploaded.remainingCount || 0)} из ${Number(uploaded.limit || limit)}.`;
|
||||||
|
if (!uploadedTxId) {
|
||||||
|
throw new Error('Сервер не вернул Transaction ID.');
|
||||||
|
}
|
||||||
|
showStepUploaded();
|
||||||
|
} catch (error) {
|
||||||
|
setNodeText(errorEl, String(error?.message || 'Не удалось бесплатно загрузить аватар.'));
|
||||||
|
uploadBtn.disabled = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const showStepFreeUpload = async () => {
|
||||||
|
if (closed) return;
|
||||||
|
root.innerHTML = `
|
||||||
|
<div class="modal" data-avatar-wizard-modal="true">
|
||||||
|
<div class="modal-card stack avatar-wizard-card">
|
||||||
|
<h3 class="modal-title">Подготовка бесплатной загрузки</h3>
|
||||||
|
<p class="meta-muted" data-loading="true">Проверяем остаток бесплатных загрузок...</p>
|
||||||
|
<p class="avatar-wizard-error" data-error="true"></p>
|
||||||
|
<div class="avatar-wizard-actions">
|
||||||
|
<button class="secondary-btn" type="button" data-action="back">Назад</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const loadingEl = root.querySelector('[data-loading="true"]');
|
||||||
|
const errorEl = root.querySelector('[data-error="true"]');
|
||||||
|
root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
|
||||||
|
|
||||||
|
try {
|
||||||
|
freeQuotaInfo = await authService.getTestFreeAvatarQuota();
|
||||||
|
} catch (error) {
|
||||||
|
setNodeText(errorEl, error?.message || 'Не удалось получить остаток бесплатных загрузок.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!freeQuotaInfo?.enabled) {
|
||||||
|
setNodeText(loadingEl, '');
|
||||||
|
setNodeText(errorEl, 'Временная бесплатная загрузка аватаров сейчас отключена на сервере.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (Number(freeQuotaInfo?.remainingCount || 0) <= 0) {
|
||||||
|
showStepFreeLimitExhausted();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
showStepFreeUploadForm();
|
||||||
|
};
|
||||||
|
|
||||||
const showStepUploaded = () => {
|
const showStepUploaded = () => {
|
||||||
if (closed) return;
|
if (closed) return;
|
||||||
root.innerHTML = `
|
root.innerHTML = `
|
||||||
@ -373,6 +545,7 @@ export function openAvatarWizard({
|
|||||||
<p class="avatar-wizard-meta">${escapeHtml(uploadedTxId)}</p>
|
<p class="avatar-wizard-meta">${escapeHtml(uploadedTxId)}</p>
|
||||||
<p class="meta-muted">SHA-256:</p>
|
<p class="meta-muted">SHA-256:</p>
|
||||||
<p class="avatar-wizard-meta">${escapeHtml(uploadedSha256Hex)}</p>
|
<p class="avatar-wizard-meta">${escapeHtml(uploadedSha256Hex)}</p>
|
||||||
|
${uploadedInfoText ? `<p class="meta-muted">${escapeHtml(uploadedInfoText)}</p>` : ''}
|
||||||
<p class="avatar-wizard-error" data-error="true"></p>
|
<p class="avatar-wizard-error" data-error="true"></p>
|
||||||
<div class="avatar-wizard-actions">
|
<div class="avatar-wizard-actions">
|
||||||
<button class="ghost-btn" type="button" data-action="copy-id">Скопировать ID</button>
|
<button class="ghost-btn" type="button" data-action="copy-id">Скопировать ID</button>
|
||||||
|
|||||||
@ -10,6 +10,7 @@ import {
|
|||||||
markChatRead,
|
markChatRead,
|
||||||
markOutgoingSent,
|
markOutgoingSent,
|
||||||
markReadReceiptSentByBaseKey,
|
markReadReceiptSentByBaseKey,
|
||||||
|
normalizeDmChatId,
|
||||||
authService,
|
authService,
|
||||||
setContacts,
|
setContacts,
|
||||||
state,
|
state,
|
||||||
@ -71,7 +72,7 @@ function openMessageActionsMenu({
|
|||||||
const menuId = `chat-message-actions-menu-${Date.now()}`;
|
const menuId = `chat-message-actions-menu-${Date.now()}`;
|
||||||
root.innerHTML = `
|
root.innerHTML = `
|
||||||
<div class="dm-floating-menu-layer" id="chat-message-actions-layer">
|
<div class="dm-floating-menu-layer" id="chat-message-actions-layer">
|
||||||
<div class="modal-card stack dm-dialog-card dm-message-actions-menu dm-message-actions-popover" id="${menuId}">
|
<div class="modal-card stack dm-message-actions-menu dm-message-actions-popover" id="${menuId}">
|
||||||
<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-copy">Скопировать как текст</button>
|
<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-copy">Скопировать как текст</button>
|
||||||
<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-read">Прочесть</button>
|
<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-read">Прочесть</button>
|
||||||
${canEdit ? '<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-edit">Изменить</button>' : ''}
|
${canEdit ? '<button class="secondary-btn dm-message-action-btn" type="button" id="msg-action-edit">Изменить</button>' : ''}
|
||||||
@ -334,11 +335,12 @@ function renderLog(list, chatId, { onOpenActions } = {}) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function render({ navigate, route }) {
|
export function render({ navigate, route }) {
|
||||||
const chatId = route.params.chatId || 'u1';
|
const routeChatId = route.params.chatId || 'u1';
|
||||||
const contact = directMessages.find((d) => d.id === chatId) || {
|
const chatId = normalizeDmChatId(routeChatId) || 'u1';
|
||||||
|
const contact = directMessages.find((d) => normalizeDmChatId(d.id) === chatId) || {
|
||||||
id: chatId,
|
id: chatId,
|
||||||
name: chatId,
|
name: String(routeChatId || chatId),
|
||||||
initials: (chatId[0] || '?').toUpperCase(),
|
initials: (String(routeChatId || chatId)[0] || '?').toUpperCase(),
|
||||||
};
|
};
|
||||||
|
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
@ -579,6 +581,10 @@ export function render({ navigate, route }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
renderLog(log, chatId, { onOpenActions: handleOpenActions });
|
renderLog(log, chatId, { onOpenActions: handleOpenActions });
|
||||||
|
scrollToLatestMessage(log);
|
||||||
|
window.requestAnimationFrame(() => scrollToLatestMessage(log));
|
||||||
|
window.setTimeout(() => scrollToLatestMessage(log), 90);
|
||||||
|
window.setTimeout(() => scrollToLatestMessage(log), 220);
|
||||||
addAppLogEntry({
|
addAppLogEntry({
|
||||||
level: 'info',
|
level: 'info',
|
||||||
source: 'outgoing-dm',
|
source: 'outgoing-dm',
|
||||||
|
|||||||
@ -61,9 +61,11 @@ function createSearchAvatar(login) {
|
|||||||
export function render({ navigate }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
screen.className = 'stack dm-screen dm-search-screen';
|
screen.className = 'stack dm-screen dm-search-screen';
|
||||||
|
let searchTimer = 0;
|
||||||
|
let searchSeq = 0;
|
||||||
|
|
||||||
const input = document.createElement('input');
|
const input = document.createElement('input');
|
||||||
input.className = 'input dm-input';
|
input.className = 'input dm-input contact-search-input';
|
||||||
input.type = 'text';
|
input.type = 'text';
|
||||||
input.name = 'contact';
|
input.name = 'contact';
|
||||||
input.placeholder = 'Введите начало логина';
|
input.placeholder = 'Введите начало логина';
|
||||||
@ -71,26 +73,28 @@ export function render({ navigate }) {
|
|||||||
input.maxLength = 80;
|
input.maxLength = 80;
|
||||||
|
|
||||||
const resultsCard = document.createElement('section');
|
const resultsCard = document.createElement('section');
|
||||||
resultsCard.className = 'card stack dm-dialog-card';
|
resultsCard.className = 'card stack contact-search-results-card';
|
||||||
resultsCard.hidden = true;
|
resultsCard.hidden = true;
|
||||||
|
|
||||||
const status = document.createElement('p');
|
const status = document.createElement('p');
|
||||||
status.className = 'meta-muted';
|
status.className = 'contact-search-results-title';
|
||||||
|
|
||||||
const resultsList = document.createElement('div');
|
const resultsList = document.createElement('div');
|
||||||
resultsList.className = 'stack dm-list';
|
resultsList.className = 'stack dm-list';
|
||||||
|
|
||||||
const renderResults = (matches, query) => {
|
const renderResults = (matches, query) => {
|
||||||
resultsList.innerHTML = '';
|
resultsList.innerHTML = '';
|
||||||
resultsCard.hidden = false;
|
|
||||||
|
|
||||||
if (!query.trim()) {
|
if (!query.trim()) {
|
||||||
status.textContent = 'Введите начало логина пользователя.';
|
status.textContent = '';
|
||||||
|
resultsCard.hidden = true;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
resultsCard.hidden = false;
|
||||||
|
|
||||||
if (!matches.length) {
|
if (!matches.length) {
|
||||||
status.textContent = 'Совпадений не найдено.';
|
status.textContent = 'Найдено пользователей: 0';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -101,11 +105,10 @@ export function render({ navigate }) {
|
|||||||
row.className = 'list-item dm-dialog-card';
|
row.className = 'list-item dm-dialog-card';
|
||||||
const avatarEl = createSearchAvatar(login);
|
const avatarEl = createSearchAvatar(login);
|
||||||
row.innerHTML = `
|
row.innerHTML = `
|
||||||
<div>
|
<div class="contact-search-result-main">
|
||||||
<strong>${login}</strong>
|
<strong class="dm-row-title">${login}</strong>
|
||||||
<p class="meta-muted" style="margin-top:4px;">Пользователь сервера</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="meta-muted">Профиль</div>
|
<span class="dm-chevron" aria-hidden="true">›</span>
|
||||||
`;
|
`;
|
||||||
row.prepend(avatarEl);
|
row.prepend(avatarEl);
|
||||||
row.addEventListener('click', () => {
|
row.addEventListener('click', () => {
|
||||||
@ -115,12 +118,9 @@ export function render({ navigate }) {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const searchButton = document.createElement('button');
|
const runSearch = async () => {
|
||||||
searchButton.className = 'primary-btn dm-send-btn';
|
|
||||||
searchButton.type = 'button';
|
|
||||||
searchButton.textContent = 'Поиск';
|
|
||||||
searchButton.addEventListener('click', async () => {
|
|
||||||
const query = input.value.trim();
|
const query = input.value.trim();
|
||||||
|
const seq = ++searchSeq;
|
||||||
if (!query) {
|
if (!query) {
|
||||||
renderResults([], '');
|
renderResults([], '');
|
||||||
return;
|
return;
|
||||||
@ -128,11 +128,38 @@ export function render({ navigate }) {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const logins = await authService.searchUsers(query);
|
const logins = await authService.searchUsers(query);
|
||||||
|
if (seq !== searchSeq) return;
|
||||||
renderResults((logins || []).slice(0, 5), query);
|
renderResults((logins || []).slice(0, 5), query);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
if (seq !== searchSeq) return;
|
||||||
status.textContent = `Ошибка поиска: ${e.message || 'unknown'}`;
|
status.textContent = `Ошибка поиска: ${e.message || 'unknown'}`;
|
||||||
resultsCard.hidden = false;
|
resultsCard.hidden = false;
|
||||||
|
resultsList.innerHTML = '';
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const scheduleSearch = () => {
|
||||||
|
if (searchTimer) window.clearTimeout(searchTimer);
|
||||||
|
searchTimer = window.setTimeout(() => {
|
||||||
|
searchTimer = 0;
|
||||||
|
void runSearch();
|
||||||
|
}, 2000);
|
||||||
|
};
|
||||||
|
|
||||||
|
const searchButton = document.createElement('button');
|
||||||
|
searchButton.className = 'primary-btn dm-send-btn';
|
||||||
|
searchButton.type = 'button';
|
||||||
|
searchButton.textContent = 'Поиск';
|
||||||
|
searchButton.addEventListener('click', async () => {
|
||||||
|
if (searchTimer) {
|
||||||
|
window.clearTimeout(searchTimer);
|
||||||
|
searchTimer = 0;
|
||||||
|
}
|
||||||
|
await runSearch();
|
||||||
|
});
|
||||||
|
|
||||||
|
input.addEventListener('input', () => {
|
||||||
|
scheduleSearch();
|
||||||
});
|
});
|
||||||
|
|
||||||
const controls = document.createElement('div');
|
const controls = document.createElement('div');
|
||||||
@ -140,7 +167,7 @@ export function render({ navigate }) {
|
|||||||
controls.append(searchButton);
|
controls.append(searchButton);
|
||||||
|
|
||||||
const formCard = document.createElement('section');
|
const formCard = document.createElement('section');
|
||||||
formCard.className = 'card stack dm-dialog-card';
|
formCard.className = 'card stack contact-search-form-card';
|
||||||
formCard.append(input, controls);
|
formCard.append(input, controls);
|
||||||
|
|
||||||
resultsCard.append(status, resultsList);
|
resultsCard.append(status, resultsList);
|
||||||
@ -154,5 +181,9 @@ export function render({ navigate }) {
|
|||||||
resultsCard,
|
resultsCard,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
screen.cleanup = () => {
|
||||||
|
if (searchTimer) window.clearTimeout(searchTimer);
|
||||||
|
};
|
||||||
|
|
||||||
return screen;
|
return screen;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -60,7 +60,7 @@ function resetCodeCard(resultWrap, shortCodeEl, statusHintEl, onlineHintEl, expi
|
|||||||
|
|
||||||
export function render({ navigate }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
screen.className = 'stack';
|
screen.className = 'stack auth-screen auth-screen--lower';
|
||||||
let pollTimer = 0;
|
let pollTimer = 0;
|
||||||
let countdownTimer = 0;
|
let countdownTimer = 0;
|
||||||
let activePairingId = '';
|
let activePairingId = '';
|
||||||
@ -77,6 +77,10 @@ export function render({ navigate }) {
|
|||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const panel = document.createElement('section');
|
||||||
|
panel.className = 'login-panel login-panel--wide stack';
|
||||||
|
panel.innerHTML = '<h1 class="login-panel-title">Войти через другое устройство</h1>';
|
||||||
|
|
||||||
const formCard = document.createElement('div');
|
const formCard = document.createElement('div');
|
||||||
formCard.className = 'card stack';
|
formCard.className = 'card stack';
|
||||||
formCard.innerHTML = `
|
formCard.innerHTML = `
|
||||||
@ -387,6 +391,7 @@ export function render({ navigate }) {
|
|||||||
resultActions.append(cancelBtn);
|
resultActions.append(cancelBtn);
|
||||||
resultWrap.append(resultActions);
|
resultWrap.append(resultActions);
|
||||||
|
|
||||||
screen.append(formCard, status, resultWrap);
|
panel.append(formCard, status, resultWrap);
|
||||||
|
screen.append(panel);
|
||||||
return screen;
|
return screen;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,6 +7,55 @@ import {
|
|||||||
state,
|
state,
|
||||||
} from '../state.js';
|
} from '../state.js';
|
||||||
import { toUserMessage } from '../services/ui-error-texts.js';
|
import { toUserMessage } from '../services/ui-error-texts.js';
|
||||||
|
import {
|
||||||
|
composePasswordFromWords,
|
||||||
|
emptyPasswordWords,
|
||||||
|
normalizePasswordWords,
|
||||||
|
PASSWORD_MAX_LENGTH,
|
||||||
|
PASSWORD_WORDS_COUNT,
|
||||||
|
} from '../services/password-words.js';
|
||||||
|
|
||||||
|
function createWordsLayout({ words, onInput }) {
|
||||||
|
const section = document.createElement('div');
|
||||||
|
section.className = 'registration-words-block';
|
||||||
|
|
||||||
|
const grid = document.createElement('div');
|
||||||
|
grid.className = 'registration-words-grid';
|
||||||
|
|
||||||
|
const inputs = Array.from({ length: PASSWORD_WORDS_COUNT }, (_, index) => {
|
||||||
|
const row = document.createElement('label');
|
||||||
|
row.className = 'registration-word-row';
|
||||||
|
|
||||||
|
const number = document.createElement('span');
|
||||||
|
number.className = 'registration-word-number';
|
||||||
|
number.textContent = `${index + 1}.`;
|
||||||
|
|
||||||
|
const input = document.createElement('input');
|
||||||
|
input.className = 'input registration-word-input';
|
||||||
|
input.type = 'text';
|
||||||
|
input.autocomplete = 'off';
|
||||||
|
input.autocapitalize = 'off';
|
||||||
|
input.spellcheck = false;
|
||||||
|
input.maxLength = 32;
|
||||||
|
input.value = words[index];
|
||||||
|
input.addEventListener('input', () => onInput(index, input.value));
|
||||||
|
|
||||||
|
row.append(number, input);
|
||||||
|
grid.append(row);
|
||||||
|
return input;
|
||||||
|
});
|
||||||
|
|
||||||
|
const hint = document.createElement('p');
|
||||||
|
hint.className = 'meta-muted';
|
||||||
|
hint.textContent =
|
||||||
|
'Можно вводить любые слова на любых языках. Можно заполнить не все 12 полей. В конце они просто склеиваются в один пароль длиной до 256 символов.';
|
||||||
|
|
||||||
|
const preview = document.createElement('p');
|
||||||
|
preview.className = 'status-line';
|
||||||
|
|
||||||
|
section.append(grid, hint);
|
||||||
|
return { section, inputs, preview };
|
||||||
|
}
|
||||||
|
|
||||||
export const pageMeta = { id: 'login-password-view', title: 'Войти по логину', showAppChrome: false };
|
export const pageMeta = { id: 'login-password-view', title: 'Войти по логину', showAppChrome: false };
|
||||||
|
|
||||||
@ -19,6 +68,9 @@ export function render({ navigate }) {
|
|||||||
const form = document.createElement('div');
|
const form = document.createElement('div');
|
||||||
form.className = 'card stack';
|
form.className = 'card stack';
|
||||||
|
|
||||||
|
let passwordMode = String(state.loginDraft.passwordMode || 'single') === 'words' ? 'words' : 'single';
|
||||||
|
let passwordWords = normalizePasswordWords(state.loginDraft.passwordWords);
|
||||||
|
|
||||||
const loginInput = document.createElement('input');
|
const loginInput = document.createElement('input');
|
||||||
loginInput.className = 'input';
|
loginInput.className = 'input';
|
||||||
loginInput.type = 'text';
|
loginInput.type = 'text';
|
||||||
@ -35,38 +87,102 @@ export function render({ navigate }) {
|
|||||||
passwordInput.autocomplete = 'new-password';
|
passwordInput.autocomplete = 'new-password';
|
||||||
passwordInput.autocapitalize = 'off';
|
passwordInput.autocapitalize = 'off';
|
||||||
passwordInput.spellcheck = false;
|
passwordInput.spellcheck = false;
|
||||||
passwordInput.value = state.loginDraft.password;
|
passwordInput.maxLength = PASSWORD_MAX_LENGTH;
|
||||||
passwordInput.placeholder = 'Введите пароль (можно оставить пустым)';
|
passwordInput.value = passwordMode === 'single' ? state.loginDraft.password : '';
|
||||||
|
passwordInput.placeholder = 'Введите пароль';
|
||||||
|
|
||||||
|
const {
|
||||||
|
section: wordsSection,
|
||||||
|
inputs: wordInputs,
|
||||||
|
preview: wordsPreview,
|
||||||
|
} = createWordsLayout({
|
||||||
|
words: passwordWords,
|
||||||
|
onInput: (index, value) => {
|
||||||
|
passwordWords[index] = value;
|
||||||
|
syncDraftState();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const passwordModeToggle = document.createElement('label');
|
||||||
|
passwordModeToggle.className = 'registration-toggle';
|
||||||
|
|
||||||
|
const passwordModeCheckbox = document.createElement('input');
|
||||||
|
passwordModeCheckbox.type = 'checkbox';
|
||||||
|
passwordModeCheckbox.checked = passwordMode === 'words';
|
||||||
|
|
||||||
|
const passwordModeLabel = document.createElement('span');
|
||||||
|
passwordModeLabel.textContent = 'Представить пароль в виде 12 слов';
|
||||||
|
|
||||||
|
passwordModeToggle.append(passwordModeCheckbox, passwordModeLabel);
|
||||||
|
|
||||||
const hint = document.createElement('p');
|
const hint = document.createElement('p');
|
||||||
hint.className = 'meta-muted';
|
hint.className = 'meta-muted';
|
||||||
hint.textContent = 'Введите логин. Пароль может быть пустым. На следующем шаге сохраните ключи на устройстве.';
|
hint.textContent = 'Введите логин. На следующем шаге сохраните ключи на устройстве.';
|
||||||
|
|
||||||
const advanced = document.createElement('details');
|
|
||||||
advanced.className = 'card stack';
|
|
||||||
advanced.innerHTML = `
|
|
||||||
<summary>Расширенные</summary>
|
|
||||||
<p class="meta-muted">Схема derivation ключей: логин нормализуется как trim().toLowerCase(). При непустом пароле используется Argon2id, затем из результата строится секрет для root/bch/dev ключей.</p>
|
|
||||||
<p class="meta-muted">Если пароль пустой — используется прежний детерминированный режим совместимости.</p>
|
|
||||||
<p class="meta-muted">Для тестов можно оставить пустой пароль.</p>
|
|
||||||
<p class="meta-muted">Профиль Argon2id сейчас фиксированный: t=2, m=65536 KiB (64 MiB), p=1, dkLen=32. Выбор уровня будет добавлен позже.</p>
|
|
||||||
`;
|
|
||||||
|
|
||||||
const status = document.createElement('p');
|
const status = document.createElement('p');
|
||||||
status.className = 'status-line is-unavailable';
|
status.className = 'status-line is-unavailable';
|
||||||
status.style.display = 'none';
|
status.style.display = 'none';
|
||||||
|
|
||||||
const testLoginsHint = document.createElement('p');
|
let passwordField = null;
|
||||||
testLoginsHint.className = 'meta-muted';
|
const passwordLengthText = document.createElement('p');
|
||||||
testLoginsHint.textContent = 'Основные тестовые логины: 1, 2, 3 (вход без пароля).';
|
passwordLengthText.className = 'status-line';
|
||||||
|
|
||||||
|
function getCurrentPassword() {
|
||||||
|
return passwordMode === 'words' ? composePasswordFromWords(passwordWords) : String(passwordInput.value || '');
|
||||||
|
}
|
||||||
|
|
||||||
|
function syncDraftState() {
|
||||||
|
state.loginDraft.login = loginInput.value.trim();
|
||||||
|
state.loginDraft.passwordMode = passwordMode;
|
||||||
|
state.loginDraft.passwordWords = normalizePasswordWords(passwordWords);
|
||||||
|
state.loginDraft.password = getCurrentPassword();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateWordsPreview() {
|
||||||
|
const password = getCurrentPassword();
|
||||||
|
const text = `Итоговая длина пароля: ${password.length} символов.`;
|
||||||
|
wordsPreview.textContent = text;
|
||||||
|
passwordLengthText.textContent = text;
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatePasswordModeVisibility() {
|
||||||
|
const wordsMode = passwordMode === 'words';
|
||||||
|
wordsSection.style.display = wordsMode ? 'grid' : 'none';
|
||||||
|
if (passwordField) passwordField.style.display = wordsMode ? 'none' : 'grid';
|
||||||
|
passwordInput.style.display = wordsMode ? 'none' : '';
|
||||||
|
updateWordsPreview();
|
||||||
|
}
|
||||||
|
|
||||||
form.innerHTML = `
|
form.innerHTML = `
|
||||||
<label class="stack"><span class="field-label">Логин</span></label>
|
<label class="stack"><span class="field-label">Логин</span></label>
|
||||||
<label class="stack"><span class="field-label">Пароль</span></label>
|
<label class="stack"><span class="field-label">Пароль</span></label>
|
||||||
`;
|
`;
|
||||||
form.children[0].append(loginInput);
|
form.children[0].append(loginInput);
|
||||||
form.children[1].append(passwordInput);
|
passwordField = form.children[1];
|
||||||
form.append(hint, advanced, status, testLoginsHint);
|
passwordField.append(passwordInput);
|
||||||
|
form.append(passwordModeToggle, wordsSection, passwordLengthText, hint, status);
|
||||||
|
updatePasswordModeVisibility();
|
||||||
|
syncDraftState();
|
||||||
|
|
||||||
|
loginInput.addEventListener('input', syncDraftState);
|
||||||
|
passwordInput.addEventListener('input', syncDraftState);
|
||||||
|
|
||||||
|
passwordModeCheckbox.addEventListener('change', () => {
|
||||||
|
const nextMode = passwordModeCheckbox.checked ? 'words' : 'single';
|
||||||
|
if (nextMode === passwordMode) return;
|
||||||
|
if (nextMode === 'words') {
|
||||||
|
passwordWords = emptyPasswordWords();
|
||||||
|
wordInputs.forEach((input) => {
|
||||||
|
input.value = '';
|
||||||
|
});
|
||||||
|
passwordInput.value = '';
|
||||||
|
} else {
|
||||||
|
passwordInput.value = composePasswordFromWords(passwordWords);
|
||||||
|
}
|
||||||
|
passwordMode = nextMode;
|
||||||
|
updatePasswordModeVisibility();
|
||||||
|
syncDraftState();
|
||||||
|
});
|
||||||
|
|
||||||
const actions = document.createElement('div');
|
const actions = document.createElement('div');
|
||||||
actions.className = 'auth-footer-actions';
|
actions.className = 'auth-footer-actions';
|
||||||
@ -83,14 +199,18 @@ export function render({ navigate }) {
|
|||||||
enterButton.textContent = 'Войти';
|
enterButton.textContent = 'Войти';
|
||||||
enterButton.addEventListener('click', async () => {
|
enterButton.addEventListener('click', async () => {
|
||||||
status.style.display = 'none';
|
status.style.display = 'none';
|
||||||
state.loginDraft.login = loginInput.value.trim();
|
syncDraftState();
|
||||||
state.loginDraft.password = passwordInput.value;
|
|
||||||
|
|
||||||
if (!state.loginDraft.login) {
|
if (!state.loginDraft.login) {
|
||||||
status.textContent = 'Введите логин.';
|
status.textContent = 'Введите логин.';
|
||||||
status.style.display = '';
|
status.style.display = '';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
if (state.loginDraft.password.length > PASSWORD_MAX_LENGTH) {
|
||||||
|
status.textContent = `Пароль слишком длинный. Максимальная длина: ${PASSWORD_MAX_LENGTH} символов.`;
|
||||||
|
status.style.display = '';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
setAuthBusy(true);
|
setAuthBusy(true);
|
||||||
setAuthError('');
|
setAuthError('');
|
||||||
@ -103,6 +223,8 @@ export function render({ navigate }) {
|
|||||||
state.registrationDraft.flowType = 'login';
|
state.registrationDraft.flowType = 'login';
|
||||||
state.registrationDraft.login = result.login;
|
state.registrationDraft.login = result.login;
|
||||||
state.registrationDraft.password = state.loginDraft.password;
|
state.registrationDraft.password = state.loginDraft.password;
|
||||||
|
state.registrationDraft.passwordMode = state.loginDraft.passwordMode;
|
||||||
|
state.registrationDraft.passwordWords = normalizePasswordWords(state.loginDraft.passwordWords);
|
||||||
state.registrationDraft.sessionId = result.sessionId;
|
state.registrationDraft.sessionId = result.sessionId;
|
||||||
state.registrationDraft.storagePwd = result.storagePwd;
|
state.registrationDraft.storagePwd = result.storagePwd;
|
||||||
state.registrationDraft.pendingKeyBundle = result.keyBundle;
|
state.registrationDraft.pendingKeyBundle = result.keyBundle;
|
||||||
|
|||||||
@ -4,29 +4,23 @@ export const pageMeta = { id: 'login-view', title: 'Войти', showAppChrome:
|
|||||||
|
|
||||||
export function render({ navigate }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
screen.className = 'stack';
|
screen.className = 'stack auth-screen auth-screen--lower';
|
||||||
|
|
||||||
const cameraButton = document.createElement('button');
|
|
||||||
cameraButton.className = 'primary-btn';
|
|
||||||
cameraButton.type = 'button';
|
|
||||||
cameraButton.textContent = 'Отсканировать QR-код';
|
|
||||||
cameraButton.addEventListener('click', () => navigate('login-camera-view'));
|
|
||||||
|
|
||||||
const loginButton = document.createElement('button');
|
const loginButton = document.createElement('button');
|
||||||
loginButton.className = 'ghost-btn';
|
loginButton.className = 'ghost-btn';
|
||||||
loginButton.type = 'button';
|
loginButton.type = 'button';
|
||||||
loginButton.textContent = 'Войти по логину';
|
loginButton.textContent = 'Войти по паролю';
|
||||||
loginButton.addEventListener('click', () => navigate('login-password-view'));
|
loginButton.addEventListener('click', () => navigate('login-password-view'));
|
||||||
|
|
||||||
const otherDeviceButton = document.createElement('button');
|
const otherDeviceButton = document.createElement('button');
|
||||||
otherDeviceButton.className = 'text-btn';
|
otherDeviceButton.className = 'ghost-btn';
|
||||||
otherDeviceButton.type = 'button';
|
otherDeviceButton.type = 'button';
|
||||||
otherDeviceButton.textContent = 'Войти через другое устройство';
|
otherDeviceButton.textContent = 'Войти через другое устройство';
|
||||||
otherDeviceButton.addEventListener('click', () => navigate('login-other-device-view'));
|
otherDeviceButton.addEventListener('click', () => navigate('login-other-device-view'));
|
||||||
|
|
||||||
const actions = document.createElement('div');
|
const actions = document.createElement('div');
|
||||||
actions.className = 'auth-actions login-actions-wide';
|
actions.className = 'auth-actions login-actions-wide';
|
||||||
actions.append(cameraButton, loginButton, otherDeviceButton);
|
actions.append(loginButton, otherDeviceButton);
|
||||||
|
|
||||||
const backButton = document.createElement('button');
|
const backButton = document.createElement('button');
|
||||||
backButton.className = 'ghost-btn';
|
backButton.className = 'ghost-btn';
|
||||||
@ -34,13 +28,17 @@ export function render({ navigate }) {
|
|||||||
backButton.textContent = 'Назад';
|
backButton.textContent = 'Назад';
|
||||||
backButton.addEventListener('click', () => navigate('start-view'));
|
backButton.addEventListener('click', () => navigate('start-view'));
|
||||||
|
|
||||||
|
const panel = document.createElement('section');
|
||||||
|
panel.className = 'login-panel stack';
|
||||||
|
panel.innerHTML = '<h1 class="login-panel-title">Войти</h1>';
|
||||||
|
panel.append(actions, backButton);
|
||||||
|
|
||||||
screen.append(
|
screen.append(
|
||||||
renderHeader({
|
renderHeader({
|
||||||
title: 'Войти',
|
title: 'Войти',
|
||||||
leftAction: { label: '←', onClick: () => navigate('start-view') },
|
leftAction: { label: '←', onClick: () => navigate('start-view') },
|
||||||
}),
|
}),
|
||||||
actions,
|
panel,
|
||||||
backButton,
|
|
||||||
);
|
);
|
||||||
|
|
||||||
return screen;
|
return screen;
|
||||||
|
|||||||
@ -1,9 +1,15 @@
|
|||||||
import { directMessages } from '../mock-data.js';
|
import { directMessages } from '../mock-data.js';
|
||||||
import { state } from '../state.js';
|
import {
|
||||||
|
getChatMessages,
|
||||||
|
isSessionInvalidError,
|
||||||
|
normalizeDmChatId,
|
||||||
|
setContacts,
|
||||||
|
state,
|
||||||
|
terminateCurrentSession,
|
||||||
|
} from '../state.js';
|
||||||
|
import { loadCurrentRelations } from '../services/user-connections.js';
|
||||||
import { renderUserAvatar } from '../components/avatar-image.js';
|
import { renderUserAvatar } from '../components/avatar-image.js';
|
||||||
import { loadProfileSnapshot } from '../services/user-profile-params.js';
|
import { loadProfileSnapshot } from '../services/user-profile-params.js';
|
||||||
import { resolveDmVisualState } from './messages/dm-visual-resolver.js';
|
|
||||||
import { makeProfileRoute } from '../services/shine-routes.js';
|
|
||||||
|
|
||||||
export const pageMeta = { id: 'messages-list', title: 'Личные сообщения' };
|
export const pageMeta = { id: 'messages-list', title: 'Личные сообщения' };
|
||||||
const dmAvatarSnapshotCache = new Map();
|
const dmAvatarSnapshotCache = new Map();
|
||||||
@ -30,36 +36,24 @@ async function loadDmAvatarSnapshot(login) {
|
|||||||
return pending;
|
return pending;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Аватар: реальное фото через renderUserAvatar (lazy), при отсутствии — аккуратные инициалы.
|
function createDmAvatar(login) {
|
||||||
// Ошибка загрузки снапшота не ломает карточку (catch → инициалы остаются).
|
|
||||||
function createDmAvatar(login, { upgrade = true, name = '', photo = '' } = {}) {
|
|
||||||
const cleanLogin = String(login || '').trim();
|
const cleanLogin = String(login || '').trim();
|
||||||
const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
|
const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
|
||||||
// Инициалы для fallback берём из имени диалога («Марина К.» → «МК»), а не из служебного id.
|
const avatarEl = renderUserAvatar({
|
||||||
const parts = String(name || '').trim().split(/\s+/).filter(Boolean);
|
login: cleanLogin || 'unknown',
|
||||||
const firstName = parts[0] || '';
|
size: 'small',
|
||||||
const lastName = parts[1] || '';
|
title,
|
||||||
const avatarEl = renderUserAvatar({ login: cleanLogin || 'unknown', firstName, lastName, size: 'small', title });
|
});
|
||||||
// Тестовое фото (demo, «как в Связях»): pravatar поверх инициалов через .has-image; офлайн/ошибка → инициалы.
|
if (!cleanLogin) return avatarEl;
|
||||||
const photoUrl = String(photo || '').trim();
|
|
||||||
if (photoUrl) {
|
|
||||||
const img = document.createElement('img');
|
|
||||||
// eager (не lazy): аватары у верха списка; lazy в некоторых движках/headless не догружает фото.
|
|
||||||
img.alt = ''; img.loading = 'eager'; img.decoding = 'async';
|
|
||||||
img.addEventListener('load', () => avatarEl.classList.add('has-image'));
|
|
||||||
img.addEventListener('error', () => { try { img.remove(); } catch (e) { /* остаются инициалы */ } avatarEl.classList.remove('has-image'); });
|
|
||||||
img.src = photoUrl;
|
|
||||||
avatarEl.append(img);
|
|
||||||
}
|
|
||||||
// upgrade=false (demo/lab) → остаёмся на тестовом фото/инициалах, без сетевого запроса профиля.
|
|
||||||
if (!cleanLogin || !upgrade) return avatarEl;
|
|
||||||
void loadDmAvatarSnapshot(cleanLogin).then((snapshot) => {
|
void loadDmAvatarSnapshot(cleanLogin).then((snapshot) => {
|
||||||
if (!avatarEl.isConnected) return;
|
if (!avatarEl.isConnected) return;
|
||||||
const upgraded = renderUserAvatar({
|
const upgraded = renderUserAvatar({
|
||||||
login: cleanLogin,
|
login: cleanLogin,
|
||||||
firstName, lastName,
|
|
||||||
avatar: snapshot?.avatar?.txId
|
avatar: snapshot?.avatar?.txId
|
||||||
? { ar: String(snapshot.avatar.txId || '').trim(), sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase() }
|
? {
|
||||||
|
ar: String(snapshot.avatar.txId || '').trim(),
|
||||||
|
sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
|
||||||
|
}
|
||||||
: null,
|
: null,
|
||||||
size: 'small',
|
size: 'small',
|
||||||
title,
|
title,
|
||||||
@ -70,19 +64,24 @@ function createDmAvatar(login, { upgrade = true, name = '', photo = '' } = {}) {
|
|||||||
return avatarEl;
|
return avatarEl;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Иконки: галочка-подтверждён (gold, БЕЗ текста), цепочка (значок «связь через кого»), шеврон.
|
function formatChatRowTime(ts) {
|
||||||
const SVG_CHECK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M8.4 12.4l2.5 2.5 4.7-5.1"/></svg>';
|
const value = Number(ts || 0);
|
||||||
const SVG_LINK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.5 13a4 4 0 0 0 5.66 0l1.84-1.84a4 4 0 1 0-5.66-5.66l-1 1"/><path d="M13.5 11a4 4 0 0 0-5.66 0L6 12.84a4 4 0 1 0 5.66 5.66l1-1"/></svg>';
|
if (!Number.isFinite(value) || value <= 0) return '';
|
||||||
|
return new Intl.DateTimeFormat('ru-RU', {
|
||||||
|
day: '2-digit',
|
||||||
|
month: '2-digit',
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit',
|
||||||
|
}).format(new Date(value));
|
||||||
|
}
|
||||||
|
|
||||||
const SVG_CHEVRON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg>';
|
const SVG_CHEVRON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg>';
|
||||||
|
|
||||||
export function render({ navigate, route }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
screen.className = 'dm-screen dm-list-screen';
|
screen.className = 'stack dm-screen dm-list-screen';
|
||||||
|
|
||||||
// Слева сверху — имя владельца аккаунта (реальный логин из сессии).
|
|
||||||
const login = String(state.session.login || '').trim();
|
const login = String(state.session.login || '').trim();
|
||||||
|
|
||||||
// DM-шапка: grid 1fr auto 1fr (бренд слева, title строго по центру, «+» справа).
|
|
||||||
const head = document.createElement('header');
|
const head = document.createElement('header');
|
||||||
head.className = 'dm-head';
|
head.className = 'dm-head';
|
||||||
head.innerHTML = `
|
head.innerHTML = `
|
||||||
@ -92,129 +91,141 @@ export function render({ navigate, route }) {
|
|||||||
<span class="dm-head-name">${login}</span>
|
<span class="dm-head-name">${login}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h1 class="dm-head-title dm-head-shine">Shine</h1>
|
<h1 class="dm-head-title">Контакты</h1>
|
||||||
<button type="button" class="dm-head-plus" aria-label="Новый диалог">+</button>
|
<button type="button" class="dm-head-plus" aria-label="Новый диалог">+</button>
|
||||||
`;
|
`;
|
||||||
head.querySelector('.dm-head-plus').addEventListener('click', () => navigate('contact-search-view'));
|
head.querySelector('.dm-head-plus')?.addEventListener('click', () => navigate('contact-search-view'));
|
||||||
|
|
||||||
const divider = document.createElement('div');
|
const divider = document.createElement('div');
|
||||||
divider.className = 'dm-divider';
|
divider.className = 'dm-divider';
|
||||||
|
|
||||||
const list = document.createElement('div');
|
const list = document.createElement('div');
|
||||||
list.className = 'dm-list';
|
list.className = 'stack dm-list';
|
||||||
|
|
||||||
function renderRow(item) {
|
function renderRow(item) {
|
||||||
const v = resolveDmVisualState(item); // { tone, shining, confirmed, via, unread }
|
|
||||||
const cardVariant = v.tone === 'family' ? ' dm-card--family' : (v.tone === 'shining' ? ' dm-card--shining' : '');
|
|
||||||
const name = item.name || item.id;
|
|
||||||
const preview = (item.preview || item.lastMessage || '') || 'Диалог пока пуст.';
|
|
||||||
|
|
||||||
const row = document.createElement('article');
|
const row = document.createElement('article');
|
||||||
row.className = `dm-dialog-card${cardVariant}`;
|
row.className = 'list-item dm-dialog-card';
|
||||||
row.tabIndex = 0;
|
const avatarEl = createDmAvatar(item.id);
|
||||||
row.setAttribute('role', 'button');
|
avatarEl.classList.add('avatar');
|
||||||
|
const avatarWrap = document.createElement('div');
|
||||||
// Галочка-подтверждён — у имени, БЕЗ слова «Подтверждён».
|
avatarWrap.className = 'dm-av dm-av--default';
|
||||||
const checkHtml = v.confirmed ? `<span class="dm-name-check" title="Подтверждён" aria-label="Подтверждён">${SVG_CHECK}</span>` : '';
|
avatarWrap.append(avatarEl);
|
||||||
const unreadHtml = v.unread ? `<span class="dm-unread-badge">${v.unread.label}</span>` : '';
|
|
||||||
row.innerHTML = `
|
row.innerHTML = `
|
||||||
<div class="dm-row-main">
|
<div class="dm-row-main">
|
||||||
<div class="dm-row-titleline">
|
<div class="dm-row-titleline dm-row-titlewrap">
|
||||||
<strong class="dm-row-title">${name}</strong>
|
<strong class="dm-row-title">${item.name}</strong>
|
||||||
${checkHtml}
|
${item.notInContacts ? '<span class="dm-contact-note">не в контактах</span>' : ''}
|
||||||
|
</div>
|
||||||
|
<p class="dm-row-last-message">${item.lastMessage}</p>
|
||||||
|
</div>
|
||||||
|
<div class="dm-row-meta-col">
|
||||||
|
${item.unread ? `<span class="dm-unread-badge">${item.unread > 99 ? '99+' : item.unread}</span>` : '<span class="dm-row-meta-spacer" aria-hidden="true"></span>'}
|
||||||
|
<div class="dm-row-meta-line">
|
||||||
|
${item.time ? `<span class="dm-row-time">${item.time}</span>` : '<span class="dm-row-time dm-row-time--empty"></span>'}
|
||||||
|
<span class="dm-chevron">${SVG_CHEVRON}</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="dm-row-last-message">${preview}</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="dm-row-meta">${unreadHtml}<span class="dm-chevron">${SVG_CHEVRON}</span></div>
|
|
||||||
`;
|
`;
|
||||||
|
row.prepend(avatarWrap);
|
||||||
// Значок «связь через кого» (вместо слова «Связь»): цепочка + мини-аватар первого посредника, сразу за галочкой.
|
row.addEventListener('click', () => navigate(`chat-view/${encodeURIComponent(normalizeDmChatId(item.id))}`));
|
||||||
// Тап (stopPropagation) → попап пути «Ты → … → он»; сама карточка по-прежнему открывает чат.
|
|
||||||
if (v.via && v.via.length) {
|
|
||||||
const titleline = row.querySelector('.dm-row-titleline');
|
|
||||||
const viaBtn = document.createElement('button');
|
|
||||||
viaBtn.type = 'button';
|
|
||||||
viaBtn.className = 'dm-via';
|
|
||||||
viaBtn.setAttribute('aria-label', `Связь через ${v.via.map((x) => x.name).join(', ')}`);
|
|
||||||
viaBtn.innerHTML = `<span class="dm-via-icon">${SVG_LINK}</span>`; // только иконка (без мини-аватара/«+N»)
|
|
||||||
titleline.appendChild(viaBtn);
|
|
||||||
|
|
||||||
// Попап пути: Ты → …посредники… → целевой. Каждый узел — фото-аватар + имя.
|
|
||||||
// Тап по человеку (кроме «Ты») → его профиль (makeProfileRoute), чтобы отследить цепочку.
|
|
||||||
const pop = document.createElement('div');
|
|
||||||
pop.className = 'dm-via-path';
|
|
||||||
const chain = [
|
|
||||||
{ name: 'Ты', me: true },
|
|
||||||
...v.via.map((x) => ({ name: x.name, login: x.login || '', photo: x.photo || '' })),
|
|
||||||
{ name, login: item.login || item.id, photo: item.photo || '' },
|
|
||||||
];
|
|
||||||
chain.forEach((node, i) => {
|
|
||||||
if (i) {
|
|
||||||
const arr = document.createElement('span');
|
|
||||||
arr.className = 'dm-via-arrow';
|
|
||||||
arr.textContent = '→';
|
|
||||||
pop.appendChild(arr);
|
|
||||||
}
|
|
||||||
const clickable = !node.me && Boolean(node.login);
|
|
||||||
const el = document.createElement(clickable ? 'button' : 'span');
|
|
||||||
el.className = 'dm-via-node';
|
|
||||||
const ava = document.createElement('span');
|
|
||||||
ava.className = 'dm-via-node-ava';
|
|
||||||
if (node.me) {
|
|
||||||
const me = document.createElement('span');
|
|
||||||
me.className = 'dm-via-me';
|
|
||||||
me.textContent = (login[0] || 'A').toUpperCase();
|
|
||||||
ava.appendChild(me);
|
|
||||||
} else {
|
|
||||||
ava.appendChild(createDmAvatar(node.login || node.name, { upgrade: false, name: node.name, photo: node.photo }));
|
|
||||||
}
|
|
||||||
const nm = document.createElement('span');
|
|
||||||
nm.className = 'dm-via-node-name';
|
|
||||||
nm.textContent = node.name;
|
|
||||||
el.append(ava, nm);
|
|
||||||
if (clickable) {
|
|
||||||
el.type = 'button';
|
|
||||||
el.addEventListener('click', (e) => { e.stopPropagation(); navigate(makeProfileRoute(node.login)); });
|
|
||||||
}
|
|
||||||
pop.appendChild(el);
|
|
||||||
});
|
|
||||||
row.appendChild(pop);
|
|
||||||
|
|
||||||
const toggle = (e) => { e.stopPropagation(); pop.classList.toggle('is-open'); };
|
|
||||||
viaBtn.addEventListener('click', toggle);
|
|
||||||
viaBtn.addEventListener('keydown', (e) => {
|
|
||||||
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(e); }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Аватар: фото/инициалы без кольца; у сияющего — свечение (класс is-shine).
|
|
||||||
const avWrap = document.createElement('div');
|
|
||||||
avWrap.className = `dm-av dm-av--${v.tone}${v.shining ? ' is-shine' : ''}`;
|
|
||||||
const avatarEl = createDmAvatar(item.id, { upgrade: true, name });
|
|
||||||
avatarEl.classList.add('avatar');
|
|
||||||
avWrap.appendChild(avatarEl);
|
|
||||||
row.prepend(avWrap);
|
|
||||||
|
|
||||||
const go = () => navigate(`chat-view/${encodeURIComponent(item.id)}`);
|
|
||||||
row.addEventListener('click', go);
|
|
||||||
row.addEventListener('keydown', (e) => {
|
|
||||||
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); go(); }
|
|
||||||
});
|
|
||||||
return row;
|
return row;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Источник списка — мок directMessages (плейсхолдер). На проде заменяется реальными
|
async function loadList() {
|
||||||
// relations/chats (relationFlagsForTarget/shineConfirmed/shine) — карточки и резолвер не меняются.
|
try {
|
||||||
const items = Array.isArray(directMessages) ? directMessages : [];
|
const relations = await loadCurrentRelations();
|
||||||
if (!items.length) {
|
const contacts = relations.outContacts || [];
|
||||||
const empty = document.createElement('div');
|
setContacts(contacts);
|
||||||
empty.className = 'card meta-muted';
|
list.innerHTML = '';
|
||||||
empty.textContent = 'Пока нет диалогов';
|
|
||||||
list.append(empty);
|
const contactRows = contacts.map((login) => {
|
||||||
} else {
|
const preview = directMessages.find((item) => item.id.toLowerCase() === login.toLowerCase());
|
||||||
items.forEach((item) => list.append(renderRow(item)));
|
const canonicalLogin = normalizeDmChatId(login);
|
||||||
|
const chat = getChatMessages(canonicalLogin);
|
||||||
|
const lastChat = chat[chat.length - 1];
|
||||||
|
const unread = chat.filter((m) => m?.from === 'in' && m?.unread).length;
|
||||||
|
const lastTimeMs = Number(lastChat?.createdAtMs || 0);
|
||||||
|
return {
|
||||||
|
id: canonicalLogin,
|
||||||
|
name: preview?.name || login,
|
||||||
|
lastMessage: lastChat?.text || preview?.lastMessage || 'Диалог пока пуст.',
|
||||||
|
time: formatChatRowTime(lastTimeMs),
|
||||||
|
unread,
|
||||||
|
notInContacts: false,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
const allChatIds = Object.keys(state.chats || {})
|
||||||
|
.filter((id) => id && id.toLowerCase() !== String(state.session.login || '').toLowerCase())
|
||||||
|
.filter((id) => (getChatMessages(id) || []).length > 0);
|
||||||
|
|
||||||
|
const contactKeys = new Set(contacts.map((x) => String(x || '').toLowerCase()));
|
||||||
|
const extraRows = allChatIds
|
||||||
|
.filter((login) => !contactKeys.has(String(login || '').toLowerCase()))
|
||||||
|
.map((login) => {
|
||||||
|
const chat = getChatMessages(login);
|
||||||
|
const lastChat = chat[chat.length - 1];
|
||||||
|
const unread = chat.filter((m) => m?.from === 'in' && m?.unread).length;
|
||||||
|
const lastTimeMs = Number(lastChat?.createdAtMs || 0);
|
||||||
|
return {
|
||||||
|
id: login,
|
||||||
|
name: login,
|
||||||
|
lastMessage: lastChat?.text || 'Диалог пока пуст.',
|
||||||
|
time: formatChatRowTime(lastTimeMs),
|
||||||
|
unread,
|
||||||
|
notInContacts: true,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
const rows = [...contactRows, ...extraRows];
|
||||||
|
if (!rows.length) {
|
||||||
|
const empty = document.createElement('div');
|
||||||
|
empty.className = 'card meta-muted';
|
||||||
|
empty.textContent = 'Пока нет ни контактов, ни сообщений';
|
||||||
|
list.append(empty);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
rows.forEach((item) => list.append(renderRow(item)));
|
||||||
|
} catch (error) {
|
||||||
|
if (isSessionInvalidError(error)) {
|
||||||
|
list.innerHTML = '';
|
||||||
|
|
||||||
|
const card = document.createElement('div');
|
||||||
|
card.className = 'card stack';
|
||||||
|
|
||||||
|
const title = document.createElement('strong');
|
||||||
|
title.textContent = 'Сессия устарела';
|
||||||
|
|
||||||
|
const details = document.createElement('p');
|
||||||
|
details.className = 'meta-muted';
|
||||||
|
details.textContent = 'Ваша сессия больше не действует. Авторизуйтесь заново.';
|
||||||
|
|
||||||
|
const okBtn = document.createElement('button');
|
||||||
|
okBtn.type = 'button';
|
||||||
|
okBtn.className = 'primary-btn';
|
||||||
|
okBtn.textContent = 'ОК';
|
||||||
|
okBtn.addEventListener('click', async () => {
|
||||||
|
await terminateCurrentSession({
|
||||||
|
infoMessage: 'Ваша сессия устарела. Выполните вход заново.',
|
||||||
|
});
|
||||||
|
navigate('start-view');
|
||||||
|
});
|
||||||
|
|
||||||
|
card.append(title, details, okBtn);
|
||||||
|
list.append(card);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
list.innerHTML = '';
|
||||||
|
const fail = document.createElement('div');
|
||||||
|
fail.className = 'card meta-muted';
|
||||||
|
fail.textContent = `Не удалось загрузить сообщения: ${error.message || 'unknown'}`;
|
||||||
|
list.append(fail);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
screen.append(head, divider, list);
|
screen.append(head, divider, list);
|
||||||
|
loadList();
|
||||||
return screen;
|
return screen;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -15,6 +15,8 @@
|
|||||||
// model = { focusId, nodes: [{ id, login, name, avatar, relationType, strength, shining, tier }] }
|
// model = { focusId, nodes: [{ id, login, name, avatar, relationType, strength, shining, tier }] }
|
||||||
|
|
||||||
import { renderUserAvatar, buildAvatarInitials } from '../../components/avatar-image.js';
|
import { renderUserAvatar, buildAvatarInitials } from '../../components/avatar-image.js';
|
||||||
|
import { state } from '../../state.js';
|
||||||
|
import { buildArweaveDataUrl } from '../../services/arweave-file-service.js';
|
||||||
|
|
||||||
const SVGNS = 'http://www.w3.org/2000/svg';
|
const SVGNS = 'http://www.w3.org/2000/svg';
|
||||||
|
|
||||||
@ -105,6 +107,26 @@ function relationColor(relationType) {
|
|||||||
return RELATION_COLORS[relationType] || RELATION_COLORS.contact;
|
return RELATION_COLORS[relationType] || RELATION_COLORS.contact;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function resolveAvatarPhotoSrc(src) {
|
||||||
|
const directPhoto = String(src?.photo || '').trim();
|
||||||
|
if (directPhoto) return directPhoto;
|
||||||
|
|
||||||
|
const rawAvatar = src?.avatar;
|
||||||
|
if (!rawAvatar || rawAvatar === 'url_to_image') return null;
|
||||||
|
if (typeof rawAvatar === 'string') return String(rawAvatar).trim() || null;
|
||||||
|
|
||||||
|
const txId = String(rawAvatar?.ar || '').trim();
|
||||||
|
if (!txId) return null;
|
||||||
|
try {
|
||||||
|
return buildArweaveDataUrl({
|
||||||
|
gateway: state?.entrySettings?.arweaveServer,
|
||||||
|
txId,
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Однократно внедряем скрытый SVG-фильтр свечения «сияющих» узлов (мягкое гауссово размытие).
|
// Однократно внедряем скрытый SVG-фильтр свечения «сияющих» узлов (мягкое гауссово размытие).
|
||||||
// Применяется к псевдо-ореолу ::before, а НЕ к самой аватарке — поэтому фото не размывается.
|
// Применяется к псевдо-ореолу ::before, а НЕ к самой аватарке — поэтому фото не размывается.
|
||||||
function ensureShineFilter() {
|
function ensureShineFilter() {
|
||||||
@ -487,7 +509,7 @@ export function createForceGraph({ stage, model, onCenterTap, onNodeTap, onNodeL
|
|||||||
|
|
||||||
// Аватар = SVG-«стеклянный орб» (фото в стеклянной сфере). Хост — .node-dot (масштаб/состояния/
|
// Аватар = SVG-«стеклянный орб» (фото в стеклянной сфере). Хост — .node-dot (масштаб/состояния/
|
||||||
// синхронизация позиций движка). Меняем ТОЛЬКО аватар; бейдж/имя/линии — как раньше.
|
// синхронизация позиций движка). Меняем ТОЛЬКО аватар; бейдж/имя/линии — как раньше.
|
||||||
const photoSrc = src.photo || (src.avatar && src.avatar !== 'url_to_image' ? src.avatar : null);
|
const photoSrc = resolveAvatarPhotoSrc(src);
|
||||||
const initials = buildAvatarInitials({ login: src.login || src.name || String(src.id), firstName: src.name || '' });
|
const initials = buildAvatarInitials({ login: src.login || src.name || String(src.id), firstName: src.name || '' });
|
||||||
const dot = document.createElement('div');
|
const dot = document.createElement('div');
|
||||||
dot.className = 'avatar node-dot fg-orb-host';
|
dot.className = 'avatar node-dot fg-orb-host';
|
||||||
|
|||||||
@ -599,8 +599,6 @@ export function render({ navigate }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function onChangeAvatarClick() {
|
async function onChangeAvatarClick() {
|
||||||
const confirmed = window.confirm('Сменить аватар?');
|
|
||||||
if (!confirmed) return;
|
|
||||||
status.className = 'status-line';
|
status.className = 'status-line';
|
||||||
status.textContent = 'Открываем мастер аватара...';
|
status.textContent = 'Открываем мастер аватара...';
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import { renderHeader } from '../components/header.js';
|
import { renderHeader } from '../components/header.js';
|
||||||
import { authService, clearAuthMessages, state } from '../state.js';
|
import { authService, clearAuthMessages, state } from '../state.js';
|
||||||
import { toUserMessage } from '../services/ui-error-texts.js';
|
import { toUserMessage } from '../services/ui-error-texts.js';
|
||||||
import {
|
import {
|
||||||
@ -6,9 +6,59 @@ import {
|
|||||||
formatSolanaErrorDetails,
|
formatSolanaErrorDetails,
|
||||||
precheckLoginClassOnSolana,
|
precheckLoginClassOnSolana,
|
||||||
} from '../services/solana-register-service.js';
|
} from '../services/solana-register-service.js';
|
||||||
|
import {
|
||||||
|
composePasswordFromWords,
|
||||||
|
emptyPasswordWords,
|
||||||
|
normalizePasswordWords,
|
||||||
|
PASSWORD_MAX_LENGTH,
|
||||||
|
PASSWORD_WORDS_COUNT,
|
||||||
|
} from '../services/password-words.js';
|
||||||
|
import { openRegistrationFaq } from './registration-faq-view.js';
|
||||||
|
|
||||||
export const pageMeta = { id: 'register-view', title: 'Зарегистрироваться', showAppChrome: false };
|
export const pageMeta = { id: 'register-view', title: 'Зарегистрироваться', showAppChrome: false };
|
||||||
|
|
||||||
|
function createWordsLayout({ words, onInput }) {
|
||||||
|
const section = document.createElement('div');
|
||||||
|
section.className = 'registration-words-block';
|
||||||
|
|
||||||
|
const grid = document.createElement('div');
|
||||||
|
grid.className = 'registration-words-grid';
|
||||||
|
|
||||||
|
const inputs = Array.from({ length: PASSWORD_WORDS_COUNT }, (_, index) => {
|
||||||
|
const row = document.createElement('label');
|
||||||
|
row.className = 'registration-word-row';
|
||||||
|
|
||||||
|
const number = document.createElement('span');
|
||||||
|
number.className = 'registration-word-number';
|
||||||
|
number.textContent = `${index + 1}.`;
|
||||||
|
|
||||||
|
const input = document.createElement('input');
|
||||||
|
input.className = 'input registration-word-input';
|
||||||
|
input.type = 'text';
|
||||||
|
input.autocomplete = 'off';
|
||||||
|
input.autocapitalize = 'off';
|
||||||
|
input.spellcheck = false;
|
||||||
|
input.maxLength = 32;
|
||||||
|
input.value = words[index];
|
||||||
|
input.addEventListener('input', () => onInput(index, input.value));
|
||||||
|
|
||||||
|
row.append(number, input);
|
||||||
|
grid.append(row);
|
||||||
|
return input;
|
||||||
|
});
|
||||||
|
|
||||||
|
const hint = document.createElement('p');
|
||||||
|
hint.className = 'meta-muted';
|
||||||
|
hint.textContent =
|
||||||
|
'Здесь можно ввести любые слова на любых языках. Мы не проверяем орфографию. Можно заполнить все 12 полей или только часть. В конце всё склеивается в один пароль длиной до 256 символов.';
|
||||||
|
|
||||||
|
const preview = document.createElement('p');
|
||||||
|
preview.className = 'status-line';
|
||||||
|
|
||||||
|
section.append(grid, hint);
|
||||||
|
return { section, inputs, preview };
|
||||||
|
}
|
||||||
|
|
||||||
export function render({ navigate }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
screen.className = 'stack';
|
screen.className = 'stack';
|
||||||
@ -18,6 +68,9 @@ export function render({ navigate }) {
|
|||||||
const form = document.createElement('div');
|
const form = document.createElement('div');
|
||||||
form.className = 'card stack';
|
form.className = 'card stack';
|
||||||
|
|
||||||
|
let passwordMode = String(state.registrationDraft.passwordMode || 'single') === 'words' ? 'words' : 'single';
|
||||||
|
let passwordWords = normalizePasswordWords(state.registrationDraft.passwordWords);
|
||||||
|
|
||||||
const loginInput = document.createElement('input');
|
const loginInput = document.createElement('input');
|
||||||
loginInput.className = 'input';
|
loginInput.className = 'input';
|
||||||
loginInput.type = 'text';
|
loginInput.type = 'text';
|
||||||
@ -34,8 +87,33 @@ export function render({ navigate }) {
|
|||||||
passwordInput.autocomplete = 'new-password';
|
passwordInput.autocomplete = 'new-password';
|
||||||
passwordInput.autocapitalize = 'off';
|
passwordInput.autocapitalize = 'off';
|
||||||
passwordInput.spellcheck = false;
|
passwordInput.spellcheck = false;
|
||||||
passwordInput.value = state.registrationDraft.password;
|
passwordInput.maxLength = PASSWORD_MAX_LENGTH;
|
||||||
passwordInput.placeholder = 'Введите пароль (можно оставить пустым)';
|
passwordInput.value = passwordMode === 'single' ? state.registrationDraft.password : '';
|
||||||
|
passwordInput.placeholder = 'Введите пароль';
|
||||||
|
|
||||||
|
const {
|
||||||
|
section: wordsSection,
|
||||||
|
inputs: wordInputs,
|
||||||
|
preview: wordsPreview,
|
||||||
|
} = createWordsLayout({
|
||||||
|
words: passwordWords,
|
||||||
|
onInput: (index, value) => {
|
||||||
|
passwordWords[index] = value;
|
||||||
|
syncDraftState();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const passwordModeToggle = document.createElement('label');
|
||||||
|
passwordModeToggle.className = 'registration-toggle';
|
||||||
|
|
||||||
|
const passwordModeCheckbox = document.createElement('input');
|
||||||
|
passwordModeCheckbox.type = 'checkbox';
|
||||||
|
passwordModeCheckbox.checked = passwordMode === 'words';
|
||||||
|
|
||||||
|
const passwordModeLabel = document.createElement('span');
|
||||||
|
passwordModeLabel.textContent = 'Представить пароль в виде 12 слов';
|
||||||
|
|
||||||
|
passwordModeToggle.append(passwordModeCheckbox, passwordModeLabel);
|
||||||
|
|
||||||
const statusText = document.createElement('p');
|
const statusText = document.createElement('p');
|
||||||
statusText.className = 'meta-muted';
|
statusText.className = 'meta-muted';
|
||||||
@ -47,35 +125,85 @@ export function render({ navigate }) {
|
|||||||
<p class="field-label">Первый сервер SHiNE</p>
|
<p class="field-label">Первый сервер SHiNE</p>
|
||||||
<p class="meta-muted">Сейчас вашим первым и основным сервером будет серверный аккаунт <strong>${state.entrySettings.shineServerLogin || 'shineupme'}</strong>.</p>
|
<p class="meta-muted">Сейчас вашим первым и основным сервером будет серверный аккаунт <strong>${state.entrySettings.shineServerLogin || 'shineupme'}</strong>.</p>
|
||||||
<p class="meta-muted">Текущий адрес этого сервера: <strong>${state.entrySettings.shineServerHttp || 'https://shineup.me'}</strong>.</p>
|
<p class="meta-muted">Текущий адрес этого сервера: <strong>${state.entrySettings.shineServerHttp || 'https://shineup.me'}</strong>.</p>
|
||||||
<p class="meta-muted">При регистрации этот сервер будет записан в вашу PDA как первый сервер доступа.</p>
|
<p class="meta-muted">Это первый сервер, на который вам будут писать и звонить после регистрации. Позже его можно будет сменить, а в будущем использовать и несколько серверов сразу.</p>
|
||||||
<p class="meta-muted">При желании его можно изменить в настройках до регистрации или позже. В будущем будет поддерживаться мультисерверная модель, но сейчас используется один основной сервер.</p>
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
const faqCard = document.createElement('div');
|
||||||
|
faqCard.className = 'card stack registration-faq-card';
|
||||||
|
|
||||||
|
const faqTitle = document.createElement('p');
|
||||||
|
faqTitle.className = 'field-label';
|
||||||
|
faqTitle.textContent = 'Частые вопросы перед регистрацией';
|
||||||
|
|
||||||
|
const faqText = document.createElement('p');
|
||||||
|
faqText.className = 'meta-muted';
|
||||||
|
faqText.textContent = 'Если хотите подробнее понять схему деривации, ключи, первый сервер и формат 12 слов, откройте отдельный экран с вопросами.';
|
||||||
|
|
||||||
|
const faqButton = document.createElement('button');
|
||||||
|
faqButton.className = 'ghost-btn';
|
||||||
|
faqButton.type = 'button';
|
||||||
|
faqButton.textContent = 'Частые вопросы';
|
||||||
|
faqButton.addEventListener('click', () => openRegistrationFaq(navigate, 'key-derivation'));
|
||||||
|
|
||||||
|
faqCard.append(faqTitle, faqText, faqButton);
|
||||||
|
|
||||||
const formError = document.createElement('p');
|
const formError = document.createElement('p');
|
||||||
formError.className = 'status-line is-unavailable';
|
formError.className = 'status-line is-unavailable';
|
||||||
formError.style.display = 'none';
|
formError.style.display = 'none';
|
||||||
|
|
||||||
const advanced = document.createElement('details');
|
|
||||||
advanced.className = 'card stack';
|
|
||||||
advanced.innerHTML = `
|
|
||||||
<summary>Расширенные</summary>
|
|
||||||
<p class="meta-muted">Схема derivation ключей: при непустом пароле используется Argon2id (средний профиль), затем из результата строится секрет для root/bch/dev ключей.</p>
|
|
||||||
<p class="meta-muted">В derivation участвуют и логин, и пароль: одинаковый пароль у разных логинов даёт разные ключи.</p>
|
|
||||||
<p class="meta-muted">Если пароль пустой — используется прежний тестовый режим совместимости (старый детерминированный вариант).</p>
|
|
||||||
<p class="meta-muted">Для тесто оставьте пустой пароль.</p>
|
|
||||||
<p class="meta-muted">Профиль Argon2id сейчас фиксированный: t=2, m=65536 KiB (64 MB), p=1, dkLen=32. Выбор уровня будет добавлен позже.</p>
|
|
||||||
`;
|
|
||||||
|
|
||||||
const checkButton = document.createElement('button');
|
const checkButton = document.createElement('button');
|
||||||
checkButton.className = 'ghost-btn';
|
checkButton.className = 'ghost-btn';
|
||||||
checkButton.type = 'button';
|
checkButton.type = 'button';
|
||||||
checkButton.textContent = 'Проверить логин';
|
checkButton.textContent = 'Проверить логин';
|
||||||
|
|
||||||
|
const actions = document.createElement('div');
|
||||||
|
actions.className = 'auth-footer-actions';
|
||||||
|
|
||||||
|
const backButton = document.createElement('button');
|
||||||
|
backButton.className = 'ghost-btn';
|
||||||
|
backButton.type = 'button';
|
||||||
|
backButton.textContent = 'Назад';
|
||||||
|
backButton.addEventListener('click', () => navigate('start-view'));
|
||||||
|
|
||||||
|
const nextButton = document.createElement('button');
|
||||||
|
nextButton.className = 'primary-btn';
|
||||||
|
nextButton.type = 'button';
|
||||||
|
nextButton.textContent = 'Далее';
|
||||||
|
|
||||||
|
let passwordField = null;
|
||||||
|
const passwordLengthText = document.createElement('p');
|
||||||
|
passwordLengthText.className = 'status-line';
|
||||||
let lastCheckedLogin = '';
|
let lastCheckedLogin = '';
|
||||||
let lastCheckedFree = false;
|
let lastCheckedFree = false;
|
||||||
let lastCheckedClassName = '';
|
let lastCheckedClassName = '';
|
||||||
let generationRunId = 0;
|
let generationRunId = 0;
|
||||||
|
|
||||||
|
function getCurrentPassword() {
|
||||||
|
return passwordMode === 'words' ? composePasswordFromWords(passwordWords) : String(passwordInput.value || '');
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateWordsPreview() {
|
||||||
|
const password = getCurrentPassword();
|
||||||
|
const text = `Итоговая длина пароля: ${password.length} символов.`;
|
||||||
|
wordsPreview.textContent = text;
|
||||||
|
passwordLengthText.textContent = text;
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatePasswordModeVisibility() {
|
||||||
|
const wordsMode = passwordMode === 'words';
|
||||||
|
wordsSection.style.display = wordsMode ? 'grid' : 'none';
|
||||||
|
if (passwordField) passwordField.style.display = wordsMode ? 'none' : 'grid';
|
||||||
|
passwordInput.style.display = wordsMode ? 'none' : '';
|
||||||
|
updateWordsPreview();
|
||||||
|
}
|
||||||
|
|
||||||
|
function syncDraftState() {
|
||||||
|
state.registrationDraft.login = String(loginInput.value.trim());
|
||||||
|
state.registrationDraft.passwordMode = passwordMode;
|
||||||
|
state.registrationDraft.passwordWords = normalizePasswordWords(passwordWords);
|
||||||
|
state.registrationDraft.password = getCurrentPassword();
|
||||||
|
}
|
||||||
|
|
||||||
async function runAvailabilityCheck() {
|
async function runAvailabilityCheck() {
|
||||||
const login = loginInput.value.trim();
|
const login = loginInput.value.trim();
|
||||||
if (!login) {
|
if (!login) {
|
||||||
@ -87,19 +215,19 @@ export function render({ navigate }) {
|
|||||||
if (login === lastCheckedLogin) {
|
if (login === lastCheckedLogin) {
|
||||||
if (!lastCheckedFree) {
|
if (!lastCheckedFree) {
|
||||||
statusText.textContent = 'Логин уже занят ❌';
|
statusText.textContent = 'Логин уже занят ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else if (lastCheckedClassName === 'free') {
|
} else if (lastCheckedClassName === 'free') {
|
||||||
statusText.textContent = 'Логин свободен ✅';
|
statusText.textContent = 'Логин свободен ✅';
|
||||||
statusText.className = 'is-available';
|
statusText.className = 'status-line is-available';
|
||||||
} else if (lastCheckedClassName === 'premium') {
|
} else if (lastCheckedClassName === 'premium') {
|
||||||
statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
|
statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else if (lastCheckedClassName === 'company') {
|
} else if (lastCheckedClassName === 'company') {
|
||||||
statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
|
statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else {
|
} else {
|
||||||
statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
|
statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
}
|
}
|
||||||
formError.style.display = 'none';
|
formError.style.display = 'none';
|
||||||
return lastCheckedFree && lastCheckedClassName === 'free';
|
return lastCheckedFree && lastCheckedClassName === 'free';
|
||||||
@ -132,21 +260,21 @@ export function render({ navigate }) {
|
|||||||
lastCheckedClassName = className;
|
lastCheckedClassName = className;
|
||||||
if (!isFree) {
|
if (!isFree) {
|
||||||
statusText.textContent = 'Логин уже занят ❌';
|
statusText.textContent = 'Логин уже занят ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else if (className === 'free') {
|
} else if (className === 'free') {
|
||||||
statusText.textContent = precheckWarning
|
statusText.textContent = precheckWarning
|
||||||
? `Логин свободен ✅ (предпроверка Solana недоступна: ${precheckWarning})`
|
? `Логин свободен ✅ (предпроверка Solana недоступна: ${precheckWarning})`
|
||||||
: 'Логин свободен ✅';
|
: 'Логин свободен ✅';
|
||||||
statusText.className = 'is-available';
|
statusText.className = 'status-line is-available';
|
||||||
} else if (className === 'premium') {
|
} else if (className === 'premium') {
|
||||||
statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
|
statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else if (className === 'company') {
|
} else if (className === 'company') {
|
||||||
statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
|
statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
} else {
|
} else {
|
||||||
statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
|
statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
}
|
}
|
||||||
formError.style.display = 'none';
|
formError.style.display = 'none';
|
||||||
return isFree && className === 'free';
|
return isFree && className === 'free';
|
||||||
@ -154,7 +282,7 @@ export function render({ navigate }) {
|
|||||||
const base = toUserMessage(error, 'Не удалось проверить логин');
|
const base = toUserMessage(error, 'Не удалось проверить логин');
|
||||||
const details = formatSolanaErrorDetails(error);
|
const details = formatSolanaErrorDetails(error);
|
||||||
statusText.textContent = `${base}. Детали: ${details}`;
|
statusText.textContent = `${base}. Детали: ${details}`;
|
||||||
statusText.className = 'is-unavailable';
|
statusText.className = 'status-line is-unavailable';
|
||||||
return false;
|
return false;
|
||||||
} finally {
|
} finally {
|
||||||
checkButton.disabled = false;
|
checkButton.disabled = false;
|
||||||
@ -164,19 +292,32 @@ export function render({ navigate }) {
|
|||||||
|
|
||||||
checkButton.addEventListener('click', runAvailabilityCheck);
|
checkButton.addEventListener('click', runAvailabilityCheck);
|
||||||
|
|
||||||
const actions = document.createElement('div');
|
loginInput.addEventListener('input', () => {
|
||||||
actions.className = 'auth-footer-actions';
|
syncDraftState();
|
||||||
|
lastCheckedLogin = '';
|
||||||
|
});
|
||||||
|
|
||||||
const backButton = document.createElement('button');
|
passwordInput.addEventListener('input', () => {
|
||||||
backButton.className = 'ghost-btn';
|
syncDraftState();
|
||||||
backButton.type = 'button';
|
});
|
||||||
backButton.textContent = 'Назад';
|
|
||||||
backButton.addEventListener('click', () => navigate('start-view'));
|
passwordModeCheckbox.addEventListener('change', () => {
|
||||||
|
const nextMode = passwordModeCheckbox.checked ? 'words' : 'single';
|
||||||
|
if (nextMode === passwordMode) return;
|
||||||
|
if (nextMode === 'words') {
|
||||||
|
passwordWords = emptyPasswordWords();
|
||||||
|
wordInputs.forEach((input) => {
|
||||||
|
input.value = '';
|
||||||
|
});
|
||||||
|
passwordInput.value = '';
|
||||||
|
} else {
|
||||||
|
passwordInput.value = composePasswordFromWords(passwordWords);
|
||||||
|
}
|
||||||
|
passwordMode = nextMode;
|
||||||
|
updatePasswordModeVisibility();
|
||||||
|
syncDraftState();
|
||||||
|
});
|
||||||
|
|
||||||
const nextButton = document.createElement('button');
|
|
||||||
nextButton.className = 'primary-btn';
|
|
||||||
nextButton.type = 'button';
|
|
||||||
nextButton.textContent = 'Далее';
|
|
||||||
nextButton.addEventListener('click', async () => {
|
nextButton.addEventListener('click', async () => {
|
||||||
formError.style.display = 'none';
|
formError.style.display = 'none';
|
||||||
const isFree = await runAvailabilityCheck();
|
const isFree = await runAvailabilityCheck();
|
||||||
@ -185,16 +326,23 @@ export function render({ navigate }) {
|
|||||||
const prevLogin = String(state.registrationDraft.login || '');
|
const prevLogin = String(state.registrationDraft.login || '');
|
||||||
const prevPassword = String(state.registrationDraft.password || '');
|
const prevPassword = String(state.registrationDraft.password || '');
|
||||||
const nextLogin = String(loginInput.value.trim());
|
const nextLogin = String(loginInput.value.trim());
|
||||||
const nextPassword = String(passwordInput.value || '');
|
const nextPassword = getCurrentPassword();
|
||||||
if (nextPassword.length === 0) {
|
if (nextPassword.length === 0) {
|
||||||
formError.textContent = 'Пустой пароль запрещён. Введите непустой пароль для регистрации.';
|
formError.textContent = 'Пустой пароль запрещён. Введите непустой пароль для регистрации.';
|
||||||
formError.style.display = '';
|
formError.style.display = '';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
if (nextPassword.length > PASSWORD_MAX_LENGTH) {
|
||||||
|
formError.textContent = `Пароль получился слишком длинным. Максимальная длина: ${PASSWORD_MAX_LENGTH} символов.`;
|
||||||
|
formError.style.display = '';
|
||||||
|
return;
|
||||||
|
}
|
||||||
const credsChanged = prevLogin !== nextLogin || prevPassword !== nextPassword;
|
const credsChanged = prevLogin !== nextLogin || prevPassword !== nextPassword;
|
||||||
|
|
||||||
state.registrationDraft.login = nextLogin;
|
state.registrationDraft.login = nextLogin;
|
||||||
state.registrationDraft.password = nextPassword;
|
state.registrationDraft.password = nextPassword;
|
||||||
|
state.registrationDraft.passwordMode = passwordMode;
|
||||||
|
state.registrationDraft.passwordWords = normalizePasswordWords(passwordWords);
|
||||||
if (credsChanged) {
|
if (credsChanged) {
|
||||||
state.registrationDraft.preGeneratedKeyBundle = null;
|
state.registrationDraft.preGeneratedKeyBundle = null;
|
||||||
}
|
}
|
||||||
@ -202,20 +350,20 @@ export function render({ navigate }) {
|
|||||||
renderSecurityConfirmStage();
|
renderSecurityConfirmStage();
|
||||||
});
|
});
|
||||||
|
|
||||||
actions.append(backButton, nextButton);
|
|
||||||
|
|
||||||
function renderInputStage() {
|
function renderInputStage() {
|
||||||
form.innerHTML = `
|
form.innerHTML = `
|
||||||
<label class="stack"><span class="field-label">Логин</span></label>
|
<label class="stack"><span class="field-label">Логин</span></label>
|
||||||
<label class="stack"><span class="field-label">Пароль</span></label>
|
<label class="stack registration-password-single"><span class="field-label">Пароль</span></label>
|
||||||
`;
|
`;
|
||||||
form.children[0].append(loginInput);
|
const loginField = form.children[0];
|
||||||
form.children[1].append(passwordInput);
|
passwordField = form.children[1];
|
||||||
form.append(serverNotice, checkButton, statusText, advanced, formError);
|
loginField.append(loginInput);
|
||||||
|
passwordField.append(passwordInput);
|
||||||
|
form.append(passwordModeToggle, wordsSection, passwordLengthText, serverNotice, checkButton, statusText, faqCard, formError);
|
||||||
actions.innerHTML = '';
|
actions.innerHTML = '';
|
||||||
actions.append(backButton, nextButton);
|
actions.append(backButton, nextButton);
|
||||||
backButton.disabled = false;
|
updatePasswordModeVisibility();
|
||||||
nextButton.disabled = false;
|
syncDraftState();
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderSecurityConfirmStage() {
|
function renderSecurityConfirmStage() {
|
||||||
@ -223,8 +371,7 @@ export function render({ navigate }) {
|
|||||||
|
|
||||||
const info = document.createElement('p');
|
const info = document.createElement('p');
|
||||||
info.className = 'auth-copy';
|
info.className = 'auth-copy';
|
||||||
info.textContent =
|
info.textContent = 'Для повышения безопасности мы генерируем секрет из вашего логина и пароля с помощью Argon2id.';
|
||||||
'Для повышения безопасности мы генерируем секрет из вашего пароля с помощью Argon2id.';
|
|
||||||
|
|
||||||
const details = document.createElement('p');
|
const details = document.createElement('p');
|
||||||
details.className = 'meta-muted';
|
details.className = 'meta-muted';
|
||||||
@ -232,14 +379,17 @@ export function render({ navigate }) {
|
|||||||
|
|
||||||
const details2 = document.createElement('p');
|
const details2 = document.createElement('p');
|
||||||
details2.className = 'meta-muted';
|
details2.className = 'meta-muted';
|
||||||
details2.textContent =
|
details2.textContent = 'Из этого секрета строятся root key, blockchain key и device key. Это может занять некоторое время.';
|
||||||
'Из этого секрета строятся root key, blockchain key и device key. Это может занять некоторое время.';
|
|
||||||
|
|
||||||
const details3 = document.createElement('p');
|
const details3 = document.createElement('p');
|
||||||
details3.className = 'meta-muted';
|
details3.className = 'meta-muted';
|
||||||
details3.textContent = 'Это необходимо, чтобы усложнить подбор пароля и секрета.';
|
details3.textContent = 'Замедление нужно специально: оно усложняет подбор пароля и повышает цену атак на видеокартах и GPU.';
|
||||||
|
|
||||||
form.append(info, details, details2, details3);
|
const details4 = document.createElement('p');
|
||||||
|
details4.className = 'meta-muted';
|
||||||
|
details4.textContent = `Длина вашего текущего пароля: ${getCurrentPassword().length} символов.`;
|
||||||
|
|
||||||
|
form.append(info, details, details2, details3, details4);
|
||||||
|
|
||||||
const back2 = document.createElement('button');
|
const back2 = document.createElement('button');
|
||||||
back2.className = 'ghost-btn';
|
back2.className = 'ghost-btn';
|
||||||
@ -270,17 +420,10 @@ export function render({ navigate }) {
|
|||||||
subtitle.textContent = 'Генерируется секрет из вашего пароля, из которого будут вычислены все ключи.';
|
subtitle.textContent = 'Генерируется секрет из вашего пароля, из которого будут вычислены все ключи.';
|
||||||
|
|
||||||
const progressWrap = document.createElement('div');
|
const progressWrap = document.createElement('div');
|
||||||
progressWrap.style.width = '100%';
|
progressWrap.className = 'registration-progress';
|
||||||
progressWrap.style.height = '10px';
|
|
||||||
progressWrap.style.border = '1px solid rgba(180,180,180,.5)';
|
|
||||||
progressWrap.style.borderRadius = '6px';
|
|
||||||
progressWrap.style.overflow = 'hidden';
|
|
||||||
|
|
||||||
const progressBar = document.createElement('div');
|
const progressBar = document.createElement('div');
|
||||||
progressBar.style.height = '100%';
|
progressBar.className = 'registration-progress-bar';
|
||||||
progressBar.style.width = '0%';
|
|
||||||
progressBar.style.background = 'rgba(80, 160, 255, 0.9)';
|
|
||||||
progressBar.style.transition = 'width 180ms linear';
|
|
||||||
progressWrap.append(progressBar);
|
progressWrap.append(progressBar);
|
||||||
|
|
||||||
const progressText = document.createElement('p');
|
const progressText = document.createElement('p');
|
||||||
|
|||||||
229
shine-UI/js/pages/registration-faq-view.js
Normal file
229
shine-UI/js/pages/registration-faq-view.js
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
import { renderHeader } from '../components/header.js';
|
||||||
|
import { state } from '../state.js';
|
||||||
|
|
||||||
|
export const pageMeta = { id: 'registration-faq-view', title: 'Вопросы о регистрации', showAppChrome: false };
|
||||||
|
|
||||||
|
export const REGISTRATION_FAQ_TOPICS = [
|
||||||
|
{
|
||||||
|
id: 'keys-storage',
|
||||||
|
shortTitle: 'Где ключи',
|
||||||
|
title: 'У кого хранятся ключи?',
|
||||||
|
paragraphs: [
|
||||||
|
'Ключи хранятся только у вас: на вашем устройстве, на доверенных устройствах или на отдельном внешнем устройстве, которое вы контролируете сами.',
|
||||||
|
'SHiNE не хранит ваши приватные ключи на сервере. Сервер помогает с доставкой и синхронизацией, но не владеет вашим секретом.',
|
||||||
|
'Если захотите, ключи можно держать на отдельном полностью программируемом устройстве с открытым кодом, например на ESP32-контроллере.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'reliability',
|
||||||
|
shortTitle: 'Надёжность',
|
||||||
|
title: 'Насколько это надёжно?',
|
||||||
|
paragraphs: [
|
||||||
|
'Мы делаем ставку на открытость: клиентский код открыт, серверный код открыт, протокол открыт. Это позволяет проверять систему независимо, а не верить обещаниям на слово.',
|
||||||
|
'Мы рекомендуем использовать браузеры с открытым исходным кодом. Позже планируются отдельные приложения для Android, iPhone, Ubuntu Touch и Linux, тоже с открытым кодом.',
|
||||||
|
'Проект распространяется по лицензии AGPL v3. Часть важных данных и регистрационных записей также опирается на блокчейн-слой, чтобы уменьшать зависимость от одной закрытой стороны.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'key-derivation',
|
||||||
|
shortTitle: 'Деривация',
|
||||||
|
title: 'Как генерируются ключи и что делает пароль?',
|
||||||
|
paragraphs: [
|
||||||
|
'Из вашего логина и пароля с помощью Argon2id вычисляется специальный секрет.',
|
||||||
|
'Уже из этого секрета детерминированно строятся три основных ключа: root key, blockchain key и device key.',
|
||||||
|
'Это значит, что логин и пароль не просто проверяются на сервере, а реально участвуют в создании ваших ключей. У разных логинов даже с одинаковым паролем будут разные ключи.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'three-keys',
|
||||||
|
shortTitle: 'Три ключа',
|
||||||
|
title: 'Зачем нужны три ключа?',
|
||||||
|
paragraphs: [
|
||||||
|
'Root key нужен для управления вашей основной публичной записью и важными изменениями личности, включая обновление главной публичной части в Solana.',
|
||||||
|
'Blockchain key нужен для подписания действий и записей в блокчейне SHiNE.',
|
||||||
|
'Device key нужен для входов и работы конкретного устройства. Благодаря разделению ключей можно точнее выдавать права одним устройствам и не выдавать другим.',
|
||||||
|
'Если не хочется в это вникать, обычно можно просто сохранить все ключи на своём устройстве. Для большинства обычных сценариев на iPhone, Android и Linux это вполне практично. Для больших сумм или повышенного риска лучше отдельное внешнее устройство.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'generation-time',
|
||||||
|
shortTitle: 'Зачем время',
|
||||||
|
title: 'Зачем нужна заметная пауза при генерации?',
|
||||||
|
paragraphs: [
|
||||||
|
'Генерация специально сделана не мгновенной. Это усложняет массовый подбор паролей.',
|
||||||
|
'Argon2id расходует и время, и память, поэтому атаки на GPU и видеокартах становятся заметно дороже и медленнее.',
|
||||||
|
'Небольшая задержка при создании секрета здесь работает как дополнительная защита.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'strong-password',
|
||||||
|
shortTitle: 'Какой пароль',
|
||||||
|
title: 'Какой пароль считается надёжным?',
|
||||||
|
paragraphs: [
|
||||||
|
'Минимально разумный уровень сейчас начинается примерно от 8 символов.',
|
||||||
|
'Хороший практический ориентир для большинства людей: 12 символов и больше. Пароль у нас может быть длиной до 256 символов.',
|
||||||
|
'Если вам удобнее думать словами, можно использовать режим из 12 полей ниже: слова просто склеиваются в один длинный пароль, и система не проверяет орфографию.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'one-or-twelve',
|
||||||
|
shortTitle: '1 или 12 слов',
|
||||||
|
title: 'Чем отличается один пароль от режима 12 слов?',
|
||||||
|
paragraphs: [
|
||||||
|
'Технически ничем: это один и тот же пароль. Режим 12 слов нужен только для удобства запоминания и ввода.',
|
||||||
|
'Можно заполнить все 12 полей, можно только первые 6, можно использовать слова от другого кошелька, разные языки и любые нестандартные символы.',
|
||||||
|
'Главное помнить, что в конце всё равно получается одна строка длиной до 256 символов.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'why-own-password',
|
||||||
|
shortTitle: 'Зачем свой',
|
||||||
|
title: 'Почему лучше иметь свой пароль и свои ключи?',
|
||||||
|
paragraphs: [
|
||||||
|
'Чем дальше, тем проще будет подделывать фотографию, голос, интонацию и даже другие привычные признаки личности с помощью нейросетей.',
|
||||||
|
'На расстоянии всё сложнее будет понять, что перед вами действительно вы, если опираться только на внешние признаки.',
|
||||||
|
'Поэтому персональные ключи, которые храните только вы, становятся надёжнее, чем зависимость от сторонней организации, которая держит ключи у себя.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'first-server',
|
||||||
|
shortTitle: 'Первый сервер',
|
||||||
|
title: 'Что такое первый сервер SHiNE?',
|
||||||
|
paragraphs: [
|
||||||
|
'Первый сервер SHiNE это тот сервер, на который вам будут писать и звонить в самом начале. При регистрации он записывается как ваш первый сервер доступа.',
|
||||||
|
'Позже вы сможете сменить сервер, а ваши данные останутся с вами. В будущем серверов может быть несколько одновременно.',
|
||||||
|
'Если серверов несколько, данные между ними будут синхронизироваться автоматически. Если добавляете новый сервер и убираете старый, просто дождитесь завершения синхронизации перед отключением старого.',
|
||||||
|
'Если у вас не остаётся ни одного сервера, синхронизации, конечно, не будет, пока не появится хотя бы один активный сервер снова.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'hardware-device',
|
||||||
|
shortTitle: 'ESP32',
|
||||||
|
title: 'Нужно ли отдельное устройство для ключей?',
|
||||||
|
paragraphs: [
|
||||||
|
'Идеальный вариант для важных ключей: отдельное физическое устройство, которое вы контролируете сами.',
|
||||||
|
'Если пока не хотите покупать отдельное устройство, можно пользоваться телефоном. Но отдельный контроллер или мини-устройство обычно даёт лучший контроль и более понятную модель доверия.',
|
||||||
|
'Красивая готовая модель Waveshare на ESP32-S3 Touch AMOLED 2.16 стоит около 32 долларов. Есть и более дешёвые варианты на открытых чипах, примерно от 10 до 15 долларов.',
|
||||||
|
'Если у вас другая модель, под неё можно адаптировать открытую прошивку. Для простых переносов это реально сделать довольно быстро.',
|
||||||
|
],
|
||||||
|
links: [
|
||||||
|
{
|
||||||
|
label: 'Документация Waveshare ESP32-S3 Touch AMOLED 2.16',
|
||||||
|
href: 'https://docs.waveshare.com/ESP32-S3-Touch-AMOLED-2.16',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'wallet-device',
|
||||||
|
shortTitle: 'Кошелёк',
|
||||||
|
title: 'Можно ли использовать такое устройство как кошелёк?',
|
||||||
|
paragraphs: [
|
||||||
|
'Да. Идея SHiNE в том, что устройство может подписывать не только внутренние действия, но и любые другие данные, если для этого добавлена нужная логика.',
|
||||||
|
'То есть это направление совместимо с моделью аппаратного кошелька: вы храните ключи у себя, а устройство подписывает то, что вы разрешили.',
|
||||||
|
'Пока ещё не все валюты и сценарии доведены до готового пользовательского уровня, но архитектурно это именно путь к универсальному подписывающему устройству.',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
function getTopicById(topicId) {
|
||||||
|
return REGISTRATION_FAQ_TOPICS.find((topic) => topic.id === topicId) || REGISTRATION_FAQ_TOPICS[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function openRegistrationFaq(navigate, topicId) {
|
||||||
|
state.registrationHelp.selectedTopic = getTopicById(topicId).id;
|
||||||
|
navigate('registration-faq-view');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function render({ navigate }) {
|
||||||
|
const selectedTopic = getTopicById(state.registrationHelp?.selectedTopic);
|
||||||
|
const screen = document.createElement('section');
|
||||||
|
screen.className = 'stack';
|
||||||
|
|
||||||
|
const heroCard = document.createElement('div');
|
||||||
|
heroCard.className = 'card stack registration-faq-hero';
|
||||||
|
heroCard.innerHTML = `
|
||||||
|
<div class="badge alt">Вопросы о регистрации</div>
|
||||||
|
<p class="auth-copy">Короткие ответы на самые частые вопросы о ключах, пароле, первом сервере и доверенных устройствах.</p>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const topicCard = document.createElement('div');
|
||||||
|
topicCard.className = 'card stack registration-faq-topic';
|
||||||
|
|
||||||
|
const question = document.createElement('h2');
|
||||||
|
question.className = 'registration-faq-title';
|
||||||
|
question.textContent = selectedTopic.title;
|
||||||
|
topicCard.append(question);
|
||||||
|
|
||||||
|
selectedTopic.paragraphs.forEach((paragraph) => {
|
||||||
|
const p = document.createElement('p');
|
||||||
|
p.className = 'auth-copy';
|
||||||
|
p.textContent = paragraph;
|
||||||
|
topicCard.append(p);
|
||||||
|
});
|
||||||
|
|
||||||
|
if (Array.isArray(selectedTopic.links) && selectedTopic.links.length > 0) {
|
||||||
|
selectedTopic.links.forEach((linkItem) => {
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.className = 'link-card';
|
||||||
|
link.href = linkItem.href;
|
||||||
|
link.target = '_blank';
|
||||||
|
link.rel = 'noopener noreferrer';
|
||||||
|
link.textContent = linkItem.label;
|
||||||
|
topicCard.append(link);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const topicsCard = document.createElement('div');
|
||||||
|
topicsCard.className = 'card stack';
|
||||||
|
|
||||||
|
const topicsLabel = document.createElement('p');
|
||||||
|
topicsLabel.className = 'field-label';
|
||||||
|
topicsLabel.textContent = 'Другие вопросы';
|
||||||
|
|
||||||
|
const topicsGrid = document.createElement('div');
|
||||||
|
topicsGrid.className = 'registration-faq-grid';
|
||||||
|
|
||||||
|
REGISTRATION_FAQ_TOPICS.forEach((topic) => {
|
||||||
|
const button = document.createElement('button');
|
||||||
|
button.className = topic.id === selectedTopic.id ? 'secondary-btn' : 'ghost-btn';
|
||||||
|
button.type = 'button';
|
||||||
|
button.textContent = topic.shortTitle;
|
||||||
|
button.addEventListener('click', () => {
|
||||||
|
state.registrationHelp.selectedTopic = topic.id;
|
||||||
|
navigate('registration-faq-view');
|
||||||
|
});
|
||||||
|
topicsGrid.append(button);
|
||||||
|
});
|
||||||
|
|
||||||
|
topicsCard.append(topicsLabel, topicsGrid);
|
||||||
|
|
||||||
|
const actions = document.createElement('div');
|
||||||
|
actions.className = 'auth-footer-actions';
|
||||||
|
|
||||||
|
const backButton = document.createElement('button');
|
||||||
|
backButton.className = 'ghost-btn';
|
||||||
|
backButton.type = 'button';
|
||||||
|
backButton.textContent = 'Назад';
|
||||||
|
backButton.addEventListener('click', () => navigate('register-view'));
|
||||||
|
|
||||||
|
const registerButton = document.createElement('button');
|
||||||
|
registerButton.className = 'primary-btn';
|
||||||
|
registerButton.type = 'button';
|
||||||
|
registerButton.textContent = 'К регистрации';
|
||||||
|
registerButton.addEventListener('click', () => navigate('register-view'));
|
||||||
|
|
||||||
|
actions.append(backButton, registerButton);
|
||||||
|
|
||||||
|
screen.append(
|
||||||
|
renderHeader({
|
||||||
|
title: 'Вопросы о регистрации',
|
||||||
|
leftAction: { label: '←', onClick: () => navigate('register-view') },
|
||||||
|
}),
|
||||||
|
heroCard,
|
||||||
|
topicCard,
|
||||||
|
topicsCard,
|
||||||
|
actions,
|
||||||
|
);
|
||||||
|
|
||||||
|
return screen;
|
||||||
|
}
|
||||||
@ -11,6 +11,7 @@ import { clearStoredMessages } from '../services/message-store.js';
|
|||||||
import { toUserMessage } from '../services/ui-error-texts.js';
|
import { toUserMessage } from '../services/ui-error-texts.js';
|
||||||
|
|
||||||
export const pageMeta = { id: 'registration-keys-view', title: 'Сохранение ключей', showAppChrome: false };
|
export const pageMeta = { id: 'registration-keys-view', title: 'Сохранение ключей', showAppChrome: false };
|
||||||
|
const EMPTY_PASSWORD_WORDS = Array.from({ length: 12 }, () => '');
|
||||||
|
|
||||||
export function render({ navigate }) {
|
export function render({ navigate }) {
|
||||||
const screen = document.createElement('section');
|
const screen = document.createElement('section');
|
||||||
@ -122,8 +123,12 @@ export function render({ navigate }) {
|
|||||||
|
|
||||||
state.loginDraft.login = state.registrationDraft.login;
|
state.loginDraft.login = state.registrationDraft.login;
|
||||||
state.loginDraft.password = '';
|
state.loginDraft.password = '';
|
||||||
|
state.loginDraft.passwordMode = 'single';
|
||||||
|
state.loginDraft.passwordWords = EMPTY_PASSWORD_WORDS.slice();
|
||||||
state.registrationDraft.flowType = '';
|
state.registrationDraft.flowType = '';
|
||||||
state.registrationDraft.password = '';
|
state.registrationDraft.password = '';
|
||||||
|
state.registrationDraft.passwordMode = 'single';
|
||||||
|
state.registrationDraft.passwordWords = EMPTY_PASSWORD_WORDS.slice();
|
||||||
state.registrationDraft.storagePwd = '';
|
state.registrationDraft.storagePwd = '';
|
||||||
state.registrationDraft.sessionId = '';
|
state.registrationDraft.sessionId = '';
|
||||||
state.registrationDraft.pendingKeyBundle = null;
|
state.registrationDraft.pendingKeyBundle = null;
|
||||||
|
|||||||
@ -6,6 +6,7 @@ export const PRE_AUTH_PAGES = [
|
|||||||
'start-view',
|
'start-view',
|
||||||
'entry-settings-view',
|
'entry-settings-view',
|
||||||
'register-view',
|
'register-view',
|
||||||
|
'registration-faq-view',
|
||||||
'registration-payment-view',
|
'registration-payment-view',
|
||||||
'registration-draft-keys-view',
|
'registration-draft-keys-view',
|
||||||
'registration-keys-view',
|
'registration-keys-view',
|
||||||
|
|||||||
@ -2208,6 +2208,22 @@ export class AuthService {
|
|||||||
return response.payload || {};
|
return response.payload || {};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async getTestFreeAvatarQuota() {
|
||||||
|
const response = await this.ws.request('TestGetFreeAvatarQuota', {});
|
||||||
|
if (response.status !== 200) throw opError('TestGetFreeAvatarQuota', response);
|
||||||
|
return response.payload || {};
|
||||||
|
}
|
||||||
|
|
||||||
|
async uploadTestFreeAvatar({ contentType, fileBytesBase64, sha256Hex }) {
|
||||||
|
const response = await this.ws.request('TestUploadFreeAvatar', {
|
||||||
|
contentType,
|
||||||
|
fileBytesBase64,
|
||||||
|
sha256Hex,
|
||||||
|
}, 60000);
|
||||||
|
if (response.status !== 200) throw opError('TestUploadFreeAvatar', response);
|
||||||
|
return response.payload || {};
|
||||||
|
}
|
||||||
|
|
||||||
async setUserRelation({ login, toLogin, kind, enabled, storagePwd }) {
|
async setUserRelation({ login, toLogin, kind, enabled, storagePwd }) {
|
||||||
const cleanKind = String(kind || '').trim().toLowerCase();
|
const cleanKind = String(kind || '').trim().toLowerCase();
|
||||||
const kinds = CONNECTION_SUBTYPES[cleanKind];
|
const kinds = CONNECTION_SUBTYPES[cleanKind];
|
||||||
|
|||||||
18
shine-UI/js/services/password-words.js
Normal file
18
shine-UI/js/services/password-words.js
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
export const PASSWORD_WORDS_COUNT = 12;
|
||||||
|
export const PASSWORD_MAX_LENGTH = 256;
|
||||||
|
|
||||||
|
export function normalizePasswordWords(wordsLike) {
|
||||||
|
const words = Array.isArray(wordsLike) ? wordsLike : [];
|
||||||
|
return Array.from({ length: PASSWORD_WORDS_COUNT }, (_, index) => String(words[index] || ''));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function composePasswordFromWords(wordsLike) {
|
||||||
|
return normalizePasswordWords(wordsLike)
|
||||||
|
.map((word) => word.trim())
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(' ');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function emptyPasswordWords() {
|
||||||
|
return Array.from({ length: PASSWORD_WORDS_COUNT }, () => '');
|
||||||
|
}
|
||||||
@ -7,6 +7,7 @@ import {
|
|||||||
DEFAULT_SHINE_SERVER_WS,
|
DEFAULT_SHINE_SERVER_WS,
|
||||||
resolveShineServerByServerLogin,
|
resolveShineServerByServerLogin,
|
||||||
} from './services/shine-server-resolver.js';
|
} from './services/shine-server-resolver.js';
|
||||||
|
import { emptyPasswordWords } from './services/password-words.js';
|
||||||
|
|
||||||
const clone = (value) => JSON.parse(JSON.stringify(value));
|
const clone = (value) => JSON.parse(JSON.stringify(value));
|
||||||
const SESSION_STORAGE_KEY = 'shine-ui-current-session-v1';
|
const SESSION_STORAGE_KEY = 'shine-ui-current-session-v1';
|
||||||
@ -91,6 +92,10 @@ const DEFAULT_ARWEAVE_SERVER = 'https://arweave.net';
|
|||||||
const DEFAULT_CALL_PREFLIGHT_TIMEOUT_MS = 6000;
|
const DEFAULT_CALL_PREFLIGHT_TIMEOUT_MS = 6000;
|
||||||
const DEFAULT_OPENAI_BASE_URL = 'https://api.openai.com/v1';
|
const DEFAULT_OPENAI_BASE_URL = 'https://api.openai.com/v1';
|
||||||
|
|
||||||
|
export function normalizeDmChatId(value) {
|
||||||
|
return String(value || '').trim().toLowerCase();
|
||||||
|
}
|
||||||
|
|
||||||
function normalizeToolsSettings(rawTools) {
|
function normalizeToolsSettings(rawTools) {
|
||||||
const source = rawTools && typeof rawTools === 'object' ? rawTools : {};
|
const source = rawTools && typeof rawTools === 'object' ? rawTools : {};
|
||||||
const stt = source.speechToText && typeof source.speechToText === 'object' ? source.speechToText : {};
|
const stt = source.speechToText && typeof source.speechToText === 'object' ? source.speechToText : {};
|
||||||
@ -260,15 +265,22 @@ function createInitialState({ withStoredSession = true } = {}) {
|
|||||||
flowType: '',
|
flowType: '',
|
||||||
login: '',
|
login: '',
|
||||||
password: '',
|
password: '',
|
||||||
|
passwordMode: 'single',
|
||||||
|
passwordWords: emptyPasswordWords(),
|
||||||
sessionId: '',
|
sessionId: '',
|
||||||
storagePwd: '',
|
storagePwd: '',
|
||||||
pendingKeyBundle: null,
|
pendingKeyBundle: null,
|
||||||
pendingSessionMaterial: null,
|
pendingSessionMaterial: null,
|
||||||
preGeneratedKeyBundle: null,
|
preGeneratedKeyBundle: null,
|
||||||
},
|
},
|
||||||
|
registrationHelp: {
|
||||||
|
selectedTopic: 'keys-storage',
|
||||||
|
},
|
||||||
loginDraft: {
|
loginDraft: {
|
||||||
login: storedSession?.login || '',
|
login: storedSession?.login || '',
|
||||||
password: '',
|
password: '',
|
||||||
|
passwordMode: 'single',
|
||||||
|
passwordWords: emptyPasswordWords(),
|
||||||
},
|
},
|
||||||
registrationPayment: {
|
registrationPayment: {
|
||||||
walletAddress: '',
|
walletAddress: '',
|
||||||
@ -368,11 +380,12 @@ function sortChatMessagesInPlace(chatId) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function persistMessageRecord(chatId, row) {
|
function persistMessageRecord(chatId, row) {
|
||||||
if (!chatId || !row?.messageKey) return;
|
const normalizedChatId = normalizeDmChatId(chatId);
|
||||||
|
if (!normalizedChatId || !row?.messageKey) return;
|
||||||
const resolvedTs = resolveChatMessageTimeMs(row);
|
const resolvedTs = resolveChatMessageTimeMs(row);
|
||||||
void putStoredMessage({
|
void putStoredMessage({
|
||||||
messageKey: row.messageKey,
|
messageKey: row.messageKey,
|
||||||
chatId,
|
chatId: normalizedChatId,
|
||||||
from: row.from || 'in',
|
from: row.from || 'in',
|
||||||
text: String(row.text || ''),
|
text: String(row.text || ''),
|
||||||
baseKey: String(row.baseKey || ''),
|
baseKey: String(row.baseKey || ''),
|
||||||
@ -400,7 +413,7 @@ export async function hydrateMessagesFromStore() {
|
|||||||
rows
|
rows
|
||||||
.sort((a, b) => Number(a?.ts || 0) - Number(b?.ts || 0))
|
.sort((a, b) => Number(a?.ts || 0) - Number(b?.ts || 0))
|
||||||
.forEach((row) => {
|
.forEach((row) => {
|
||||||
const chatId = String(row?.chatId || '').trim();
|
const chatId = normalizeDmChatId(row?.chatId);
|
||||||
const messageKey = String(row?.messageKey || '').trim();
|
const messageKey = String(row?.messageKey || '').trim();
|
||||||
if (!chatId || !messageKey) return;
|
if (!chatId || !messageKey) return;
|
||||||
if (state.knownMessageKeys[messageKey]) return;
|
if (state.knownMessageKeys[messageKey]) return;
|
||||||
@ -429,10 +442,12 @@ export async function hydrateMessagesFromStore() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function getChatMessages(chatId) {
|
export function getChatMessages(chatId) {
|
||||||
if (!state.chats[chatId]) {
|
const normalizedChatId = normalizeDmChatId(chatId);
|
||||||
state.chats[chatId] = [];
|
if (!normalizedChatId) return [];
|
||||||
|
if (!state.chats[normalizedChatId]) {
|
||||||
|
state.chats[normalizedChatId] = [];
|
||||||
}
|
}
|
||||||
return state.chats[chatId];
|
return state.chats[normalizedChatId];
|
||||||
}
|
}
|
||||||
|
|
||||||
export function addChatMessage(chatId, text) {
|
export function addChatMessage(chatId, text) {
|
||||||
@ -575,9 +590,10 @@ export function addSignedMessageToChat({
|
|||||||
revisionTimeMs = 0,
|
revisionTimeMs = 0,
|
||||||
deleted = false,
|
deleted = false,
|
||||||
} = {}) {
|
} = {}) {
|
||||||
|
const normalizedChatId = normalizeDmChatId(chatId);
|
||||||
const id = String(messageKey || '').trim();
|
const id = String(messageKey || '').trim();
|
||||||
if (!chatId || !id) return false;
|
if (!normalizedChatId || !id) return false;
|
||||||
const list = getChatMessages(chatId);
|
const list = getChatMessages(normalizedChatId);
|
||||||
const existingIndex = list.findIndex((row) => String(row?.messageKey || '').trim() === id);
|
const existingIndex = list.findIndex((row) => String(row?.messageKey || '').trim() === id);
|
||||||
const existing = existingIndex >= 0 ? list[existingIndex] : null;
|
const existing = existingIndex >= 0 ? list[existingIndex] : null;
|
||||||
const nextRevision = Number(revisionTimeMs || 0);
|
const nextRevision = Number(revisionTimeMs || 0);
|
||||||
@ -591,7 +607,7 @@ export function addSignedMessageToChat({
|
|||||||
if (existingIndex >= 0) {
|
if (existingIndex >= 0) {
|
||||||
list.splice(existingIndex, 1);
|
list.splice(existingIndex, 1);
|
||||||
removeStoredMessageRecord(id);
|
removeStoredMessageRecord(id);
|
||||||
sortChatMessagesInPlace(chatId);
|
sortChatMessagesInPlace(normalizedChatId);
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
@ -615,17 +631,18 @@ export function addSignedMessageToChat({
|
|||||||
if (existingIndex < 0) {
|
if (existingIndex < 0) {
|
||||||
list.push(row);
|
list.push(row);
|
||||||
}
|
}
|
||||||
sortChatMessagesInPlace(chatId);
|
sortChatMessagesInPlace(normalizedChatId);
|
||||||
persistMessageRecord(chatId, row);
|
persistMessageRecord(normalizedChatId, row);
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function markChatRead(chatId) {
|
export function markChatRead(chatId) {
|
||||||
const list = getChatMessages(chatId);
|
const normalizedChatId = normalizeDmChatId(chatId);
|
||||||
|
const list = getChatMessages(normalizedChatId);
|
||||||
list.forEach((row) => {
|
list.forEach((row) => {
|
||||||
if (row?.from === 'in') {
|
if (row?.from === 'in') {
|
||||||
row.unread = false;
|
row.unread = false;
|
||||||
persistMessageRecord(chatId, row);
|
persistMessageRecord(normalizedChatId, row);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -407,6 +407,11 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.auth-screen--lower {
|
||||||
|
align-content: start;
|
||||||
|
padding-top: clamp(80px, 18vh, 180px);
|
||||||
|
}
|
||||||
|
|
||||||
.auth-logo {
|
.auth-logo {
|
||||||
width: 126px;
|
width: 126px;
|
||||||
height: 126px;
|
height: 126px;
|
||||||
@ -434,6 +439,22 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.login-panel {
|
||||||
|
width: min(100%, 360px);
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel--wide {
|
||||||
|
width: min(100%, 420px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel-title {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--text);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.auth-footer-actions {
|
.auth-footer-actions {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
@ -1168,6 +1189,35 @@
|
|||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-search-form-card,
|
||||||
|
.contact-search-results-card {
|
||||||
|
margin: 0 6px;
|
||||||
|
padding: 14px;
|
||||||
|
border-radius: 24px;
|
||||||
|
background: rgba(7, 10, 18, 0.88);
|
||||||
|
border: 1px solid rgba(140, 99, 255, 0.24);
|
||||||
|
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.34);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-search-input {
|
||||||
|
min-height: 48px;
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 0 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-search-results-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(252, 234, 192, 0.92);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-search-result-main {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
border: 1px solid var(--line);
|
border: 1px solid var(--line);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
@ -3573,8 +3623,8 @@ textarea.input {
|
|||||||
grid-template-columns: 60px minmax(0, 1fr) auto;
|
grid-template-columns: 60px minmax(0, 1fr) auto;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 92px; /* карточки не ужимаем; тап-зона ≥44px */
|
min-height: 74px;
|
||||||
padding: 14px 16px 14px 14px;
|
padding: 10px 12px 10px 10px;
|
||||||
border-radius: 26px;
|
border-radius: 26px;
|
||||||
background: rgba(7, 10, 18, 0.88);
|
background: rgba(7, 10, 18, 0.88);
|
||||||
backdrop-filter: blur(24px);
|
backdrop-filter: blur(24px);
|
||||||
@ -3636,6 +3686,7 @@ textarea.input {
|
|||||||
.dm-head-name { font-size: 15px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
.dm-head-name { font-size: 15px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
.dm-head-sub { font-size: 11px; color: rgba(244, 246, 255, 0.48); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
.dm-head-sub { font-size: 11px; color: rgba(244, 246, 255, 0.48); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
.dm-head-title { font-size: 18px; font-weight: 700; color: var(--text); white-space: nowrap; text-align: center; padding: 0 6px; }
|
.dm-head-title { font-size: 18px; font-weight: 700; color: var(--text); white-space: nowrap; text-align: center; padding: 0 6px; }
|
||||||
|
.dm-list-screen .dm-head-title { color: #FCEAC0; text-shadow: 0 0 6px rgba(240, 184, 46, 0.32), 0 0 14px rgba(240, 184, 46, 0.12); }
|
||||||
/* Центр шапки — светящийся бренд «Shine» */
|
/* Центр шапки — светящийся бренд «Shine» */
|
||||||
.dm-head-shine {
|
.dm-head-shine {
|
||||||
font-size: 21px; letter-spacing: 0.6px; color: #FCEAC0;
|
font-size: 21px; letter-spacing: 0.6px; color: #FCEAC0;
|
||||||
@ -3648,7 +3699,7 @@ textarea.input {
|
|||||||
}
|
}
|
||||||
@media (prefers-reduced-motion: reduce) { .dm-head-shine { animation: none; } }
|
@media (prefers-reduced-motion: reduce) { .dm-head-shine { animation: none; } }
|
||||||
.dm-head-plus {
|
.dm-head-plus {
|
||||||
justify-self: end; width: 48px; height: 48px; border-radius: 15px;
|
justify-self: end; width: 48px; height: 48px; border-radius: 50%;
|
||||||
display: grid; place-items: center; font-size: 24px; line-height: 1; font-weight: 300;
|
display: grid; place-items: center; font-size: 24px; line-height: 1; font-weight: 300;
|
||||||
color: #FFD98A; border: 1.5px solid rgba(240, 184, 46, 0.6);
|
color: #FFD98A; border: 1.5px solid rgba(240, 184, 46, 0.6);
|
||||||
background: rgba(12, 12, 16, 0.66);
|
background: rgba(12, 12, 16, 0.66);
|
||||||
@ -3660,20 +3711,34 @@ textarea.input {
|
|||||||
.dm-divider::after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; transform: translate(-50%, -50%) rotate(45deg); background: var(--rel-family); box-shadow: 0 0 8px var(--rel-family-glow); }
|
.dm-divider::after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; transform: translate(-50%, -50%) rotate(45deg); background: var(--rel-family); box-shadow: 0 0 8px var(--rel-family-glow); }
|
||||||
|
|
||||||
/* список: скролл внутри контента, карточки не ужимаем, отступ снизу под bottom nav (86px) + 16px */
|
/* список: скролл внутри контента, карточки не ужимаем, отступ снизу под bottom nav (86px) + 16px */
|
||||||
.dm-list { display: flex; flex-direction: column; gap: 8px; padding: 0 14px; padding-bottom: calc(86px + 16px); }
|
.dm-list { display: flex; flex-direction: column; gap: 8px; padding: 0 6px; padding-bottom: calc(86px + 16px); }
|
||||||
|
|
||||||
/* текст карточки */
|
/* текст карточки */
|
||||||
.dm-row-main { min-width: 0; }
|
.dm-row-main { min-width: 0; }
|
||||||
.dm-row-titleline { display: flex; align-items: center; gap: 6px; min-width: 0; }
|
.dm-row-titleline { display: flex; align-items: center; gap: 6px; min-width: 0; }
|
||||||
|
.dm-row-titlewrap { flex-wrap: wrap; row-gap: 6px; }
|
||||||
.dm-dialog-card .dm-row-title { font-size: 16px; font-weight: 600; color: var(--text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
.dm-dialog-card .dm-row-title { font-size: 16px; font-weight: 600; color: var(--text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
.dm-dialog-card .dm-row-last-message { font-size: 14px; color: rgba(244, 246, 255, 0.48); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
.dm-dialog-card .dm-row-last-message { font-size: 14px; color: rgba(244, 246, 255, 0.48); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
|
.dm-contact-note {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 22px;
|
||||||
|
padding: 0 8px;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
color: rgba(244, 246, 255, 0.62);
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
/* галочка-подтверждён у имени (золотая, без слова «Подтверждён») */
|
/* галочка-подтверждён у имени (золотая, без слова «Подтверждён») */
|
||||||
.dm-name-check { display: inline-flex; flex: 0 0 auto; color: var(--rel-family); }
|
.dm-name-check { display: inline-flex; flex: 0 0 auto; color: var(--rel-family); }
|
||||||
.dm-name-check svg { width: 16px; height: 16px; }
|
.dm-name-check svg { width: 16px; height: 16px; }
|
||||||
|
|
||||||
/* AvatarRing — обод/свечение по тону (адаптация орбов «Связей», без тяжёлой магии) */
|
/* AvatarRing — обод/свечение по тону (адаптация орбов «Связей», без тяжёлой магии) */
|
||||||
.dm-av { width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; position: relative; }
|
.dm-av { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; position: relative; }
|
||||||
.dm-av .avatar { width: 56px; height: 56px; min-width: 56px; min-height: 56px; border: none; box-shadow: none; }
|
.dm-av .avatar { width: 50px; height: 50px; min-width: 50px; min-height: 50px; border: none; box-shadow: none; }
|
||||||
/* Цветные обводки вокруг аватаров (violet/gold) убраны по просьбе. Свечение оставляем только у сияющих (ниже). */
|
/* Цветные обводки вокруг аватаров (violet/gold) убраны по просьбе. Свечение оставляем только у сияющих (ниже). */
|
||||||
.dm-av--default { box-shadow: none; }
|
.dm-av--default { box-shadow: none; }
|
||||||
.dm-av--family { box-shadow: none; }
|
.dm-av--family { box-shadow: none; }
|
||||||
@ -3697,10 +3762,35 @@ textarea.input {
|
|||||||
.dm-av--shining::before { animation: none; }
|
.dm-av--shining::before { animation: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* правая зона: один статус сверху, ниже [unread + chevron] */
|
.dm-row-meta-col {
|
||||||
/* правая зона: один горизонтальный ряд [статус][unread][chevron] на общей оси */
|
display: inline-flex;
|
||||||
.dm-dialog-card .dm-row-meta { display: inline-flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; }
|
min-width: 0;
|
||||||
.dm-dialog-card .dm-row-meta .dm-chevron { margin-left: 4px; } /* отступ бейдж→chevron ≈ 12px */
|
align-self: stretch;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
.dm-row-meta-line {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
min-height: 24px;
|
||||||
|
}
|
||||||
|
.dm-row-meta-spacer {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
|
.dm-row-time {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: rgba(244, 246, 255, 0.44);
|
||||||
|
}
|
||||||
|
.dm-row-time--empty {
|
||||||
|
width: 0;
|
||||||
|
min-width: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
/* непрочитанные — отдельная violet-сфера (НЕ изумруд) */
|
/* непрочитанные — отдельная violet-сфера (НЕ изумруд) */
|
||||||
.dm-unread-badge {
|
.dm-unread-badge {
|
||||||
min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px;
|
min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px;
|
||||||
@ -3711,6 +3801,17 @@ textarea.input {
|
|||||||
.dm-chevron { display: inline-flex; color: rgba(244, 246, 255, 0.32); }
|
.dm-chevron { display: inline-flex; color: rgba(244, 246, 255, 0.32); }
|
||||||
.dm-chevron svg { width: 16px; height: 16px; }
|
.dm-chevron svg { width: 16px; height: 16px; }
|
||||||
|
|
||||||
|
@media (max-width: 380px) {
|
||||||
|
.dm-dialog-card {
|
||||||
|
grid-template-columns: 60px minmax(0, 1fr);
|
||||||
|
row-gap: 10px;
|
||||||
|
}
|
||||||
|
.dm-row-meta-col {
|
||||||
|
grid-column: 2;
|
||||||
|
justify-self: end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Значок «связь через кого» — ТОЛЬКО иконка (кликабельная); детали пути в попапе ниже */
|
/* Значок «связь через кого» — ТОЛЬКО иконка (кликабельная); детали пути в попапе ниже */
|
||||||
.dm-via {
|
.dm-via {
|
||||||
display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
|
display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
|
||||||
@ -3894,9 +3995,14 @@ html, body { overflow-x: hidden; }
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dm-message-actions-menu {
|
.dm-message-actions-menu {
|
||||||
width: min(52vw, 240px);
|
width: min(72vw, 220px);
|
||||||
padding: 8px;
|
padding: 10px;
|
||||||
gap: 6px;
|
gap: 8px;
|
||||||
|
border-radius: 16px;
|
||||||
|
border: 1px solid rgba(212, 175, 55, 0.22);
|
||||||
|
background: rgba(10, 12, 18, 0.96);
|
||||||
|
backdrop-filter: blur(22px);
|
||||||
|
-webkit-backdrop-filter: blur(22px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dm-floating-menu-layer {
|
.dm-floating-menu-layer {
|
||||||
@ -3925,7 +4031,10 @@ html, body { overflow-x: hidden; }
|
|||||||
|
|
||||||
.dm-message-action-btn {
|
.dm-message-action-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
min-height: 42px;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
padding: 0 14px;
|
||||||
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dm-message-action-btn--danger {
|
.dm-message-action-btn--danger {
|
||||||
@ -4073,6 +4182,118 @@ html, body { overflow-x: hidden; }
|
|||||||
text-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
|
text-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.registration-toggle {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-radius: 14px;
|
||||||
|
border: 1px solid rgba(132, 162, 228, 0.22);
|
||||||
|
background: rgba(20, 31, 52, 0.72);
|
||||||
|
color: #eef3ff;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-toggle input {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
accent-color: #d4af37;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-words-block[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-words-block {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-words-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-word-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto minmax(0, 1fr);
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-word-number {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #b2c2e6;
|
||||||
|
min-width: 18px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-word-input {
|
||||||
|
min-height: 44px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-card {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-grid .ghost-btn,
|
||||||
|
.registration-faq-grid .secondary-btn {
|
||||||
|
min-height: 44px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 740px) {
|
||||||
|
.registration-words-grid,
|
||||||
|
.registration-faq-grid {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 460px) {
|
||||||
|
.registration-words-grid,
|
||||||
|
.registration-faq-grid {
|
||||||
|
grid-template-columns: minmax(0, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-hero {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-topic {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-faq-title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1.2;
|
||||||
|
color: #f6deb0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-progress {
|
||||||
|
width: 100%;
|
||||||
|
height: 10px;
|
||||||
|
border: 1px solid rgba(180, 180, 180, 0.5);
|
||||||
|
border-radius: 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-progress-bar {
|
||||||
|
height: 100%;
|
||||||
|
width: 0%;
|
||||||
|
background: rgba(80, 160, 255, 0.9);
|
||||||
|
transition: width 180ms linear;
|
||||||
|
}
|
||||||
|
|
||||||
/* Неоновые PNG-иконки вкладок (свечение запечено в PNG). Цвет доп.свечения — var --tab-glow (инлайн на img). */
|
/* Неоновые PNG-иконки вкладок (свечение запечено в PNG). Цвет доп.свечения — var --tab-glow (инлайн на img). */
|
||||||
.toolbar-icon-img {
|
.toolbar-icon-img {
|
||||||
--tab-icon-size: 27px; /* крупнее (бар-иконки); герой ниже ещё больше */
|
--tab-icon-size: 27px; /* крупнее (бар-иконки); герой ниже ещё больше */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user