M4andCursor
621c847cb3
Clear sysproxy on core death; probe+reconnect; subscription prune; Best ignores soft UDP; Windows tray; Android protocol gate; CI workflows. Co-authored-by: Cursor <cursoragent@cursor.com>
702 lines
26 KiB
JavaScript
702 lines
26 KiB
JavaScript
// HTTP bridge for macOS GUI (Windows WebView2 already binds these as natives).
|
||
(function () {
|
||
const methods = [
|
||
"getState","getEditState","connect","disconnect","connectProfile","saveProfile","createProfile",
|
||
"selectProfile","deleteProfile","installCore","openURL","pingServers","pingBest",
|
||
"checkUpdate","applyUpdate","saveHy2","importSubscription","getLogs","probeTunnel","savePrefs","quit"
|
||
];
|
||
if (typeof window.getState === "function") return;
|
||
window.__navisHttp = true;
|
||
async function call(name, args) {
|
||
const headers = { "Content-Type": "application/json" };
|
||
if (window.__NAVIS_TOKEN__) headers["X-Navis-Token"] = window.__NAVIS_TOKEN__;
|
||
const r = await fetch("/api/" + name, {
|
||
method: "POST",
|
||
headers: headers,
|
||
body: JSON.stringify({ args: args || [] })
|
||
});
|
||
if (r.status === 401) throw "unauthorized";
|
||
const j = await r.json();
|
||
if (j && j.error) throw j.error;
|
||
return j ? j.result : null;
|
||
}
|
||
methods.forEach((name) => {
|
||
window[name] = function () {
|
||
return call(name, Array.prototype.slice.call(arguments));
|
||
};
|
||
});
|
||
})();
|
||
const $ = (id) => document.getElementById(id);
|
||
const meta = $("meta");
|
||
const btn = $("toggleBtn");
|
||
const coreBtn = $("coreBtn");
|
||
const saveBtn = $("saveBtn");
|
||
const addBtn = $("addBtn");
|
||
const delBtn = $("delBtn");
|
||
const proxy = $("proxy");
|
||
const nameInput = $("name");
|
||
const sysproxy = $("sysproxy");
|
||
const bootConnect = $("bootConnect");
|
||
const autoReconnect = $("autoReconnect");
|
||
const logTail = $("logTail");
|
||
const logRefreshBtn = $("logRefreshBtn");
|
||
const probeBtn = $("probeBtn");
|
||
const profile = $("profile");
|
||
const dot = $("dot");
|
||
const statusText = $("statusText");
|
||
const modal = $("modal");
|
||
const shopBtn = $("shopBtn");
|
||
const shopLink = $("shopLink");
|
||
const pingBtn = $("pingBtn");
|
||
const bestBtn = $("bestBtn");
|
||
const autoBest = $("autoBest");
|
||
const serverList = $("serverList");
|
||
const updCheckBtn = $("updCheckBtn");
|
||
const updateBanner = $("updateBanner");
|
||
const updateBtn = $("updateBtn");
|
||
const skipUpdateBtn = $("skipUpdateBtn");
|
||
const verLabel = $("verLabel");
|
||
const SKIP_UPDATE_KEY = "navis.skipUpdateVersion";
|
||
function skippedVersion() {
|
||
try { return localStorage.getItem(SKIP_UPDATE_KEY) || ""; } catch (_) { return ""; }
|
||
}
|
||
function setSkippedVersion(v) {
|
||
try {
|
||
if (v) localStorage.setItem(SKIP_UPDATE_KEY, String(v));
|
||
else localStorage.removeItem(SKIP_UPDATE_KEY);
|
||
} catch (_) {}
|
||
}
|
||
const quitBtn = $("quitBtn");
|
||
if (window.__navisHttp && quitBtn) {
|
||
quitBtn.hidden = false;
|
||
quitBtn.style.display = "block";
|
||
quitBtn.addEventListener("click", () => {
|
||
withBusy(async () => {
|
||
setMeta("Выход…");
|
||
try { await quit(); } catch (_) {}
|
||
});
|
||
});
|
||
}
|
||
const subUrl = $("subUrl");
|
||
const subBtn = $("subBtn");
|
||
const hero = $("hero");
|
||
const protoChip = $("protoChip");
|
||
const heroHint = $("heroHint");
|
||
const SHOP_URL = "https://evilfox.win/";
|
||
const AUTO_BEST_KEY = "navis.autoBest";
|
||
const THEME_KEY = "navis.theme";
|
||
|
||
(function initThemeToggle() {
|
||
const btn = $("themeBtn");
|
||
if (!btn) return;
|
||
const apply = (theme) => {
|
||
document.documentElement.setAttribute("data-theme", theme);
|
||
try { localStorage.setItem(THEME_KEY, theme); } catch (_) {}
|
||
btn.title = theme === "dark" ? "Светлая тема" : "Тёмная тема";
|
||
btn.setAttribute("aria-label", btn.title);
|
||
};
|
||
btn.addEventListener("click", () => {
|
||
const cur = document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
|
||
apply(cur === "dark" ? "light" : "dark");
|
||
});
|
||
const cur = document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
|
||
btn.title = cur === "dark" ? "Светлая тема" : "Тёмная тема";
|
||
btn.setAttribute("aria-label", btn.title);
|
||
})();
|
||
|
||
try {
|
||
const saved = localStorage.getItem(AUTO_BEST_KEY);
|
||
autoBest.checked = saved === "1";
|
||
} catch (_) {}
|
||
autoBest.addEventListener("change", () => {
|
||
try { localStorage.setItem(AUTO_BEST_KEY, autoBest.checked ? "1" : "0"); } catch (_) {}
|
||
});
|
||
|
||
function readHy2() {
|
||
return {
|
||
congestion: $("hy2Congestion").value,
|
||
bbr_profile: $("hy2Bbr").value,
|
||
bandwidth_up: $("hy2Up").value.trim(),
|
||
bandwidth_down: $("hy2Down").value.trim(),
|
||
obfs: $("hy2Obfs").value,
|
||
obfs_password: $("hy2ObfsPass").value.trim(),
|
||
sni: $("hy2Sni").value.trim(),
|
||
insecure: !!$("hy2Insecure").checked,
|
||
pin_sha256: $("hy2Pin").value.trim(),
|
||
fast_open: !!$("hy2Fast").checked,
|
||
lazy: !!$("hy2Lazy").checked,
|
||
hop_interval: $("hy2Hop").value.trim()
|
||
};
|
||
}
|
||
|
||
function fillHy2(h) {
|
||
if (!h) return;
|
||
if (h.congestion) $("hy2Congestion").value = h.congestion;
|
||
if (h.bbr_profile) $("hy2Bbr").value = h.bbr_profile;
|
||
$("hy2Up").value = h.bandwidth_up || "";
|
||
$("hy2Down").value = h.bandwidth_down || "";
|
||
$("hy2Obfs").value = h.obfs || "";
|
||
$("hy2ObfsPass").value = h.obfs_password || "";
|
||
$("hy2Sni").value = h.sni || "";
|
||
$("hy2Pin").value = h.pin_sha256 || "";
|
||
$("hy2Hop").value = h.hop_interval || "";
|
||
$("hy2Insecure").checked = !!h.insecure;
|
||
$("hy2Fast").checked = !!h.fast_open;
|
||
$("hy2Lazy").checked = !!h.lazy;
|
||
}
|
||
|
||
async function persistHy2IfNeeded(protocol) {
|
||
const p = (protocol || "").toLowerCase();
|
||
const link = proxy.value.trim().toLowerCase();
|
||
if (p === "hysteria2" || link.startsWith("hysteria2://") || link.startsWith("hy2://")) {
|
||
await saveHy2(readHy2());
|
||
}
|
||
}
|
||
|
||
let busy = false;
|
||
let connected = false;
|
||
let formHydrated = false;
|
||
let dirty = false;
|
||
let profiles = [];
|
||
let pingMap = {};
|
||
let metaHoldUntil = 0;
|
||
|
||
function markDirty() { dirty = true; }
|
||
[
|
||
proxy, nameInput, sysproxy, subUrl,
|
||
$("hy2Congestion"), $("hy2Bbr"), $("hy2Up"), $("hy2Down"),
|
||
$("hy2Obfs"), $("hy2ObfsPass"), $("hy2Sni"), $("hy2Pin"), $("hy2Hop"),
|
||
$("hy2Insecure"), $("hy2Fast"), $("hy2Lazy")
|
||
].forEach((el) => {
|
||
if (!el) return;
|
||
el.addEventListener("input", markDirty);
|
||
el.addEventListener("change", markDirty);
|
||
});
|
||
|
||
function setMeta(text, kind) {
|
||
meta.textContent = text || "";
|
||
meta.classList.remove("ok", "err");
|
||
if (kind === "ok") meta.classList.add("ok");
|
||
if (kind === "err") meta.classList.add("err");
|
||
if (kind === "ok" || kind === "err") metaHoldUntil = Date.now() + 8000;
|
||
}
|
||
|
||
function detectProtoLabel(state, active) {
|
||
const p = (state.protocol || active.protocol || "").toLowerCase();
|
||
const link = (typeof state.proxy === "string" ? state.proxy : (active.proxy || "")).trim().toLowerCase();
|
||
if (p) return p;
|
||
if (link.startsWith("vless://")) return "vless";
|
||
if (link.startsWith("vmess://")) return "vmess";
|
||
if (link.startsWith("trojan://")) return "trojan";
|
||
if (link.startsWith("hysteria2://") || link.startsWith("hy2://")) return "hysteria2";
|
||
if (link.startsWith("awg://") || link.includes("[interface]")) return "awg";
|
||
if (link.startsWith("naive") || link.startsWith("https://") || link.startsWith("quic://")) return "naive";
|
||
return "протокол";
|
||
}
|
||
|
||
function msClass(ms, ok) {
|
||
if (!ok) return "bad";
|
||
if (ms < 80) return "good";
|
||
if (ms < 180) return "ok";
|
||
if (ms < 350) return "mid";
|
||
return "bad";
|
||
}
|
||
|
||
function rememberPings(pings) {
|
||
pingMap = {};
|
||
(pings || []).forEach((p) => { pingMap[p.name] = p; });
|
||
}
|
||
|
||
let listFP = "";
|
||
|
||
function profilesFingerprint(state) {
|
||
const parts = [
|
||
state.connected ? "1" : "0",
|
||
state.active_profile || state.profile || "",
|
||
];
|
||
(state.profiles || []).forEach((p) => {
|
||
parts.push(p.name + "|" + (p.protocol || "") + "|" + (p.host || ""));
|
||
});
|
||
(state.pings || []).forEach((p) => {
|
||
parts.push(p.name + "|" + (p.ok ? 1 : 0) + "|" + (p.soft ? 1 : 0) + "|" + (p.ms || 0) + "|" + (p.error || ""));
|
||
});
|
||
return parts.join("\n");
|
||
}
|
||
|
||
function fillProfiles(list, active) {
|
||
profiles = list || [];
|
||
const cur = profile.value;
|
||
profile.innerHTML = "";
|
||
profiles.forEach((p) => {
|
||
const opt = document.createElement("option");
|
||
opt.value = p.name;
|
||
opt.textContent = p.name;
|
||
profile.appendChild(opt);
|
||
});
|
||
const want = active || cur || (profiles[0] && profiles[0].name);
|
||
if (want) profile.value = want;
|
||
renderServerList(want);
|
||
}
|
||
|
||
function orderedProfiles() {
|
||
const list = profiles.slice();
|
||
list.sort((a, b) => {
|
||
const pa = pingMap[a.name], pb = pingMap[b.name];
|
||
const oa = pa && pa.ok, ob = pb && pb.ok;
|
||
if (oa !== ob) return oa ? -1 : 1;
|
||
if (oa && ob && pa.ms !== pb.ms) return pa.ms - pb.ms;
|
||
return String(a.name).localeCompare(String(b.name));
|
||
});
|
||
return list;
|
||
}
|
||
|
||
function renderServerList(activeName) {
|
||
const active = activeName || profile.value;
|
||
serverList.innerHTML = "";
|
||
const list = orderedProfiles();
|
||
if (!list.length) {
|
||
const empty = document.createElement("div");
|
||
empty.className = "server-empty";
|
||
empty.textContent = "Нет серверов — добавьте профиль или подписку";
|
||
serverList.appendChild(empty);
|
||
return;
|
||
}
|
||
list.forEach((p) => {
|
||
const row = document.createElement("button");
|
||
row.type = "button";
|
||
row.className = "server-row" + (p.name === active ? " active" : "");
|
||
row.dataset.name = p.name;
|
||
|
||
const left = document.createElement("div");
|
||
left.className = "left";
|
||
const nameEl = document.createElement("div");
|
||
nameEl.className = "name";
|
||
nameEl.textContent = p.name;
|
||
const sub = document.createElement("div");
|
||
sub.className = "sub";
|
||
sub.textContent = p.host || "нет хоста";
|
||
left.appendChild(nameEl);
|
||
left.appendChild(sub);
|
||
|
||
const right = document.createElement("div");
|
||
right.className = "right";
|
||
const proto = document.createElement("span");
|
||
proto.className = "proto";
|
||
proto.textContent = (p.protocol || "?").toString();
|
||
const ms = document.createElement("span");
|
||
const pr = pingMap[p.name];
|
||
if (pr && pr.ok) {
|
||
ms.className = "ms " + msClass(pr.ms, true);
|
||
ms.textContent = (pr.soft ? "~" : "") + pr.ms + " ms";
|
||
if (pr.soft) ms.title = "soft-up (UDP без ответа) — не выбирается как «Лучший»";
|
||
} else if (pr && pr.error) {
|
||
ms.className = "ms bad";
|
||
ms.textContent = "—";
|
||
ms.title = pr.error;
|
||
} else {
|
||
ms.className = "ms";
|
||
ms.textContent = "…";
|
||
}
|
||
right.appendChild(proto);
|
||
right.appendChild(ms);
|
||
|
||
row.appendChild(left);
|
||
row.appendChild(right);
|
||
row.addEventListener("click", () => onServerClick(p.name));
|
||
row.addEventListener("dblclick", () => onServerConnect(p.name));
|
||
serverList.appendChild(row);
|
||
});
|
||
}
|
||
|
||
async function onServerClick(name) {
|
||
if (busy) return;
|
||
if (connected) {
|
||
if (name !== profile.value) await onServerConnect(name);
|
||
return;
|
||
}
|
||
await withBusy(async () => {
|
||
await selectProfile(name);
|
||
dirty = false;
|
||
formHydrated = false;
|
||
});
|
||
}
|
||
|
||
async function onServerConnect(name) {
|
||
if (busy) return;
|
||
await withBusy(async () => {
|
||
setMeta("Подключение к «" + name + "»…");
|
||
await connectProfile(name);
|
||
setMeta("Подключено: " + name, "ok");
|
||
});
|
||
}
|
||
|
||
function renderUpdate(u, version) {
|
||
verLabel.textContent = "Navis v" + (version || "?");
|
||
const badge = $("badgeVer");
|
||
if (badge && version) badge.textContent = version;
|
||
if (!u) {
|
||
updateBanner.classList.remove("show");
|
||
return;
|
||
}
|
||
const latest = (u.latest || "").toString();
|
||
const skip = skippedVersion();
|
||
if (u.available && latest && skip === latest) {
|
||
updateBanner.classList.remove("show");
|
||
return;
|
||
}
|
||
if (u.available) {
|
||
updateBanner.classList.add("show");
|
||
$("updateTitle").textContent = "Доступно обновление " + latest;
|
||
$("updateNotes").textContent = u.notes || ("У вас " + (u.current || version || "?") + ". Обновление только по кнопке.");
|
||
updateBanner.dataset.latest = latest;
|
||
} else {
|
||
updateBanner.classList.remove("show");
|
||
}
|
||
}
|
||
|
||
function paint(state, opts) {
|
||
const syncForm = opts && opts.syncForm;
|
||
connected = !!state.connected;
|
||
dot.classList.toggle("on", connected);
|
||
hero.classList.toggle("on", connected);
|
||
statusText.textContent = connected
|
||
? ("Подключено" + (state.profile ? " · " + state.profile : ""))
|
||
: "Отключено";
|
||
btn.textContent = connected ? "Отключить" : "Подключить";
|
||
btn.classList.toggle("danger", connected);
|
||
|
||
const lock = connected || busy;
|
||
proxy.disabled = lock;
|
||
nameInput.disabled = lock;
|
||
sysproxy.disabled = lock;
|
||
if (bootConnect) bootConnect.disabled = busy;
|
||
if (autoReconnect) autoReconnect.disabled = busy;
|
||
if (probeBtn) probeBtn.disabled = busy || !connected;
|
||
if (logRefreshBtn) logRefreshBtn.disabled = busy;
|
||
profile.disabled = lock;
|
||
addBtn.disabled = lock;
|
||
delBtn.disabled = lock || ((state.profiles || profiles).length <= 1);
|
||
saveBtn.disabled = lock;
|
||
coreBtn.disabled = busy;
|
||
pingBtn.disabled = busy;
|
||
bestBtn.disabled = busy;
|
||
updCheckBtn.disabled = busy;
|
||
updateBtn.disabled = busy;
|
||
subBtn.disabled = busy;
|
||
subUrl.disabled = busy;
|
||
btn.disabled = busy;
|
||
|
||
rememberPings(state.pings || []);
|
||
const fp = profilesFingerprint(state);
|
||
if (syncForm || fp !== listFP) {
|
||
listFP = fp;
|
||
fillProfiles(state.profiles || [], state.active_profile || state.profile);
|
||
}
|
||
renderUpdate(state.update, state.version);
|
||
if (typeof state.subscription_url === "string" && !dirty) {
|
||
subUrl.value = state.subscription_url;
|
||
}
|
||
|
||
if (syncForm || (!formHydrated && !dirty)) {
|
||
const active = (state.profiles || []).find((p) => p.name === profile.value) || {};
|
||
nameInput.value = active.name || state.active_profile || "";
|
||
proxy.value = typeof state.proxy === "string" ? state.proxy : (active.proxy || "");
|
||
if (typeof state.system_proxy === "boolean") sysproxy.checked = state.system_proxy;
|
||
if (bootConnect && typeof state.connect_on_launch === "boolean") bootConnect.checked = state.connect_on_launch;
|
||
if (autoReconnect && typeof state.auto_reconnect === "boolean") autoReconnect.checked = state.auto_reconnect;
|
||
fillHy2(state.hy2);
|
||
formHydrated = true;
|
||
if (syncForm) dirty = false;
|
||
}
|
||
|
||
const active = (state.profiles || []).find((p) => p.name === profile.value) || {};
|
||
const label = detectProtoLabel(state, active);
|
||
protoChip.textContent = label;
|
||
protoChip.classList.toggle("active", !!state.connected || label !== "протокол");
|
||
const hy2 = (label === "hysteria2" || label === "hy2");
|
||
if ($("hy2Box")) $("hy2Box").style.display = hy2 ? "" : "none";
|
||
|
||
let detail = "";
|
||
if (connected) {
|
||
const parts = [];
|
||
if (state.http_proxy) parts.push("HTTP " + state.http_proxy);
|
||
if (state.socks_proxy) parts.push("SOCKS " + state.socks_proxy);
|
||
detail = parts.join(" · ") || "Туннель активен";
|
||
heroHint.textContent = detail;
|
||
} else if (state.core_ready === false) {
|
||
detail = "Сначала установите cores в разделе «Сервис»";
|
||
heroHint.textContent = "Нужны cores для выбранного протокола";
|
||
} else {
|
||
const n = (state.profiles || []).length;
|
||
detail = n > 1 ? ("Серверов: " + n + " · нажмите Пинг или Лучший") : "Готово к подключению";
|
||
heroHint.textContent = n > 1 ? "Клик — выбрать, двойной клик — подключить" : "Выберите сервер и нажмите Подключить";
|
||
}
|
||
if (!busy && Date.now() > metaHoldUntil) {
|
||
if (!connected && state.last_error) setMeta(state.last_error, "err");
|
||
else setMeta(detail, state.core_ready === false ? "err" : "");
|
||
metaHoldUntil = 0;
|
||
}
|
||
}
|
||
|
||
async function persistPrefs() {
|
||
if (typeof savePrefs !== "function") return;
|
||
await savePrefs(!!(bootConnect && bootConnect.checked), !!(autoReconnect && autoReconnect.checked), !!sysproxy.checked);
|
||
}
|
||
|
||
async function refresh(opts) {
|
||
const needSecrets = !!(opts && opts.syncForm) || (!formHydrated && !dirty);
|
||
let state;
|
||
if (needSecrets && typeof getEditState === "function") {
|
||
state = await getEditState();
|
||
} else {
|
||
state = await getState();
|
||
}
|
||
paint(state, opts);
|
||
return state;
|
||
}
|
||
|
||
function fmtErr(e) {
|
||
if (e == null) return "ошибка";
|
||
if (typeof e === "string") return e;
|
||
if (typeof e === "object" && e.message) return String(e.message);
|
||
return String(e);
|
||
}
|
||
|
||
async function withBusy(fn) {
|
||
if (busy) return;
|
||
busy = true;
|
||
paintButtonsLocked(true);
|
||
try {
|
||
await fn();
|
||
} catch (e) {
|
||
setMeta(fmtErr(e), "err");
|
||
} finally {
|
||
busy = false;
|
||
try {
|
||
await refresh({ syncForm: true });
|
||
} catch (e) {
|
||
setMeta(fmtErr(e), "err");
|
||
paintButtonsLocked(false);
|
||
}
|
||
}
|
||
}
|
||
|
||
function paintButtonsLocked(locked) {
|
||
[btn, coreBtn, saveBtn, addBtn, delBtn, profile, pingBtn, bestBtn, updCheckBtn, updateBtn, skipUpdateBtn, subBtn, subUrl].forEach((b) => {
|
||
if (b) b.disabled = locked;
|
||
});
|
||
}
|
||
|
||
async function runBest(autoConnect) {
|
||
setMeta(autoConnect ? "Пинг и автоподключение…" : "Пинг и выбор лучшего…");
|
||
const res = await pingBest(!!autoConnect);
|
||
rememberPings(res.pings || []);
|
||
renderServerList(res.best_name || profile.value);
|
||
if (res.best_name) {
|
||
setMeta("Лучший: " + res.best_name + " · " + res.best_ms + " ms" + (res.connected ? " · подключено" : ""), "ok");
|
||
}
|
||
return res;
|
||
}
|
||
|
||
profile.addEventListener("change", () => withBusy(async () => {
|
||
await selectProfile(profile.value);
|
||
dirty = false;
|
||
formHydrated = false;
|
||
}));
|
||
|
||
btn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
if (connected) {
|
||
setMeta("Отключение…");
|
||
await disconnect();
|
||
setMeta("Отключено", "ok");
|
||
} else {
|
||
setMeta("Подключение…");
|
||
await saveProfile(nameInput.value.trim() || profile.value, proxy.value.trim(), !!sysproxy.checked);
|
||
await persistHy2IfNeeded();
|
||
await connect();
|
||
setMeta("Туннель активен", "ok");
|
||
}
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
saveBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
await saveProfile(nameInput.value.trim() || profile.value, proxy.value.trim(), !!sysproxy.checked);
|
||
await persistHy2IfNeeded();
|
||
setMeta("Профиль сохранён", "ok");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
coreBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
setMeta("Скачивание official cores…");
|
||
const path = await installCore();
|
||
setMeta("Cores готовы: " + path, "ok");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
delBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
if (!confirm("Удалить профиль «" + profile.value + "»?")) return;
|
||
await deleteProfile(profile.value);
|
||
formHydrated = false;
|
||
dirty = false;
|
||
setMeta("Профиль удалён", "ok");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
addBtn.addEventListener("click", () => {
|
||
$("newName").value = "";
|
||
$("newProxy").value = "";
|
||
const me = $("modalErr");
|
||
if (me) { me.style.display = "none"; me.textContent = ""; me.className = "meta"; }
|
||
modal.classList.add("open");
|
||
$("newName").focus();
|
||
});
|
||
$("cancelNew").addEventListener("click", () => modal.classList.remove("open"));
|
||
modal.addEventListener("click", (e) => {
|
||
if (e.target === modal) modal.classList.remove("open");
|
||
});
|
||
function sanitizeShare(s) {
|
||
return String(s || "")
|
||
.replace(/[\u200B-\u200D\u2060\uFEFF\u2066-\u2069\u200E\u200F\u202A-\u202E]/g, "")
|
||
.trim();
|
||
}
|
||
$("createNew").addEventListener("click", () => withBusy(async () => {
|
||
const me = $("modalErr");
|
||
const showModalErr = (msg) => {
|
||
if (!me) { setMeta(String(msg), "err"); return; }
|
||
me.style.display = "block";
|
||
me.className = "meta err";
|
||
me.textContent = String(msg);
|
||
};
|
||
try {
|
||
const n = $("newName").value.trim();
|
||
const p = sanitizeShare($("newProxy").value);
|
||
if (!n) throw "Укажите название профиля";
|
||
if (!p) throw "Вставьте ссылку или конфиг Amnezia/AWG";
|
||
$("newProxy").value = p;
|
||
await createProfile(n, p, !!sysproxy.checked);
|
||
modal.classList.remove("open");
|
||
if (me) { me.style.display = "none"; me.textContent = ""; }
|
||
formHydrated = false;
|
||
dirty = false;
|
||
setMeta("Профиль создан", "ok");
|
||
} catch (e) { showModalErr(e); }
|
||
}));
|
||
|
||
async function openShop(e) {
|
||
if (e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
}
|
||
try {
|
||
setMeta("Открываю evilfox.win…");
|
||
await openURL(SHOP_URL);
|
||
setMeta("Открыто в браузере", "ok");
|
||
} catch (err) {
|
||
setMeta("Не удалось открыть ссылку: " + String(err), "err");
|
||
}
|
||
}
|
||
shopBtn.addEventListener("click", openShop);
|
||
shopLink.addEventListener("click", openShop);
|
||
|
||
async function runImportSubscription() {
|
||
const url = subUrl.value.trim();
|
||
if (!url) {
|
||
setMeta("Вставьте URL подписки", "err");
|
||
return;
|
||
}
|
||
setMeta("Загрузка подписки…");
|
||
const n = await importSubscription(url);
|
||
formHydrated = false;
|
||
dirty = false;
|
||
setMeta("Импортировано: " + n + " · измеряю пинг…", "ok");
|
||
await runBest(!!autoBest.checked);
|
||
}
|
||
|
||
subBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
await runImportSubscription();
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
subUrl.addEventListener("keydown", (e) => {
|
||
if (e.key === "Enter") {
|
||
e.preventDefault();
|
||
subBtn.click();
|
||
}
|
||
});
|
||
|
||
pingBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
setMeta("Пинг серверов…");
|
||
const rows = await pingServers();
|
||
rememberPings(rows);
|
||
renderServerList(profile.value);
|
||
const ok = (rows || []).filter((r) => r.ok).length;
|
||
setMeta("Пинг: " + ok + "/" + (rows || []).length + " доступны", ok ? "ok" : "err");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
bestBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
await runBest(!!autoBest.checked);
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
updCheckBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
setMeta("Проверка обновлений…");
|
||
const st = await checkUpdate();
|
||
renderUpdate(st, st.current);
|
||
if (st.available) setMeta("Доступна версия " + st.latest, "ok");
|
||
else if (st.error) setMeta("Обновление: " + st.error, "err");
|
||
else setMeta("У вас актуальная версия " + st.current, "ok");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
updateBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
setMeta("Скачивание и установка обновления…");
|
||
const msg = await applyUpdate();
|
||
setMeta(String(msg || "Перезапуск…"), "ok");
|
||
} catch (e) { setMeta(String(e), "err"); }
|
||
}));
|
||
|
||
skipUpdateBtn.addEventListener("click", () => {
|
||
const latest = updateBanner.dataset.latest || "";
|
||
if (latest) setSkippedVersion(latest);
|
||
updateBanner.classList.remove("show");
|
||
setMeta("Версия " + (latest || "?") + " пропущена. Следующую предложим.", "ok");
|
||
});
|
||
|
||
if (sysproxy) sysproxy.addEventListener("change", () => { persistPrefs().catch(() => {}); dirty = true; });
|
||
if (bootConnect) bootConnect.addEventListener("change", () => { persistPrefs().catch(() => {}); });
|
||
if (autoReconnect) autoReconnect.addEventListener("change", () => { persistPrefs().catch(() => {}); });
|
||
if (logRefreshBtn) logRefreshBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
const t = await getLogs();
|
||
if (logTail) logTail.textContent = t || "—";
|
||
setMeta("Лог обновлён", "ok");
|
||
} catch (e) { setMeta(fmtErr(e), "err"); }
|
||
}));
|
||
if (probeBtn) probeBtn.addEventListener("click", () => withBusy(async () => {
|
||
try {
|
||
setMeta("Проверка туннеля…");
|
||
await probeTunnel();
|
||
setMeta("Туннель OK", "ok");
|
||
} catch (e) { setMeta(fmtErr(e), "err"); }
|
||
}));
|
||
|
||
(async () => {
|
||
try {
|
||
await refresh({ syncForm: true });
|
||
// Auto-best connect is opt-in via checkbox only — never on first paint.
|
||
} catch (e) {
|
||
setMeta(String(e), "err");
|
||
}
|
||
})();
|
||
setInterval(() => { if (!busy && !modal.classList.contains("open")) refresh().catch(() => {}); }, 4000);
|
||
|