a.0.0.8
This commit is contained in:
1 parent
552c009120
commit
8a95abf18b
8 files changed
+559
-126
No files matched your search
@@ -0,0 +1,232 @@
|
||||
# ramshare_ui
|
||||
|
||||
Легковесная, автономная утилита для безопасного обмена текстом и файлами внутри локальных сетей (Wi-Fi, точки доступа со смартфонов, офисные LAN, домашние роутеры, VPN/Tailscale `100.64.0.0/10`).
|
||||
|
||||
Приложение спроектировано для работы в условиях нестабильного окружения и роуминга устройств (ноутбуки, телефоны, сменяющие IP-адреса при переходе между сетями). Работает как в виде локального веб-интерфейса, так и через полноценный CLI без графической оболочки.
|
||||
|
||||
---
|
||||
|
||||
## Ключевые особенности
|
||||
|
||||
* **Криптографическая безопасность из коробки:**
|
||||
* Соединения работают строго по **TLS 1.3** с обязательной взаимной аутентификацией (**mTLS**) через самоподписанные сертификаты.
|
||||
* Пиннинг сертификатов: соединение устанавливается только с известным и явно подтверждённым отпечатком (SHA-256).
|
||||
* **SAS-коды сверки (Short Authentication String):** 80-битный симметричный верификационный код вида `XXXX-XXXX-XXXX`, вычисляемый из отпечатков обоих узлов, предотвращает атаки типа Man-in-the-Middle (MitM).
|
||||
* Двусторонняя верификация: передача данных блокируется до тех пор, пока **оба** участника не подтвердят код на своих экранах.
|
||||
|
||||
|
||||
* **Приватность и потоковая передача:**
|
||||
* **Текст принимается исключительно в ОЗУ** (до 64 КБ на сообщение, кольцевой буфер на 50 записей). При закрытии процесса или нажатии кнопки очистки текст бесследно исчезает.
|
||||
* **Потоковая передача файлов с backpressure:** чтение и запись производятся чанками с константным потреблением памяти ($O(1)$ RAM), поддерживаются файлы объёмом до 2 ГБ.
|
||||
* Файлы записываются во временные `.part_*` файлы с атомарным переименованием и очисткой битых передач по таймауту.
|
||||
|
||||
|
||||
* **Адаптивность к смене сетей и роумингу:**
|
||||
* Автоматическое отслеживание изменений сетевых интерфейсов и актуального IP-адреса без перезапуска.
|
||||
* Приоритезация IP-адресов: узлы сначала опрашивают адреса из своей текущей `/24` подсети.
|
||||
* Поддержка частных диапазонов RFC 1918 (`10.0.0.0/8`, `172.16.0.0/12`, `192.168.0.0/16`), Link-Local (`169.254.0.0/16`) и CGNAT / Carrier VPN (`100.64.0.0/10`).
|
||||
|
||||
|
||||
* **Энергоэффективный опрос (Smart Ping):**
|
||||
* Если устройство перестаёт отвечать, система делает до **5 попыток** опроса, после чего переводит пир в `offline` и **полностью прекращает фоновый опрос**, экономя заряд батареи и сетевой трафик.
|
||||
* Опрос возобновляется автоматически при ручном пинге, общем сканировании подсети или если пир сам пришлёт UDP-маяк/данные.
|
||||
|
||||
|
||||
* **Автономное обнаружение:**
|
||||
* Быстрое обнаружение через UDP-рассылку (порт `5354`) без зависимости от тяжелых сервисов mDNS / Avahi / Bonjour.
|
||||
* Встроенный многопоточный сканер диапазонов IPv4 (CIDR, списки, диапазоны тире).
|
||||
|
||||
|
||||
* **Интерфейс без внешних зависимостей:**
|
||||
* Web UI встроен непосредственно в бинарный файл (zero-external-assets, никаких внешних CDN и шрифтов).
|
||||
* Работает прямо на `[http://127.0.0.1:8080/](http://127.0.0.1:8080/)` без необходимости ввода одноразовых токенов.
|
||||
* Защита от межсайтовых атак: валидация заголовков `Host` и `Origin` (защита от DNS-rebinding и CSRF), строгие CSP-заголовки.
|
||||
* Разделение интерфейса на активные устройства и отдельную вкладку со всеми ранее заверенными пирами.
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
## Архитектура сетевого взаимодействия
|
||||
|
||||
```
|
||||
+-------------+ +-------------+
|
||||
| Node A | | Node B |
|
||||
+-------------+ +-------------+
|
||||
| |
|
||||
| --- 1. UDP Broadcast Beacon (порт 5354) ------------> |
|
||||
| |
|
||||
| <--- 2. HTTPS/TLS 1.3 Handshake (mTLS /p2p/info) ---> |
|
||||
| (Обмен именами, портами и статусом доверия) |
|
||||
| |
|
||||
| === 3. Сверка SAS-кода пользователями на экранах === |
|
||||
| |
|
||||
| --- 4. Запрос доверия: x-node-trusts: <FP_B> -------> |
|
||||
| <--- Ответ: trusts_you: true --------------------- |
|
||||
| |
|
||||
| [Взаимное доверие установлено (Status: mutual)] |
|
||||
| |
|
||||
| --- 5. POST /p2p/text (Только в ОЗУ) ---------------> |
|
||||
| --- 6. POST /p2p/media (Поток на диск) -------------> |
|
||||
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Сборка и установка
|
||||
|
||||
Требуется компилятор Rust версии **1.75+** (Cargo).
|
||||
|
||||
```bash
|
||||
# Клонирование репозитория
|
||||
git clone https://github.com/your-username/ramshare_ui.git
|
||||
cd ramshare_ui
|
||||
|
||||
# Сборка оптимизированного релиза (LTO + Strip)
|
||||
cargo build --release
|
||||
|
||||
# Исполняемый файл появится по пути:
|
||||
./target/release/ramshare_ui
|
||||
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Быстрый старт
|
||||
|
||||
### 1. Запуск узла с веб-интерфейсом
|
||||
|
||||
Запустите узел на обоих устройствах в сети:
|
||||
|
||||
```bash
|
||||
# Запуск с параметрами по умолчанию (P2P: 8443, UI: 8080)
|
||||
ramshare_ui serve
|
||||
|
||||
# Либо с явным указанием имени узла
|
||||
ramshare_ui serve --name "Laptop-Work"
|
||||
|
||||
```
|
||||
|
||||
После старта откройте в браузере: **`[http://127.0.0.1:8080](http://127.0.0.1:8080)`**.
|
||||
|
||||
### 2. Запуск в headless-режиме (сервер/терминал)
|
||||
|
||||
Если веб-интерфейс не нужен (например, на удалённом сервере или Raspberry Pi):
|
||||
|
||||
```bash
|
||||
ramshare_ui serve --no-ui --name "Home-Server"
|
||||
|
||||
```
|
||||
|
||||
*Входящие текстовые сообщения будут выводиться прямо в stdout терминала, а принятые файлы сохраняться в папку `received_media/`.*
|
||||
|
||||
---
|
||||
|
||||
## Использование через CLI
|
||||
|
||||
Все операции можно выполнять через консоль без открытия веб-интерфейса.
|
||||
|
||||
### Поиск устройств в сети
|
||||
|
||||
```bash
|
||||
# Показать устройства, которые видны прямо сейчас
|
||||
ramshare_ui peers
|
||||
|
||||
# Вывод списка в формате JSON
|
||||
ramshare_ui peers --json
|
||||
|
||||
# Сканирование текущей подсети (например, 192.168.1.1-254)
|
||||
ramshare_ui scan
|
||||
|
||||
# Сканирование произвольного диапазона
|
||||
ramshare_ui scan 192.168.1.50-100
|
||||
ramshare_ui scan 10.0.0.0/24
|
||||
|
||||
```
|
||||
|
||||
### Заверение устройства (Trust)
|
||||
|
||||
Для отправки данных устройства должны взаимно подтвердить SAS-код:
|
||||
|
||||
```bash
|
||||
# Заверить по имени, IP или префиксу ID
|
||||
ramshare_ui trust Laptop
|
||||
|
||||
# С ожиданием подтверждения с противоположной стороны (до 60 секунд)
|
||||
ramshare_ui trust 192.168.1.45 --confirm-wait 60
|
||||
|
||||
# Отозвать доверие
|
||||
ramshare_ui untrust Laptop
|
||||
|
||||
```
|
||||
|
||||
### Отправка текста и файлов
|
||||
|
||||
```bash
|
||||
# Отправить текст в оперативную память устройства
|
||||
ramshare_ui send-text Laptop "Привет! Пароль от архива: secret123"
|
||||
|
||||
# Передача содержимого через конвейер (stdin)
|
||||
cat dump.sql | ramshare_ui send-text Laptop -
|
||||
echo "токен_авторизации" | ramshare_ui send-text 192.168.1.50 -
|
||||
|
||||
# Отправка одного или нескольких файлов
|
||||
ramshare_ui send-file Laptop ./document.pdf ./archive.tar.gz
|
||||
|
||||
```
|
||||
|
||||
### Просмотр параметров узла
|
||||
|
||||
```bash
|
||||
ramshare_ui config
|
||||
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Структура каталогов
|
||||
|
||||
По умолчанию приложение хранит данные рядом с бинарным файлом (или в пути, переданном через `--data-dir`):
|
||||
|
||||
```text
|
||||
.
|
||||
├── ramshare_ui # Исполняемый файл
|
||||
├── config/ # Каталог конфигурации
|
||||
│ ├── config.json # Идентичность узла (приватный ключ, сертификат, имя)
|
||||
│ └── trusted.json # База данных заверенных устройств и их адресов
|
||||
└── received_media/ # Папка принятых файлов
|
||||
├── report.pdf
|
||||
└── 1774500000_a1b2c3_photo.png
|
||||
|
||||
```
|
||||
|
||||
*Файл `config.json` генерируется автоматически при первом запуске с правами доступа `0600` (Unix).*
|
||||
|
||||
---
|
||||
|
||||
## Параметры командной строки
|
||||
|
||||
| Параметр | По умолчанию | Описание |
|
||||
| --- | --- | --- |
|
||||
| `--name <имя>` | Имя хоста ОС | Имя устройства, отображаемое другим пирам в сети |
|
||||
| `--p2p-port <порт>` | `8443` | Порт для HTTPS / mTLS соединений передачи данных |
|
||||
| `--ui-port <порт>` | `8080` | Порт веб-интерфейса (привязывается строго к `127.0.0.1`) |
|
||||
| `--ip <IPv4>` | Авто | Принудительная привязка к конкретному локальному адресу |
|
||||
| `--data-dir <путь>` | Рядом с бинарником | Базовая папка для каталогов `config/` и `received_media/` |
|
||||
| `--ping-interval <с>` | `15` | Интервал периодического опроса устройств (от `10` до `30` с) |
|
||||
| `--no-ui` | `false` | Запуск сервера без поднятия локального веб-сервера |
|
||||
| `--wait <с>` | `4` | Время прослушивания UDP-маяков при выполнении CLI-команд |
|
||||
| `--scan <диапазон>` | `None` | Автоматически сканировать указанную сеть, если пир не найден |
|
||||
| `--confirm-wait <с>` | `0` | Время ожидания подтверждения со второго устройства при `trust` |
|
||||
| `--json` | `false` | Вывод списков узлов (`peers`, `scan`) в формате JSON |
|
||||
| `-y, --yes` | `false` | Пропуск интерактивного запроса подтверждения в CLI |
|
||||
| `-h, --help` | — | Вывод справки по доступным командам |
|
||||
|
||||
---
|
||||
|
||||
## Безопасность и модель угроз
|
||||
|
||||
1. **Защита от прослушивания в открытых сетях:** Весь трафик шифруется TLS 1.3 с современными наборами шифров (AEAD). Провайдер сети или сосед по Wi-Fi не видят передаваемый контент или имена файлов.
|
||||
2. **Защита от подмены (MitM):** Если злоумышленник пытается перехватить трафик и подменить самоподписанный сертификат на лету, у пользователей **не совпадут SAS-коды сверки**. При несовпадении кодов подтверждать соединение запрещено.
|
||||
3. **Безопасность Web UI:** Сервер интерфейса слушает только `127.0.0.1`. При попытке внешнего сайта выполнить запрос в локальный браузер (CSRF / DNS-rebinding) запрос отклоняется благодаря проверке заголовков `Origin` и `Host`, а также строгой политике CSP (`frame-ancestors 'none'`, `default-src 'none'`).
|
||||
4. **Защита файловой системы:** Имена входящих файлов нормализуются с вырезанием управляющих символов и попыток выхода из каталога (`../`). Файлы с исполняемыми расширениями (`.sh`, `.exe`, `.bat` и др.) помечаются в интерфейсе как потенциально опасные и не открываются автоматически.
|
||||
+4
-3
@@ -234,7 +234,7 @@ async fn find_peer(
|
||||
) -> Result<PeerDevice, String> {
|
||||
let (host, port_opt) = split_sel(sel);
|
||||
|
||||
net::ping_all_peers(state).await;
|
||||
net::ping_all_peers(state, true).await;
|
||||
if let Some(p) = resolve(state, &host)? {
|
||||
if p.online || !need_online {
|
||||
return Ok(p);
|
||||
@@ -284,14 +284,14 @@ async fn find_peer(
|
||||
|
||||
// ───────────────────────── Команды ─────────────────────────
|
||||
pub async fn cmd_scan(state: &Arc<AppState>, range: &str, opts: &CliOpts) -> Result<(), String> {
|
||||
net::ping_all_peers(state).await;
|
||||
net::ping_all_peers(state, true).await;
|
||||
scan_with_progress(state, range).await?;
|
||||
print_peers(state, opts.json, true);
|
||||
Ok(())
|
||||
}
|
||||
|
||||
pub async fn cmd_peers(state: &Arc<AppState>, opts: &CliOpts) -> Result<(), String> {
|
||||
net::ping_all_peers(state).await;
|
||||
net::ping_all_peers(state, true).await;
|
||||
ensure_discovery(state);
|
||||
if let Some(r) = &opts.scan {
|
||||
scan_with_progress(state, r).await?;
|
||||
@@ -326,6 +326,7 @@ pub async fn cmd_trust(state: &Arc<AppState>, sel: &str, opts: &CliOpts) -> Resu
|
||||
}
|
||||
if let Some(x) = state.peers.write().get_mut(&p.id) {
|
||||
x.verified = true;
|
||||
x.fail_count = 0;
|
||||
}
|
||||
state.persist_trust();
|
||||
println!("Вы подтвердили: {} [{}]", p.name, p.pin_code);
|
||||
|
||||
+7
-5
@@ -363,11 +363,11 @@ async fn run_serve(cfg: &Config, built: Built) {
|
||||
|
||||
net::start_discovery(state.clone());
|
||||
|
||||
// периодический опрос + обслуживание; первый пинг выполняется сразу при старте
|
||||
// периодический опрос + обслуживание; после 5 неудач пир переводится в offline и больше не опрашивается автоматически
|
||||
{
|
||||
let st = state.clone();
|
||||
tokio::spawn(async move {
|
||||
net::ping_all_peers(&st).await;
|
||||
net::ping_all_peers(&st, false).await;
|
||||
st.maintenance();
|
||||
loop {
|
||||
let secs = st.ping_interval_sec.load(Ordering::Relaxed);
|
||||
@@ -375,7 +375,7 @@ async fn run_serve(cfg: &Config, built: Built) {
|
||||
_ = tokio::time::sleep(Duration::from_secs(secs)) => {}
|
||||
_ = st.ping_notify.notified() => {}
|
||||
}
|
||||
net::ping_all_peers(&st).await;
|
||||
net::ping_all_peers(&st, false).await;
|
||||
st.maintenance();
|
||||
}
|
||||
});
|
||||
@@ -390,8 +390,9 @@ async fn run_serve(cfg: &Config, built: Built) {
|
||||
println!(" Файл настроек: {}", state.data_dir.join("config.json").display());
|
||||
println!(" Принятые файлы: {}", state.media_dir.display());
|
||||
println!(
|
||||
" Опрос устройств: каждые {} с (UI / config.json / --ping-interval)",
|
||||
state.ping_interval_sec.load(Ordering::Relaxed)
|
||||
" Опрос устройств: каждые {} с (до {} попыток при недоступности)",
|
||||
state.ping_interval_sec.load(Ordering::Relaxed),
|
||||
MAX_PING_FAILS
|
||||
);
|
||||
println!("--------------------------------------------------------------");
|
||||
|
||||
@@ -413,6 +414,7 @@ async fn run_serve(cfg: &Config, built: Built) {
|
||||
.route("/ui/manual-peer", post(ui::ui_add_manual_peer))
|
||||
.route("/ui/scan-range", post(ui::ui_scan_range))
|
||||
.route("/ui/ping", post(ui::ui_ping_peers))
|
||||
.route("/ui/ping-peer", post(ui::ui_ping_one_peer))
|
||||
.route("/ui/trust", post(ui::ui_trust_peer))
|
||||
.route("/ui/clear-ram", post(ui::ui_clear_ram))
|
||||
.route("/ui/settings", post(ui::ui_set_settings))
|
||||
|
||||
@@ -35,6 +35,7 @@ pub const DISCOVERY_PORT: u16 = 5354;
|
||||
pub const MIN_PING_SEC: u64 = 10;
|
||||
pub const MAX_PING_SEC: u64 = 30;
|
||||
pub const DEFAULT_PING_SEC: u64 = 15;
|
||||
pub const MAX_PING_FAILS: u8 = 5;
|
||||
|
||||
// ───────────────────────── Ошибки ─────────────────────────
|
||||
pub struct AppError(pub StatusCode, pub String);
|
||||
@@ -94,6 +95,8 @@ pub struct PeerDevice {
|
||||
pub last_seen: u64,
|
||||
/// Когда мы последний раз опрашивали (пинговали) это устройство (unix timestamp, сек).
|
||||
pub last_ping: u64,
|
||||
/// Количество подряд неудачных попыток пинга (при достижении 5 автоопрос прекращается).
|
||||
pub fail_count: u8,
|
||||
}
|
||||
|
||||
impl PeerDevice {
|
||||
@@ -110,6 +113,7 @@ impl PeerDevice {
|
||||
online: false,
|
||||
last_seen: 0,
|
||||
last_ping: 0,
|
||||
fail_count: 0,
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -161,6 +165,11 @@ pub struct UiTrustRequest {
|
||||
pub trust: bool,
|
||||
}
|
||||
|
||||
#[derive(Deserialize)]
|
||||
pub struct UiPingPeerRequest {
|
||||
pub peer_id: String,
|
||||
}
|
||||
|
||||
#[derive(Deserialize)]
|
||||
pub struct UiManualPeerRequest {
|
||||
pub ip: String,
|
||||
@@ -373,6 +382,7 @@ impl AppState {
|
||||
p.name = name.clone();
|
||||
p.port = port;
|
||||
p.online = true;
|
||||
p.fail_count = 0;
|
||||
p.last_seen = now;
|
||||
p.last_ping = now;
|
||||
p.ips.retain(|x| x != &ip_s);
|
||||
@@ -385,6 +395,7 @@ impl AppState {
|
||||
Entry::Vacant(v) => {
|
||||
let mut p = PeerDevice::new(fp, name.clone(), vec![ip_s.clone()], port, &self.my_fingerprint, false);
|
||||
p.online = true;
|
||||
p.fail_count = 0;
|
||||
p.last_seen = now;
|
||||
p.last_ping = now;
|
||||
v.insert(p);
|
||||
@@ -419,6 +430,7 @@ impl AppState {
|
||||
if let Some(p) = self.peers.write().get_mut(fp) {
|
||||
let changed = p.ips.first() != Some(&ip_s);
|
||||
p.online = true;
|
||||
p.fail_count = 0;
|
||||
p.last_seen = now;
|
||||
if changed {
|
||||
p.ips.retain(|x| x != &ip_s);
|
||||
@@ -434,6 +446,14 @@ impl AppState {
|
||||
}
|
||||
}
|
||||
|
||||
/// Сбрасывает счётчик неудачных пингов у всех известных устройств (вызывается при ручном опросе или сканировании).
|
||||
pub fn reset_all_ping_failures(&self) {
|
||||
let mut peers = self.peers.write();
|
||||
for p in peers.values_mut() {
|
||||
p.fail_count = 0;
|
||||
}
|
||||
}
|
||||
|
||||
/// Пир уже недавно виден по этому адресу и порту — повторный probe по beacon не нужен.
|
||||
pub fn is_fresh(&self, fp: &str, ip: IpAddr, port: u16) -> bool {
|
||||
let ip_s = ip.to_string();
|
||||
|
||||
+46
-14
@@ -145,10 +145,6 @@ async fn probe_with_hint(
|
||||
})
|
||||
}
|
||||
|
||||
pub async fn probe(state: &AppState, ip: IpAddr, port: u16) -> Result<ProbeInfo, String> {
|
||||
probe_with_hint(state, ip, port, None).await
|
||||
}
|
||||
|
||||
pub async fn probe_and_register(state: &AppState, ip: IpAddr, port: u16) -> Result<ProbeInfo, String> {
|
||||
let ip_s = ip.to_string();
|
||||
let had_ip = state
|
||||
@@ -174,7 +170,12 @@ pub async fn probe_and_register(state: &AppState, ip: IpAddr, port: u16) -> Resu
|
||||
}
|
||||
|
||||
// ───────────────────────── Ping и синхронизация доверия ─────────────────────────
|
||||
pub async fn ping_all_peers(state: &Arc<AppState>) {
|
||||
/// `force = true`: ручной опрос (сбрасывает счётчик неудач `fail_count` и опрашивает всех).
|
||||
/// `force = false`: фоновый автоопрос (пропускает устройства, не ответившие 5 раз подряд).
|
||||
pub async fn ping_all_peers(state: &Arc<AppState>, force: bool) {
|
||||
if force {
|
||||
state.reset_all_ping_failures();
|
||||
}
|
||||
let Ok(_guard) = state.ping_lock.try_lock() else {
|
||||
return; // опрос уже идёт
|
||||
};
|
||||
@@ -185,39 +186,69 @@ pub async fn ping_all_peers(state: &Arc<AppState>) {
|
||||
.peers
|
||||
.read()
|
||||
.values()
|
||||
.filter(|p| !p.ips.is_empty())
|
||||
.filter(|p| !p.ips.is_empty() && (force || p.fail_count < MAX_PING_FAILS))
|
||||
.map(|p| (p.id.clone(), p.ips.clone(), p.port))
|
||||
.collect();
|
||||
|
||||
futures_util::stream::iter(targets)
|
||||
.for_each_concurrent(8, |(id, ips, port)| async move {
|
||||
ping_one(state, &id, ips, port).await;
|
||||
let _ = ping_one(state, &id, ips, port).await;
|
||||
})
|
||||
.await;
|
||||
|
||||
state.last_ping.store(now_sec(), Ordering::Relaxed);
|
||||
}
|
||||
|
||||
async fn ping_one(state: &AppState, id: &str, ips: Vec<String>, port: u16) {
|
||||
async fn ping_one(state: &AppState, id: &str, ips: Vec<String>, port: u16) -> bool {
|
||||
let parsed: Vec<IpAddr> = ips.iter().filter_map(|s| s.parse().ok()).collect();
|
||||
for ip in prioritize_ips(&parsed) {
|
||||
if let Ok(info) = probe_with_hint(state, ip, port, Some(id)).await {
|
||||
if info.fp == id {
|
||||
state.upsert_peer(&info.name, ip, port, id);
|
||||
state.set_remote_trust(id, info.trusts_you);
|
||||
return;
|
||||
return true;
|
||||
}
|
||||
// по этому адресу теперь другое устройство — игнорируем
|
||||
}
|
||||
}
|
||||
let now = now_sec();
|
||||
let mut peers = state.peers.write();
|
||||
if let Some(p) = peers.get_mut(id) {
|
||||
p.last_ping = now;
|
||||
if now.saturating_sub(p.last_seen) > 15 {
|
||||
let mut stopped_name: Option<String> = None;
|
||||
{
|
||||
let mut peers = state.peers.write();
|
||||
if let Some(p) = peers.get_mut(id) {
|
||||
p.last_ping = now;
|
||||
p.online = false;
|
||||
if p.fail_count < MAX_PING_FAILS {
|
||||
p.fail_count += 1;
|
||||
if p.fail_count == MAX_PING_FAILS {
|
||||
stopped_name = Some(p.name.clone());
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if let Some(name) = stopped_name {
|
||||
state.add_log(format!(
|
||||
"Устройство '{}' не ответило {} раз подряд — переведено в offline, автоопрос остановлен",
|
||||
name, MAX_PING_FAILS
|
||||
));
|
||||
}
|
||||
false
|
||||
}
|
||||
|
||||
/// Ручной пинг одного конкретного пира (сбрасывает его `fail_count`, давая ещё 5 попыток).
|
||||
pub async fn ping_peer_by_id(state: &AppState, id: &str) -> Result<bool, String> {
|
||||
let (ips, port) = {
|
||||
let mut peers = state.peers.write();
|
||||
let p = peers.get_mut(id).ok_or_else(|| "Устройство не найдено".to_string())?;
|
||||
if p.ips.is_empty() {
|
||||
return Err("У устройства нет известных IP-адресов".into());
|
||||
}
|
||||
p.fail_count = 0;
|
||||
(p.ips.clone(), p.port)
|
||||
};
|
||||
let ok = ping_one(state, id, ips, port).await;
|
||||
state.last_ping.store(now_sec(), Ordering::Relaxed);
|
||||
Ok(ok)
|
||||
}
|
||||
|
||||
/// Мгновенно отправляет обновлённый статус доверия пиру и обновляет его `trusts_me`.
|
||||
@@ -230,7 +261,7 @@ pub async fn push_trust(state: &AppState, id: &str) {
|
||||
else {
|
||||
return;
|
||||
};
|
||||
ping_one(state, id, ips, port).await;
|
||||
let _ = ping_one(state, id, ips, port).await;
|
||||
}
|
||||
|
||||
/// Возвращает рабочий IP пира (для потоковой отправки файлов при возможной смене подсети).
|
||||
@@ -260,6 +291,7 @@ pub async fn select_peer_ip(state: &AppState, id: &str) -> Option<(IpAddr, u16)>
|
||||
|
||||
// ───────────────────────── Сканер ─────────────────────────
|
||||
pub async fn run_scan(state: Arc<AppState>, ips: Vec<Ipv4Addr>, port: u16) {
|
||||
state.reset_all_ping_failures();
|
||||
let st = &state;
|
||||
futures_util::stream::iter(ips)
|
||||
.for_each_concurrent(48, |ip| async move {
|
||||
|
||||
+135
-37
@@ -61,17 +61,29 @@ function postJson(path, body) {
|
||||
});
|
||||
}
|
||||
|
||||
// ───────────── вкладки ─────────────
|
||||
function switchTab(tab) {
|
||||
const isMain = tab === 'main';
|
||||
$('view-main').style.display = isMain ? 'grid' : 'none';
|
||||
$('view-trusted').style.display = isMain ? 'none' : 'block';
|
||||
$('tab-btn-main').classList.toggle('active', isMain);
|
||||
$('tab-btn-trusted').classList.toggle('active', !isMain);
|
||||
}
|
||||
|
||||
// ───────────── рендер ─────────────
|
||||
function renderHeader(d) {
|
||||
$('my-name').textContent = `Устройство: ${d.device_name}`;
|
||||
$('my-ip').textContent = `Наш адрес: ${d.my_ip}:${d.p2p_port} | Отпечаток: ${d.my_fingerprint.slice(0, 16)}…`;
|
||||
$('my-pin').textContent = d.my_pin;
|
||||
$('media-dir').textContent = d.media_dir;
|
||||
$('last-ping-info').textContent = `Последний пинг: ${formatTimeAgo(d.last_ping, d.now)}`;
|
||||
const pingTxt = `Последний пинг: ${formatTimeAgo(d.last_ping, d.now)}`;
|
||||
$('last-ping-info').textContent = pingTxt;
|
||||
$('trusted-last-ping').textContent = pingTxt;
|
||||
|
||||
const pi = $('ping-interval-input');
|
||||
pi.min = d.ping_min;
|
||||
pi.max = d.ping_max;
|
||||
if (document.activeElement !== pi) pi.value = d.ping_interval_sec; // не мешаем вводу
|
||||
if (document.activeElement !== pi) pi.value = d.ping_interval_sec;
|
||||
if (d.my_ip && d.my_ip.includes('.') && !d.my_ip.startsWith('127.')) {
|
||||
const p = d.my_ip.split('.');
|
||||
const subnet = `${p[0]}.${p[1]}.${p[2]}`;
|
||||
@@ -94,6 +106,7 @@ function renderScan(scan) {
|
||||
$('scan-bar-fill').style.width = `${pct}%`;
|
||||
$('btn-scan-range').disabled = scan.active;
|
||||
$('btn-scan-all').disabled = scan.active;
|
||||
$('btn-scan-all-trusted').disabled = scan.active;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -128,8 +141,12 @@ function trustInfo(p) {
|
||||
return { color: '#f87171', text: 'Не заверен', btn: 'Заверить', btnCls: 'btn-green', trust: '1', req: false };
|
||||
}
|
||||
|
||||
function renderPeers(peers, nowSec) {
|
||||
const box = $('peers-list');
|
||||
function renderPeers(peers, nowSec, maxFails) {
|
||||
const activePeers = peers.filter((p) => p.online);
|
||||
const trustedPeers = peers.filter((p) => p.verified);
|
||||
|
||||
$('badge-active').textContent = String(activePeers.length);
|
||||
$('badge-trusted').textContent = String(trustedPeers.length);
|
||||
|
||||
// уведомление о входящем запросе на сверку (один раз на запрос)
|
||||
const pending = new Set(peers.filter((p) => !p.verified && p.trusts_me).map((p) => p.id));
|
||||
@@ -141,20 +158,20 @@ function renderPeers(peers, nowSec) {
|
||||
}
|
||||
for (const id of [...notifiedRequests]) if (!pending.has(id)) notifiedRequests.delete(id);
|
||||
|
||||
if (!peers.length) {
|
||||
setHtml(box, '<div class="muted" style="font-size:.9rem;">Устройства пока не найдены. Нажмите «Вся подсеть» или введите IP вручную.</div>');
|
||||
// 1) Главная вкладка: ТОЛЬКО активные (online) пиры
|
||||
const mainBox = $('peers-list');
|
||||
if (!activePeers.length) {
|
||||
setHtml(mainBox, '<div class="muted" style="font-size:.9rem;">Активных устройств сейчас нет. Нажмите «Вся подсеть», «Опросить всех известных» или перейдите во вкладку «Заверенные устройства».</div>');
|
||||
} else {
|
||||
setHtml(box, peers.map((p) => {
|
||||
setHtml(mainBox, activePeers.map((p) => {
|
||||
const t = trustInfo(p);
|
||||
const seenLabel = p.online
|
||||
? `сейчас онлайн (активность: ${formatTimeAgo(p.last_seen, nowSec)})`
|
||||
: formatTimeAgo(p.last_seen, nowSec);
|
||||
const seenLabel = `сейчас онлайн (активность: ${formatTimeAgo(p.last_seen, nowSec)})`;
|
||||
const pingLabel = formatTimeAgo(p.last_ping, nowSec);
|
||||
return `
|
||||
<div class="peer-item${t.req ? ' request' : ''}">
|
||||
<div style="min-width:0;">
|
||||
<div style="font-weight:600;">
|
||||
<span class="dot ${p.online ? 'dot-on' : 'dot-off'}"></span>${esc(p.name)}
|
||||
<span class="dot dot-on"></span>${esc(p.name)}
|
||||
<span class="muted small">(${esc(p.ips.join(', ') || 'адрес неизвестен')}:${esc(p.port)})</span>
|
||||
</div>
|
||||
<div class="small muted mono" style="margin-top:3px;word-break:break-all;">
|
||||
@@ -163,19 +180,63 @@ function renderPeers(peers, nowSec) {
|
||||
Был онлайн: <span style="color:#cbd5e1;">${esc(seenLabel)}</span> | Пинг: <span style="color:#cbd5e1;">${esc(pingLabel)}</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn-sm ${t.btnCls}" data-action="trust" data-id="${esc(p.id)}" data-trust="${t.trust}">
|
||||
${esc(t.btn)}
|
||||
</button>
|
||||
<div class="peer-actions">
|
||||
<button class="btn-sm" data-action="ping-one" data-id="${esc(p.id)}">Пинг</button>
|
||||
<button class="btn-sm ${t.btnCls}" data-action="trust" data-id="${esc(p.id)}" data-trust="${t.trust}">
|
||||
${esc(t.btn)}
|
||||
</button>
|
||||
</div>
|
||||
</div>`;
|
||||
}).join(''));
|
||||
}
|
||||
|
||||
const key = peers.map((p) => `${p.id}:${p.verified}:${p.trusts_me}:${p.ips[0] || ''}:${p.name}`).join('|');
|
||||
// 2) Вкладка «Заверенные устройства»: все verified пиры (и online, и offline)
|
||||
const trustedBox = $('trusted-peers-list');
|
||||
if (!trustedPeers.length) {
|
||||
setHtml(trustedBox, '<div class="muted" style="font-size:.9rem;">У вас пока нет заверенных устройств. Найдите устройство на главной вкладке и нажмите «Заверить».</div>');
|
||||
} else {
|
||||
setHtml(trustedBox, trustedPeers.map((p) => {
|
||||
const t = trustInfo(p);
|
||||
const seenLabel = p.online
|
||||
? `сейчас онлайн (активность: ${formatTimeAgo(p.last_seen, nowSec)})`
|
||||
: formatTimeAgo(p.last_seen, nowSec);
|
||||
const pingLabel = formatTimeAgo(p.last_ping, nowSec);
|
||||
const limit = maxFails || 5;
|
||||
const failNote = p.online
|
||||
? '<span style="color:#34d399;">на связи (0 ошибок)</span>'
|
||||
: p.fail_count >= limit
|
||||
? `<span style="color:#f87171;">не ответил ${p.fail_count}/${limit} раз — автоопрос остановлен (нажмите «Пинг» или «Сканировать»)</span>`
|
||||
: `<span style="color:#fbbf24;">оффлайн (попыток пинга: ${p.fail_count}/${limit})</span>`;
|
||||
|
||||
return `
|
||||
<div class="peer-item">
|
||||
<div style="min-width:0;">
|
||||
<div style="font-weight:600;">
|
||||
<span class="dot ${p.online ? 'dot-on' : 'dot-off'}"></span>${esc(p.name)}
|
||||
<span class="muted small">(${esc(p.ips.join(', ') || 'адрес неизвестен')}:${esc(p.port)})</span>
|
||||
</div>
|
||||
<div class="small muted mono" style="margin-top:3px;word-break:break-all;">
|
||||
Код сверки: <b style="color:#fff;">${esc(p.pin_code)}</b> | ID: ${esc(p.fingerprint.slice(0, 8).toUpperCase())}<br>
|
||||
Доверие: <span style="color:${t.color};">${esc(t.text)}</span><br>
|
||||
Был онлайн: <span style="color:#cbd5e1;">${esc(seenLabel)}</span> | Посл. пинг: <span style="color:#cbd5e1;">${esc(pingLabel)}</span><br>
|
||||
Опрос: ${failNote}
|
||||
</div>
|
||||
</div>
|
||||
<div class="peer-actions">
|
||||
<button class="btn-sm" data-action="ping-one" data-id="${esc(p.id)}">Пинг</button>
|
||||
<button class="btn-sm btn-red" data-action="trust" data-id="${esc(p.id)}" data-trust="0">Отозвать</button>
|
||||
</div>
|
||||
</div>`;
|
||||
}).join(''));
|
||||
}
|
||||
|
||||
// Выпадающий список получателей: только активные (online) устройства
|
||||
const key = activePeers.map((p) => `${p.id}:${p.verified}:${p.trusts_me}:${p.ips[0] || ''}:${p.name}`).join('|');
|
||||
if (key !== knownPeersKey) {
|
||||
knownPeersKey = key;
|
||||
const sel = $('target-peer');
|
||||
const prev = sel.value;
|
||||
sel.innerHTML = '<option value="">-- Выберите устройство --</option>' + peers.map((p) => {
|
||||
sel.innerHTML = '<option value="">-- Выберите активное устройство --</option>' + activePeers.map((p) => {
|
||||
const mark = p.verified && p.trusts_me ? '✓' : p.verified ? '⏳ ждёт подтверждения' : p.trusts_me ? '🔔 запрос на сверку' : '🔒 не заверен';
|
||||
return `<option value="${esc(p.id)}">${esc(p.name)} (${esc(p.ips[0] || '—')}) ${mark}</option>`;
|
||||
}).join('');
|
||||
@@ -219,7 +280,7 @@ async function fetchState() {
|
||||
renderHeader(d);
|
||||
renderScan(d.scan);
|
||||
renderTransfers(d.transfers);
|
||||
renderPeers(d.peers, d.now);
|
||||
renderPeers(d.peers, d.now, d.max_ping_fails);
|
||||
renderTexts(d.texts);
|
||||
renderMedia(d.media);
|
||||
}
|
||||
@@ -234,7 +295,7 @@ function scanIpRange(full) {
|
||||
const range = full ? 'all' : $('scan-range-input').value.trim();
|
||||
if (!full && !range) return showStatus('Введите диапазон IP (например 192.168.1.1-254)', true);
|
||||
await postJson('/ui/scan-range', { range });
|
||||
showStatus('Сканирование запущено…');
|
||||
showStatus('Сканирование запущено (автоопрос всех пиров возобновлён)…');
|
||||
fetchState().catch(() => {});
|
||||
});
|
||||
}
|
||||
@@ -270,12 +331,33 @@ function saveSettings() {
|
||||
function pingPeers() {
|
||||
return guarded(async () => {
|
||||
$('btn-ping').disabled = true;
|
||||
$('btn-ping-trusted').disabled = true;
|
||||
try {
|
||||
await api('/ui/ping', { method: 'POST' });
|
||||
showStatus('Опрос известных узлов выполнен');
|
||||
showStatus('Ручной опрос выполнен (счётчики попыток сброшены)');
|
||||
await fetchState();
|
||||
} finally {
|
||||
$('btn-ping').disabled = false;
|
||||
$('btn-ping-trusted').disabled = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function pingOnePeer(id, btn) {
|
||||
return guarded(async () => {
|
||||
if (btn) btn.disabled = true;
|
||||
try {
|
||||
const res = await (await postJson('/ui/ping-peer', { peer_id: id })).json();
|
||||
const peer = lastData && lastData.peers.find((p) => p.id === id);
|
||||
const name = peer ? peer.name : id.slice(0, 8);
|
||||
if (res.online) {
|
||||
showStatus(`✓ Устройство «${name}» онлайн!`);
|
||||
} else {
|
||||
showStatus(`Устройство «${name}» не ответило (автоопрос возобновлён на 5 попыток)`, true);
|
||||
}
|
||||
await fetchState();
|
||||
} finally {
|
||||
if (btn) btn.disabled = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -293,7 +375,7 @@ function sendText() {
|
||||
const peer_id = $('target-peer').value;
|
||||
const input = $('text-input');
|
||||
const text = input.value.trim();
|
||||
if (!peer_id) return showStatus('Выберите устройство-получатель!', true);
|
||||
if (!peer_id) return showStatus('Выберите активное устройство-получатель!', true);
|
||||
if (!text) return showStatus('Введите текст для отправки!', true);
|
||||
if (new TextEncoder().encode(text).length > 64 * 1024) return showStatus('Текст больше 64 КБ', true);
|
||||
await postJson('/ui/send-text', { peer_id, text });
|
||||
@@ -306,7 +388,7 @@ async function sendMedia() {
|
||||
const peer_id = $('target-peer').value;
|
||||
const fileInput = $('media-input');
|
||||
const btn = $('send-media-btn');
|
||||
if (!peer_id) return showStatus('Выберите устройство-получатель!', true);
|
||||
if (!peer_id) return showStatus('Выберите активное устройство-получатель!', true);
|
||||
if (!fileInput.files.length) return showStatus('Выберите файл!', true);
|
||||
const file = fileInput.files[0];
|
||||
btn.disabled = true;
|
||||
@@ -338,22 +420,12 @@ function clearRam() {
|
||||
});
|
||||
}
|
||||
|
||||
// ───────────── события (без inline-обработчиков: CSP script-src 'self') ─────────────
|
||||
$('btn-ping').addEventListener('click', pingPeers);
|
||||
$('btn-save-settings').addEventListener('click', saveSettings);
|
||||
$('ping-interval-input').addEventListener('keydown', (e) => { if (e.key === 'Enter') saveSettings(); });
|
||||
$('btn-manual').addEventListener('click', addManualPeer);
|
||||
$('btn-scan-range').addEventListener('click', () => scanIpRange(false));
|
||||
$('btn-scan-all').addEventListener('click', () => scanIpRange(true));
|
||||
$('btn-send-text').addEventListener('click', sendText);
|
||||
$('send-media-btn').addEventListener('click', sendMedia);
|
||||
$('btn-clear-ram').addEventListener('click', clearRam);
|
||||
|
||||
$('text-input').addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) { e.preventDefault(); sendText(); }
|
||||
});
|
||||
|
||||
$('peers-list').addEventListener('click', (e) => {
|
||||
function handlePeerListClick(e) {
|
||||
const pingBtn = e.target.closest('button[data-action="ping-one"]');
|
||||
if (pingBtn) {
|
||||
pingOnePeer(pingBtn.dataset.id, pingBtn);
|
||||
return;
|
||||
}
|
||||
const btn = e.target.closest('button[data-action="trust"]');
|
||||
if (!btn || !lastData) return;
|
||||
const id = btn.dataset.id;
|
||||
@@ -364,7 +436,33 @@ $('peers-list').addEventListener('click', (e) => {
|
||||
$('td-name').textContent = peer.name;
|
||||
$('td-code').textContent = peer.pin_code;
|
||||
$('trust-dialog').showModal();
|
||||
}
|
||||
|
||||
// ───────────── события (без inline-обработчиков: CSP script-src 'self') ─────────────
|
||||
$('tab-btn-main').addEventListener('click', () => switchTab('main'));
|
||||
$('tab-btn-trusted').addEventListener('click', () => switchTab('trusted'));
|
||||
|
||||
$('btn-ping').addEventListener('click', pingPeers);
|
||||
$('btn-ping-trusted').addEventListener('click', pingPeers);
|
||||
$('btn-save-settings').addEventListener('click', saveSettings);
|
||||
$('ping-interval-input').addEventListener('keydown', (e) => { if (e.key === 'Enter') saveSettings(); });
|
||||
$('btn-manual').addEventListener('click', addManualPeer);
|
||||
$('btn-scan-range').addEventListener('click', () => scanIpRange(false));
|
||||
$('btn-scan-all').addEventListener('click', () => scanIpRange(true));
|
||||
$('btn-scan-all-trusted').addEventListener('click', () => {
|
||||
switchTab('main');
|
||||
scanIpRange(true);
|
||||
});
|
||||
$('btn-send-text').addEventListener('click', sendText);
|
||||
$('send-media-btn').addEventListener('click', sendMedia);
|
||||
$('btn-clear-ram').addEventListener('click', clearRam);
|
||||
|
||||
$('text-input').addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) { e.preventDefault(); sendText(); }
|
||||
});
|
||||
|
||||
$('peers-list').addEventListener('click', handlePeerListClick);
|
||||
$('trusted-peers-list').addEventListener('click', handlePeerListClick);
|
||||
|
||||
$('td-cancel').addEventListener('click', () => { pendingTrustId = null; $('trust-dialog').close(); });
|
||||
$('td-ok').addEventListener('click', () => {
|
||||
|
||||
+101
-65
@@ -8,12 +8,18 @@
|
||||
:root { --bg: #0f172a; --card: #1e293b; --border: #334155; --accent: #3b82f6; --green: #10b981; --red: #ef4444; --text: #f8fafc; --muted: #94a3b8; }
|
||||
* { box-sizing: border-box; font-family: system-ui, -apple-system, sans-serif; }
|
||||
body { margin: 0; padding: 20px; background: var(--bg); color: var(--text); }
|
||||
.container { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
|
||||
@media (max-width: 800px) { .container { grid-template-columns: 1fr; } }
|
||||
.header { grid-column: 1 / -1; background: var(--card); border: 1px solid var(--border); padding: 16px 20px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
|
||||
.container { max-width: 1120px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
|
||||
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
|
||||
@media (max-width: 800px) { .grid-2 { grid-template-columns: 1fr; } }
|
||||
.header { background: var(--card); border: 1px solid var(--border); padding: 16px 20px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
|
||||
.pin-badge { background: #1d4ed8; padding: 6px 14px; border-radius: 8px; font-weight: 700; letter-spacing: 1px; font-family: monospace; font-size: 1.15rem; }
|
||||
.tabs-bar { display: flex; gap: 10px; background: var(--card); border: 1px solid var(--border); padding: 8px; border-radius: 12px; flex-wrap: wrap; }
|
||||
.tab-btn { background: transparent; color: var(--muted); border: 1px solid transparent; border-radius: 8px; padding: 9px 16px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; }
|
||||
.tab-btn:hover { color: var(--text); background: rgba(255,255,255,.04); }
|
||||
.tab-btn.active { background: var(--accent); color: #fff; }
|
||||
.badge { background: rgba(15,23,42,.55); padding: 2px 8px; border-radius: 999px; font-size: .78rem; }
|
||||
.card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
|
||||
h2 { margin: 0; font-size: 1.08rem; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
|
||||
h2 { margin: 0; font-size: 1.08rem; display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
|
||||
.tag { font-size: 0.75rem; padding: 3px 8px; border-radius: 6px; font-weight: 600; }
|
||||
.tag-ram { background: rgba(16,185,129,.2); color: #34d399; }
|
||||
.tag-disk { background: rgba(59,130,246,.2); color: #60a5fa; }
|
||||
@@ -27,10 +33,10 @@
|
||||
.btn-gray { background: #475569; }
|
||||
.btn-sm { padding: 7px 12px; font-size: .82rem; }
|
||||
.peer-item, .msg-item { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
|
||||
.peer-actions { display: flex; gap: 8px; flex-wrap: wrap; flex-shrink: 0; }
|
||||
.msg-item { flex-direction: column; align-items: flex-start; }
|
||||
.msg-meta { width: 100%; display: flex; justify-content: space-between; font-size: .8rem; color: var(--muted); }
|
||||
.msg-text { font-size: .95rem; white-space: pre-wrap; word-break: break-word; width: 100%; margin: 4px 0; }
|
||||
.path-box { font-family: monospace; font-size: .78rem; color: #93c5fd; background: rgba(59,130,246,.1); padding: 4px 8px; border-radius: 4px; word-break: break-all; }
|
||||
.preview-img { max-width: 100%; max-height: 180px; border-radius: 6px; margin-top: 6px; }
|
||||
.peer-item.request { border-color: #fb923c; background: rgba(251,146,60,.08); }
|
||||
.warn { color: #fbbf24; font-size: .8rem; }
|
||||
@@ -46,8 +52,8 @@
|
||||
.sub-box { background: rgba(15,23,42,.55); border: 1px solid var(--border); border-radius: 8px; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
|
||||
.row { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
.col { display: flex; flex-direction: column; gap: 8px; }
|
||||
#status { grid-column: 1 / -1; padding: 10px 16px; border-radius: 8px; display: none; font-weight: 500; }
|
||||
#offline { grid-column: 1 / -1; padding: 10px 16px; border-radius: 8px; display: none; background: rgba(239,68,68,.25); border: 1px solid var(--red); }
|
||||
#status { padding: 10px 16px; border-radius: 8px; display: none; font-weight: 500; }
|
||||
#offline { padding: 10px 16px; border-radius: 8px; display: none; background: rgba(239,68,68,.25); border: 1px solid var(--red); }
|
||||
dialog { background: var(--card); color: var(--text); border: 1px solid var(--border); border-radius: 12px; padding: 22px; max-width: 460px; }
|
||||
dialog::backdrop { background: rgba(0,0,0,.65); }
|
||||
.sas { font-family: monospace; font-size: 1.5rem; font-weight: 700; letter-spacing: 2px; background: #1d4ed8; border-radius: 8px; padding: 12px; text-align: center; margin: 14px 0; word-break: break-all; }
|
||||
@@ -66,77 +72,107 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-bar">
|
||||
<button class="tab-btn active" id="tab-btn-main">
|
||||
<span>Главная (Активные в сети)</span>
|
||||
<span class="badge" id="badge-active">0</span>
|
||||
</button>
|
||||
<button class="tab-btn" id="tab-btn-trusted">
|
||||
<span>Заверенные устройства</span>
|
||||
<span class="badge" id="badge-trusted">0</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="offline">Нет связи с приложением. Проверьте, что оно запущено.</div>
|
||||
<div id="status"></div>
|
||||
|
||||
<div class="card">
|
||||
<h2>
|
||||
<span>1. Устройства в сети</span>
|
||||
<button class="btn-sm" id="btn-ping">Опросить известных</button>
|
||||
</h2>
|
||||
<!-- ВКЛАДКА 1: ГЛАВНАЯ (ТОЛЬКО АКТИВНЫЕ) -->
|
||||
<div id="view-main" class="grid-2">
|
||||
<div class="card">
|
||||
<h2>
|
||||
<span>1. Активные устройства в сети</span>
|
||||
<button class="btn-sm" id="btn-ping">Опросить всех известных</button>
|
||||
</h2>
|
||||
|
||||
<div class="row" style="flex-wrap:nowrap;">
|
||||
<input type="text" id="manual-ip-input" placeholder="Один IP[:порт] (напр. 192.168.1.55 или 192.168.1.55:8443)">
|
||||
<button class="btn-sm" style="white-space:nowrap;" id="btn-manual">Найти IP</button>
|
||||
</div>
|
||||
|
||||
<div class="sub-box">
|
||||
<div class="small muted" style="font-weight:600;">Сканер диапазона IP-адресов (только локальные сети):</div>
|
||||
<div class="row">
|
||||
<input type="text" id="scan-range-input" style="flex:1;min-width:190px;" placeholder="Напр. 192.168.1.1-254, 10.0.0.0/24">
|
||||
<button class="btn-sm" id="btn-scan-range">Сканировать диапазон</button>
|
||||
<button class="btn-sm btn-green" id="btn-scan-all">Вся подсеть (.1–254)</button>
|
||||
<div class="row" style="flex-wrap:nowrap;">
|
||||
<input type="text" id="manual-ip-input" placeholder="Один IP[:порт] (напр. 192.168.1.55 или 192.168.1.55:8443)">
|
||||
<button class="btn-sm" style="white-space:nowrap;" id="btn-manual">Найти IP</button>
|
||||
</div>
|
||||
<div id="scan-progress-box" style="display:none;">
|
||||
<div class="small muted" style="display:flex;justify-content:space-between;margin-bottom:4px;">
|
||||
<span id="scan-label">Сканирование...</span>
|
||||
<span id="scan-numbers">0 / 0</span>
|
||||
|
||||
<div class="sub-box">
|
||||
<div class="small muted" style="font-weight:600;">Сканер диапазона IP-адресов (только локальные сети):</div>
|
||||
<div class="row">
|
||||
<input type="text" id="scan-range-input" style="flex:1;min-width:190px;" placeholder="Напр. 192.168.1.1-254, 10.0.0.0/24">
|
||||
<button class="btn-sm" id="btn-scan-range">Сканировать диапазон</button>
|
||||
<button class="btn-sm btn-green" id="btn-scan-all">Вся подсеть (.1–254)</button>
|
||||
</div>
|
||||
<div id="scan-progress-box" style="display:none;">
|
||||
<div class="small muted" style="display:flex;justify-content:space-between;margin-bottom:4px;">
|
||||
<span id="scan-label">Сканирование...</span>
|
||||
<span id="scan-numbers">0 / 0</span>
|
||||
</div>
|
||||
<div class="progress-bar-bg"><div class="progress-bar-fill" id="scan-bar-fill" style="width:0%;"></div></div>
|
||||
</div>
|
||||
<div class="progress-bar-bg"><div class="progress-bar-fill" id="scan-bar-fill" style="width:0%;"></div></div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="align-items:center;justify-content:space-between;">
|
||||
<div class="row" style="align-items:center;">
|
||||
<label class="small muted" for="ping-interval-input">Опрос каждые</label>
|
||||
<input type="number" id="ping-interval-input" min="10" max="30" step="1" style="width:74px;">
|
||||
<span class="small muted">сек (10–30)</span>
|
||||
<button class="btn-sm" id="btn-save-settings">Сохранить</button>
|
||||
</div>
|
||||
<div class="small muted" id="last-ping-info">Последний пинг: —</div>
|
||||
</div>
|
||||
|
||||
<div id="peers-list" class="col"></div>
|
||||
<div class="small muted">На главной показаны только устройства, которые сейчас онлайн. Если устройство не отвечает 5 раз подряд, его автоопрос прекращается (посмотреть все заверенные и пингануть вручную можно во вкладке «Заверенные устройства»).</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="align-items:center;justify-content:space-between;">
|
||||
<div class="row" style="align-items:center;">
|
||||
<label class="small muted" for="ping-interval-input">Опрос каждые</label>
|
||||
<input type="number" id="ping-interval-input" min="10" max="30" step="1" style="width:74px;">
|
||||
<span class="small muted">сек (10–30)</span>
|
||||
<button class="btn-sm" id="btn-save-settings">Сохранить</button>
|
||||
</div>
|
||||
<div class="small muted" id="last-ping-info">Последний пинг: —</div>
|
||||
<div class="card">
|
||||
<h2>2. Отправка данных</h2>
|
||||
<label class="small muted">Активный получатель (должен быть заверен):</label>
|
||||
<select id="target-peer"><option value="">-- Выберите активное устройство --</option></select>
|
||||
|
||||
<textarea id="text-input" placeholder="Введите текст (Enter — отправить, Shift+Enter — новая строка, до 64 КБ)..."></textarea>
|
||||
<button id="btn-send-text">Отправить текст в ОЗУ</button>
|
||||
|
||||
<hr style="border:0;border-top:1px solid var(--border);width:100%;margin:4px 0;">
|
||||
<input type="file" id="media-input">
|
||||
<button class="btn-green" id="send-media-btn">Отправить файл на диск получателя</button>
|
||||
|
||||
<div id="transfers-list" class="col"></div>
|
||||
</div>
|
||||
|
||||
<div id="peers-list" class="col"></div>
|
||||
<div class="small muted">Сверка взаимная: когда вы подтверждаете код, второе устройство получает запрос и тоже должно сверить и подтвердить код у себя. Пока оба не подтвердили, передачи не проходят.</div>
|
||||
<div class="card">
|
||||
<h2>
|
||||
<span>Входящий текст <span class="tag tag-ram">ТОЛЬКО В ОЗУ</span></span>
|
||||
<button class="btn-red btn-sm" id="btn-clear-ram">Очистить ОЗУ</button>
|
||||
</h2>
|
||||
<div id="ram-texts" class="col" style="max-height:400px;overflow-y:auto;"></div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>Входящие файлы <span class="tag tag-disk">НА ДИСКЕ</span></h2>
|
||||
<div class="small muted mono" id="media-dir"></div>
|
||||
<div id="disk-media" class="col" style="max-height:400px;overflow-y:auto;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>2. Отправка данных</h2>
|
||||
<label class="small muted">Получатель (должен быть заверен):</label>
|
||||
<select id="target-peer"><option value="">-- Выберите устройство --</option></select>
|
||||
|
||||
<textarea id="text-input" placeholder="Введите текст (Enter — отправить, Shift+Enter — новая строка, до 64 КБ)..."></textarea>
|
||||
<button id="btn-send-text">Отправить текст в ОЗУ</button>
|
||||
|
||||
<hr style="border:0;border-top:1px solid var(--border);width:100%;margin:4px 0;">
|
||||
<input type="file" id="media-input">
|
||||
<button class="btn-green" id="send-media-btn">Отправить файл на диск получателя</button>
|
||||
|
||||
<div id="transfers-list" class="col"></div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>
|
||||
<span>Входящий текст <span class="tag tag-ram">ТОЛЬКО В ОЗУ</span></span>
|
||||
<button class="btn-red btn-sm" id="btn-clear-ram">Очистить ОЗУ</button>
|
||||
</h2>
|
||||
<div id="ram-texts" class="col" style="max-height:400px;overflow-y:auto;"></div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>Входящие файлы <span class="tag tag-disk">НА ДИСКЕ</span></h2>
|
||||
<div class="small muted mono" id="media-dir"></div>
|
||||
<div id="disk-media" class="col" style="max-height:400px;overflow-y:auto;"></div>
|
||||
<!-- ВКЛАДКА 2: ВСЕ ЗАВЕРЕННЫЕ ПИРЫ -->
|
||||
<div id="view-trusted" style="display:none;">
|
||||
<div class="card">
|
||||
<h2>
|
||||
<span>Все заверенные устройства (онлайн и оффлайн)</span>
|
||||
<div class="row">
|
||||
<button class="btn-sm" id="btn-ping-trusted">Пингануть все заверенные</button>
|
||||
<button class="btn-sm btn-green" id="btn-scan-all-trusted">Сканировать всю подсеть</button>
|
||||
</div>
|
||||
</h2>
|
||||
<div class="small muted" id="trusted-last-ping">Последний общий пинг: —</div>
|
||||
<div id="trusted-peers-list" class="col"></div>
|
||||
<div class="small muted">Если устройство недоступно, узел пробует пингануть его 5 раз. После 5 неудач устройство переводится в offline и больше не опрашивается автоматически, пока вы не нажмёте «Пинг» или «Сканировать всю подсеть».</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -82,7 +82,7 @@ pub async fn ui_get_state(State(state): State<Arc<AppState>>) -> Json<serde_json
|
||||
state.update_my_ip(ip);
|
||||
}
|
||||
let mut peers: Vec<PeerDevice> = state.peers.read().values().cloned().collect();
|
||||
peers.sort_by(|a, b| a.name.cmp(&b.name));
|
||||
peers.sort_by(|a, b| b.online.cmp(&a.online).then_with(|| a.name.cmp(&b.name)));
|
||||
let texts: Vec<TextItem> = state.ram_texts.read().iter().cloned().collect();
|
||||
let media: Vec<MediaItem> = state.disk_media.read().iter().cloned().collect();
|
||||
let transfers: Vec<TransferProgress> = state.transfers.read().clone();
|
||||
@@ -97,6 +97,7 @@ pub async fn ui_get_state(State(state): State<Arc<AppState>>) -> Json<serde_json
|
||||
"media_dir": state.media_dir.display().to_string(),
|
||||
"ping_interval_sec": state.ping_interval_sec.load(Ordering::Relaxed),
|
||||
"last_ping": state.last_ping.load(Ordering::Relaxed),
|
||||
"max_ping_fails": MAX_PING_FAILS,
|
||||
"now": now_sec(),
|
||||
"ping_min": MIN_PING_SEC,
|
||||
"ping_max": MAX_PING_SEC,
|
||||
@@ -173,10 +174,20 @@ pub async fn ui_scan_range(
|
||||
}
|
||||
|
||||
pub async fn ui_ping_peers(State(state): State<Arc<AppState>>) -> StatusCode {
|
||||
net::ping_all_peers(&state).await;
|
||||
net::ping_all_peers(&state, true).await;
|
||||
StatusCode::OK
|
||||
}
|
||||
|
||||
pub async fn ui_ping_one_peer(
|
||||
State(state): State<Arc<AppState>>,
|
||||
Json(req): Json<UiPingPeerRequest>,
|
||||
) -> Result<Json<serde_json::Value>, AppError> {
|
||||
let online = net::ping_peer_by_id(&state, &req.peer_id)
|
||||
.await
|
||||
.map_err(|e| AppError::new(StatusCode::BAD_REQUEST, e))?;
|
||||
Ok(Json(serde_json::json!({ "online": online })))
|
||||
}
|
||||
|
||||
pub async fn ui_trust_peer(
|
||||
State(state): State<Arc<AppState>>,
|
||||
Json(req): Json<UiTrustRequest>,
|
||||
@@ -188,6 +199,7 @@ pub async fn ui_trust_peer(
|
||||
.ok_or_else(|| AppError::new(StatusCode::NOT_FOUND, "Устройство не найдено"))?;
|
||||
p.verified = req.trust;
|
||||
if req.trust {
|
||||
p.fail_count = 0;
|
||||
format!("Устройство '{}' [{}] ЗАВЕРЕНО", p.name, p.pin_code)
|
||||
} else {
|
||||
format!("Доверие устройству '{}' [{}] ОТОЗВАНО", p.name, p.pin_code)
|
||||
|
||||
Reference in new issue
Block a user