mirror of
https://github.com/andrey271192/Keenetic-Split-DNS.git
synced 2026-09-20 11:55:36 +00:00
Initial release: install, uninstall, SmartDNS, web UI
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
21
LICENSE
Normal file
21
LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2026 Andrey
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
128
README.md
Normal file
128
README.md
Normal file
@@ -0,0 +1,128 @@
|
||||
# Keenetic-Split-DNS
|
||||
|
||||
Split-DNS для роутеров **Keenetic** с **Entware**: домены Yandex, VK, Mail.ru, OK и др. резолвятся через выбранный **DNS-over-TLS** upstream (например Yandex `77.88.8.8:853`), остальной трафик — через DNS провайдера / Keenetic.
|
||||
|
||||
Веб-интерфейс на русском, порт **3200**, только LAN.
|
||||
|
||||
## Быстрая установка
|
||||
|
||||
```sh
|
||||
curl -fsSL https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main/install.sh | sh
|
||||
```
|
||||
|
||||
После установки откройте `http://<LAN_IP>:3200` (токен API выводится в консоль).
|
||||
|
||||
## Удаление
|
||||
|
||||
```sh
|
||||
curl -fsSL https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main/uninstall.sh | sh
|
||||
```
|
||||
|
||||
С удалением пакетов Entware:
|
||||
|
||||
```sh
|
||||
curl -fsSL https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main/uninstall.sh | sh -s -- --purge
|
||||
```
|
||||
|
||||
## Требования
|
||||
|
||||
| Компонент | Описание |
|
||||
|-----------|----------|
|
||||
| Роутер Keenetic | Актуальная прошивка с Entware |
|
||||
| USB + Entware | `/opt/bin/opkg` |
|
||||
| Компоненты Keenetic | **Entware** (установка из магазина), при Neo — см. ниже |
|
||||
| Пакеты Entware | `smartdns`, `lighttpd`, `lighttpd-mod-cgi`, `ca-certificates`, `curl`, `bind-dig` (устанавливает install.sh) |
|
||||
|
||||
## Что делает установщик
|
||||
|
||||
1. Копирует файлы в `/opt/etc/keenetic-split-dns/` и `/opt/share/keenetic-split-dns/`
|
||||
2. Создаёт `config.yaml` из примера, подставляет LAN IP (`br0`)
|
||||
3. Генерирует токен API → `/opt/etc/keenetic-split-dns/token`
|
||||
4. Собирает `smartdns.conf` из YAML (`compile-config.sh`)
|
||||
5. Включает init-скрипты `S97ksd-compile`, `S98smartdns`, `S99ksd-web`
|
||||
6. По возможности: `opkg dns-override enable` (предпочтительно для **HydraRoute Neo**)
|
||||
7. Иначе: правило `netfilter.d` для перенаправления DNS с `br0`
|
||||
|
||||
## Конфигурация
|
||||
|
||||
Основной файл:
|
||||
|
||||
```text
|
||||
/opt/etc/keenetic-split-dns/config.yaml
|
||||
```
|
||||
|
||||
Списки доменов:
|
||||
|
||||
```text
|
||||
/opt/etc/keenetic-split-dns/domain-sets/ru-services.txt
|
||||
```
|
||||
|
||||
Пересборка и применение вручную:
|
||||
|
||||
```sh
|
||||
/opt/share/keenetic-split-dns/scripts/apply.sh
|
||||
```
|
||||
|
||||
### Upstream по умолчанию
|
||||
|
||||
| ID | Тип | Назначение |
|
||||
|----|-----|------------|
|
||||
| `yandex-dot` | DoT | `77.88.8.8:853`, SNI `common.dot.dns.yandex.net` |
|
||||
| `isp-default` | UDP | `auto` — DNS Keenetic / ISP |
|
||||
|
||||
### Предзаполненные домены
|
||||
|
||||
`yandex.ru`, `ya.ru`, `yandex.com`, `yandex.net`, `yastatic.net`, `yandex.st`, `mail.ru`, `mail.com`, `imgsmail.ru`, `mycdn.me`, `vk.com`, `vk.me`, `vkuservideo.net`, `vkuseraudio.net`, `userapi.com`, `vk-cdn.net`, `ok.ru`, `odnoklassniki.ru`, `okcdn.ru`
|
||||
|
||||
## Веб-интерфейс
|
||||
|
||||
| Вкладка | Функции |
|
||||
|---------|---------|
|
||||
| Обзор | Статус SmartDNS, счётчики |
|
||||
| Upstream | Master-detail: профиль → домены группы |
|
||||
| Домены | Таблица, поиск, экспорт |
|
||||
| Проверка | `dig` через локальный SmartDNS |
|
||||
| Настройки | Редактор YAML, токен, «Применить» |
|
||||
|
||||
API (CGI): `GET/POST /api/status`, `/api/domains`, `/api/config`, `/api/reload`, `/api/test`
|
||||
|
||||
Авторизация: заголовок `Authorization: Bearer <token>` или `X-KSD-Token`.
|
||||
|
||||
## ⚠️ Конфликт с DoT в Keenetic
|
||||
|
||||
В прошивке Keenetic (**Интернет-фильтры → Настройка DNS**) глобальный **DNS-over-TLS** обрабатывает **все** запросы и **не** умеет привязку «домен → сервер».
|
||||
|
||||
**Рекомендация:** отключите глобальный DoT в UI Keenetic и используйте split-DNS этого проекта. Иначе политики SmartDNS могут не применяться к клиентам.
|
||||
|
||||
## Совместимость с HydraRoute Neo
|
||||
|
||||
[HydraRoute Neo](https://github.com/Ground-Zerro/HydraRoute/tree/main/Neo) маршрутизирует по IP из DNS (NFLOG), а не выбирает upstream DNS.
|
||||
|
||||
| Правило | Действие |
|
||||
|---------|----------|
|
||||
| DHCP DNS | IP роутера в LAN (`192.168.x.1`) |
|
||||
| DNS path | Предпочтительно `opkg dns-override` → SmartDNS на Entware |
|
||||
| Глобальный DoT Keenetic | **Выключить** |
|
||||
| Порты | HRweb `2000`, Split-DNS UI `3200` — не пересекаются |
|
||||
| Проверка | После установки — диагностика в HRweb |
|
||||
|
||||
Установщик сохраняет состояние `dns-override` в `/opt/etc/keenetic-split-dns/dns-override.state`; `uninstall.sh` пытается восстановить прежний `dns-override.conf`.
|
||||
|
||||
## Структура репозитория
|
||||
|
||||
```text
|
||||
install.sh / uninstall.sh
|
||||
scripts/ detect-lan, compile-config, apply, api
|
||||
etc/ config.yaml.example, domain-sets, lighttpd, smartdns, ndm
|
||||
www/ index.html, app.js, style.css
|
||||
cgi-bin/api.cgi
|
||||
init.d/ S97ksd-compile, S98smartdns, S99ksd-web
|
||||
```
|
||||
|
||||
## Лицензия
|
||||
|
||||
MIT — см. [LICENSE](LICENSE).
|
||||
|
||||
## Автор
|
||||
|
||||
[andrey271192](https://github.com/andrey271192)
|
||||
6
cgi-bin/api.cgi
Executable file
6
cgi-bin/api.cgi
Executable file
@@ -0,0 +1,6 @@
|
||||
#!/bin/sh
|
||||
# Keenetic-Split-DNS REST API (CGI)
|
||||
|
||||
export KSD_ETC="${KSD_ETC:-/opt/etc/keenetic-split-dns}"
|
||||
. /opt/share/keenetic-split-dns/scripts/api.sh
|
||||
api_route
|
||||
901
docs-ui-mockup-reference.html
Normal file
901
docs-ui-mockup-reference.html
Normal file
@@ -0,0 +1,901 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DNS Split — Keenetic</title>
|
||||
<style>
|
||||
:root {
|
||||
--accent: #f5a623;
|
||||
--accent-dim: rgba(245, 166, 35, 0.15);
|
||||
--bg: #0f1114;
|
||||
--bg-elevated: #181b20;
|
||||
--bg-card: #1e2229;
|
||||
--border: #2a3038;
|
||||
--text: #e8eaed;
|
||||
--text-muted: #8b939e;
|
||||
--success: #3dd68c;
|
||||
--success-bg: rgba(61, 214, 140, 0.12);
|
||||
--danger: #f07178;
|
||||
--danger-bg: rgba(240, 113, 120, 0.12);
|
||||
--warning: #f5a623;
|
||||
--warning-bg: rgba(245, 166, 35, 0.12);
|
||||
--info: #6cb6ff;
|
||||
--info-bg: rgba(108, 182, 255, 0.12);
|
||||
--shadow: 0 4px 24px rgba(0,0,0,0.4);
|
||||
--radius: 10px;
|
||||
--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
--mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;
|
||||
}
|
||||
[data-theme="light"] {
|
||||
--bg: #f4f5f7;
|
||||
--bg-elevated: #ffffff;
|
||||
--bg-card: #ffffff;
|
||||
--border: #dde1e6;
|
||||
--text: #1a1d21;
|
||||
--text-muted: #5c6570;
|
||||
--shadow: 0 4px 20px rgba(0,0,0,0.08);
|
||||
--success-bg: rgba(34, 160, 107, 0.1);
|
||||
--danger-bg: rgba(220, 53, 69, 0.1);
|
||||
--warning-bg: rgba(245, 166, 35, 0.12);
|
||||
--info-bg: rgba(13, 110, 253, 0.08);
|
||||
}
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
font-family: var(--font);
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.app { display: flex; min-height: 100vh; }
|
||||
.sidebar {
|
||||
width: 240px;
|
||||
background: var(--bg-elevated);
|
||||
border-right: 1px solid var(--border);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.logo {
|
||||
padding: 20px 18px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px; height: 36px;
|
||||
background: linear-gradient(135deg, var(--accent), #e07800);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
.logo h1 { font-size: 15px; font-weight: 600; }
|
||||
.logo span { font-size: 11px; color: var(--text-muted); display: block; }
|
||||
.nav { padding: 12px 8px; flex: 1; }
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 12px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
background: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.nav-item:hover { background: var(--accent-dim); color: var(--text); }
|
||||
.nav-item.active { background: var(--accent-dim); color: var(--accent); font-weight: 500; }
|
||||
.nav-item svg { width: 18px; height: 18px; flex-shrink: 0; opacity: 0.85; }
|
||||
.sidebar-footer {
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid var(--border);
|
||||
font-size: 11px;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.sidebar-footer code { font-family: var(--mono); font-size: 10px; color: var(--accent); }
|
||||
.main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
||||
.topbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 14px 24px;
|
||||
background: var(--bg-elevated);
|
||||
border-bottom: 1px solid var(--border);
|
||||
gap: 16px;
|
||||
}
|
||||
.topbar-left h2 { font-size: 18px; font-weight: 600; }
|
||||
.topbar-left p { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
|
||||
.topbar-actions { display: flex; align-items: center; gap: 10px; }
|
||||
.content { padding: 24px; flex: 1; overflow-y: auto; }
|
||||
.panel { display: none; animation: fadeIn 0.2s ease; }
|
||||
.panel.active { display: block; }
|
||||
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
|
||||
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 14px;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--bg-card);
|
||||
color: var(--text);
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.btn:hover { border-color: var(--text-muted); }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: #1a1d21; }
|
||||
.btn-primary:hover { filter: brightness(1.08); }
|
||||
.btn-success { background: var(--success); border-color: var(--success); color: #0a1a12; }
|
||||
.btn-ghost { background: transparent; }
|
||||
.btn-sm { padding: 5px 10px; font-size: 12px; }
|
||||
.btn-icon { padding: 8px; }
|
||||
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.badge-running { background: var(--success-bg); color: var(--success); }
|
||||
.badge-stopped { background: var(--danger-bg); color: var(--danger); }
|
||||
.badge-dot::before {
|
||||
content: "";
|
||||
width: 6px; height: 6px;
|
||||
border-radius: 50%;
|
||||
background: currentColor;
|
||||
}
|
||||
.badge-running.badge-dot::before { animation: pulse 2s infinite; }
|
||||
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
|
||||
.badge-policy { background: var(--info-bg); color: var(--info); font-size: 11px; text-transform: none; letter-spacing: 0; font-weight: 500; padding: 2px 8px; border-radius: 4px; }
|
||||
|
||||
.grid { display: grid; gap: 16px; }
|
||||
.grid-4 { grid-template-columns: repeat(4, 1fr); }
|
||||
.grid-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
.grid-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
@media (max-width: 1100px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
|
||||
@media (max-width: 700px) { .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } .sidebar { display: none; } }
|
||||
|
||||
.card {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 18px;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.card-header h3 { font-size: 14px; font-weight: 600; }
|
||||
.stat-value { font-size: 28px; font-weight: 700; line-height: 1.2; }
|
||||
.stat-label { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
|
||||
.stat-icon {
|
||||
width: 40px; height: 40px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--border); }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||||
th, td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border); }
|
||||
th { background: var(--bg-elevated); color: var(--text-muted); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; }
|
||||
tr:last-child td { border-bottom: none; }
|
||||
tr:hover td { background: var(--accent-dim); }
|
||||
td code { font-family: var(--mono); font-size: 12px; color: var(--info); }
|
||||
.row-actions { display: flex; gap: 4px; }
|
||||
|
||||
.toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.search-box {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
position: relative;
|
||||
}
|
||||
.search-box input {
|
||||
width: 100%;
|
||||
padding: 8px 12px 8px 36px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: var(--bg-elevated);
|
||||
color: var(--text);
|
||||
font-size: 13px;
|
||||
}
|
||||
.search-box input:focus { outline: none; border-color: var(--accent); }
|
||||
.search-box svg { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--text-muted); }
|
||||
|
||||
.form-group { margin-bottom: 14px; }
|
||||
.form-group label { display: block; font-size: 12px; font-weight: 500; color: var(--text-muted); margin-bottom: 5px; }
|
||||
.form-group input, .form-group select, .form-group textarea {
|
||||
width: 100%;
|
||||
padding: 9px 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: var(--bg-elevated);
|
||||
color: var(--text);
|
||||
font-size: 13px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.form-group textarea { min-height: 100px; font-family: var(--mono); font-size: 12px; resize: vertical; }
|
||||
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
||||
.hint { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
|
||||
|
||||
.test-result {
|
||||
margin-top: 16px;
|
||||
padding: 16px;
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
font-family: var(--mono);
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.test-result .ok { color: var(--success); }
|
||||
.test-result .meta { color: var(--text-muted); }
|
||||
|
||||
.modal-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0,0,0,0.55);
|
||||
z-index: 100;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.modal-overlay.open { display: flex; }
|
||||
.modal {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
width: 100%;
|
||||
max-width: 480px;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.modal-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 18px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.modal-header h3 { font-size: 16px; }
|
||||
.modal-body { padding: 18px; }
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.toast {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 24px;
|
||||
padding: 12px 18px;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--success);
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
box-shadow: var(--shadow);
|
||||
display: none;
|
||||
z-index: 200;
|
||||
animation: slideUp 0.3s ease;
|
||||
}
|
||||
.toast.show { display: block; }
|
||||
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } }
|
||||
|
||||
.apply-banner {
|
||||
background: linear-gradient(90deg, var(--accent-dim), transparent);
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: var(--radius);
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.apply-banner p { font-size: 13px; }
|
||||
.apply-banner strong { color: var(--accent); }
|
||||
|
||||
.theme-toggle { cursor: pointer; }
|
||||
.split-layout { display: grid; grid-template-columns: 1fr 320px; gap: 16px; }
|
||||
@media (max-width: 900px) { .split-layout { grid-template-columns: 1fr; } }
|
||||
|
||||
.log-line { font-family: var(--mono); font-size: 11px; color: var(--text-muted); padding: 4px 0; border-bottom: 1px solid var(--border); }
|
||||
.log-line:last-child { border: none; }
|
||||
.log-time { color: var(--accent); margin-right: 8px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="app">
|
||||
<aside class="sidebar">
|
||||
<div class="logo">
|
||||
<div class="logo-icon">⚡</div>
|
||||
<div>
|
||||
<h1>DNS Split</h1>
|
||||
<span>SmartDNS · Keenetic</span>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="nav">
|
||||
<button class="nav-item active" data-tab="dashboard">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
|
||||
Обзор
|
||||
</button>
|
||||
<button class="nav-item" data-tab="domains">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
|
||||
Домены
|
||||
</button>
|
||||
<button class="nav-item" data-tab="upstreams">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>
|
||||
Upstream
|
||||
</button>
|
||||
<button class="nav-item" data-tab="test">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
|
||||
Проверка
|
||||
</button>
|
||||
<button class="nav-item" data-tab="settings">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
|
||||
Настройки
|
||||
</button>
|
||||
</nav>
|
||||
<div class="sidebar-footer">
|
||||
<div>Конфиг: <code>/opt/etc/dns-split/</code></div>
|
||||
<div style="margin-top:6px">Порт: <code>3200</code></div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="main">
|
||||
<header class="topbar">
|
||||
<div class="topbar-left">
|
||||
<h2 id="page-title">Обзор</h2>
|
||||
<p>192.168.1.1:3200 · lighttpd + CGI</p>
|
||||
</div>
|
||||
<div class="topbar-actions">
|
||||
<span class="badge badge-running badge-dot">SmartDNS работает</span>
|
||||
<button class="btn btn-icon theme-toggle" id="theme-btn" title="Тема">🌓</button>
|
||||
<button class="btn btn-success" id="apply-top">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9H3m9 9a9 9 0 0 1-9-9m9 9c1.66 0 3-4 3-9s-1.34-9-3-9m0 18c-1.66 0-3-4-3-9s1.34-9 3-9"/></svg>
|
||||
Применить
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="content">
|
||||
<!-- DASHBOARD -->
|
||||
<section class="panel active" id="panel-dashboard">
|
||||
<div class="apply-banner">
|
||||
<div>
|
||||
<p><strong>3 изменения</strong> не применены — конфиг изменён 24.05.2026 14:32</p>
|
||||
<p style="font-size:12px;color:var(--text-muted);margin-top:4px">Последняя перезагрузка SmartDNS: 24.05.2026 12:15:03</p>
|
||||
</div>
|
||||
<button class="btn btn-primary" onclick="showToast('Конфиг применён, SmartDNS перезагружен')">Применить и перезагрузить</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-4" style="margin-bottom:20px">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span class="stat-label">Статус</span>
|
||||
<span class="stat-icon" style="background:var(--success-bg)">✓</span>
|
||||
</div>
|
||||
<div class="stat-value" style="font-size:18px;color:var(--success)">Работает</div>
|
||||
<div class="stat-label">PID 1842 · uptime 2д 4ч</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span class="stat-label">Домены</span>
|
||||
<span class="stat-icon" style="background:var(--info-bg)">🌐</span>
|
||||
</div>
|
||||
<div class="stat-value">19</div>
|
||||
<div class="stat-label">2 группы политик</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span class="stat-label">Запросы / сутки</span>
|
||||
<span class="stat-icon" style="background:var(--accent-dim)">📊</span>
|
||||
</div>
|
||||
<div class="stat-value">12.4k</div>
|
||||
<div class="stat-label">кэш hit 78%</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<span class="stat-label">Upstream</span>
|
||||
<span class="stat-icon" style="background:var(--warning-bg)">🔗</span>
|
||||
</div>
|
||||
<div class="stat-value">2</div>
|
||||
<div class="stat-label">yandex-dot, isp-default</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Группы доменов</h3></div>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead><tr><th>Группа</th><th>Политика</th><th>Доменов</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><strong>yandex-ecosystem</strong></td><td><span class="badge-policy">yandex-dot</span></td><td>6</td></tr>
|
||||
<tr><td><strong>vk-mail-ok</strong></td><td><span class="badge-policy">yandex-dot</span></td><td>13</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Журнал</h3></div>
|
||||
<div class="log-line"><span class="log-time">14:32:01</span> config.yaml изменён (domains +1)</div>
|
||||
<div class="log-line"><span class="log-time">12:15:03</span> smartdns reload OK</div>
|
||||
<div class="log-line"><span class="log-time">12:14:58</span> apply: 19 domains, 2 upstreams</div>
|
||||
<div class="log-line"><span class="log-time">10:02:11</span> lookup test vk.com → 87.240.x.x (yandex-dot)</div>
|
||||
<div class="log-line"><span class="log-time">09:41:00</span> lighttpd started :3200</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DOMAINS -->
|
||||
<section class="panel" id="panel-domains">
|
||||
<div class="toolbar">
|
||||
<div class="search-box">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
|
||||
<input type="search" placeholder="Поиск домена…" id="domain-search">
|
||||
</div>
|
||||
<button class="btn btn-primary" onclick="openModal('modal-domain')">+ Добавить домен</button>
|
||||
<button class="btn" onclick="openModal('modal-import')">Импорт</button>
|
||||
<button class="btn btn-ghost">Экспорт YAML</button>
|
||||
</div>
|
||||
|
||||
<div class="split-layout">
|
||||
<div class="card" style="padding:0;overflow:hidden">
|
||||
<div class="table-wrap" style="border:none;border-radius:0">
|
||||
<table id="domains-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox"></th>
|
||||
<th>Домен</th>
|
||||
<th>Группа</th>
|
||||
<th>Политика</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Массовый импорт</h3></div>
|
||||
<div class="form-group">
|
||||
<label>Один домен на строку</label>
|
||||
<textarea readonly style="min-height:200px">yandex.ru
|
||||
ya.ru
|
||||
yandex.com
|
||||
yandex.net
|
||||
yastatic.net
|
||||
yandex.st
|
||||
mail.ru
|
||||
mail.com
|
||||
imgsmail.ru
|
||||
mycdn.me
|
||||
vk.com
|
||||
vk.me
|
||||
vkuservideo.net
|
||||
vkuseraudio.net
|
||||
userapi.com
|
||||
vk-cdn.net
|
||||
ok.ru
|
||||
odnoklassniki.ru
|
||||
okcdn.ru</textarea>
|
||||
</div>
|
||||
<button class="btn btn-primary" style="width:100%">Импортировать в группу</button>
|
||||
<p class="hint" style="margin-top:10px">Дубликаты пропускаются. Политика наследуется от группы.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- UPSTREAMS -->
|
||||
<section class="panel" id="panel-upstreams">
|
||||
<div class="toolbar">
|
||||
<button class="btn btn-primary" onclick="openModal('modal-upstream')">+ Профиль upstream</button>
|
||||
</div>
|
||||
<div class="card" style="padding:0;overflow:hidden">
|
||||
<div class="table-wrap" style="border:none">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Тип</th>
|
||||
<th>Адрес</th>
|
||||
<th>SNI / Host</th>
|
||||
<th>Таймаут</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>yandex-dot</code></td>
|
||||
<td>DoT</td>
|
||||
<td><code>77.88.8.8:853</code></td>
|
||||
<td><code>common.dot.dns.yandex.net</code></td>
|
||||
<td>5 с</td>
|
||||
<td class="row-actions">
|
||||
<button class="btn btn-sm btn-ghost" onclick="openModal('modal-upstream')">✎</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>isp-default</code></td>
|
||||
<td>UDP</td>
|
||||
<td><code>192.168.1.1:53</code></td>
|
||||
<td>—</td>
|
||||
<td>3 с</td>
|
||||
<td class="row-actions">
|
||||
<button class="btn btn-sm btn-ghost" onclick="openModal('modal-upstream')">✎</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="margin-top:16px">
|
||||
<div class="card-header"><h3>yandex-dot — детали</h3></div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>Протокол</label>
|
||||
<input value="DNS over TLS (DoT)" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Bootstrap</label>
|
||||
<input value="77.88.8.8" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>SNI (Server Name Indication)</label>
|
||||
<input value="common.dot.dns.yandex.net" readonly>
|
||||
</div>
|
||||
<p class="hint">Используется для доменов Yandex, VK, Mail.ru, OK в split-DNS политике.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- TEST -->
|
||||
<section class="panel" id="panel-test">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Проверка DNS-запроса</h3></div>
|
||||
<div class="toolbar" style="margin-bottom:0">
|
||||
<div class="form-group" style="flex:1;margin:0">
|
||||
<input type="text" id="test-domain" value="vk.com" placeholder="example.com">
|
||||
</div>
|
||||
<select id="test-type" style="padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text)">
|
||||
<option>A</option>
|
||||
<option>AAAA</option>
|
||||
<option>HTTPS</option>
|
||||
</select>
|
||||
<button class="btn btn-primary" id="run-test">Выполнить</button>
|
||||
</div>
|
||||
<div class="test-result" id="test-output" style="display:none"></div>
|
||||
<div class="test-result" id="test-placeholder">
|
||||
<span class="meta"># Нажмите «Выполнить» для тестового запроса через SmartDNS
|
||||
# Маршрутизация определяется политикой split-DNS</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-3" style="margin-top:16px">
|
||||
<div class="card">
|
||||
<div class="stat-label">Быстрые тесты</div>
|
||||
<div style="margin-top:10px;display:flex;flex-wrap:wrap;gap:6px">
|
||||
<button class="btn btn-sm" onclick="quickTest('yandex.ru')">yandex.ru</button>
|
||||
<button class="btn btn-sm" onclick="quickTest('vk.com')">vk.com</button>
|
||||
<button class="btn btn-sm" onclick="quickTest('google.com')">google.com</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="stat-label">Ожидаемый upstream</div>
|
||||
<div style="margin-top:8px;font-size:14px"><code>yandex-dot</code> для vk.com</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="stat-label">Время ответа</div>
|
||||
<div class="stat-value" style="font-size:20px" id="test-latency">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SETTINGS -->
|
||||
<section class="panel" id="panel-settings">
|
||||
<div class="apply-banner">
|
||||
<div>
|
||||
<p><strong>Применить конфигурацию</strong> — записать YAML и перезагрузить SmartDNS</p>
|
||||
<p style="font-size:12px;color:var(--text-muted);margin-top:4px">Без применения изменения действуют только в редакторе</p>
|
||||
</div>
|
||||
<button class="btn btn-primary btn-lg" style="padding:12px 24px;font-size:14px" onclick="showToast('Конфиг применён, SmartDNS перезагружен')">
|
||||
⚡ Применить конфигурацию
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Сеть и доступ</h3></div>
|
||||
<div class="form-group">
|
||||
<label>Привязка (listen)</label>
|
||||
<input value="192.168.1.1:3200" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>LAN-интерфейс</label>
|
||||
<select><option>br0 (Home)</option><option>br1 (Guest)</option></select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Токен API / CGI</label>
|
||||
<input type="password" value="••••••••••••••••">
|
||||
<p class="hint">Заголовок X-DNS-Split-Token для CGI-запросов</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>SmartDNS</h3></div>
|
||||
<div class="form-group">
|
||||
<label>Путь конфигурации</label>
|
||||
<input value="/opt/etc/dns-split/config.yaml" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Кэш (TTL max)</label>
|
||||
<input type="number" value="3600">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="checkbox" checked> Логировать запросы в syslog
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn" style="margin-top:8px">Перезапустить SmartDNS</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" style="margin-top:16px">
|
||||
<div class="card-header"><h3>Резервная копия</h3></div>
|
||||
<div class="toolbar" style="margin:0">
|
||||
<button class="btn">Скачать config.yaml</button>
|
||||
<button class="btn">Восстановить из файла</button>
|
||||
<button class="btn btn-ghost" style="color:var(--danger)">Сбросить к умолчанию</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal: Domain -->
|
||||
<div class="modal-overlay" id="modal-domain">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<h3>Добавить домен</h3>
|
||||
<button class="btn btn-icon btn-ghost" onclick="closeModal('modal-domain')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Домен</label>
|
||||
<input placeholder="example.ru">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Группа</label>
|
||||
<select>
|
||||
<option>yandex-ecosystem</option>
|
||||
<option>vk-mail-ok</option>
|
||||
<option selected>vk-mail-ok</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Политика (upstream)</label>
|
||||
<select>
|
||||
<option>yandex-dot</option>
|
||||
<option>isp-default</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-ghost" onclick="closeModal('modal-domain')">Отмена</button>
|
||||
<button class="btn btn-primary" onclick="closeModal('modal-domain');showToast('Домен добавлен (не применён)')">Сохранить</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal: Import -->
|
||||
<div class="modal-overlay" id="modal-import">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<h3>Импорт доменов</h3>
|
||||
<button class="btn btn-icon btn-ghost" onclick="closeModal('modal-import')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Группа назначения</label>
|
||||
<select><option>vk-mail-ok</option><option>yandex-ecosystem</option></select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Список доменов</label>
|
||||
<textarea placeholder="domain1.ru domain2.com"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-ghost" onclick="closeModal('modal-import')">Отмена</button>
|
||||
<button class="btn btn-primary" onclick="closeModal('modal-import');showToast('Импортировано 5 доменов')">Импорт</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal: Upstream -->
|
||||
<div class="modal-overlay" id="modal-upstream">
|
||||
<div class="modal">
|
||||
<div class="modal-header">
|
||||
<h3>Профиль upstream</h3>
|
||||
<button class="btn btn-icon btn-ghost" onclick="closeModal('modal-upstream')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>ID профиля</label>
|
||||
<input value="yandex-dot">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label>Тип</label>
|
||||
<select><option selected>DoT</option><option>DoH</option><option>UDP</option></select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Порт</label>
|
||||
<input value="853">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Адрес</label>
|
||||
<input value="77.88.8.8">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>SNI</label>
|
||||
<input value="common.dot.dns.yandex.net">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-ghost" onclick="closeModal('modal-upstream')">Отмена</button>
|
||||
<button class="btn btn-primary" onclick="closeModal('modal-upstream');showToast('Профиль сохранён')">Сохранить</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast">✓ Готово</div>
|
||||
|
||||
<script>
|
||||
const DOMAINS = [
|
||||
{ d: 'yandex.ru', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'ya.ru', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'yandex.com', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'yandex.net', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'yastatic.net', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'yandex.st', g: 'yandex-ecosystem', p: 'yandex-dot' },
|
||||
{ d: 'mail.ru', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'mail.com', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'imgsmail.ru', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'mycdn.me', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'vk.com', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'vk.me', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'vkuservideo.net', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'vkuseraudio.net', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'userapi.com', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'vk-cdn.net', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'ok.ru', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'odnoklassniki.ru', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
{ d: 'okcdn.ru', g: 'vk-mail-ok', p: 'yandex-dot' },
|
||||
];
|
||||
|
||||
const TITLES = {
|
||||
dashboard: 'Обзор',
|
||||
domains: 'Домены',
|
||||
upstreams: 'Upstream-профили',
|
||||
test: 'Проверка DNS',
|
||||
settings: 'Настройки',
|
||||
};
|
||||
|
||||
function renderDomains(filter = '') {
|
||||
const tbody = document.querySelector('#domains-table tbody');
|
||||
const q = filter.toLowerCase();
|
||||
tbody.innerHTML = DOMAINS
|
||||
.filter(x => !q || x.d.includes(q))
|
||||
.map(x => `<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><code>${x.d}</code></td>
|
||||
<td>${x.g}</td>
|
||||
<td><span class="badge-policy">${x.p}</span></td>
|
||||
<td class="row-actions">
|
||||
<button class="btn btn-sm btn-ghost">✎</button>
|
||||
<button class="btn btn-sm btn-ghost">🗑</button>
|
||||
</td>
|
||||
</tr>`).join('');
|
||||
}
|
||||
|
||||
document.querySelectorAll('.nav-item').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const tab = btn.dataset.tab;
|
||||
document.querySelectorAll('.nav-item').forEach(b => b.classList.remove('active'));
|
||||
document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
|
||||
btn.classList.add('active');
|
||||
document.getElementById('panel-' + tab).classList.add('active');
|
||||
document.getElementById('page-title').textContent = TITLES[tab];
|
||||
});
|
||||
});
|
||||
|
||||
document.getElementById('domain-search')?.addEventListener('input', e => renderDomains(e.target.value));
|
||||
document.getElementById('theme-btn').addEventListener('click', () => {
|
||||
const html = document.documentElement;
|
||||
html.dataset.theme = html.dataset.theme === 'dark' ? 'light' : 'dark';
|
||||
});
|
||||
|
||||
document.getElementById('apply-top').addEventListener('click', () => showToast('Конфиг применён, SmartDNS перезагружен'));
|
||||
|
||||
function openModal(id) { document.getElementById(id).classList.add('open'); }
|
||||
function closeModal(id) { document.getElementById(id).classList.remove('open'); }
|
||||
document.querySelectorAll('.modal-overlay').forEach(el => {
|
||||
el.addEventListener('click', e => { if (e.target === el) el.classList.remove('open'); });
|
||||
});
|
||||
|
||||
function showToast(msg) {
|
||||
const t = document.getElementById('toast');
|
||||
t.textContent = '✓ ' + msg;
|
||||
t.classList.add('show');
|
||||
setTimeout(() => t.classList.remove('show'), 2800);
|
||||
}
|
||||
|
||||
const TEST_DATA = {
|
||||
'vk.com': { ip: '87.240.190.78', upstream: 'yandex-dot', ms: 24 },
|
||||
'yandex.ru': { ip: '5.255.255.5', upstream: 'yandex-dot', ms: 18 },
|
||||
'google.com': { ip: '142.250.185.78', upstream: 'isp-default', ms: 31 },
|
||||
};
|
||||
|
||||
function runTest() {
|
||||
const domain = document.getElementById('test-domain').value.trim() || 'vk.com';
|
||||
const type = document.getElementById('test-type').value;
|
||||
const data = TEST_DATA[domain] || { ip: '93.186.225.10', upstream: 'yandex-dot', ms: 42 };
|
||||
document.getElementById('test-placeholder').style.display = 'none';
|
||||
const out = document.getElementById('test-output');
|
||||
out.style.display = 'block';
|
||||
out.innerHTML = `<span class="ok">;; STATUS: NOERROR</span>
|
||||
<span class="meta">;; QUERY: ${domain} IN ${type}</span>
|
||||
<span class="meta">;; UPSTREAM: ${data.upstream} (DoT 77.88.8.8)</span>
|
||||
<span class="meta">;; POLICY: split-dns / group matched</span>
|
||||
|
||||
${domain}. 300 IN ${type} ${data.ip}
|
||||
|
||||
<span class="ok">;; Query time: ${data.ms} msec</span>
|
||||
<span class="meta">;; SERVER: 127.0.0.1#6053 (SmartDNS)</span>`;
|
||||
document.getElementById('test-latency').textContent = data.ms + ' ms';
|
||||
}
|
||||
|
||||
function quickTest(d) {
|
||||
document.getElementById('test-domain').value = d;
|
||||
runTest();
|
||||
}
|
||||
|
||||
document.getElementById('run-test').addEventListener('click', runTest);
|
||||
renderDomains();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
41
etc/config.yaml.example
Normal file
41
etc/config.yaml.example
Normal file
@@ -0,0 +1,41 @@
|
||||
# Keenetic-Split-DNS — основной конфиг
|
||||
# Копируется в /opt/etc/keenetic-split-dns/config.yaml при установке
|
||||
|
||||
version: 1
|
||||
|
||||
# IP роутера в LAN (веб-интерфейс и listen DNS)
|
||||
lan_ip: "192.168.1.1"
|
||||
web_port: 3200
|
||||
|
||||
# SmartDNS: порт DNS (53 при opkg dns-override, иначе 6053)
|
||||
dns_port: 53
|
||||
dns_listen: "0.0.0.0"
|
||||
|
||||
log_queries: true
|
||||
cache_ttl_max: 3600
|
||||
|
||||
# Upstream по умолчанию для всех остальных доменов
|
||||
default_upstream: isp-default
|
||||
|
||||
upstreams:
|
||||
yandex-dot:
|
||||
name: "Yandex DNS (DoT)"
|
||||
type: dot
|
||||
address: "77.88.8.8"
|
||||
port: 853
|
||||
sni: "common.dot.dns.yandex.net"
|
||||
timeout: 5
|
||||
|
||||
isp-default:
|
||||
name: "ISP / Keenetic DNS"
|
||||
type: udp
|
||||
# auto — detect-lan.sh / ndm: DNS провайдера или 127.0.0.1@53
|
||||
address: "auto"
|
||||
port: 53
|
||||
timeout: 3
|
||||
|
||||
domain_groups:
|
||||
ru-services:
|
||||
name: "RU-сервисы (Yandex, VK, Mail, OK)"
|
||||
upstream: yandex-dot
|
||||
domain_set: "ru-services.txt"
|
||||
19
etc/domain-sets/ru-services.txt
Normal file
19
etc/domain-sets/ru-services.txt
Normal file
@@ -0,0 +1,19 @@
|
||||
yandex.ru
|
||||
ya.ru
|
||||
yandex.com
|
||||
yandex.net
|
||||
yastatic.net
|
||||
yandex.st
|
||||
mail.ru
|
||||
mail.com
|
||||
imgsmail.ru
|
||||
mycdn.me
|
||||
vk.com
|
||||
vk.me
|
||||
vkuservideo.net
|
||||
vkuseraudio.net
|
||||
userapi.com
|
||||
vk-cdn.net
|
||||
ok.ru
|
||||
odnoklassniki.ru
|
||||
okcdn.ru
|
||||
29
etc/lighttpd/lighttpd.conf
Normal file
29
etc/lighttpd/lighttpd.conf
Normal file
@@ -0,0 +1,29 @@
|
||||
# Keenetic-Split-DNS web UI — lighttpd
|
||||
# Installed to /opt/etc/keenetic-split-dns/lighttpd.conf
|
||||
|
||||
server.document-root = "/opt/share/keenetic-split-dns/www"
|
||||
server.port = 3200
|
||||
server.bind = "LAN_IP_PLACEHOLDER"
|
||||
server.errorlog = "/opt/var/log/keenetic-split-dns/lighttpd-error.log"
|
||||
server.pid-file = "/opt/var/run/keenetic-split-dns/lighttpd.pid"
|
||||
|
||||
index-file.names = ( "index.html" )
|
||||
mimetype.assign = (
|
||||
".html" => "text/html",
|
||||
".css" => "text/css",
|
||||
".js" => "application/javascript",
|
||||
".json" => "application/json",
|
||||
".svg" => "image/svg+xml",
|
||||
".ico" => "image/x-icon"
|
||||
)
|
||||
|
||||
cgi.assign = (
|
||||
".cgi" => ""
|
||||
)
|
||||
|
||||
url.rewrite-once = (
|
||||
"^/api/?$" => "/api.cgi/status",
|
||||
"^/api/(.*)$" => "/api.cgi/$1"
|
||||
)
|
||||
|
||||
# LAN only — bind set at install/apply from config.yaml
|
||||
34
etc/ndm/netfilter.d/010-keenetic-split-dns.sh
Executable file
34
etc/ndm/netfilter.d/010-keenetic-split-dns.sh
Executable file
@@ -0,0 +1,34 @@
|
||||
#!/bin/sh
|
||||
# Keenetic-Split-DNS — redirect LAN DNS to SmartDNS (fallback if dns-override unavailable)
|
||||
# Installed to /opt/etc/ndm/netfilter.d/010-keenetic-split-dns.sh
|
||||
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
DNS_PORT="53"
|
||||
|
||||
[ -f "$KSD_ETC/config.yaml" ] || exit 0
|
||||
|
||||
# Skip if Entware dns-override is active
|
||||
if [ -f /opt/etc/dns-override.conf ] && grep -q '^enabled=1' /opt/etc/dns-override.conf 2>/dev/null; then
|
||||
exit 0
|
||||
fi
|
||||
|
||||
LAN_IP="$(grep '^lan_ip:' "$KSD_ETC/config.yaml" 2>/dev/null | sed 's/.*"\([^"]*\)".*/\1/')"
|
||||
[ -n "$LAN_IP" ] || LAN_IP="192.168.1.1"
|
||||
|
||||
DNS_PORT="$(grep '^dns_port:' "$KSD_ETC/config.yaml" 2>/dev/null | awk '{print $2}')"
|
||||
[ -n "$DNS_PORT" ] || DNS_PORT="53"
|
||||
|
||||
case "$1" in
|
||||
start|restart)
|
||||
iptables -t nat -C PREROUTING -i br0 -p udp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT" 2>/dev/null \
|
||||
|| iptables -t nat -A PREROUTING -i br0 -p udp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT"
|
||||
iptables -t nat -C PREROUTING -i br0 -p tcp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT" 2>/dev/null \
|
||||
|| iptables -t nat -A PREROUTING -i br0 -p tcp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT"
|
||||
;;
|
||||
stop)
|
||||
iptables -t nat -D PREROUTING -i br0 -p udp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT" 2>/dev/null || true
|
||||
iptables -t nat -D PREROUTING -i br0 -p tcp --dport 53 ! -d "$LAN_IP" -j REDIRECT --to-port "$DNS_PORT" 2>/dev/null || true
|
||||
;;
|
||||
esac
|
||||
|
||||
exit 0
|
||||
12
etc/smartdns/smartdns.conf.head
Normal file
12
etc/smartdns/smartdns.conf.head
Normal file
@@ -0,0 +1,12 @@
|
||||
# Generated by Keenetic-Split-DNS — do not edit manually
|
||||
# Source: /opt/etc/keenetic-split-dns/config.yaml
|
||||
|
||||
server-name keenetic-split-dns
|
||||
log-level info
|
||||
cache-size 512
|
||||
cache-persist yes
|
||||
prefetch-domain yes
|
||||
serve-expired yes
|
||||
dnsmasq-lease-file /var/lib/misc/dnsmasq.leases
|
||||
|
||||
# User settings appended by compile-config.sh
|
||||
17
init.d/S97ksd-compile
Executable file
17
init.d/S97ksd-compile
Executable file
@@ -0,0 +1,17 @@
|
||||
#!/bin/sh
|
||||
# Keenetic-Split-DNS — compile config on boot
|
||||
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
COMPILE="/opt/share/keenetic-split-dns/scripts/compile-config.sh"
|
||||
|
||||
case "$1" in
|
||||
start)
|
||||
[ -x "$COMPILE" ] && [ -f "${KSD_ETC}/config.yaml" ] && "$COMPILE"
|
||||
;;
|
||||
stop) ;;
|
||||
restart)
|
||||
"$0" stop
|
||||
"$0" start
|
||||
;;
|
||||
esac
|
||||
exit 0
|
||||
41
init.d/S98smartdns
Executable file
41
init.d/S98smartdns
Executable file
@@ -0,0 +1,41 @@
|
||||
#!/bin/sh
|
||||
# SmartDNS for Keenetic-Split-DNS (wraps Entware smartdns)
|
||||
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
CONF="${KSD_ETC}/smartdns.conf"
|
||||
PIDFILE="/opt/var/run/keenetic-split-dns/smartdns.pid"
|
||||
LOGDIR="/opt/var/log/keenetic-split-dns"
|
||||
|
||||
start() {
|
||||
mkdir -p "$LOGDIR" "$(dirname "$PIDFILE")"
|
||||
[ -f "$CONF" ] || return 1
|
||||
if pidof smartdns >/dev/null 2>&1; then
|
||||
return 0
|
||||
fi
|
||||
smartdns -c "$CONF" -p "$PIDFILE" >/dev/null 2>&1 &
|
||||
sleep 1
|
||||
pidof smartdns >/dev/null 2>&1
|
||||
}
|
||||
|
||||
stop() {
|
||||
if [ -f "$PIDFILE" ]; then
|
||||
kill "$(cat "$PIDFILE" 2>/dev/null)" 2>/dev/null || true
|
||||
rm -f "$PIDFILE"
|
||||
fi
|
||||
killall smartdns 2>/dev/null || true
|
||||
}
|
||||
|
||||
case "$1" in
|
||||
start) start ;;
|
||||
stop) stop ;;
|
||||
restart) stop; sleep 1; start ;;
|
||||
status)
|
||||
if pidof smartdns >/dev/null 2>&1; then
|
||||
echo "smartdns running"
|
||||
exit 0
|
||||
fi
|
||||
echo "smartdns stopped"
|
||||
exit 1
|
||||
;;
|
||||
esac
|
||||
exit 0
|
||||
39
init.d/S99ksd-web
Executable file
39
init.d/S99ksd-web
Executable file
@@ -0,0 +1,39 @@
|
||||
#!/bin/sh
|
||||
# lighttpd web UI for Keenetic-Split-DNS
|
||||
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
CONF="${KSD_ETC}/lighttpd.conf"
|
||||
PIDFILE="/opt/var/run/keenetic-split-dns/lighttpd.pid"
|
||||
LOGDIR="/opt/var/log/keenetic-split-dns"
|
||||
|
||||
start() {
|
||||
mkdir -p "$LOGDIR" "$(dirname "$PIDFILE")"
|
||||
[ -f "$CONF" ] || return 1
|
||||
if [ -f "$PIDFILE" ] && kill -0 "$(cat "$PIDFILE" 2>/dev/null)" 2>/dev/null; then
|
||||
return 0
|
||||
fi
|
||||
lighttpd -f "$CONF" -m /opt/lib/lighttpd
|
||||
}
|
||||
|
||||
stop() {
|
||||
if [ -f "$PIDFILE" ]; then
|
||||
kill "$(cat "$PIDFILE" 2>/dev/null)" 2>/dev/null || true
|
||||
rm -f "$PIDFILE"
|
||||
fi
|
||||
killall lighttpd 2>/dev/null || true
|
||||
}
|
||||
|
||||
case "$1" in
|
||||
start) start ;;
|
||||
stop) stop ;;
|
||||
restart) stop; sleep 1; start ;;
|
||||
status)
|
||||
if [ -f "$PIDFILE" ] && kill -0 "$(cat "$PIDFILE" 2>/dev/null)" 2>/dev/null; then
|
||||
echo "lighttpd running"
|
||||
exit 0
|
||||
fi
|
||||
echo "lighttpd stopped"
|
||||
exit 1
|
||||
;;
|
||||
esac
|
||||
exit 0
|
||||
153
install.sh
Executable file
153
install.sh
Executable file
@@ -0,0 +1,153 @@
|
||||
#!/bin/sh
|
||||
# Keenetic-Split-DNS — one-line installer for Keenetic + Entware
|
||||
# curl -fsSL https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main/install.sh | sh
|
||||
|
||||
set -e
|
||||
|
||||
KSD_VERSION="1.0.0"
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
KSD_SHARE="/opt/share/keenetic-split-dns"
|
||||
KSD_VAR_LOG="/opt/var/log/keenetic-split-dns"
|
||||
KSD_VAR_RUN="/opt/var/run/keenetic-split-dns"
|
||||
REPO_RAW="${KSD_REPO_RAW:-https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main}"
|
||||
|
||||
log() { printf '[keenetic-split-dns] %s\n' "$*"; }
|
||||
die() { log "ERROR: $*"; exit 1; }
|
||||
|
||||
# --- Entware check ---
|
||||
[ -x /opt/bin/opkg ] || die "Entware not found. Install Entware on USB first."
|
||||
[ -d /opt/etc ] || die "/opt/etc missing — Entware broken?"
|
||||
|
||||
# --- resolve source tree ---
|
||||
SRC_DIR=""
|
||||
case "$0" in
|
||||
/*|./*|*/install.sh)
|
||||
_d="$(CDPATH= cd -- "$(dirname "$0")" && pwd)"
|
||||
[ -f "${_d}/etc/config.yaml.example" ] && SRC_DIR="$_d"
|
||||
;;
|
||||
esac
|
||||
if [ -z "$SRC_DIR" ]; then
|
||||
TMP="$(mktemp -d /tmp/ksd-install.XXXXXX)"
|
||||
trap 'rm -rf "$TMP"' EXIT INT HUP
|
||||
log "Downloading repository..."
|
||||
if command -v git >/dev/null 2>&1; then
|
||||
git clone --depth 1 https://github.com/andrey271192/Keenetic-Split-DNS.git "$TMP/repo"
|
||||
SRC_DIR="$TMP/repo"
|
||||
else
|
||||
die "git not found. On router: opkg install git git-http. Or clone repo manually and run install.sh from it."
|
||||
fi
|
||||
fi
|
||||
|
||||
log "Installing Keenetic-Split-DNS v${KSD_VERSION}..."
|
||||
|
||||
# --- packages ---
|
||||
log "Installing Entware packages..."
|
||||
opkg update >/dev/null 2>&1 || true
|
||||
for pkg in smartdns lighttpd lighttpd-mod-cgi ca-certificates curl grep sed bind-dig; do
|
||||
opkg list-installed 2>/dev/null | grep -q "^${pkg} " || opkg install "$pkg" >/dev/null 2>&1 || {
|
||||
case "$pkg" in
|
||||
bind-dig) opkg install bind-tools >/dev/null 2>&1 || opkg install dig >/dev/null 2>&1 || true ;;
|
||||
*) log "Warning: package $pkg may be missing" ;;
|
||||
esac
|
||||
}
|
||||
done
|
||||
|
||||
mkdir -p "$KSD_ETC" "$KSD_SHARE" "$KSD_VAR_LOG" "$KSD_VAR_RUN" \
|
||||
"${KSD_ETC}/domain-sets" "${KSD_SHARE}/www" "${KSD_SHARE}/scripts" \
|
||||
"${KSD_SHARE}/cgi-bin" "${KSD_SHARE}/smartdns" "${KSD_SHARE}/lighttpd" \
|
||||
"${KSD_SHARE}/domain-sets"
|
||||
|
||||
# --- copy files ---
|
||||
cp -f "$SRC_DIR/etc/config.yaml.example" "${KSD_ETC}/config.yaml" 2>/dev/null || true
|
||||
[ -f "${KSD_ETC}/config.yaml" ] || cp "$SRC_DIR/etc/config.yaml.example" "${KSD_ETC}/config.yaml"
|
||||
|
||||
cp -rf "$SRC_DIR/scripts/"* "${KSD_SHARE}/scripts/"
|
||||
cp -rf "$SRC_DIR/www/"* "${KSD_SHARE}/www/"
|
||||
cp -f "$SRC_DIR/cgi-bin/api.cgi" "${KSD_SHARE}/cgi-bin/"
|
||||
cp -rf "$SRC_DIR/etc/domain-sets/"* "${KSD_SHARE}/domain-sets/" 2>/dev/null || true
|
||||
cp -f "$SRC_DIR/etc/smartdns/"* "${KSD_SHARE}/smartdns/" 2>/dev/null || true
|
||||
cp -f "$SRC_DIR/etc/lighttpd/lighttpd.conf" "${KSD_SHARE}/lighttpd/"
|
||||
|
||||
# symlink API CGI into web root
|
||||
ln -sf "${KSD_SHARE}/cgi-bin/api.cgi" "${KSD_SHARE}/www/api.cgi"
|
||||
mkdir -p "${KSD_SHARE}/www/api"
|
||||
ln -sf "${KSD_SHARE}/cgi-bin/api.cgi" "${KSD_SHARE}/www/api/index.cgi"
|
||||
|
||||
chmod +x "${KSD_SHARE}/scripts/"*.sh "${KSD_SHARE}/cgi-bin/api.cgi"
|
||||
|
||||
# --- detect LAN ---
|
||||
DETECT="${KSD_SHARE}/scripts/detect-lan.sh"
|
||||
LAN_IP="$("$DETECT" lan 2>/dev/null || echo "192.168.1.1")"
|
||||
if grep -q 'lan_ip: "192.168.1.1"' "${KSD_ETC}/config.yaml" 2>/dev/null; then
|
||||
sed -i "s/lan_ip: \"192.168.1.1\"/lan_ip: \"${LAN_IP}\"/" "${KSD_ETC}/config.yaml" 2>/dev/null \
|
||||
|| sed "s/lan_ip: \"192.168.1.1\"/lan_ip: \"${LAN_IP}\"/" "${KSD_ETC}/config.yaml" > "${KSD_ETC}/config.yaml.tmp" \
|
||||
&& mv "${KSD_ETC}/config.yaml.tmp" "${KSD_ETC}/config.yaml"
|
||||
fi
|
||||
|
||||
# --- API token ---
|
||||
if [ ! -f "${KSD_ETC}/token" ]; then
|
||||
if [ -r /dev/urandom ]; then
|
||||
TOKEN="$(head -c 24 /dev/urandom | hexdump -ve '1/1 "%02x"' 2>/dev/null | head -c 48)"
|
||||
else
|
||||
TOKEN="$(date +%s)$(uname -n)"
|
||||
fi
|
||||
[ -n "$TOKEN" ] || TOKEN="change-me-$(date +%s)"
|
||||
echo "$TOKEN" > "${KSD_ETC}/token"
|
||||
chmod 600 "${KSD_ETC}/token"
|
||||
fi
|
||||
|
||||
# --- init.d ---
|
||||
for s in S97ksd-compile S98smartdns S99ksd-web; do
|
||||
cp -f "$SRC_DIR/init.d/$s" "/opt/etc/init.d/$s"
|
||||
chmod +x "/opt/etc/init.d/$s"
|
||||
done
|
||||
|
||||
# --- netfilter fallback ---
|
||||
mkdir -p /opt/etc/ndm/netfilter.d
|
||||
cp -f "$SRC_DIR/etc/ndm/netfilter.d/010-keenetic-split-dns.sh" /opt/etc/ndm/netfilter.d/
|
||||
chmod +x /opt/etc/ndm/netfilter.d/010-keenetic-split-dns.sh
|
||||
|
||||
# --- domain sets to etc ---
|
||||
cp -f "${KSD_SHARE}/domain-sets/"*.txt "${KSD_ETC}/domain-sets/" 2>/dev/null || true
|
||||
|
||||
# --- compile & start ---
|
||||
export KSD_ETC KSD_SHARE
|
||||
"${KSD_SHARE}/scripts/compile-config.sh"
|
||||
|
||||
# --- dns-override (HydraRoute Neo compatible path) ---
|
||||
DNS_OVERRIDE_STATE="${KSD_ETC}/dns-override.state"
|
||||
if opkg dns-override 2>/dev/null | grep -q enable; then
|
||||
log "Configuring opkg dns-override..."
|
||||
if ! grep -q '^enabled=1' /opt/etc/dns-override.conf 2>/dev/null; then
|
||||
cp /opt/etc/dns-override.conf /opt/etc/dns-override.conf.ksd-bak 2>/dev/null || true
|
||||
echo "before-install" > "$DNS_OVERRIDE_STATE"
|
||||
fi
|
||||
opkg dns-override enable 2>/dev/null || true
|
||||
echo "enabled" > "$DNS_OVERRIDE_STATE"
|
||||
log "dns-override enabled — clients use Entware SmartDNS"
|
||||
else
|
||||
log "dns-override not available — using netfilter.d redirect (if br0 DNS used)"
|
||||
echo "netfilter" > "$DNS_OVERRIDE_STATE"
|
||||
fi
|
||||
|
||||
/opt/etc/init.d/S97ksd-compile start
|
||||
/opt/etc/init.d/S98smartdns start
|
||||
/opt/etc/init.d/S99ksd-web start
|
||||
|
||||
ndm -p netfilter restart 2>/dev/null || true
|
||||
|
||||
WEB_PORT="$(grep '^web_port:' "${KSD_ETC}/config.yaml" | awk '{print $2}')"
|
||||
[ -n "$WEB_PORT" ] || WEB_PORT="3200"
|
||||
TOKEN_SHOW="$(cat "${KSD_ETC}/token")"
|
||||
|
||||
log "=============================================="
|
||||
log "Keenetic-Split-DNS installed successfully."
|
||||
log "Web UI: http://${LAN_IP}:${WEB_PORT}"
|
||||
log "API token (save it): ${TOKEN_SHOW}"
|
||||
log "Config: ${KSD_ETC}/config.yaml"
|
||||
log ""
|
||||
log "IMPORTANT: Disable global DoT in Keenetic UI"
|
||||
log "(Интернет-фильтры -> DNS) to avoid conflicts."
|
||||
log "HydraRoute Neo: keep DHCP DNS = router IP."
|
||||
log "=============================================="
|
||||
exit 0
|
||||
208
scripts/api.sh
Executable file
208
scripts/api.sh
Executable file
@@ -0,0 +1,208 @@
|
||||
#!/bin/sh
|
||||
# CGI API helpers for Keenetic-Split-DNS
|
||||
|
||||
KSD_ETC="${KSD_ETC:-/opt/etc/keenetic-split-dns}"
|
||||
CONFIG="${KSD_ETC}/config.yaml"
|
||||
TOKEN_FILE="${KSD_ETC}/token"
|
||||
LOG_FILE="${KSD_ETC}/apply.log"
|
||||
|
||||
json_escape() {
|
||||
printf '%s' "$1" | sed 's/\\/\\\\/g; s/"/\\"/g; s/\t/\\t/g' | tr '\n' ' '
|
||||
}
|
||||
|
||||
api_send_json() {
|
||||
code="${1:-200}"
|
||||
body="$2"
|
||||
printf 'Status: %s\r\n' "$code"
|
||||
printf 'Content-Type: application/json; charset=utf-8\r\n'
|
||||
printf 'Cache-Control: no-store\r\n'
|
||||
printf '\r\n'
|
||||
printf '%s' "$body"
|
||||
}
|
||||
|
||||
api_unauthorized() {
|
||||
api_send_json "401" '{"ok":false,"error":"unauthorized"}'
|
||||
exit 0
|
||||
}
|
||||
|
||||
api_check_auth() {
|
||||
expected=""
|
||||
[ -f "$TOKEN_FILE" ] && expected="$(cat "$TOKEN_FILE" | tr -d '\n\r ')"
|
||||
[ -n "$expected" ] || return 0
|
||||
|
||||
got=""
|
||||
case "$HTTP_AUTHORIZATION" in
|
||||
Bearer*) got="${HTTP_AUTHORIZATION#Bearer }" ;;
|
||||
esac
|
||||
[ -z "$got" ] && got="$HTTP_X_KSD_TOKEN"
|
||||
[ -z "$got" ] && got="$HTTP_X_DNS_SPLIT_TOKEN"
|
||||
|
||||
if [ "$got" != "$expected" ]; then
|
||||
api_unauthorized
|
||||
fi
|
||||
}
|
||||
|
||||
api_read_body() {
|
||||
if [ -n "$CONTENT_LENGTH" ] && [ "$CONTENT_LENGTH" -gt 0 ] 2>/dev/null; then
|
||||
dd bs=1 count="$CONTENT_LENGTH" 2>/dev/null
|
||||
fi
|
||||
}
|
||||
|
||||
smartdns_running() {
|
||||
if pidof smartdns >/dev/null 2>&1; then
|
||||
echo "true"
|
||||
else
|
||||
echo "false"
|
||||
fi
|
||||
}
|
||||
|
||||
smartdns_pid() {
|
||||
pidof smartdns 2>/dev/null | awk '{print $1}'
|
||||
}
|
||||
|
||||
count_domains() {
|
||||
n=0
|
||||
if [ -d "${KSD_ETC}/domain-sets" ]; then
|
||||
for f in "${KSD_ETC}"/domain-sets/*.txt; do
|
||||
[ -f "$f" ] || continue
|
||||
n=$((n + $(grep -cve '^\s*$' -e '^\s*#' "$f" 2>/dev/null || echo 0)))
|
||||
done
|
||||
fi
|
||||
echo "$n"
|
||||
}
|
||||
|
||||
api_status() {
|
||||
lan="$(grep '^lan_ip:' "$CONFIG" 2>/dev/null | sed 's/.*"\([^"]*\)".*/\1/')"
|
||||
port="$(grep '^web_port:' "$CONFIG" 2>/dev/null | awk '{print $2}')"
|
||||
[ -n "$port" ] || port="3200"
|
||||
domains="$(count_domains)"
|
||||
running="$(smartdns_running)"
|
||||
pid="$(smartdns_pid)"
|
||||
last_apply=""
|
||||
[ -f "$LOG_FILE" ] && last_apply="$(tail -1 "$LOG_FILE" 2>/dev/null | json_escape)"
|
||||
|
||||
api_send_json "200" "{\"ok\":true,\"smartdns\":{\"running\":${running},\"pid\":\"${pid}\"},\"domains\":${domains},\"lan_ip\":\"${lan}\",\"web_port\":${port},\"url\":\"http://${lan}:${port}\"}"
|
||||
}
|
||||
|
||||
api_get_config_raw() {
|
||||
if [ ! -f "$CONFIG" ]; then
|
||||
api_send_json "404" '{"ok":false,"error":"config not found"}'
|
||||
exit 0
|
||||
fi
|
||||
printf 'Status: 200\r\n'
|
||||
printf 'Content-Type: application/x-yaml; charset=utf-8\r\n'
|
||||
printf 'Cache-Control: no-store\r\n'
|
||||
printf '\r\n'
|
||||
cat "$CONFIG"
|
||||
exit 0
|
||||
}
|
||||
|
||||
api_save_config() {
|
||||
body="$(api_read_body)"
|
||||
[ -n "$body" ] || { api_send_json "400" '{"ok":false,"error":"empty body"}'; exit 0; }
|
||||
|
||||
# Accept raw YAML body or {"content":"..."}
|
||||
case "$body" in
|
||||
\{*)
|
||||
content="$(printf '%s' "$body" | sed -n 's/.*"content"[[:space:]]*:[[:space:]]*"\(.*\)".*/\1/p' | sed 's/\\n/\n/g; s/\\"/"/g')"
|
||||
;;
|
||||
*)
|
||||
content="$body"
|
||||
;;
|
||||
esac
|
||||
|
||||
[ -n "$content" ] || { api_send_json "400" '{"ok":false,"error":"no content"}'; exit 0; }
|
||||
cp "$CONFIG" "${CONFIG}.bak" 2>/dev/null || true
|
||||
printf '%s\n' "$content" > "$CONFIG"
|
||||
api_send_json "200" '{"ok":true,"message":"saved"}'
|
||||
}
|
||||
|
||||
api_reload() {
|
||||
SCRIPT_DIR="$(CDPATH= cd -- "$(dirname "$0")" && pwd)"
|
||||
if "$SCRIPT_DIR/apply.sh" >>"$LOG_FILE" 2>&1; then
|
||||
ts="$(date '+%Y-%m-%d %H:%M:%S')"
|
||||
echo "${ts} reload OK" >>"$LOG_FILE"
|
||||
api_send_json "200" '{"ok":true,"message":"applied"}'
|
||||
else
|
||||
api_send_json "500" '{"ok":false,"error":"apply failed"}'
|
||||
fi
|
||||
}
|
||||
|
||||
api_test_dns() {
|
||||
domain="${QUERY_STRING#*domain=}"
|
||||
domain="${domain%%&*}"
|
||||
domain="$(printf '%s' "$domain" | sed 's/%\([0-9A-F][0-9A-F]\)/\\x\1/g' | xargs -0 printf '%b' 2>/dev/null || echo "$domain")"
|
||||
[ -n "$domain" ] || domain="vk.com"
|
||||
rtype="A"
|
||||
case "$QUERY_STRING" in
|
||||
*type=AAAA*) rtype="AAAA" ;;
|
||||
*type=HTTPS*) rtype="HTTPS" ;;
|
||||
esac
|
||||
|
||||
if command -v dig >/dev/null 2>&1; then
|
||||
dns_port="$(grep '^dns_port:' "$CONFIG" 2>/dev/null | awk '{print $2}')"
|
||||
[ -n "$dns_port" ] || dns_port="53"
|
||||
start_ms="$(date +%s)"
|
||||
out="$(dig @"127.0.0.1" -p "$dns_port" "$domain" "$rtype" +time=3 +tries=1 2>&1)" || out="dig failed"
|
||||
end_ms="$(date +%s)"
|
||||
ms=$(( (end_ms - start_ms) * 1000 ))
|
||||
esc="$(printf '%s' "$out" | json_escape)"
|
||||
api_send_json "200" "{\"ok\":true,\"domain\":\"${domain}\",\"type\":\"${rtype}\",\"ms\":${ms},\"output\":\"${esc}\"}"
|
||||
else
|
||||
api_send_json "503" '{"ok":false,"error":"dig not installed"}'
|
||||
fi
|
||||
}
|
||||
|
||||
api_domains_list() {
|
||||
# Build simple JSON array from domain sets
|
||||
echo -n '{"ok":true,"domains":['
|
||||
first=1
|
||||
if [ -d "${KSD_ETC}/domain-sets" ]; then
|
||||
for f in "${KSD_ETC}"/domain-sets/*.txt; do
|
||||
[ -f "$f" ] || continue
|
||||
group="$(basename "$f" .txt)"
|
||||
upstream="$(awk -v g="$group" '$0 ~ "^ " g ":$" {f=1} f && $0 ~ "upstream:" {print $2; exit}' "$CONFIG" 2>/dev/null)"
|
||||
while IFS= read -r d || [ -n "$d" ]; do
|
||||
d="$(echo "$d" | tr -d '\r')"
|
||||
[ -z "$d" ] && continue
|
||||
case "$d" in \#*) continue ;; esac
|
||||
[ "$first" -eq 1 ] || echo -n ','
|
||||
first=0
|
||||
printf '{"domain":"%s","group":"%s","upstream":"%s"}' "$d" "$group" "${upstream:-yandex-dot}"
|
||||
done < "$f"
|
||||
done
|
||||
fi
|
||||
echo ']}'
|
||||
}
|
||||
|
||||
api_route() {
|
||||
path="${PATH_INFO:-/}"
|
||||
path="${path#/}"
|
||||
method="${REQUEST_METHOD:-GET}"
|
||||
|
||||
api_check_auth
|
||||
|
||||
case "$path" in
|
||||
status|"") api_status ;;
|
||||
config)
|
||||
case "$method" in
|
||||
GET) api_get_config_raw ;;
|
||||
POST) api_save_config ;;
|
||||
*) api_send_json "405" '{"ok":false,"error":"method"}' ;;
|
||||
esac
|
||||
;;
|
||||
domains)
|
||||
body="$(api_domains_list)"
|
||||
api_send_json "200" "$body"
|
||||
;;
|
||||
reload|apply)
|
||||
api_reload
|
||||
;;
|
||||
test)
|
||||
api_test_dns
|
||||
;;
|
||||
*)
|
||||
api_send_json "404" '{"ok":false,"error":"not found"}'
|
||||
;;
|
||||
esac
|
||||
}
|
||||
28
scripts/apply.sh
Executable file
28
scripts/apply.sh
Executable file
@@ -0,0 +1,28 @@
|
||||
#!/bin/sh
|
||||
# Apply configuration: compile, restart services, netfilter
|
||||
|
||||
set -e
|
||||
|
||||
KSD_ETC="${KSD_ETC:-/opt/etc/keenetic-split-dns}"
|
||||
SCRIPT_DIR="$(CDPATH= cd -- "$(dirname "$0")" && pwd)"
|
||||
|
||||
"$SCRIPT_DIR/compile-config.sh"
|
||||
|
||||
if [ -x /opt/etc/init.d/S98smartdns ]; then
|
||||
/opt/etc/init.d/S98smartdns restart || /opt/etc/init.d/S98smartdns start
|
||||
elif [ -x /opt/etc/init.d/S56smartdns ]; then
|
||||
/opt/etc/init.d/S56smartdns restart || true
|
||||
fi
|
||||
|
||||
if [ -x /opt/etc/init.d/S99ksd-web ]; then
|
||||
/opt/etc/init.d/S99ksd-web restart || /opt/etc/init.d/S99ksd-web start
|
||||
fi
|
||||
|
||||
NF="/opt/etc/ndm/netfilter.d/010-keenetic-split-dns.sh"
|
||||
if [ -x "$NF" ]; then
|
||||
"$NF" restart 2>/dev/null || true
|
||||
ndm -p netfilter restart 2>/dev/null || true
|
||||
fi
|
||||
|
||||
echo "Applied keenetic-split-dns configuration."
|
||||
exit 0
|
||||
148
scripts/compile-config.sh
Executable file
148
scripts/compile-config.sh
Executable file
@@ -0,0 +1,148 @@
|
||||
#!/bin/sh
|
||||
# YAML config -> SmartDNS conf + domain sets + lighttpd bind
|
||||
|
||||
set -e
|
||||
|
||||
KSD_ETC="${KSD_ETC:-/opt/etc/keenetic-split-dns}"
|
||||
KSD_SHARE="${KSD_SHARE:-/opt/share/keenetic-split-dns}"
|
||||
CONFIG="${KSD_ETC}/config.yaml"
|
||||
OUT_SMART="${KSD_ETC}/smartdns.conf"
|
||||
OUT_LIGHT="${KSD_ETC}/lighttpd.conf"
|
||||
DOMAIN_DIR="${KSD_ETC}/domain-sets"
|
||||
HEAD="${KSD_SHARE}/smartdns/smartdns.conf.head"
|
||||
|
||||
SCRIPT_DIR="$(CDPATH= cd -- "$(dirname "$0")" && pwd)"
|
||||
DETECT="${SCRIPT_DIR}/detect-lan.sh"
|
||||
|
||||
[ -f "$CONFIG" ] || { echo "Missing $CONFIG" >&2; exit 1; }
|
||||
mkdir -p "$DOMAIN_DIR" "$(dirname "$OUT_SMART")"
|
||||
|
||||
# --- simple YAML getters (key: value / nested under upstreams:) ---
|
||||
yaml_val() {
|
||||
key="$1"
|
||||
awk -v k="$key" '
|
||||
$0 ~ "^" k ": " {
|
||||
v = $0; sub("^" k ": ", "", v)
|
||||
gsub(/^["'\'']|["'\'']$/, "", v)
|
||||
print v; exit
|
||||
}
|
||||
' "$CONFIG"
|
||||
}
|
||||
|
||||
yaml_upstream_field() {
|
||||
uid="$1"
|
||||
field="$2"
|
||||
awk -v id="$uid" -v f="$field" '
|
||||
$0 ~ "^ " id ":$" { inb=1; next }
|
||||
inb && $0 ~ "^ [a-zA-Z0-9_-]+:$" { exit }
|
||||
inb && $0 ~ "^ " f ": " {
|
||||
v=$0; sub("^ " f ": ", "", v)
|
||||
gsub(/^["'\'']|["'\'']$/, "", v)
|
||||
print v; exit
|
||||
}
|
||||
' "$CONFIG"
|
||||
}
|
||||
|
||||
yaml_group_field() {
|
||||
gid="$1"
|
||||
field="$2"
|
||||
awk -v id="$gid" -v f="$field" '
|
||||
$0 ~ "^ " id ":$" { inb=1; next }
|
||||
inb && $0 ~ "^ [a-zA-Z0-9_-]+:$" { exit }
|
||||
inb && $0 ~ "^ " f ": " {
|
||||
v=$0; sub("^ " f ": ", "", v)
|
||||
gsub(/^["'\'']|["'\'']$/, "", v)
|
||||
print v; exit
|
||||
}
|
||||
' "$CONFIG"
|
||||
}
|
||||
|
||||
LAN_IP="$(yaml_val lan_ip)"
|
||||
[ -n "$LAN_IP" ] || LAN_IP="$("$DETECT" lan)"
|
||||
WEB_PORT="$(yaml_val web_port)"
|
||||
[ -n "$WEB_PORT" ] || WEB_PORT="3200"
|
||||
DNS_PORT="$(yaml_val dns_port)"
|
||||
[ -n "$DNS_PORT" ] || DNS_PORT="53"
|
||||
DNS_LISTEN="$(yaml_val dns_listen)"
|
||||
[ -n "$DNS_LISTEN" ] || DNS_LISTEN="0.0.0.0"
|
||||
CACHE_TTL="$(yaml_val cache_ttl_max)"
|
||||
[ -n "$CACHE_TTL" ] || CACHE_TTL="3600"
|
||||
DEFAULT_UP="$(yaml_val default_upstream)"
|
||||
[ -n "$DEFAULT_UP" ] || DEFAULT_UP="isp-default"
|
||||
LOG_Q="$(yaml_val log_queries)"
|
||||
|
||||
# --- SmartDNS header ---
|
||||
{
|
||||
[ -f "$HEAD" ] && cat "$HEAD"
|
||||
echo "bind ${DNS_LISTEN}:${DNS_PORT}"
|
||||
echo "cache-persist no"
|
||||
echo "rr-ttl-max ${CACHE_TTL}"
|
||||
if [ "$LOG_Q" = "true" ] || [ "$LOG_Q" = "1" ]; then
|
||||
echo "log-file /opt/var/log/keenetic-split-dns/smartdns.log"
|
||||
echo "log-size 256k"
|
||||
fi
|
||||
echo ""
|
||||
} > "$OUT_SMART"
|
||||
|
||||
# --- upstream servers ---
|
||||
list_upstream_ids() {
|
||||
awk '/^upstreams:$/,/^[^ ]/ { if ($0 ~ /^ [a-zA-Z0-9_-]+:$/) { gsub(/:$/,"",$1); print substr($1,3) } }' "$CONFIG" | head -20
|
||||
}
|
||||
|
||||
for uid in $(list_upstream_ids); do
|
||||
typ="$(yaml_upstream_field "$uid" type)"
|
||||
addr="$(yaml_upstream_field "$uid" address)"
|
||||
port="$(yaml_upstream_field "$uid" port)"
|
||||
sni="$(yaml_upstream_field "$uid" sni)"
|
||||
[ -n "$port" ] || port="53"
|
||||
|
||||
case "$typ" in
|
||||
dot)
|
||||
host="${sni:-$addr}"
|
||||
echo "server-tls ${host} -address ${addr}:${port} -host-name ${host} -group ${uid} -no-check-certificate" >> "$OUT_SMART"
|
||||
;;
|
||||
doh)
|
||||
url="$(yaml_upstream_field "$uid" url)"
|
||||
[ -n "$url" ] || url="https://${addr}/dns-query"
|
||||
echo "server-https ${url} -group ${uid}" >> "$OUT_SMART"
|
||||
;;
|
||||
*)
|
||||
if [ "$addr" = "auto" ]; then
|
||||
addr="$("$DETECT" isp)"
|
||||
fi
|
||||
echo "server ${addr}:${port} -group ${uid}" >> "$OUT_SMART"
|
||||
;;
|
||||
esac
|
||||
done
|
||||
|
||||
echo "" >> "$OUT_SMART"
|
||||
|
||||
# --- domain groups ---
|
||||
list_group_ids() {
|
||||
awk '/^domain_groups:$/,/^[^ ]/ { if ($0 ~ /^ [a-zA-Z0-9_-]+:$/) { gsub(/:$/,"",$1); print substr($1,3) } }' "$CONFIG"
|
||||
}
|
||||
|
||||
for gid in $(list_group_ids); do
|
||||
upstream="$(yaml_group_field "$gid" upstream)"
|
||||
dset="$(yaml_group_field "$gid" domain_set)"
|
||||
[ -n "$dset" ] || dset="${gid}.txt"
|
||||
dpath="${DOMAIN_DIR}/${dset}"
|
||||
if [ ! -f "$dpath" ] && [ -f "${KSD_SHARE}/domain-sets/${dset}" ]; then
|
||||
cp "${KSD_SHARE}/domain-sets/${dset}" "$dpath"
|
||||
fi
|
||||
[ -f "$dpath" ] || continue
|
||||
echo "domain-set -name ${gid} -file ${dpath}" >> "$OUT_SMART"
|
||||
echo "domain-rules /domain-set:${gid}/ -nameserver ${upstream} -speed-check-mode none" >> "$OUT_SMART"
|
||||
done
|
||||
|
||||
echo "nameserver ${DEFAULT_UP}" >> "$OUT_SMART"
|
||||
echo "default-nameserver ${DEFAULT_UP}" >> "$OUT_SMART"
|
||||
|
||||
# --- lighttpd ---
|
||||
LIGHT_SRC="${KSD_SHARE}/lighttpd/lighttpd.conf"
|
||||
if [ -f "$LIGHT_SRC" ]; then
|
||||
sed "s/LAN_IP_PLACEHOLDER/${LAN_IP}/g; s/server.port = 3200/server.port = ${WEB_PORT}/" "$LIGHT_SRC" > "$OUT_LIGHT"
|
||||
fi
|
||||
|
||||
echo "Compiled: $OUT_SMART"
|
||||
exit 0
|
||||
42
scripts/detect-lan.sh
Executable file
42
scripts/detect-lan.sh
Executable file
@@ -0,0 +1,42 @@
|
||||
#!/bin/sh
|
||||
# Detect Keenetic LAN IP (br0 / ndm)
|
||||
|
||||
set -e
|
||||
|
||||
detect_lan_ip() {
|
||||
ip=""
|
||||
if command -v ip >/dev/null 2>&1; then
|
||||
ip="$(ip -4 addr show br0 2>/dev/null | awk '/inet / {print $2}' | cut -d/ -f1 | head -1)"
|
||||
fi
|
||||
if [ -z "$ip" ] && [ -f /proc/net/route ]; then
|
||||
ip="$(awk '$1=="br0" && $3=="00000000" {print; exit}' /proc/net/route 2>/dev/null | \
|
||||
awk '{printf "%d.%d.%d.%d\n", strtonum("0x" substr($2,7,2)), strtonum("0x" substr($2,5,2)), strtonum("0x" substr($2,3,2)), strtonum("0x" substr($2,1,2))}' 2>/dev/null || true)"
|
||||
fi
|
||||
if [ -z "$ip" ] && command -v ndm >/dev/null 2>&1; then
|
||||
ip="$(ndm -p ip address 2>/dev/null | awk '/inet / && /br0/ {gsub(/\/.*/,"",$2); print $2; exit}')"
|
||||
fi
|
||||
if [ -z "$ip" ]; then
|
||||
ip="192.168.1.1"
|
||||
fi
|
||||
printf '%s' "$ip"
|
||||
}
|
||||
|
||||
detect_isp_dns() {
|
||||
dns=""
|
||||
if command -v ndm >/dev/null 2>&1; then
|
||||
dns="$(ndm -p show dns-proxy 2>/dev/null | awk '/server/ {print $3; exit}' | tr -d "'\")"
|
||||
fi
|
||||
if [ -z "$dns" ]; then
|
||||
dns="$(grep '^nameserver' /etc/resolv.conf 2>/dev/null | awk '{print $2}' | head -1)"
|
||||
fi
|
||||
if [ -z "$dns" ]; then
|
||||
dns="$(detect_lan_ip)"
|
||||
fi
|
||||
printf '%s' "$dns"
|
||||
}
|
||||
|
||||
case "${1:-lan}" in
|
||||
lan) detect_lan_ip ;;
|
||||
isp) detect_isp_dns ;;
|
||||
*) detect_lan_ip ;;
|
||||
esac
|
||||
71
uninstall.sh
Executable file
71
uninstall.sh
Executable file
@@ -0,0 +1,71 @@
|
||||
#!/bin/sh
|
||||
# Keenetic-Split-DNS uninstaller
|
||||
# curl -fsSL https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main/uninstall.sh | sh
|
||||
# Add --purge to remove Entware packages (smartdns, lighttpd)
|
||||
|
||||
set -e
|
||||
|
||||
PURGE=0
|
||||
for arg in "$@"; do
|
||||
case "$arg" in
|
||||
--purge) PURGE=1 ;;
|
||||
esac
|
||||
done
|
||||
|
||||
KSD_ETC="/opt/etc/keenetic-split-dns"
|
||||
KSD_SHARE="/opt/share/keenetic-split-dns"
|
||||
REPO_RAW="${KSD_REPO_RAW:-https://raw.githubusercontent.com/andrey271192/Keenetic-Split-DNS/main}"
|
||||
|
||||
log() { printf '[keenetic-split-dns] %s\n' "$*"; }
|
||||
|
||||
# Allow curl pipe: fetch self not needed
|
||||
|
||||
log "Stopping services..."
|
||||
for s in S99ksd-web S98smartdns S97ksd-compile; do
|
||||
[ -x "/opt/etc/init.d/$s" ] && /opt/etc/init.d/$s stop 2>/dev/null || true
|
||||
done
|
||||
|
||||
NF="/opt/etc/ndm/netfilter.d/010-keenetic-split-dns.sh"
|
||||
if [ -x "$NF" ]; then
|
||||
"$NF" stop 2>/dev/null || true
|
||||
fi
|
||||
ndm -p netfilter restart 2>/dev/null || true
|
||||
|
||||
# Restore dns-override if we touched it
|
||||
STATE="${KSD_ETC}/dns-override.state"
|
||||
if [ -f "$STATE" ]; then
|
||||
case "$(cat "$STATE" 2>/dev/null)" in
|
||||
enabled|before-install)
|
||||
if [ -f /opt/etc/dns-override.conf.ksd-bak ]; then
|
||||
cp /opt/etc/dns-override.conf.ksd-bak /opt/etc/dns-override.conf
|
||||
log "Restored dns-override.conf from backup"
|
||||
else
|
||||
opkg dns-override disable 2>/dev/null || true
|
||||
fi
|
||||
;;
|
||||
esac
|
||||
fi
|
||||
|
||||
log "Removing init scripts..."
|
||||
for s in S99ksd-web S98smartdns S97ksd-compile; do
|
||||
rm -f "/opt/etc/init.d/$s"
|
||||
done
|
||||
|
||||
rm -f /opt/etc/ndm/netfilter.d/010-keenetic-split-dns.sh
|
||||
|
||||
log "Removing files..."
|
||||
rm -rf "$KSD_ETC" "$KSD_SHARE"
|
||||
rm -rf /opt/var/log/keenetic-split-dns /opt/var/run/keenetic-split-dns
|
||||
|
||||
killall smartdns 2>/dev/null || true
|
||||
killall lighttpd 2>/dev/null || true
|
||||
|
||||
if [ "$PURGE" -eq 1 ]; then
|
||||
log "Purging Entware packages (--purge)..."
|
||||
opkg remove smartdns lighttpd lighttpd-mod-cgi 2>/dev/null || true
|
||||
else
|
||||
log "Entware packages kept (use --purge to remove smartdns/lighttpd)"
|
||||
fi
|
||||
|
||||
log "Keenetic-Split-DNS uninstalled."
|
||||
exit 0
|
||||
238
www/app.js
Normal file
238
www/app.js
Normal file
@@ -0,0 +1,238 @@
|
||||
(function () {
|
||||
const API = '/api';
|
||||
const TOKEN_KEY = 'ksd_token';
|
||||
|
||||
const TITLES = {
|
||||
dashboard: 'Обзор',
|
||||
domains: 'Домены',
|
||||
upstreams: 'Upstream-профили',
|
||||
test: 'Проверка DNS',
|
||||
settings: 'Настройки',
|
||||
};
|
||||
|
||||
let state = { domains: [], status: null, yaml: '' };
|
||||
let selectedUpstream = null;
|
||||
|
||||
function token() {
|
||||
return localStorage.getItem(TOKEN_KEY) || '';
|
||||
}
|
||||
|
||||
function headers() {
|
||||
const h = { Accept: 'application/json' };
|
||||
const t = token();
|
||||
if (t) h.Authorization = 'Bearer ' + t;
|
||||
return h;
|
||||
}
|
||||
|
||||
async function api(path, opts = {}) {
|
||||
const res = await fetch(API + path, {
|
||||
...opts,
|
||||
headers: { ...headers(), ...(opts.headers || {}) },
|
||||
});
|
||||
if (res.status === 401) {
|
||||
document.getElementById('auth-gate').classList.remove('hidden');
|
||||
throw new Error('unauthorized');
|
||||
}
|
||||
const text = await res.text();
|
||||
try {
|
||||
return JSON.parse(text);
|
||||
} catch {
|
||||
return { ok: false, raw: text };
|
||||
}
|
||||
}
|
||||
|
||||
function toast(msg) {
|
||||
const t = document.getElementById('toast');
|
||||
t.textContent = '✓ ' + msg;
|
||||
t.classList.add('show');
|
||||
setTimeout(() => t.classList.remove('show'), 2800);
|
||||
}
|
||||
|
||||
function setStatusBadge(running) {
|
||||
const el = document.getElementById('status-badge');
|
||||
el.textContent = running ? 'SmartDNS работает' : 'SmartDNS остановлен';
|
||||
el.className = 'badge badge-dot ' + (running ? 'badge-running' : 'badge-stopped');
|
||||
}
|
||||
|
||||
async function refreshStatus() {
|
||||
const s = await api('/status');
|
||||
state.status = s;
|
||||
const running = s.smartdns && s.smartdns.running;
|
||||
setStatusBadge(running);
|
||||
document.getElementById('stat-status').textContent = running ? 'Работает' : 'Остановлен';
|
||||
document.getElementById('stat-status').style.color = running ? 'var(--success)' : 'var(--danger)';
|
||||
document.getElementById('stat-pid').textContent = 'PID ' + (s.smartdns?.pid || '—');
|
||||
document.getElementById('stat-domains').textContent = s.domains ?? '—';
|
||||
document.getElementById('stat-url').textContent = s.url || '—';
|
||||
document.getElementById('topbar-sub').textContent = s.url ? s.url.replace('http://', '') + ' · lighttpd + CGI' : 'Keenetic Split DNS';
|
||||
if (s.web_port) document.getElementById('sidebar-port').textContent = s.web_port;
|
||||
}
|
||||
|
||||
async function refreshDomains() {
|
||||
const d = await api('/domains');
|
||||
state.domains = d.domains || [];
|
||||
renderDomainsTable();
|
||||
renderUpstreams();
|
||||
const ups = new Set(state.domains.map((x) => x.upstream));
|
||||
document.getElementById('stat-upstreams').textContent = ups.size;
|
||||
document.getElementById('stat-upstream-names').textContent = [...ups].join(', ') || '—';
|
||||
}
|
||||
|
||||
function renderDomainsTable(filter = '') {
|
||||
const tbody = document.querySelector('#domains-table tbody');
|
||||
const q = filter.toLowerCase();
|
||||
tbody.innerHTML = state.domains
|
||||
.filter((x) => !q || x.domain.includes(q))
|
||||
.map(
|
||||
(x) =>
|
||||
`<tr><td><code>${esc(x.domain)}</code></td><td>${esc(x.group)}</td><td><span class="badge-policy">${esc(x.upstream)}</span></td></tr>`
|
||||
)
|
||||
.join('');
|
||||
}
|
||||
|
||||
function renderUpstreams() {
|
||||
const ups = [...new Set(state.domains.map((x) => x.upstream))];
|
||||
const defaultUp = 'isp-default';
|
||||
if (!ups.includes(defaultUp)) ups.push(defaultUp);
|
||||
const list = document.getElementById('upstream-list');
|
||||
list.innerHTML = ups
|
||||
.map(
|
||||
(u) =>
|
||||
`<li data-up="${esc(u)}" class="${u === selectedUpstream ? 'active' : ''}"><code>${esc(u)}</code></li>`
|
||||
)
|
||||
.join('');
|
||||
list.querySelectorAll('li').forEach((li) => {
|
||||
li.addEventListener('click', () => selectUpstream(li.dataset.up));
|
||||
});
|
||||
if (!selectedUpstream && ups.length) selectUpstream(ups[0]);
|
||||
}
|
||||
|
||||
function selectUpstream(id) {
|
||||
selectedUpstream = id;
|
||||
document.querySelectorAll('#upstream-list li').forEach((li) => {
|
||||
li.classList.toggle('active', li.dataset.up === id);
|
||||
});
|
||||
document.getElementById('upstream-detail-title').textContent = id + ' — домены';
|
||||
const rows = state.domains.filter((x) => x.upstream === id);
|
||||
document.getElementById('upstream-domains-tbody').innerHTML = rows
|
||||
.map((x) => `<tr><td><code>${esc(x.domain)}</code></td><td>${esc(x.group)}</td></tr>`)
|
||||
.join('') || '<tr><td colspan="2" class="hint">Нет доменов (остальной трафик — default upstream)</td></tr>';
|
||||
document.getElementById('upstream-detail-body').innerHTML =
|
||||
'<p class="hint">Профили задаются в config.yaml → upstreams. Домены группы ru-services используют yandex-dot по умолчанию.</p>';
|
||||
}
|
||||
|
||||
async function loadConfigYaml() {
|
||||
const res = await fetch(API + '/config', { headers: headers() });
|
||||
if (res.status === 401) {
|
||||
document.getElementById('auth-gate').classList.remove('hidden');
|
||||
return;
|
||||
}
|
||||
state.yaml = await res.text();
|
||||
document.getElementById('config-yaml').value = state.yaml;
|
||||
}
|
||||
|
||||
async function applyConfig() {
|
||||
await api('/reload', { method: 'POST' });
|
||||
toast('Конфиг применён, SmartDNS перезагружен');
|
||||
await refreshAll();
|
||||
}
|
||||
|
||||
async function saveConfig() {
|
||||
const yaml = document.getElementById('config-yaml').value;
|
||||
await api('/config', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'text/plain' },
|
||||
body: yaml,
|
||||
});
|
||||
toast('YAML сохранён — нажмите Применить');
|
||||
}
|
||||
|
||||
async function runTest() {
|
||||
const domain = document.getElementById('test-domain').value.trim() || 'vk.com';
|
||||
const type = document.getElementById('test-type').value;
|
||||
const r = await api('/test?domain=' + encodeURIComponent(domain) + '&type=' + type);
|
||||
const out = document.getElementById('test-output');
|
||||
if (r.output) {
|
||||
out.textContent = r.output.replace(/\\n/g, '\n');
|
||||
document.getElementById('test-latency').textContent = (r.ms || '—') + ' ms';
|
||||
} else {
|
||||
out.textContent = JSON.stringify(r, null, 2);
|
||||
}
|
||||
}
|
||||
|
||||
function esc(s) {
|
||||
return String(s)
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/"/g, '"');
|
||||
}
|
||||
|
||||
async function refreshAll() {
|
||||
await refreshStatus();
|
||||
await refreshDomains();
|
||||
}
|
||||
|
||||
// Nav
|
||||
document.querySelectorAll('.nav-item').forEach((btn) => {
|
||||
btn.addEventListener('click', () => {
|
||||
const tab = btn.dataset.tab;
|
||||
document.querySelectorAll('.nav-item').forEach((b) => b.classList.remove('active'));
|
||||
document.querySelectorAll('.panel').forEach((p) => p.classList.remove('active'));
|
||||
btn.classList.add('active');
|
||||
document.getElementById('panel-' + tab).classList.add('active');
|
||||
document.getElementById('page-title').textContent = TITLES[tab];
|
||||
if (tab === 'settings') loadConfigYaml();
|
||||
});
|
||||
});
|
||||
|
||||
document.getElementById('domain-search')?.addEventListener('input', (e) => renderDomainsTable(e.target.value));
|
||||
document.getElementById('theme-btn').addEventListener('click', () => {
|
||||
const html = document.documentElement;
|
||||
html.dataset.theme = html.dataset.theme === 'dark' ? 'light' : 'dark';
|
||||
});
|
||||
|
||||
['apply-top', 'apply-settings'].forEach((id) => {
|
||||
document.getElementById(id)?.addEventListener('click', () => applyConfig().catch((e) => toast(e.message)));
|
||||
});
|
||||
|
||||
document.getElementById('save-config')?.addEventListener('click', () => saveConfig().catch((e) => toast(e.message)));
|
||||
document.getElementById('run-test')?.addEventListener('click', () => runTest().catch((e) => toast(e.message)));
|
||||
document.querySelectorAll('.quick-test').forEach((b) => {
|
||||
b.addEventListener('click', () => {
|
||||
document.getElementById('test-domain').value = b.dataset.d;
|
||||
runTest();
|
||||
});
|
||||
});
|
||||
|
||||
document.getElementById('auth-save')?.addEventListener('click', () => {
|
||||
const v = document.getElementById('auth-token-input').value.trim();
|
||||
if (v) {
|
||||
localStorage.setItem(TOKEN_KEY, v);
|
||||
document.getElementById('auth-gate').classList.add('hidden');
|
||||
refreshAll();
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('save-token')?.addEventListener('click', () => {
|
||||
const v = document.getElementById('settings-token').value.trim();
|
||||
if (v) {
|
||||
localStorage.setItem(TOKEN_KEY, v);
|
||||
toast('Токен сохранён');
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('btn-export-domains')?.addEventListener('click', () => {
|
||||
const text = state.domains.map((x) => x.domain).join('\n');
|
||||
const a = document.createElement('a');
|
||||
a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(text);
|
||||
a.download = 'domains.txt';
|
||||
a.click();
|
||||
});
|
||||
|
||||
// Init
|
||||
if (token()) {
|
||||
document.getElementById('auth-gate').classList.add('hidden');
|
||||
document.getElementById('settings-token').value = token();
|
||||
}
|
||||
refreshAll().catch(() => {});
|
||||
})();
|
||||
202
www/index.html
Normal file
202
www/index.html
Normal file
@@ -0,0 +1,202 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Keenetic Split DNS</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="auth-gate" class="auth-gate">
|
||||
<div class="card auth-card">
|
||||
<div class="card-header"><h3>Токен API</h3></div>
|
||||
<p class="hint" style="margin-bottom:12px">Токен из <code>/opt/etc/keenetic-split-dns/token</code> (показан при установке)</p>
|
||||
<div class="form-group">
|
||||
<label>Bearer token</label>
|
||||
<input type="password" id="auth-token-input" placeholder="вставьте токен">
|
||||
</div>
|
||||
<button class="btn btn-primary" id="auth-save" style="width:100%">Войти</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app">
|
||||
<aside class="sidebar">
|
||||
<div class="logo">
|
||||
<div class="logo-icon">⚡</div>
|
||||
<div>
|
||||
<h1>Split DNS</h1>
|
||||
<span>SmartDNS · Keenetic</span>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="nav">
|
||||
<button class="nav-item active" data-tab="dashboard">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
|
||||
Обзор
|
||||
</button>
|
||||
<button class="nav-item" data-tab="upstreams">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4"/></svg>
|
||||
Upstream
|
||||
</button>
|
||||
<button class="nav-item" data-tab="domains">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/></svg>
|
||||
Домены
|
||||
</button>
|
||||
<button class="nav-item" data-tab="test">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/></svg>
|
||||
Проверка
|
||||
</button>
|
||||
<button class="nav-item" data-tab="settings">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/></svg>
|
||||
Настройки
|
||||
</button>
|
||||
</nav>
|
||||
<div class="sidebar-footer">
|
||||
<div>Конфиг: <code>/opt/etc/keenetic-split-dns/</code></div>
|
||||
<div style="margin-top:6px">Порт: <code id="sidebar-port">3200</code></div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="main">
|
||||
<header class="topbar">
|
||||
<div class="topbar-left">
|
||||
<h2 id="page-title">Обзор</h2>
|
||||
<p id="topbar-sub">Загрузка…</p>
|
||||
</div>
|
||||
<div class="topbar-actions">
|
||||
<span class="badge badge-running badge-dot" id="status-badge">SmartDNS</span>
|
||||
<button class="btn btn-icon" id="theme-btn" title="Тема">🌓</button>
|
||||
<button class="btn btn-success" id="apply-top">Применить</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="content">
|
||||
<section class="panel active" id="panel-dashboard">
|
||||
<div class="grid grid-4" style="margin-bottom:20px">
|
||||
<div class="card">
|
||||
<div class="card-header"><span class="stat-label">Статус</span><span class="stat-icon" style="background:var(--success-bg)">✓</span></div>
|
||||
<div class="stat-value" id="stat-status" style="font-size:18px">—</div>
|
||||
<div class="stat-label" id="stat-pid">PID —</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><span class="stat-label">Домены</span><span class="stat-icon" style="background:var(--info-bg)">🌐</span></div>
|
||||
<div class="stat-value" id="stat-domains">—</div>
|
||||
<div class="stat-label">в списках split-DNS</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><span class="stat-label">Upstream</span><span class="stat-icon" style="background:var(--warning-bg)">🔗</span></div>
|
||||
<div class="stat-value" id="stat-upstreams">—</div>
|
||||
<div class="stat-label" id="stat-upstream-names">—</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><span class="stat-label">Веб-UI</span><span class="stat-icon" style="background:var(--accent-dim)">🖥</span></div>
|
||||
<div class="stat-value" style="font-size:16px" id="stat-url">—</div>
|
||||
<div class="stat-label">только LAN</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Журнал</h3></div>
|
||||
<div id="log-container"><div class="log-line"><span class="log-time">—</span> Загрузка…</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel" id="panel-upstreams">
|
||||
<div class="toolbar">
|
||||
<button class="btn btn-primary" id="btn-add-upstream">+ Профиль upstream</button>
|
||||
</div>
|
||||
<div class="master-detail">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Профили</h3></div>
|
||||
<ul class="upstream-list" id="upstream-list"></ul>
|
||||
</div>
|
||||
<div class="card" id="upstream-detail">
|
||||
<div class="card-header"><h3 id="upstream-detail-title">Выберите профиль</h3></div>
|
||||
<div id="upstream-detail-body"><p class="hint">Слева — upstream, справа — домены группы с этой политикой.</p></div>
|
||||
<div class="table-wrap" style="margin-top:16px" id="upstream-domains-wrap">
|
||||
<table><thead><tr><th>Домен</th><th>Группа</th></tr></thead><tbody id="upstream-domains-tbody"></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel" id="panel-domains">
|
||||
<div class="toolbar">
|
||||
<div class="search-box">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
|
||||
<input type="search" placeholder="Поиск домена…" id="domain-search">
|
||||
</div>
|
||||
<button class="btn" id="btn-export-domains">Экспорт списка</button>
|
||||
</div>
|
||||
<div class="card" style="padding:0;overflow:hidden">
|
||||
<div class="table-wrap" style="border:none">
|
||||
<table id="domains-table">
|
||||
<thead><tr><th>Домен</th><th>Группа</th><th>Upstream</th></tr></thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel" id="panel-test">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Проверка DNS-запроса</h3></div>
|
||||
<div class="toolbar" style="margin-bottom:0">
|
||||
<div class="form-group" style="flex:1;margin:0">
|
||||
<input type="text" id="test-domain" value="vk.com">
|
||||
</div>
|
||||
<select id="test-type">
|
||||
<option>A</option>
|
||||
<option>AAAA</option>
|
||||
</select>
|
||||
<button class="btn btn-primary" id="run-test">Выполнить</button>
|
||||
</div>
|
||||
<pre class="test-result" id="test-output"># Нажмите «Выполнить»</pre>
|
||||
</div>
|
||||
<div class="grid grid-3" style="margin-top:16px">
|
||||
<div class="card">
|
||||
<div class="stat-label">Быстрые тесты</div>
|
||||
<div style="margin-top:10px;display:flex;flex-wrap:wrap;gap:6px">
|
||||
<button class="btn btn-sm quick-test" data-d="yandex.ru">yandex.ru</button>
|
||||
<button class="btn btn-sm quick-test" data-d="vk.com">vk.com</button>
|
||||
<button class="btn btn-sm quick-test" data-d="google.com">google.com</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="stat-label">Время ответа</div>
|
||||
<div class="stat-value" style="font-size:20px" id="test-latency">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel" id="panel-settings">
|
||||
<div class="apply-banner">
|
||||
<div>
|
||||
<p><strong>Применить конфигурацию</strong> — YAML → SmartDNS + перезагрузка</p>
|
||||
</div>
|
||||
<button class="btn btn-primary" id="apply-settings">⚡ Применить</button>
|
||||
</div>
|
||||
<div class="grid grid-2">
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Токен API</h3></div>
|
||||
<div class="form-group">
|
||||
<label>Текущий токен (localStorage)</label>
|
||||
<input type="password" id="settings-token">
|
||||
</div>
|
||||
<button class="btn" id="save-token">Сохранить токен</button>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header"><h3>Конфиг YAML</h3></div>
|
||||
<div class="form-group">
|
||||
<textarea id="config-yaml" style="min-height:240px"></textarea>
|
||||
</div>
|
||||
<button class="btn btn-primary" id="save-config">Сохранить YAML</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toast" id="toast">✓ Готово</div>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
337
www/style.css
Normal file
337
www/style.css
Normal file
@@ -0,0 +1,337 @@
|
||||
:root {
|
||||
--accent: #f5a623;
|
||||
--accent-dim: rgba(245, 166, 35, 0.15);
|
||||
--bg: #0f1114;
|
||||
--bg-elevated: #181b20;
|
||||
--bg-card: #1e2229;
|
||||
--border: #2a3038;
|
||||
--text: #e8eaed;
|
||||
--text-muted: #8b939e;
|
||||
--success: #3dd68c;
|
||||
--success-bg: rgba(61, 214, 140, 0.12);
|
||||
--danger: #f07178;
|
||||
--danger-bg: rgba(240, 113, 120, 0.12);
|
||||
--warning: #f5a623;
|
||||
--warning-bg: rgba(245, 166, 35, 0.12);
|
||||
--info: #6cb6ff;
|
||||
--info-bg: rgba(108, 182, 255, 0.12);
|
||||
--shadow: 0 4px 24px rgba(0,0,0,0.4);
|
||||
--radius: 10px;
|
||||
--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
--mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;
|
||||
}
|
||||
[data-theme="light"] {
|
||||
--bg: #f4f5f7;
|
||||
--bg-elevated: #ffffff;
|
||||
--bg-card: #ffffff;
|
||||
--border: #dde1e6;
|
||||
--text: #1a1d21;
|
||||
--text-muted: #5c6570;
|
||||
--shadow: 0 4px 20px rgba(0,0,0,0.08);
|
||||
--success-bg: rgba(34, 160, 107, 0.1);
|
||||
--danger-bg: rgba(220, 53, 69, 0.1);
|
||||
--warning-bg: rgba(245, 166, 35, 0.12);
|
||||
--info-bg: rgba(13, 110, 253, 0.08);
|
||||
}
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
font-family: var(--font);
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.app { display: flex; min-height: 100vh; }
|
||||
.sidebar {
|
||||
width: 240px;
|
||||
background: var(--bg-elevated);
|
||||
border-right: 1px solid var(--border);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.logo {
|
||||
padding: 20px 18px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.logo-icon {
|
||||
width: 36px; height: 36px;
|
||||
background: linear-gradient(135deg, var(--accent), #e07800);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
.logo h1 { font-size: 15px; font-weight: 600; }
|
||||
.logo span { font-size: 11px; color: var(--text-muted); display: block; }
|
||||
.nav { padding: 12px 8px; flex: 1; }
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 12px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
background: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.nav-item:hover { background: var(--accent-dim); color: var(--text); }
|
||||
.nav-item.active { background: var(--accent-dim); color: var(--accent); font-weight: 500; }
|
||||
.nav-item svg { width: 18px; height: 18px; flex-shrink: 0; opacity: 0.85; }
|
||||
.sidebar-footer {
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid var(--border);
|
||||
font-size: 11px;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.sidebar-footer code { font-family: var(--mono); font-size: 10px; color: var(--accent); }
|
||||
.main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
||||
.topbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 14px 24px;
|
||||
background: var(--bg-elevated);
|
||||
border-bottom: 1px solid var(--border);
|
||||
gap: 16px;
|
||||
}
|
||||
.topbar-left h2 { font-size: 18px; font-weight: 600; }
|
||||
.topbar-left p { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
|
||||
.topbar-actions { display: flex; align-items: center; gap: 10px; }
|
||||
.content { padding: 24px; flex: 1; overflow-y: auto; }
|
||||
.panel { display: none; animation: fadeIn 0.2s ease; }
|
||||
.panel.active { display: block; }
|
||||
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 14px;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--bg-card);
|
||||
color: var(--text);
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.btn:hover { border-color: var(--text-muted); }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: #1a1d21; }
|
||||
.btn-primary:hover { filter: brightness(1.08); }
|
||||
.btn-success { background: var(--success); border-color: var(--success); color: #0a1a12; }
|
||||
.btn-ghost { background: transparent; }
|
||||
.btn-sm { padding: 5px 10px; font-size: 12px; }
|
||||
.btn-icon { padding: 8px; }
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.badge-running { background: var(--success-bg); color: var(--success); }
|
||||
.badge-stopped { background: var(--danger-bg); color: var(--danger); }
|
||||
.badge-dot::before {
|
||||
content: "";
|
||||
width: 6px; height: 6px;
|
||||
border-radius: 50%;
|
||||
background: currentColor;
|
||||
}
|
||||
.badge-running.badge-dot::before { animation: pulse 2s infinite; }
|
||||
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
|
||||
.badge-policy { background: var(--info-bg); color: var(--info); font-size: 11px; text-transform: none; letter-spacing: 0; font-weight: 500; padding: 2px 8px; border-radius: 4px; }
|
||||
.grid { display: grid; gap: 16px; }
|
||||
.grid-4 { grid-template-columns: repeat(4, 1fr); }
|
||||
.grid-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
.grid-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
@media (max-width: 1100px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
|
||||
@media (max-width: 700px) { .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } .sidebar { display: none; } }
|
||||
.card {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 18px;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.card-header h3 { font-size: 14px; font-weight: 600; }
|
||||
.stat-value { font-size: 28px; font-weight: 700; line-height: 1.2; }
|
||||
.stat-label { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
|
||||
.stat-icon {
|
||||
width: 40px; height: 40px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
.table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--border); }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||||
th, td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border); }
|
||||
th { background: var(--bg-elevated); color: var(--text-muted); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; }
|
||||
tr:last-child td { border-bottom: none; }
|
||||
tr:hover td { background: var(--accent-dim); }
|
||||
td code { font-family: var(--mono); font-size: 12px; color: var(--info); }
|
||||
.row-actions { display: flex; gap: 4px; }
|
||||
.toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.search-box {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
position: relative;
|
||||
}
|
||||
.search-box input {
|
||||
width: 100%;
|
||||
padding: 8px 12px 8px 36px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: var(--bg-elevated);
|
||||
color: var(--text);
|
||||
font-size: 13px;
|
||||
}
|
||||
.search-box input:focus { outline: none; border-color: var(--accent); }
|
||||
.search-box svg { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--text-muted); }
|
||||
.form-group { margin-bottom: 14px; }
|
||||
.form-group label { display: block; font-size: 12px; font-weight: 500; color: var(--text-muted); margin-bottom: 5px; }
|
||||
.form-group input, .form-group select, .form-group textarea {
|
||||
width: 100%;
|
||||
padding: 9px 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: var(--bg-elevated);
|
||||
color: var(--text);
|
||||
font-size: 13px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.form-group textarea { min-height: 100px; font-family: var(--mono); font-size: 12px; resize: vertical; }
|
||||
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
||||
.hint { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
|
||||
.test-result {
|
||||
margin-top: 16px;
|
||||
padding: 16px;
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
font-family: var(--mono);
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.test-result .ok { color: var(--success); }
|
||||
.test-result .meta { color: var(--text-muted); }
|
||||
.modal-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0,0,0,0.55);
|
||||
z-index: 100;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.modal-overlay.open { display: flex; }
|
||||
.modal {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
width: 100%;
|
||||
max-width: 480px;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.modal-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 18px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.modal-header h3 { font-size: 16px; }
|
||||
.modal-body { padding: 18px; }
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.toast {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 24px;
|
||||
padding: 12px 18px;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--success);
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
box-shadow: var(--shadow);
|
||||
display: none;
|
||||
z-index: 200;
|
||||
animation: slideUp 0.3s ease;
|
||||
}
|
||||
.toast.show { display: block; }
|
||||
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } }
|
||||
.apply-banner {
|
||||
background: linear-gradient(90deg, var(--accent-dim), transparent);
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: var(--radius);
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.apply-banner p { font-size: 13px; }
|
||||
.apply-banner strong { color: var(--accent); }
|
||||
.split-layout { display: grid; grid-template-columns: 1fr 320px; gap: 16px; }
|
||||
.master-detail { display: grid; grid-template-columns: 280px 1fr; gap: 16px; min-height: 360px; }
|
||||
.upstream-list { list-style: none; }
|
||||
.upstream-list li {
|
||||
padding: 10px 12px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 4px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.upstream-list li:hover { background: var(--accent-dim); }
|
||||
.upstream-list li.active { border-color: var(--accent); background: var(--accent-dim); color: var(--accent); }
|
||||
.log-line { font-family: var(--mono); font-size: 11px; color: var(--text-muted); padding: 4px 0; border-bottom: 1px solid var(--border); }
|
||||
.log-line:last-child { border: none; }
|
||||
.log-time { color: var(--accent); margin-right: 8px; }
|
||||
.auth-gate {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: var(--bg);
|
||||
z-index: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.auth-gate.hidden { display: none; }
|
||||
.auth-card { max-width: 400px; width: 100%; }
|
||||
Reference in New Issue
Block a user