mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-11-02 10:43:56 +08:00
🐤 Sync 2026-09-29 08:28:44
This commit is contained in:
github-actions[bot] committed
1 parent
5fe727a4a8
commit
a96317f317
99 files changed
+3036
-17584
No files matched your search
@@ -13,9 +13,12 @@
|
||||
|
||||
return view.extend({
|
||||
async load() {
|
||||
const res = await fs.exec('/sbin/ip', ['-s', '-j', 'ad']);
|
||||
let res = await fs.exec('/sbin/ip', ['-s', '-j', 'ad']);
|
||||
if (res.code !== 0 || !res.stdout || res.stdout.trim() === '') {
|
||||
ui.addNotification(null, E('p', {}, _('Unable to get interface info: %s.').format(res.message)));
|
||||
res = await fs.exec('/usr/bin/ip', ['-s', '-j', 'ad']);
|
||||
}
|
||||
if (res.code !== 0 || !res.stdout || res.stdout.trim() === '') {
|
||||
ui.addNotification(null, E('p', {}, _('Unable to get interface info: %s.').format(res.message || res.stderr || 'unknown error')));
|
||||
return [];
|
||||
}
|
||||
|
||||
|
||||
@@ -4,52 +4,6 @@
|
||||
'require ui';
|
||||
'require view';
|
||||
|
||||
function translateLogText(message) {
|
||||
return (typeof _ === 'function') ? _(message) : message;
|
||||
}
|
||||
|
||||
function formatLogLine(log) {
|
||||
const logParts = String(log || '').split(' ').filter(Boolean);
|
||||
const statusMappings = {
|
||||
'daemon.err': { status: 'StdErr', startIndex: 6 },
|
||||
'daemon.notice': { status: 'Info', startIndex: 6 },
|
||||
'user.err': { status: 'StdErr', startIndex: 6 },
|
||||
'user.notice': { status: 'Info', startIndex: 6 }
|
||||
};
|
||||
|
||||
if (logParts.length < 6)
|
||||
return log;
|
||||
|
||||
const formattedTime = logParts.slice(0, 4).join(' ');
|
||||
const status = logParts[5];
|
||||
const mapping = statusMappings[status] || { status: status, startIndex: 6 };
|
||||
const message = logParts.slice(mapping.startIndex).join(' ');
|
||||
|
||||
return `${formattedTime} [ ${mapping.status} ] - ${message}`;
|
||||
}
|
||||
|
||||
function formatLogLines(logdata) {
|
||||
const text = String(logdata || '').trim();
|
||||
|
||||
if (!text)
|
||||
return { value: translateLogText('Log is empty.'), rows: 2 };
|
||||
|
||||
const loglines = text.split(/\n/).map(formatLogLine).filter(Boolean);
|
||||
|
||||
return { value: loglines.join('\n'), rows: loglines.length + 1 };
|
||||
}
|
||||
|
||||
function formatLogError(err) {
|
||||
const message = String(
|
||||
(err && (err.stderr || err.message || err.stdout)) || err || translateLogText('Unknown error')
|
||||
).trim().replace(/\n+/g, ' ');
|
||||
|
||||
return {
|
||||
value: translateLogText('Unable to load log data:') + ' ' + message,
|
||||
rows: 2
|
||||
};
|
||||
}
|
||||
|
||||
return view.extend({
|
||||
async retrieveLog() {
|
||||
const stat = await Promise.all([
|
||||
@@ -58,14 +12,26 @@ return view.extend({
|
||||
]);
|
||||
const logger = stat[0] ? stat[0].path : stat[1] ? stat[1].path : null;
|
||||
|
||||
if (!logger)
|
||||
return formatLogError(translateLogText('logread command not found'));
|
||||
|
||||
try {
|
||||
return formatLogLines(await fs.exec_direct(logger, ['-e', 'tailscale']));
|
||||
} catch (err) {
|
||||
return formatLogError(err);
|
||||
}
|
||||
const logdata = await fs.exec_direct(logger, ['-e', 'tailscale']);
|
||||
const statusMappings = {
|
||||
'daemon.err': { status: 'StdErr', startIndex: 9 },
|
||||
'daemon.notice': { status: 'Info', startIndex: 10 }
|
||||
};
|
||||
const loglines = logdata.trim().split(/\n/).map(function(log) {
|
||||
const logParts = log.split(' ').filter(Boolean);
|
||||
if (logParts.length >= 6) {
|
||||
const formattedTime = `${logParts[1]} ${logParts[2]} - ${logParts[3]}`;
|
||||
const status = logParts[5];
|
||||
const mapping = statusMappings[status] || { status: status, startIndex: 9 };
|
||||
const newStatus = mapping.status;
|
||||
const startIndex = mapping.startIndex;
|
||||
const message = logParts.slice(startIndex).join(' ');
|
||||
return `${formattedTime} [ ${newStatus} ] - ${message}`;
|
||||
} else {
|
||||
return 'Log is empty.';
|
||||
}
|
||||
}).filter(Boolean);
|
||||
return { value: loglines.join('\n'), rows: loglines.length + 1 };
|
||||
},
|
||||
|
||||
async pollLog() {
|
||||
|
||||
@@ -1,695 +0,0 @@
|
||||
/* SPDX-License-Identifier: GPL-3.0-only
|
||||
*
|
||||
* Copyright (C) 2026
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
'require dom';
|
||||
'require fs';
|
||||
'require poll';
|
||||
'require view';
|
||||
|
||||
var PROBE_MAX_ATTEMPTS = 5;
|
||||
var PROBE_RETRY_DELAY_MS = 350;
|
||||
var PEER_PAGE_SIZE_DEFAULT = 25;
|
||||
var PEER_PAGE_SIZE_OPTIONS = [25, 50, 100, 0];
|
||||
|
||||
function formatLastSeen(value) {
|
||||
if (!value)
|
||||
return '-';
|
||||
|
||||
value = String(value);
|
||||
if (value.indexOf('0001-01-01') === 0)
|
||||
return '-';
|
||||
|
||||
var date = new Date(value);
|
||||
if (isNaN(date.getTime()))
|
||||
return value;
|
||||
|
||||
return date.toLocaleString();
|
||||
}
|
||||
|
||||
function parseStatus(stdout) {
|
||||
var losslessJson = String(stdout || '{}').replace(/("UserID"\s*:\s*)(\d+)/g, '$1"$2"');
|
||||
var parsed = JSON.parse(losslessJson);
|
||||
var peerEntries = parsed && parsed.Peer ? parsed.Peer : {};
|
||||
var userEntries = parsed && parsed.User ? parsed.User : {};
|
||||
var peers = [];
|
||||
|
||||
function appendPeer(peerId, peer, isSelf) {
|
||||
peer = peer || {};
|
||||
var ip = Array.isArray(peer.TailscaleIPs) ? (peer.TailscaleIPs[0] || '') : '';
|
||||
var dnsName = String(peer.DNSName || '').replace(/\.$/, '');
|
||||
var shortDnsName = dnsName ? dnsName.split('.')[0] : '';
|
||||
var hostName = String(peer.HostName || '');
|
||||
var displayName = (shortDnsName && hostName && shortDnsName !== hostName)
|
||||
? shortDnsName + ' (' + hostName + ')'
|
||||
: (shortDnsName || hostName || dnsName || ip || peerId);
|
||||
var routes = Array.isArray(peer.PrimaryRoutes) ? peer.PrimaryRoutes.filter(Boolean) : [];
|
||||
var userKey = peer.UserID != null ? String(peer.UserID) : '';
|
||||
var user = userKey ? (userEntries[userKey] || {}) : {};
|
||||
var userDisplayName = String(user.DisplayName || '').trim();
|
||||
var userLoginName = String(user.LoginName || '').trim();
|
||||
|
||||
peers.push({
|
||||
id: peerId,
|
||||
name: displayName,
|
||||
ip: ip,
|
||||
userKey: userKey || 'unknown',
|
||||
userName: userDisplayName || userLoginName || '',
|
||||
userLoginName: userLoginName,
|
||||
online: !!peer.Online,
|
||||
lastSeen: formatLastSeen(peer.LastSeen),
|
||||
exitNode: !!peer.ExitNodeOption,
|
||||
routes: routes,
|
||||
hasSubnetRoutes: routes.length > 0,
|
||||
probeTarget: ip || hostName || dnsName || shortDnsName,
|
||||
isSelf: !!isSelf
|
||||
});
|
||||
}
|
||||
|
||||
if (parsed && parsed.Self) {
|
||||
var self = parsed.Self;
|
||||
var selfId = self.ID || self.PublicKey || self.HostName || 'self';
|
||||
|
||||
appendPeer(selfId, self, true);
|
||||
}
|
||||
|
||||
Object.keys(peerEntries).forEach(function(peerId) {
|
||||
appendPeer(peerId, peerEntries[peerId], false);
|
||||
});
|
||||
|
||||
peers.sort(function(a, b) {
|
||||
return String(a.name || '').localeCompare(String(b.name || ''));
|
||||
});
|
||||
|
||||
return peers;
|
||||
}
|
||||
|
||||
function buildPeerGroups(peers) {
|
||||
var groupMap = Object.create(null);
|
||||
var groups = [];
|
||||
|
||||
peers.forEach(function(peer) {
|
||||
var userKey = peer.userKey || 'unknown';
|
||||
var group = groupMap[userKey];
|
||||
|
||||
if (!group) {
|
||||
group = groupMap[userKey] = {
|
||||
key: userKey,
|
||||
name: peer.userName || _('Unknown user'),
|
||||
loginName: peer.userLoginName || '',
|
||||
peers: []
|
||||
};
|
||||
groups.push(group);
|
||||
}
|
||||
|
||||
group.peers.push(peer);
|
||||
});
|
||||
|
||||
groups.sort(function(a, b) {
|
||||
return String(a.name || '').localeCompare(String(b.name || ''));
|
||||
});
|
||||
|
||||
groups.forEach(function(group) {
|
||||
group.peers.sort(function(a, b) {
|
||||
return String(a.name || '').localeCompare(String(b.name || ''));
|
||||
});
|
||||
});
|
||||
|
||||
return groups;
|
||||
}
|
||||
|
||||
function cloneGroupWithPeers(group, peers) {
|
||||
return {
|
||||
key: group.key,
|
||||
name: group.name,
|
||||
loginName: group.loginName,
|
||||
peers: peers
|
||||
};
|
||||
}
|
||||
|
||||
function countPagePeers(groups) {
|
||||
return groups.reduce(function(count, group) {
|
||||
return count + group.peers.length;
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function paginatePeerGroups(groups, pageSize, requestedPageIndex) {
|
||||
var total = countPagePeers(groups);
|
||||
var pages = [];
|
||||
var currentGroups = [];
|
||||
var currentCount = 0;
|
||||
|
||||
if (!total || pageSize === 0) {
|
||||
pages = total ? [{ groups: groups, count: total }] : [];
|
||||
} else {
|
||||
var pushCurrent = function() {
|
||||
if (!currentGroups.length)
|
||||
return;
|
||||
|
||||
pages.push({
|
||||
groups: currentGroups,
|
||||
count: currentCount
|
||||
});
|
||||
currentGroups = [];
|
||||
currentCount = 0;
|
||||
};
|
||||
|
||||
groups.forEach(function(group) {
|
||||
var peers = group.peers || [];
|
||||
|
||||
/* split oversized groups into dedicated pages; do not mix their tail with other users */
|
||||
if (peers.length > pageSize) {
|
||||
pushCurrent();
|
||||
|
||||
for (var i = 0; i < peers.length; i += pageSize) {
|
||||
var chunk = peers.slice(i, i + pageSize);
|
||||
pages.push({
|
||||
groups: [cloneGroupWithPeers(group, chunk)],
|
||||
count: chunk.length
|
||||
});
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (currentCount > 0 && currentCount + peers.length > pageSize)
|
||||
pushCurrent();
|
||||
|
||||
currentGroups.push(group);
|
||||
currentCount += peers.length;
|
||||
});
|
||||
|
||||
pushCurrent();
|
||||
}
|
||||
|
||||
var pageCount = Math.max(pages.length, 1);
|
||||
var pageIndex = Math.min(Math.max(Number(requestedPageIndex) || 0, 0), pageCount - 1);
|
||||
var start = 0;
|
||||
|
||||
for (var j = 0; j < pageIndex; j++)
|
||||
start += pages[j].count;
|
||||
|
||||
return {
|
||||
groups: pages[pageIndex] ? pages[pageIndex].groups : [],
|
||||
pageIndex: pageIndex,
|
||||
pageCount: pageCount,
|
||||
pageSize: pageSize,
|
||||
total: total,
|
||||
start: total ? start + 1 : 0,
|
||||
end: total ? start + (pages[pageIndex] ? pages[pageIndex].count : 0) : 0
|
||||
};
|
||||
}
|
||||
|
||||
function parseProbeResult(stdout, errorMessage) {
|
||||
var fallback = {
|
||||
ok: false,
|
||||
path: 'failed',
|
||||
summary: errorMessage || _('Probe failed'),
|
||||
raw: ''
|
||||
};
|
||||
|
||||
if (!stdout)
|
||||
return fallback;
|
||||
|
||||
try {
|
||||
var parsed = JSON.parse(String(stdout));
|
||||
return parsed && typeof parsed === 'object' ? parsed : fallback;
|
||||
} catch (e) {
|
||||
fallback.summary = errorMessage || String(e.message || e);
|
||||
return fallback;
|
||||
}
|
||||
}
|
||||
|
||||
function stripProbeSummary(path, summary) {
|
||||
summary = String(summary || '').trim();
|
||||
|
||||
if (!summary)
|
||||
return '';
|
||||
|
||||
if (path === 'direct')
|
||||
return summary.replace(/^direct\b[\s:-]*/i, '');
|
||||
|
||||
if (path === 'derp')
|
||||
return summary.replace(/^DERP\b[\s:-]*/i, '');
|
||||
|
||||
return summary;
|
||||
}
|
||||
|
||||
function renderProbeResult(result) {
|
||||
if (!result)
|
||||
return E('span', { style: 'color:#94a3b8' }, _('Not probed'));
|
||||
|
||||
var path = result.path || 'unknown';
|
||||
var label = path === 'direct' ? _('Direct')
|
||||
: (path === 'derp' ? _('DERP')
|
||||
: (path === 'failed' ? _('Failed') : _('Unknown')));
|
||||
var color = path === 'direct' ? '#166534'
|
||||
: (path === 'derp' ? '#a16207'
|
||||
: (path === 'failed' ? '#b91c1c' : '#475569'));
|
||||
var summary = stripProbeSummary(path, result.summary);
|
||||
|
||||
return E('span', { style: 'color:%s'.format(color) }, [
|
||||
E('strong', {}, label),
|
||||
summary ? ' - ' + summary : ''
|
||||
]);
|
||||
}
|
||||
|
||||
function appendProbeSummary(result, suffix) {
|
||||
var next = {
|
||||
ok: result && result.ok,
|
||||
path: result && result.path,
|
||||
latency_ms: result && result.latency_ms,
|
||||
relay: result && result.relay,
|
||||
raw: result && result.raw,
|
||||
summary: result && result.summary ? String(result.summary) : ''
|
||||
};
|
||||
|
||||
next.summary = next.summary
|
||||
? next.summary + ' - ' + suffix
|
||||
: suffix;
|
||||
|
||||
return next;
|
||||
}
|
||||
|
||||
function sleep(ms) {
|
||||
return new Promise(function(resolve) {
|
||||
window.setTimeout(resolve, ms);
|
||||
});
|
||||
}
|
||||
|
||||
function renderBadge(text) {
|
||||
return E('span', {
|
||||
style: 'display:inline-block;margin:0 4px 4px 0;padding:1px 6px;border-radius:3px;background:#eef2f7;color:#334155;font-size:12px;line-height:1.4'
|
||||
}, text);
|
||||
}
|
||||
|
||||
function renderStatusLabel(online) {
|
||||
return E('span', {
|
||||
style: 'font-weight:600;color:%s'.format(online ? '#166534' : '#64748b')
|
||||
}, online ? _('Online') : _('Offline'));
|
||||
}
|
||||
|
||||
function renderRoleBadges(peer) {
|
||||
var badges = [];
|
||||
|
||||
if (peer.exitNode)
|
||||
badges.push(renderBadge(_('Exit node')));
|
||||
|
||||
if (peer.hasSubnetRoutes)
|
||||
badges.push(renderBadge(_('Advertising subnets')));
|
||||
|
||||
return badges.length ? badges : '-';
|
||||
}
|
||||
|
||||
function getScrollState() {
|
||||
if (typeof document === 'undefined' || typeof window === 'undefined')
|
||||
return null;
|
||||
|
||||
var scrollElement = document.querySelector('.main-right') || document.scrollingElement || document.documentElement;
|
||||
|
||||
return {
|
||||
scrollElement: scrollElement,
|
||||
scrollLeft: scrollElement ? scrollElement.scrollLeft || 0 : window.scrollX || 0,
|
||||
scrollTop: scrollElement ? scrollElement.scrollTop || 0 : window.scrollY || 0,
|
||||
windowScrollX: window.scrollX || 0,
|
||||
windowScrollY: window.scrollY || 0
|
||||
};
|
||||
}
|
||||
|
||||
function restoreScrollState(state) {
|
||||
if (!state || typeof window === 'undefined')
|
||||
return;
|
||||
|
||||
var restore = function() {
|
||||
var scrollElement = state.scrollElement;
|
||||
|
||||
if (scrollElement) {
|
||||
scrollElement.scrollLeft = state.scrollLeft;
|
||||
scrollElement.scrollTop = state.scrollTop;
|
||||
} else if (window.scrollTo) {
|
||||
window.scrollTo(state.windowScrollX, state.windowScrollY);
|
||||
}
|
||||
};
|
||||
|
||||
restore();
|
||||
|
||||
if (window.requestAnimationFrame)
|
||||
window.requestAnimationFrame(restore);
|
||||
else
|
||||
setTimeout(restore, 0);
|
||||
}
|
||||
|
||||
async function loadPeerState() {
|
||||
try {
|
||||
var res = await fs.exec('/usr/sbin/tailscale', ['status', '--json']);
|
||||
var code = Number(res && res.code);
|
||||
|
||||
if (Number.isFinite(code) && code !== 0) {
|
||||
var statusError = String((res && (res.stderr || res.stdout || res.message)) || _('Unable to load Tailscale peer status')).trim();
|
||||
|
||||
return {
|
||||
ok: false,
|
||||
peers: [],
|
||||
error: statusError || _('Unable to load Tailscale peer status')
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
ok: true,
|
||||
peers: parseStatus(res.stdout),
|
||||
error: ''
|
||||
};
|
||||
} catch (e) {
|
||||
return {
|
||||
ok: false,
|
||||
peers: [],
|
||||
error: String((e && (e.message || e.stderr || e.stdout)) || _('Unable to load Tailscale peer status'))
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
return view.extend({
|
||||
load: loadPeerState,
|
||||
|
||||
render: function(data) {
|
||||
var state = {
|
||||
peers: (data && data.peers) || [],
|
||||
error: (data && data.error) || '',
|
||||
probeResults: Object.create(null),
|
||||
probing: Object.create(null)
|
||||
};
|
||||
var filterMode = 'all';
|
||||
var pageIndex = 0;
|
||||
var pageSize = PEER_PAGE_SIZE_DEFAULT;
|
||||
var tbody = E('tbody');
|
||||
var statusBox = E('div');
|
||||
var paginationBox = E('div');
|
||||
var filterSelect = E('select', {
|
||||
id: 'filterMode',
|
||||
change: function(ev) {
|
||||
filterMode = ev.target.value;
|
||||
pageIndex = 0;
|
||||
renderRows();
|
||||
}
|
||||
}, [
|
||||
E('option', { value: 'all' }, _('All')),
|
||||
E('option', { value: 'online' }, _('Online')),
|
||||
E('option', { value: 'subnets' }, _('Advertising subnets'))
|
||||
]);
|
||||
var pageSizeSelect = E('select', {
|
||||
id: 'pageSize',
|
||||
change: function(ev) {
|
||||
pageSize = Number(ev.target.value);
|
||||
pageIndex = 0;
|
||||
renderRows();
|
||||
}
|
||||
}, PEER_PAGE_SIZE_OPTIONS.map(function(size) {
|
||||
return E('option', {
|
||||
value: String(size),
|
||||
selected: size === pageSize ? 'selected' : null
|
||||
}, size ? String(size) : _('All peers'));
|
||||
}));
|
||||
|
||||
function filterPeers(peers) {
|
||||
if (filterMode === 'online')
|
||||
return peers.filter(function(peer) { return peer.online; });
|
||||
|
||||
if (filterMode === 'subnets')
|
||||
return peers.filter(function(peer) { return peer.hasSubnetRoutes; });
|
||||
|
||||
return peers;
|
||||
}
|
||||
|
||||
function renderPagination(page) {
|
||||
if (!page.total) {
|
||||
dom.content(paginationBox, '');
|
||||
return;
|
||||
}
|
||||
|
||||
dom.content(paginationBox, E('div', {
|
||||
class: 'peer-pagination-bar',
|
||||
style: 'display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0 0;flex-wrap:wrap'
|
||||
}, [
|
||||
E('div', {
|
||||
class: 'peer-pagination-summary',
|
||||
style: 'display:flex;align-items:center;gap:10px;color:#64748b;flex:1 1 auto;min-width:220px;flex-wrap:wrap'
|
||||
}, [
|
||||
E('span', {}, _('Showing %d-%d of %d peers').format(page.start, page.end, page.total)),
|
||||
E('span', {}, _('Page %d / %d').format(page.pageIndex + 1, page.pageCount))
|
||||
]),
|
||||
E('div', {
|
||||
class: 'peer-pagination-controls',
|
||||
style: 'display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap'
|
||||
}, [
|
||||
E('label', { for: 'pageSize' }, _('Items per page')),
|
||||
pageSizeSelect,
|
||||
E('button', {
|
||||
type: 'button',
|
||||
class: 'btn cbi-button',
|
||||
disabled: page.pageIndex <= 0 ? 'disabled' : null,
|
||||
click: function(ev) {
|
||||
if (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
pageIndex = Math.max(pageIndex - 1, 0);
|
||||
renderRows(true);
|
||||
}
|
||||
}, _('Previous')),
|
||||
E('button', {
|
||||
type: 'button',
|
||||
class: 'btn cbi-button',
|
||||
disabled: page.pageIndex >= page.pageCount - 1 ? 'disabled' : null,
|
||||
click: function(ev) {
|
||||
if (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
pageIndex = Math.min(pageIndex + 1, page.pageCount - 1);
|
||||
renderRows(true);
|
||||
}
|
||||
}, _('Next'))
|
||||
])
|
||||
]));
|
||||
}
|
||||
|
||||
function renderRows(keepScroll) {
|
||||
var filtered = filterPeers(state.peers);
|
||||
var page = paginatePeerGroups(buildPeerGroups(filtered), pageSize, pageIndex);
|
||||
var rows;
|
||||
var scrollState = keepScroll ? getScrollState() : null;
|
||||
|
||||
pageIndex = page.pageIndex;
|
||||
renderPagination(page);
|
||||
|
||||
if (state.error) {
|
||||
dom.content(statusBox, E('div', {
|
||||
style: 'margin-bottom:10px;padding:8px 10px;border-left:3px solid #d97706;background:#fff7ed;color:#9a3412'
|
||||
}, state.error));
|
||||
} else {
|
||||
dom.content(statusBox, '');
|
||||
}
|
||||
|
||||
if (!filtered.length) {
|
||||
rows = [
|
||||
E('tr', { class: 'tr' },
|
||||
E('td', {
|
||||
class: 'td left',
|
||||
colspan: '7'
|
||||
}, state.peers.length ? _('No peers match the selected filter.') : _('No peers found'))
|
||||
)
|
||||
];
|
||||
} else {
|
||||
rows = [];
|
||||
page.groups.forEach(function(group) {
|
||||
rows.push(E('tr', { class: 'tr peer-group-header' },
|
||||
E('td', {
|
||||
class: 'td left',
|
||||
colspan: '7',
|
||||
style: 'background:#f1f5f9;border-left:4px solid #64748b;font-weight:600;padding-top:10px;padding-bottom:10px'
|
||||
}, E('div', {
|
||||
style: 'display:flex;align-items:baseline;gap:10px;flex-wrap:wrap'
|
||||
}, [
|
||||
E('span', {
|
||||
class: 'peer-group-title',
|
||||
style: 'font-size:16px;font-weight:700;color:#1e293b'
|
||||
}, group.name),
|
||||
group.loginName && group.loginName !== group.name
|
||||
? E('span', { style: 'font-weight:400;color:#64748b;font-size:13px' }, group.loginName)
|
||||
: '',
|
||||
E('span', { style: 'font-weight:400;color:#64748b;font-size:13px' }, String(group.peers.length))
|
||||
]))
|
||||
));
|
||||
|
||||
group.peers.forEach(function(peer) {
|
||||
var probeCell;
|
||||
|
||||
if (peer.isSelf) {
|
||||
probeCell = E('span', { style: 'font-weight:600;color:#475569' }, _('Current device'));
|
||||
} else {
|
||||
var result = state.probeResults[peer.id];
|
||||
var probing = !!state.probing[peer.id];
|
||||
var button = E('button', {
|
||||
type: 'button',
|
||||
class: 'btn cbi-button cbi-button-action',
|
||||
disabled: probing || !peer.online ? 'disabled' : null,
|
||||
click: function(ev) {
|
||||
if (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
|
||||
return probePeer(peer);
|
||||
}
|
||||
}, probing ? _('Probing...') : _('Probe'));
|
||||
var resultNode = !peer.online
|
||||
? E('span', { style: 'color:#94a3b8' }, _('Offline peers cannot be probed'))
|
||||
: (result ? renderProbeResult(result) : (probing
|
||||
? E('span', { style: 'color:#64748b' }, _('Probing...'))
|
||||
: renderProbeResult(result)));
|
||||
|
||||
probeCell = E('div', {
|
||||
style: 'display:flex;align-items:center;gap:8px;flex-wrap:wrap'
|
||||
}, [
|
||||
button,
|
||||
resultNode
|
||||
]);
|
||||
}
|
||||
|
||||
rows.push(E('tr', {
|
||||
class: 'tr',
|
||||
style: peer.online ? '' : 'opacity:0.62'
|
||||
}, [
|
||||
E('td', { class: 'td left' }, peer.name),
|
||||
E('td', { class: 'td left' }, peer.ip || '-'),
|
||||
E('td', { class: 'td left' }, renderStatusLabel(peer.online)),
|
||||
E('td', { class: 'td left' }, peer.lastSeen || '-'),
|
||||
E('td', { class: 'td left' }, renderRoleBadges(peer)),
|
||||
E('td', { class: 'td left' }, peer.routes.length ? peer.routes.join(', ') : '-'),
|
||||
E('td', { class: 'td left' }, probeCell)
|
||||
]));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
dom.content(tbody, rows);
|
||||
|
||||
restoreScrollState(scrollState);
|
||||
}
|
||||
|
||||
async function refreshPeers() {
|
||||
var next = await loadPeerState();
|
||||
if (next.ok) {
|
||||
state.peers = next.peers;
|
||||
state.error = '';
|
||||
} else {
|
||||
state.peers = [];
|
||||
state.error = next.error;
|
||||
}
|
||||
renderRows(true);
|
||||
}
|
||||
|
||||
async function probeOnce(target) {
|
||||
var res = await fs.exec('/usr/sbin/tailscale_peer_probe', [target]);
|
||||
|
||||
return parseProbeResult(
|
||||
res && res.stdout,
|
||||
res && (res.stderr || res.message || '')
|
||||
);
|
||||
}
|
||||
|
||||
async function probePeer(peer) {
|
||||
var target = peer.probeTarget;
|
||||
var attempt;
|
||||
|
||||
if (peer.isSelf || !peer.online)
|
||||
return;
|
||||
|
||||
if (!target) {
|
||||
state.probeResults[peer.id] = {
|
||||
ok: false,
|
||||
path: 'failed',
|
||||
summary: _('No probe target available'),
|
||||
raw: ''
|
||||
};
|
||||
renderRows(true);
|
||||
return;
|
||||
}
|
||||
|
||||
state.probing[peer.id] = true;
|
||||
renderRows(true);
|
||||
|
||||
try {
|
||||
for (attempt = 1; attempt <= PROBE_MAX_ATTEMPTS; attempt++) {
|
||||
var result = await probeOnce(target);
|
||||
|
||||
if (result.path === 'derp' && attempt < PROBE_MAX_ATTEMPTS) {
|
||||
state.probeResults[peer.id] = appendProbeSummary(
|
||||
result,
|
||||
_('Continuing probe %d/%d').format(attempt, PROBE_MAX_ATTEMPTS)
|
||||
);
|
||||
renderRows(true);
|
||||
await sleep(PROBE_RETRY_DELAY_MS);
|
||||
continue;
|
||||
}
|
||||
|
||||
if (result.path === 'derp') {
|
||||
state.probeResults[peer.id] = appendProbeSummary(
|
||||
result,
|
||||
_('%d probes; direct connection not established').format(PROBE_MAX_ATTEMPTS)
|
||||
);
|
||||
} else {
|
||||
state.probeResults[peer.id] = result;
|
||||
}
|
||||
|
||||
renderRows(true);
|
||||
break;
|
||||
}
|
||||
} catch (e) {
|
||||
state.probeResults[peer.id] = parseProbeResult('', String((e && (e.message || e.stderr || e.stdout)) || _('Probe failed')));
|
||||
} finally {
|
||||
state.probing[peer.id] = false;
|
||||
renderRows(true);
|
||||
}
|
||||
}
|
||||
|
||||
poll.add(async function() {
|
||||
await refreshPeers();
|
||||
});
|
||||
|
||||
renderRows();
|
||||
|
||||
return E('div', { class: 'cbi-map' }, [
|
||||
E('h2', { class: 'content' }, _('Tailscale Peers')),
|
||||
E('div', { class: 'cbi-map-descr' }, _('View all peers and manually probe whether traffic is direct or relayed through DERP.')),
|
||||
statusBox,
|
||||
E('div', {
|
||||
style: 'display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap'
|
||||
}, [
|
||||
E('label', { for: 'filterMode' }, _('Filter')),
|
||||
filterSelect
|
||||
]),
|
||||
E('table', {
|
||||
class: 'table',
|
||||
style: 'table-layout:fixed;width:100%'
|
||||
}, [
|
||||
E('thead', {}, E('tr', { class: 'tr table-titles' }, [
|
||||
E('th', { class: 'th left' }, _('Name')),
|
||||
E('th', { class: 'th left' }, _('Tailnet IP')),
|
||||
E('th', { class: 'th left' }, _('Status')),
|
||||
E('th', { class: 'th left' }, _('Last Seen')),
|
||||
E('th', { class: 'th left' }, _('Role')),
|
||||
E('th', { class: 'th left' }, _('Advertised Subnets')),
|
||||
E('th', { class: 'th left' }, _('Probe'))
|
||||
])),
|
||||
tbody
|
||||
]),
|
||||
paginationBox
|
||||
]);
|
||||
},
|
||||
|
||||
handleSaveApply: null,
|
||||
handleSave: null,
|
||||
handleReset: null
|
||||
});
|
||||
@@ -10,7 +10,6 @@
|
||||
'require poll';
|
||||
'require rpc';
|
||||
'require uci';
|
||||
'require ui';
|
||||
'require view';
|
||||
|
||||
const callServiceList = rpc.declare({
|
||||
@@ -20,61 +19,6 @@ const callServiceList = rpc.declare({
|
||||
expect: { '': {} }
|
||||
});
|
||||
|
||||
const callAdguardPreflight = rpc.declare({
|
||||
object: 'luci.tailscale',
|
||||
method: 'adguard_preflight',
|
||||
params: [
|
||||
'candidate',
|
||||
'api_url',
|
||||
'username',
|
||||
'password_set',
|
||||
'password',
|
||||
'default_upstreams',
|
||||
'tailnet_upstreams',
|
||||
'health_domain',
|
||||
'expected_ips'
|
||||
],
|
||||
expect: { '': {} },
|
||||
reject: true
|
||||
});
|
||||
|
||||
const callSecretStatus = rpc.declare({
|
||||
object: 'luci.tailscale',
|
||||
method: 'secret_status',
|
||||
expect: { '': {} },
|
||||
reject: true
|
||||
});
|
||||
|
||||
const callSetSecrets = rpc.declare({
|
||||
object: 'luci.tailscale',
|
||||
method: 'set_secrets',
|
||||
params: ['authkey_set', 'authkey', 'adguard_password_set', 'adguard_password', 'api_url', 'username', 'base_ref'],
|
||||
expect: { '': {} },
|
||||
reject: true
|
||||
});
|
||||
|
||||
const callOpenclashBypassStatus = rpc.declare({
|
||||
object: 'luci.tailscale',
|
||||
method: 'openclash_bypass_status',
|
||||
expect: { '': {} },
|
||||
reject: true
|
||||
});
|
||||
|
||||
const callPolicyRoutingStatus = rpc.declare({
|
||||
object: 'luci.tailscale',
|
||||
method: 'policy_routing_status',
|
||||
expect: { '': {} },
|
||||
reject: true
|
||||
});
|
||||
|
||||
const ADGUARD_PREFLIGHT_CHECKS = [
|
||||
{ key: 'adguard_process', label: _('AdGuard process') },
|
||||
{ key: 'port_53_adguard', label: _('Port 53 is AdGuard') },
|
||||
{ key: 'dhcp_advertises_lan_dns', label: _('LAN DHCP advertises this router as DNS') },
|
||||
{ key: 'adguard_api', label: _('AdGuard API') },
|
||||
{ key: 'health_check', label: _('Tailnet DNS health check') }
|
||||
];
|
||||
|
||||
async function getInterfaceSubnets(interfaces = ['lan', 'wan']) {
|
||||
const networks = await network.getNetworks();
|
||||
return [...new Set(
|
||||
@@ -99,7 +43,7 @@ async function getStatus() {
|
||||
authURL: undefined,
|
||||
displayName: undefined,
|
||||
onlineExitNodes: [],
|
||||
peers: []
|
||||
subnetRoutes: []
|
||||
};
|
||||
const res = await callServiceList('tailscale');
|
||||
try {
|
||||
@@ -116,40 +60,10 @@ async function getStatus() {
|
||||
status.authURL = tailscaleStatus.AuthURL;
|
||||
status.displayName = (status.backendState === "Running") ? tailscaleStatus.User[tailscaleStatus.Self.UserID].DisplayName : undefined;
|
||||
if (tailscaleStatus.Peer) {
|
||||
status.peers = Object.values(tailscaleStatus.Peer)
|
||||
.map(peer => {
|
||||
const ip = Array.isArray(peer.TailscaleIPs) ? (peer.TailscaleIPs[0] || '') : '';
|
||||
const dnsName = (peer.DNSName || '').replace(/\.$/, '');
|
||||
const shortDnsName = dnsName.split('.', 1)[0] || '';
|
||||
const hostName = peer.HostName || '';
|
||||
const name = shortDnsName || hostName || dnsName || ip;
|
||||
const routes = Array.isArray(peer.PrimaryRoutes) ? peer.PrimaryRoutes : [];
|
||||
const hasSubnetRoutes = routes.length > 0;
|
||||
const displayName = (shortDnsName && hostName && shortDnsName !== hostName)
|
||||
? [shortDnsName, '(' + hostName + ')'].join(' ')
|
||||
: (shortDnsName || hostName || dnsName || ip);
|
||||
const onlineLabel = peer.Online ? _('Online') : _('Offline');
|
||||
const label = [
|
||||
displayName,
|
||||
ip,
|
||||
onlineLabel,
|
||||
routes.join(', ')
|
||||
].filter(Boolean).join(' ');
|
||||
|
||||
return {
|
||||
name: name,
|
||||
label: label,
|
||||
displayName: displayName,
|
||||
ip: ip,
|
||||
onlineLabel: onlineLabel,
|
||||
routes: routes,
|
||||
hasSubnetRoutes: hasSubnetRoutes,
|
||||
aliases: [hostName, dnsName, shortDnsName, ip].filter(Boolean)
|
||||
};
|
||||
})
|
||||
.filter(peer => peer.name);
|
||||
status.onlineExitNodes = Object.values(tailscaleStatus.Peer)
|
||||
.flatMap(peer => (peer.ExitNodeOption && peer.Online) ? [peer.HostName] : []);
|
||||
status.subnetRoutes = Object.values(tailscaleStatus.Peer)
|
||||
.flatMap(peer => peer.PrimaryRoutes || []);
|
||||
}
|
||||
return status;
|
||||
}
|
||||
@@ -181,295 +95,38 @@ function renderLogin(loginStatus, authURL, displayName) {
|
||||
return renderHTML;
|
||||
}
|
||||
|
||||
function toList(value) {
|
||||
if (!value)
|
||||
return [];
|
||||
|
||||
if (Array.isArray(value))
|
||||
return value;
|
||||
|
||||
return String(value).trim().split(/\s+/).filter(Boolean);
|
||||
}
|
||||
|
||||
function renderCheck(value) {
|
||||
if (value !== 'pass' && value !== 'fail')
|
||||
return E('span', { style: 'color:#687586' }, _('Checking ...'));
|
||||
|
||||
const ok = value === 'pass';
|
||||
return E('span', { style: 'color:' + (ok ? 'green' : 'red') }, ok ? _('Pass') : _('Fail'));
|
||||
}
|
||||
|
||||
function adguardPreflightCellId(key) {
|
||||
return 'adguard_preflight_' + key;
|
||||
}
|
||||
|
||||
function buildAdguardPreflightRequest(values) {
|
||||
return {
|
||||
candidate: '1',
|
||||
api_url: String(values.apiUrl || ''),
|
||||
username: String(values.username || ''),
|
||||
password_set: values.keepPassword ? '0' : '1',
|
||||
password: values.keepPassword ? '' : String(values.password || ''),
|
||||
default_upstreams: toList(values.defaultUpstreams).join('\n'),
|
||||
tailnet_upstreams: toList(values.tailnetUpstreams).join('\n'),
|
||||
health_domain: String(values.healthDomain || ''),
|
||||
expected_ips: toList(values.expectedIps).join('\n')
|
||||
};
|
||||
}
|
||||
|
||||
function normalizeAdguardApiUrl(value) {
|
||||
return String(value || '').replace(/\/+$/, '');
|
||||
}
|
||||
|
||||
function adguardConfigChanged(candidate, persisted) {
|
||||
const current = candidate || {};
|
||||
const saved = persisted || {};
|
||||
return normalizeAdguardApiUrl(current.api_url) !== normalizeAdguardApiUrl(saved.api_url) ||
|
||||
String(current.username || '') !== String(saved.username || '') ||
|
||||
String(current.default_upstreams || '') !== String(saved.default_upstreams || '') ||
|
||||
String(current.tailnet_upstreams || '') !== String(saved.tailnet_upstreams || '') ||
|
||||
String(current.health_domain || '') !== String(saved.health_domain || '') ||
|
||||
String(current.expected_ips || '') !== String(saved.expected_ips || '');
|
||||
}
|
||||
|
||||
function adguardBindingChanged(candidate, persisted) {
|
||||
return normalizeAdguardApiUrl(candidate && candidate.api_url) !== normalizeAdguardApiUrl(persisted && persisted.api_url) ||
|
||||
String(candidate && candidate.username || '') !== String(persisted && persisted.username || '');
|
||||
}
|
||||
|
||||
function buildSecretUpdateRequest(values) {
|
||||
const authkey = String(values.authkey || '').trim();
|
||||
const adguardPassword = values.adguardPassword == null ? '' : String(values.adguardPassword);
|
||||
return {
|
||||
authkey_set: authkey ? '1' : '0',
|
||||
authkey: authkey,
|
||||
adguard_password_set: adguardPassword ? '1' : '0',
|
||||
adguard_password: adguardPassword,
|
||||
api_url: String(values.adguardApiUrl || '').trim(),
|
||||
username: String(values.adguardUsername || '').trim(),
|
||||
base_ref: String(values.baseRef || '').trim()
|
||||
};
|
||||
}
|
||||
|
||||
function saveMapWithSecrets(map, cb, silent, stageSecrets, afterSave) {
|
||||
let stagedSecrets;
|
||||
map.checkDepends();
|
||||
|
||||
return map.parse()
|
||||
.then(cb)
|
||||
.then(stageSecrets)
|
||||
.then(function(staged) {
|
||||
stagedSecrets = staged;
|
||||
return map.data.save();
|
||||
})
|
||||
.then(map.load.bind(map))
|
||||
.then(function() {
|
||||
return afterSave(stagedSecrets);
|
||||
})
|
||||
.catch(function(e) {
|
||||
if (!silent) {
|
||||
ui.showModal(_('Save error'), [
|
||||
E('p', {}, [ _('An error occurred while saving the form:') ]),
|
||||
E('p', {}, [ E('em', { style: 'white-space:pre-wrap' }, [ e.message ]) ]),
|
||||
E('div', { class: 'right' }, [
|
||||
E('button', { class: 'cbi-button', click: ui.hideModal }, [ _('Dismiss') ])
|
||||
])
|
||||
]);
|
||||
}
|
||||
return Promise.reject(e);
|
||||
})
|
||||
.then(map.renderContents.bind(map));
|
||||
}
|
||||
|
||||
async function fetchAdguardPreflightStatus(request) {
|
||||
const input = request || {
|
||||
candidate: '0',
|
||||
api_url: '',
|
||||
username: '',
|
||||
password_set: '0',
|
||||
password: '',
|
||||
default_upstreams: '',
|
||||
tailnet_upstreams: '',
|
||||
health_domain: '',
|
||||
expected_ips: ''
|
||||
};
|
||||
|
||||
try {
|
||||
return await callAdguardPreflight(
|
||||
input.candidate,
|
||||
input.api_url,
|
||||
input.username,
|
||||
input.password_set,
|
||||
input.password,
|
||||
input.default_upstreams,
|
||||
input.tailnet_upstreams,
|
||||
input.health_domain,
|
||||
input.expected_ips
|
||||
);
|
||||
} catch (e) {
|
||||
const error = e && (e.message || e.stderr || e) || 'preflight command failed';
|
||||
return {
|
||||
ready: 'fail',
|
||||
error: String(error).replace(/\n/g, ' ')
|
||||
};
|
||||
function updateVersionDisplay(data) {
|
||||
var curEl = document.getElementById('ts_current_ver');
|
||||
var latEl = document.getElementById('ts_latest_ver');
|
||||
var updBtn = document.getElementById('ts_update_btn');
|
||||
if (curEl) curEl.textContent = data.current || 'unknown';
|
||||
if (latEl) latEl.textContent = data.latest || 'unknown';
|
||||
if (updBtn) {
|
||||
if (data.current && data.latest && data.current === data.latest) {
|
||||
updBtn.disabled = true;
|
||||
updBtn.textContent = _('Already Latest');
|
||||
} else if (data.latest && data.latest !== 'unknown') {
|
||||
updBtn.disabled = false;
|
||||
updBtn.textContent = _('Update Now');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function writeAdguardDnsSwitchEnabled(section_id, value, candidateRequest, persistedRequest) {
|
||||
const persistedEnabled = persistedRequest && persistedRequest.enabled === '1';
|
||||
const shouldPreflight = value === '1' && (
|
||||
!persistedEnabled ||
|
||||
candidateRequest.password_set === '1' ||
|
||||
adguardConfigChanged(candidateRequest, persistedRequest)
|
||||
);
|
||||
|
||||
if (shouldPreflight) {
|
||||
if (persistedEnabled && adguardBindingChanged(candidateRequest, persistedRequest) && !String(candidateRequest.password || ''))
|
||||
throw new Error(_('Re-enter the AdGuard password after changing the API URL or username.'));
|
||||
const status = await fetchAdguardPreflightStatus(candidateRequest);
|
||||
if (status.ready !== 'pass')
|
||||
throw new Error(_('Only enable when all status checks pass.'));
|
||||
}
|
||||
|
||||
return uci.set('tailscale', section_id, 'adguard_dns_switch_enabled', value);
|
||||
}
|
||||
|
||||
async function refreshAdguardPreflightStatus() {
|
||||
const status = await fetchAdguardPreflightStatus();
|
||||
|
||||
ADGUARD_PREFLIGHT_CHECKS.forEach(function(check) {
|
||||
const cell = document.getElementById(adguardPreflightCellId(check.key));
|
||||
if (!cell)
|
||||
return;
|
||||
|
||||
cell.innerHTML = '';
|
||||
cell.appendChild(renderCheck(status[check.key] || 'fail'));
|
||||
});
|
||||
}
|
||||
|
||||
function renderOpenclashBypassStatus(status) {
|
||||
const labels = {
|
||||
active: _('Enabled; 4 bypass rules are active'),
|
||||
waiting: _('Enabled; waiting for OpenClash nftables chains'),
|
||||
disabled: _('Disabled; Tailscale traffic is handled by OpenClash'),
|
||||
absent: _('OpenClash is not installed; bypass is not required'),
|
||||
unsupported: _('Unsupported; firewall4/nftables is required'),
|
||||
error: _('Configuration error')
|
||||
};
|
||||
return labels[status && status.state] || _('Unknown status');
|
||||
}
|
||||
|
||||
async function refreshOpenclashBypassStatus() {
|
||||
const node = document.getElementById('openclash_bypass_status');
|
||||
if (!node)
|
||||
return;
|
||||
try {
|
||||
const status = await callOpenclashBypassStatus();
|
||||
node.textContent = renderOpenclashBypassStatus(status);
|
||||
} catch (error) {
|
||||
node.textContent = _('Unable to read OpenClash bypass status.');
|
||||
}
|
||||
}
|
||||
|
||||
function renderPolicyRoutingStatus(status) {
|
||||
if (status && status.state === 'active' && !status.mwan3_present)
|
||||
return _('Enabled; mwan3 is not installed');
|
||||
if (status && status.state === 'active' && !status.mwan3_earlier_mark_rule)
|
||||
return _('Enabled; no earlier mwan3-marked rule was detected');
|
||||
|
||||
const labels = {
|
||||
active: _('Enabled; Tailscale routes take precedence over mwan3'),
|
||||
waiting: _('Enabled; waiting for the managed policy rule'),
|
||||
disabled: _('Disabled; mwan3 routing is unchanged'),
|
||||
blocked_default_route: _('Blocked; table 52 contains a default route'),
|
||||
blocked_mwan3_priority: _('Blocked; a mwan3 rule has higher priority than 1000'),
|
||||
blocked_priority_conflict: _('Blocked; priority 1000 is already in use'),
|
||||
blocked_ownership: _('Blocked; an existing rule is not managed by this app'),
|
||||
error: _('Configuration error')
|
||||
};
|
||||
return labels[status && status.state] || _('Unknown status');
|
||||
}
|
||||
|
||||
async function refreshPolicyRoutingStatus() {
|
||||
const node = document.getElementById('policy_routing_status');
|
||||
if (!node)
|
||||
return;
|
||||
try {
|
||||
const status = await callPolicyRoutingStatus();
|
||||
node.textContent = renderPolicyRoutingStatus(status);
|
||||
} catch (error) {
|
||||
node.textContent = _('Unable to read Tailscale policy-routing status.');
|
||||
}
|
||||
}
|
||||
|
||||
function hasFormListValue(option, section_id) {
|
||||
return toList(option.formvalue(section_id)).map(function(value) {
|
||||
return String(value || '').trim();
|
||||
}).filter(Boolean).length > 0;
|
||||
}
|
||||
|
||||
function getFirewallZones() {
|
||||
const zones = uci.sections('firewall', 'zone')
|
||||
.map(function(zone) { return zone.name; })
|
||||
.filter(Boolean);
|
||||
return zones.length ? zones : ['wan'];
|
||||
}
|
||||
|
||||
return view.extend({
|
||||
load() {
|
||||
return callSecretStatus().then(function(secretStatus) {
|
||||
return Promise.all([
|
||||
uci.load('tailscale'),
|
||||
uci.load('firewall'),
|
||||
getStatus(),
|
||||
getInterfaceSubnets(),
|
||||
uci.load('tailscale_openclash'),
|
||||
uci.load('tailscale_policy_routing')
|
||||
]).then(function(data) {
|
||||
return [
|
||||
data[0],
|
||||
data[1],
|
||||
data[2],
|
||||
data[3],
|
||||
data[4],
|
||||
secretStatus,
|
||||
data[5]
|
||||
];
|
||||
});
|
||||
});
|
||||
return Promise.all([
|
||||
uci.load('tailscale'),
|
||||
getStatus(),
|
||||
getInterfaceSubnets()
|
||||
]);
|
||||
},
|
||||
|
||||
render(data) {
|
||||
let m, s, o;
|
||||
const statusData = data[2];
|
||||
const interfaceSubnets = data[3];
|
||||
const firewallZones = getFirewallZones();
|
||||
const statusData = data[1];
|
||||
const interfaceSubnets = data[2];
|
||||
const onlineExitNodes = statusData.onlineExitNodes;
|
||||
const peers = statusData.peers;
|
||||
const secretStatus = data[5] || {};
|
||||
let hasAuthKey = secretStatus.authkey_set === '1';
|
||||
const savedKeepalivePeers = toList(uci.get('tailscale', 'settings', 'keepalive_peers'));
|
||||
let hasAdguardPassword = secretStatus.adguard_password_set === '1';
|
||||
let saveInFlight = null;
|
||||
let adguardPasswordOption, authKeyOption;
|
||||
let persistedAdguardConfig;
|
||||
|
||||
function readPersistedAdguardConfig() {
|
||||
const request = buildAdguardPreflightRequest({
|
||||
apiUrl: uci.get('tailscale', 'settings', 'adguard_api_url'),
|
||||
username: uci.get('tailscale', 'settings', 'adguard_username'),
|
||||
password: '',
|
||||
keepPassword: true,
|
||||
defaultUpstreams: uci.get('tailscale', 'settings', 'adguard_default_upstreams'),
|
||||
tailnetUpstreams: uci.get('tailscale', 'settings', 'adguard_tailnet_upstreams'),
|
||||
healthDomain: uci.get('tailscale', 'settings', 'adguard_health_domain'),
|
||||
expectedIps: uci.get('tailscale', 'settings', 'adguard_health_expected_ips')
|
||||
});
|
||||
request.enabled = uci.get('tailscale', 'settings', 'adguard_dns_switch_enabled') === '1' ? '1' : '0';
|
||||
return request;
|
||||
}
|
||||
|
||||
persistedAdguardConfig = readPersistedAdguardConfig();
|
||||
const subnetRoutes = statusData.subnetRoutes;
|
||||
|
||||
m = new form.Map('tailscale', _('Tailscale'), _('Tailscale is a cross-platform and easy to use virtual LAN.'));
|
||||
|
||||
@@ -515,18 +172,6 @@ return view.extend({
|
||||
o.default = '41641';
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('basic', form.Flag, 'allow_wan_direct', _('Allow WAN Direct'), _('Allow inbound UDP traffic from WAN to the local Tailscale listen port so remote peers can establish direct connections without first using DERP.'));
|
||||
o.default = o.disabled;
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('basic', form.DynamicList, 'wan_direct_zones', _('WAN Direct Source Zones'), _('Firewall source zones allowed to reach the local Tailscale listen port when WAN direct is enabled.'));
|
||||
firewallZones.forEach(function(zone) {
|
||||
o.value(zone, zone);
|
||||
});
|
||||
o.default = 'wan';
|
||||
o.depends('allow_wan_direct', '1');
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('basic', form.Value, 'config_path', _('Workdir'), _('The working directory contains config files, audit logs, and runtime info.'));
|
||||
o.default = '/etc/tailscale';
|
||||
o.rmempty = false;
|
||||
@@ -551,27 +196,6 @@ return view.extend({
|
||||
o.default = o.disabled;
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('advance', form.Flag, 'mwan3_table52_precedence', _('Prioritize Tailscale Routes Before mwan3'),
|
||||
_('Give routes already present in Tailscale table 52 priority over mwan3-marked traffic. This fixes LAN clients being sent to a WAN instead of a Tailnet or routed subnet. Public destinations not present in table 52 continue through mwan3. Disabled leaves mwan3 precedence unchanged. Verify from a real LAN client or with an equivalent mwan3 fwmark; the router\'s unmarked ip route get alone is insufficient. The feature remains blocked while table 52 has a default route, such as when using an exit node.'));
|
||||
o.default = o.disabled;
|
||||
o.rmempty = false;
|
||||
o.cfgvalue = function() {
|
||||
return uci.get('tailscale_policy_routing', 'settings', 'enabled') || '0';
|
||||
};
|
||||
o.write = function(section_id, value) {
|
||||
return uci.set('tailscale_policy_routing', 'settings', 'enabled', value);
|
||||
};
|
||||
o.remove = function() {
|
||||
return uci.set('tailscale_policy_routing', 'settings', 'enabled', '0');
|
||||
};
|
||||
|
||||
o = s.taboption('advance', form.DummyValue, '_policy_routing_status', _('Policy Routing Status'));
|
||||
o.rawhtml = true;
|
||||
o.cfgvalue = function() { return ''; };
|
||||
o.renderWidget = function() {
|
||||
return E('span', { id: 'policy_routing_status' }, _('Checking ...'));
|
||||
};
|
||||
|
||||
o = s.taboption('advance', form.Value, 'hostname', _('Device Name'), _("Leave blank to use the device's hostname."));
|
||||
o.default = '';
|
||||
o.rmempty = true;
|
||||
@@ -612,6 +236,19 @@ return view.extend({
|
||||
o.depends('accept_routes', '1');
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('advance', form.DynamicList, 'subnet_routes', _('Subnet Routes'), _('Select subnet routes advertised by other nodes in Tailscale network.'));
|
||||
if (subnetRoutes.length > 0) {
|
||||
subnetRoutes.forEach(function(route) {
|
||||
o.value(route, route);
|
||||
});
|
||||
} else {
|
||||
o.value('', _('No Available Subnet Routes'));
|
||||
o.readonly = true;
|
||||
}
|
||||
o.default = '';
|
||||
o.depends('disable_snat_subnet_routes', '1');
|
||||
o.rmempty = true;
|
||||
|
||||
o = s.taboption('advance', form.MultiValue, 'access', _('Access Control'));
|
||||
o.value('ts_ac_lan', _('Tailscale access LAN'));
|
||||
o.value('ts_ac_wan', _('Tailscale access WAN'));
|
||||
@@ -620,271 +257,6 @@ return view.extend({
|
||||
o.default = "ts_ac_lan ts_ac_wan lan_ac_ts";
|
||||
o.rmempty = true;
|
||||
|
||||
s.tab('keepalive', _('Keepalive'));
|
||||
|
||||
o = s.taboption('keepalive', form.Flag, 'keepalive_enabled', _('Peer Keepalive'), _('Periodically send lightweight Tailscale pings to selected peers.'));
|
||||
o.default = o.disabled;
|
||||
o.rmempty = false;
|
||||
|
||||
const keepalivePeerChoices = [];
|
||||
const keepalivePeerChoiceNames = {};
|
||||
const keepalivePeerAliases = {};
|
||||
const keepalivePeersByName = {};
|
||||
peers.forEach(function(peer) {
|
||||
keepalivePeersByName[peer.name] = peer;
|
||||
(peer.aliases || []).forEach(function(alias) {
|
||||
keepalivePeerAliases[alias] = peer.name;
|
||||
});
|
||||
});
|
||||
|
||||
const selectedKeepalivePeers = {};
|
||||
savedKeepalivePeers.forEach(function(peer) {
|
||||
const matchedName = keepalivePeerAliases[peer];
|
||||
if (matchedName && keepalivePeersByName[matchedName] && keepalivePeersByName[matchedName].hasSubnetRoutes)
|
||||
selectedKeepalivePeers[matchedName] = true;
|
||||
else
|
||||
selectedKeepalivePeers[peer] = true;
|
||||
});
|
||||
|
||||
peers.forEach(function(peer) {
|
||||
if (!peer.hasSubnetRoutes)
|
||||
return;
|
||||
|
||||
keepalivePeerChoiceNames[peer.name] = true;
|
||||
keepalivePeerChoices.push({
|
||||
value: peer.name,
|
||||
peer: peer
|
||||
});
|
||||
});
|
||||
|
||||
savedKeepalivePeers.forEach(function(peer) {
|
||||
const matchedName = keepalivePeerAliases[peer];
|
||||
const matchedPeer = matchedName ? keepalivePeersByName[matchedName] : null;
|
||||
|
||||
if (matchedPeer && matchedPeer.hasSubnetRoutes)
|
||||
return;
|
||||
|
||||
if (keepalivePeerChoiceNames[peer])
|
||||
return;
|
||||
|
||||
keepalivePeerChoiceNames[peer] = true;
|
||||
if (matchedPeer) {
|
||||
keepalivePeerChoices.push({
|
||||
value: peer,
|
||||
peer: matchedPeer,
|
||||
warning: _('No subnet routes')
|
||||
});
|
||||
}
|
||||
else {
|
||||
keepalivePeerChoices.push({
|
||||
value: peer,
|
||||
peer: {
|
||||
displayName: peer,
|
||||
ip: '',
|
||||
onlineLabel: '',
|
||||
routes: []
|
||||
},
|
||||
warning: _('Not found')
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
const KeepalivePeersValue = form.Value.extend({
|
||||
cfgvalue: function() {
|
||||
return savedKeepalivePeers;
|
||||
},
|
||||
formvalue: function(section_id) {
|
||||
const node = document.getElementById(this.cbid(section_id));
|
||||
const values = node ? Array.from(node.querySelectorAll('input[type="checkbox"]:checked')).map(function(input) {
|
||||
return input.value;
|
||||
}) : [];
|
||||
return values.length ? values : '';
|
||||
},
|
||||
renderWidget: function(section_id) {
|
||||
const disabled = (this.readonly != null) ? this.readonly : this.map.readonly;
|
||||
if (keepalivePeerChoices.length === 0) {
|
||||
return E('div', {
|
||||
id: this.cbid(section_id),
|
||||
class: 'keepalive-peer-list'
|
||||
}, E('em', _('No Available Peers')));
|
||||
}
|
||||
|
||||
return E('div', {
|
||||
id: this.cbid(section_id),
|
||||
class: 'keepalive-peer-list',
|
||||
style: 'display:grid;gap:6px;max-width:680px;width:100%'
|
||||
}, keepalivePeerChoices.map(function(choice, index) {
|
||||
const peer = choice.peer;
|
||||
const meta = [peer.ip, peer.onlineLabel].filter(Boolean).join(' / ');
|
||||
const checkboxId = '%s.%d'.format(this.cbid(section_id), index);
|
||||
const routes = (peer.routes || []).length ? '%s: %s'.format(_('Subnets'), peer.routes.join(', ')) : '';
|
||||
|
||||
return E('label', {
|
||||
'for': checkboxId,
|
||||
class: 'keepalive-peer-row',
|
||||
style: 'display:grid;grid-template-columns:minmax(320px,1fr) minmax(140px,260px);gap:10px;align-items:center;min-height:42px;padding:5px 10px;border:1px solid #d8dee5;border-radius:4px;box-sizing:border-box;cursor:pointer'
|
||||
}, [
|
||||
E('span', { class: 'keepalive-peer-main', style: 'display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis' }, [
|
||||
E('span', { class: 'keepalive-peer-check', style: 'display:flex;align-items:center;justify-content:center;line-height:0;flex:0 0 24px' }, E('input', {
|
||||
id: checkboxId,
|
||||
type: 'checkbox',
|
||||
value: choice.value,
|
||||
checked: selectedKeepalivePeers[choice.value] ? 'checked' : null,
|
||||
disabled: disabled ? 'disabled' : null,
|
||||
style: 'margin:0'
|
||||
})),
|
||||
E('strong', {}, peer.displayName || choice.value),
|
||||
meta ? E('span', { style: 'color:#687586;font-size:12px;overflow:hidden;text-overflow:ellipsis' }, meta) : ''
|
||||
]),
|
||||
E('span', { style: 'color:#687586;font-size:12px;line-height:1.3;text-align:right;white-space:normal;overflow-wrap:anywhere;max-width:260px' }, [
|
||||
routes,
|
||||
choice.warning ? E('span', { style: routes ? 'color:#b7791f;margin-left:8px' : 'color:#b7791f' }, choice.warning) : ''
|
||||
])
|
||||
]);
|
||||
}, this));
|
||||
}
|
||||
});
|
||||
|
||||
o = s.taboption('keepalive', KeepalivePeersValue, 'keepalive_peers', _('Keepalive Peers'), _('Only peers advertising subnet routes are shown. Selected peers are periodically pinged to keep cross-subnet paths active.'));
|
||||
o.rmempty = true;
|
||||
o.depends('keepalive_enabled', '1');
|
||||
|
||||
o = s.taboption('keepalive', form.Value, 'keepalive_interval', _('Keepalive Interval'), _('Seconds between keepalive probes.'));
|
||||
o.datatype = 'uinteger';
|
||||
o.default = '20';
|
||||
o.depends('keepalive_enabled', '1');
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('keepalive', form.Value, 'keepalive_failure_log_interval', _('Failure Log Interval'), _('Seconds between repeated failure log messages for the same peer.'));
|
||||
o.datatype = 'uinteger';
|
||||
o.default = '300';
|
||||
o.depends('keepalive_enabled', '1');
|
||||
o.rmempty = false;
|
||||
|
||||
s.tab('adguard_dns', _('AdGuard DNS'));
|
||||
let adguardApiUrlOption, adguardUsernameOption;
|
||||
let adguardDefaultUpstreamsOption, adguardTailnetUpstreamsOption, adguardHealthDomainOption, adguardHealthExpectedIpsOption;
|
||||
|
||||
adguardApiUrlOption = s.taboption('adguard_dns', form.Value, 'adguard_api_url', _('AdGuard API URL'));
|
||||
adguardApiUrlOption.default = 'http://127.0.0.1:3000';
|
||||
adguardApiUrlOption.rmempty = false;
|
||||
|
||||
adguardUsernameOption = s.taboption('adguard_dns', form.Value, 'adguard_username', _('AdGuard Username'));
|
||||
adguardUsernameOption.default = '';
|
||||
adguardUsernameOption.rmempty = true;
|
||||
|
||||
adguardPasswordOption = s.taboption('adguard_dns', form.Value, 'adguard_password', _('AdGuard Password'));
|
||||
adguardPasswordOption.password = true;
|
||||
adguardPasswordOption.default = '';
|
||||
adguardPasswordOption.rmempty = true;
|
||||
adguardPasswordOption.placeholder = hasAdguardPassword ? _('Configured') : '';
|
||||
adguardPasswordOption.description = _('Leave blank to keep the existing AdGuard password; enter a new value to replace it.');
|
||||
adguardPasswordOption.cfgvalue = function() {
|
||||
return '';
|
||||
};
|
||||
adguardPasswordOption.write = function() {};
|
||||
adguardPasswordOption.remove = function() {};
|
||||
|
||||
o = s.taboption('adguard_dns', form.DummyValue, '_adguard_dns_status', _('Status'));
|
||||
o.renderWidget = function() {
|
||||
return E('div', { class: 'table' }, ADGUARD_PREFLIGHT_CHECKS.map(function(check) {
|
||||
return E('div', { class: 'tr' }, [
|
||||
E('div', { class: 'td left' }, check.label),
|
||||
E('div', { class: 'td', id: adguardPreflightCellId(check.key) }, renderCheck())
|
||||
]);
|
||||
}));
|
||||
};
|
||||
|
||||
o = s.taboption('adguard_dns', form.Flag, 'adguard_dns_switch_enabled', _('Enable AdGuard DNS Auto Switch'), _('Only enable when all status checks pass.'));
|
||||
o.default = o.disabled;
|
||||
o.rmempty = false;
|
||||
o.write = function(section_id, value) {
|
||||
const password = String(adguardPasswordOption.formvalue(section_id) || '');
|
||||
const candidateRequest = buildAdguardPreflightRequest({
|
||||
apiUrl: String(adguardApiUrlOption.formvalue(section_id) || '').trim(),
|
||||
username: String(adguardUsernameOption.formvalue(section_id) || '').trim(),
|
||||
password: password,
|
||||
keepPassword: !password && hasAdguardPassword,
|
||||
defaultUpstreams: adguardDefaultUpstreamsOption.formvalue(section_id),
|
||||
tailnetUpstreams: adguardTailnetUpstreamsOption.formvalue(section_id),
|
||||
healthDomain: String(adguardHealthDomainOption.formvalue(section_id) || '').trim(),
|
||||
expectedIps: adguardHealthExpectedIpsOption.formvalue(section_id)
|
||||
});
|
||||
|
||||
return writeAdguardDnsSwitchEnabled(section_id, value, candidateRequest, persistedAdguardConfig);
|
||||
};
|
||||
o.validate = function(section_id, value) {
|
||||
if (value !== '1')
|
||||
return true;
|
||||
|
||||
if (!String(adguardHealthDomainOption.formvalue(section_id) || '').trim())
|
||||
return _('Health Check Domain is required before enabling AdGuard DNS auto switch.');
|
||||
|
||||
if (!hasFormListValue(adguardHealthExpectedIpsOption, section_id))
|
||||
return _('At least one Expected Internal IP is required before enabling AdGuard DNS auto switch.');
|
||||
|
||||
if (!hasFormListValue(adguardDefaultUpstreamsOption, section_id))
|
||||
return _('At least one Default Upstream is required before enabling AdGuard DNS auto switch.');
|
||||
|
||||
if (!hasFormListValue(adguardTailnetUpstreamsOption, section_id))
|
||||
return _('At least one Tailnet Upstream is required before enabling AdGuard DNS auto switch.');
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
adguardDefaultUpstreamsOption = s.taboption('adguard_dns', form.DynamicList, 'adguard_default_upstreams', _('Default Upstreams'), _('Used when Tailnet DNS is unhealthy.'));
|
||||
adguardDefaultUpstreamsOption.default = '';
|
||||
adguardDefaultUpstreamsOption.rmempty = true;
|
||||
|
||||
adguardTailnetUpstreamsOption = s.taboption('adguard_dns', form.DynamicList, 'adguard_tailnet_upstreams', _('Tailnet Upstreams'), _('Added when Tailnet DNS is healthy.'));
|
||||
adguardTailnetUpstreamsOption.default = '';
|
||||
adguardTailnetUpstreamsOption.rmempty = true;
|
||||
|
||||
adguardHealthDomainOption = s.taboption('adguard_dns', form.Value, 'adguard_health_domain', _('Health Check Domain'), _('Resolved through Tailscale DNS 100.100.100.100. The result must match one of the expected internal IPs.'));
|
||||
adguardHealthDomainOption.rmempty = true;
|
||||
|
||||
adguardHealthExpectedIpsOption = s.taboption('adguard_dns', form.DynamicList, 'adguard_health_expected_ips', _('Expected Internal IPs'));
|
||||
adguardHealthExpectedIpsOption.default = '';
|
||||
adguardHealthExpectedIpsOption.rmempty = true;
|
||||
|
||||
o = s.taboption('adguard_dns', form.Value, 'adguard_check_interval', _('Check Interval'));
|
||||
o.datatype = 'uinteger';
|
||||
o.default = '10';
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('adguard_dns', form.Value, 'adguard_success_threshold', _('Success Threshold'));
|
||||
o.datatype = 'uinteger';
|
||||
o.default = '2';
|
||||
o.rmempty = false;
|
||||
|
||||
o = s.taboption('adguard_dns', form.Value, 'adguard_failure_threshold', _('Failure Threshold'));
|
||||
o.datatype = 'uinteger';
|
||||
o.default = '2';
|
||||
o.rmempty = false;
|
||||
|
||||
s.tab('openclash', _('OpenClash'));
|
||||
|
||||
o = s.taboption('openclash', form.Flag, 'openclash_bypass_enabled', _('Protect Tailscale Traffic (Bypass OpenClash)'),
|
||||
_('Keep Tailscale control connections, direct connections, Tailnet DNS, and subnet traffic outside OpenClash. When disabled, this traffic is handled by OpenClash; node connectivity, direct paths, subnet access, and internal DNS are no longer protected by this feature. Keep this enabled while using OpenClash.'));
|
||||
o.default = o.enabled;
|
||||
o.rmempty = false;
|
||||
o.cfgvalue = function() {
|
||||
return uci.get('tailscale_openclash', 'settings', 'enabled') || '1';
|
||||
};
|
||||
o.write = function(section_id, value) {
|
||||
return uci.set('tailscale_openclash', 'settings', 'enabled', value);
|
||||
};
|
||||
o.remove = function() {
|
||||
return uci.set('tailscale_openclash', 'settings', 'enabled', '0');
|
||||
};
|
||||
|
||||
o = s.taboption('openclash', form.DummyValue, '_openclash_bypass_status', _('Status'));
|
||||
o.rawhtml = true;
|
||||
o.cfgvalue = function() { return ''; };
|
||||
o.renderWidget = function() {
|
||||
return E('span', { id: 'openclash_bypass_status' }, _('Checking ...'));
|
||||
};
|
||||
|
||||
s.tab('extra', _('Extra Settings'));
|
||||
|
||||
o = s.taboption('extra', form.DynamicList, 'flags', _('Additional Flags'),
|
||||
@@ -904,79 +276,105 @@ return view.extend({
|
||||
o.default = '';
|
||||
o.rmempty = true;
|
||||
|
||||
authKeyOption = s.option(form.Value, 'authkey', _('Auth Key'));
|
||||
authKeyOption.password = true;
|
||||
authKeyOption.default = '';
|
||||
authKeyOption.rmempty = true;
|
||||
authKeyOption.placeholder = hasAuthKey ? _('Configured') : '';
|
||||
authKeyOption.description = _('Used once for first-time enrollment or explicit re-enrollment, then removed after a successful connection. Leave blank for normal restarts.');
|
||||
authKeyOption.cfgvalue = function() {
|
||||
return '';
|
||||
};
|
||||
authKeyOption.write = function() {};
|
||||
authKeyOption.remove = function() {};
|
||||
o = s.option(form.Value, 'authKey', _('Auth Key'));
|
||||
o.default = '';
|
||||
o.rmempty = true;
|
||||
|
||||
m.save = function(cb, silent) {
|
||||
if (saveInFlight)
|
||||
return saveInFlight;
|
||||
|
||||
const map = this;
|
||||
saveInFlight = saveMapWithSecrets(map, cb, silent, function() {
|
||||
const request = Object.freeze(buildSecretUpdateRequest({
|
||||
authkey: authKeyOption.formvalue('settings'),
|
||||
adguardPassword: adguardPasswordOption.formvalue('settings'),
|
||||
adguardApiUrl: adguardApiUrlOption.formvalue('settings'),
|
||||
adguardUsername: adguardUsernameOption.formvalue('settings'),
|
||||
baseRef: uci.get('tailscale', 'settings', 'secrets_ref')
|
||||
}));
|
||||
|
||||
if (request.authkey_set !== '1' && request.adguard_password_set !== '1')
|
||||
return { request: request, ref: request.base_ref };
|
||||
|
||||
return callSetSecrets(
|
||||
request.authkey_set,
|
||||
request.authkey,
|
||||
request.adguard_password_set,
|
||||
request.adguard_password,
|
||||
request.api_url,
|
||||
request.username,
|
||||
request.base_ref
|
||||
).then(function(result) {
|
||||
const ref = String(result && result.ref || '');
|
||||
if (!result || result.code !== 0 || !/^[A-Za-z0-9_.-]+$/.test(ref))
|
||||
throw new Error(_('Failed to stage protected credentials.'));
|
||||
uci.set('tailscale', 'settings', 'secrets_ref', ref);
|
||||
return { request: request, ref: ref };
|
||||
});
|
||||
}, function(staged) {
|
||||
const request = staged.request;
|
||||
const updateStatus = function() {
|
||||
if (request.authkey_set === '1') {
|
||||
hasAuthKey = true;
|
||||
authKeyOption.placeholder = _('Configured');
|
||||
}
|
||||
if (request.adguard_password_set === '1') {
|
||||
hasAdguardPassword = true;
|
||||
adguardPasswordOption.placeholder = _('Configured');
|
||||
}
|
||||
persistedAdguardConfig = readPersistedAdguardConfig();
|
||||
};
|
||||
updateStatus();
|
||||
}).then(function(result) {
|
||||
window.setTimeout(refreshOpenclashBypassStatus, 0);
|
||||
window.setTimeout(refreshPolicyRoutingStatus, 0);
|
||||
return result;
|
||||
}).finally(function() {
|
||||
saveInFlight = null;
|
||||
});
|
||||
return saveInFlight;
|
||||
/* Core Update Section */
|
||||
s = m.section(form.TypedSection);
|
||||
s.anonymous = true;
|
||||
s.title = _('Core Update');
|
||||
s.description = _('Check and update the Tailscale binary to the latest version.');
|
||||
s.render = function() {
|
||||
return E('div', { class: 'cbi-section' }, [
|
||||
E('h3', {}, _('Core Update')),
|
||||
E('div', { class: 'cbi-value', style: 'margin-bottom: 10px' }, [
|
||||
E('label', { class: 'cbi-value-title' }, _('Current Version')),
|
||||
E('div', { class: 'cbi-value-field' }, [
|
||||
E('span', { id: 'ts_current_ver' }, _('Checking...'))
|
||||
])
|
||||
]),
|
||||
E('div', { class: 'cbi-value', style: 'margin-bottom: 10px' }, [
|
||||
E('label', { class: 'cbi-value-title' }, _('Latest Version')),
|
||||
E('div', { class: 'cbi-value-field' }, [
|
||||
E('span', { id: 'ts_latest_ver' }, _('Checking...'))
|
||||
])
|
||||
]),
|
||||
E('div', { class: 'cbi-value' }, [
|
||||
E('label', { class: 'cbi-value-title' }, ''),
|
||||
E('div', { class: 'cbi-value-field' }, [
|
||||
E('button', {
|
||||
class: 'btn cbi-button cbi-button-action',
|
||||
id: 'ts_check_btn',
|
||||
click: async function(ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
var btn = ev.target;
|
||||
btn.disabled = true;
|
||||
btn.textContent = _('Checking...');
|
||||
try {
|
||||
var res = await fs.exec('/usr/sbin/tailscale_helper', ['check_update']);
|
||||
if (res.stdout) {
|
||||
var data = JSON.parse(res.stdout.trim());
|
||||
updateVersionDisplay(data);
|
||||
if (data.error) {
|
||||
ui.addNotification(null, E('p', {}, data.error));
|
||||
}
|
||||
}
|
||||
} catch(e) {
|
||||
ui.addNotification(null, E('p', {}, e.message));
|
||||
}
|
||||
btn.disabled = false;
|
||||
btn.textContent = _('Check Update');
|
||||
}
|
||||
}, _('Check Update')),
|
||||
'\u00a0\u00a0',
|
||||
E('button', {
|
||||
class: 'btn cbi-button cbi-button-apply',
|
||||
id: 'ts_update_btn',
|
||||
click: async function(ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
var btn = ev.target;
|
||||
btn.disabled = true;
|
||||
btn.textContent = _('Updating...');
|
||||
try {
|
||||
var res = await fs.exec('/usr/sbin/tailscale_helper', ['do_update']);
|
||||
if (res.stdout) {
|
||||
var data = JSON.parse(res.stdout.trim());
|
||||
if (data.success) {
|
||||
updateVersionDisplay({current: data.version, latest: data.version});
|
||||
ui.addNotification(null, E('p', { style: 'color:green' },
|
||||
_('Updated successfully to %s').format(data.version)));
|
||||
} else if (data.error) {
|
||||
ui.addNotification(null, E('p', {}, _('Update failed: %s').format(data.error)));
|
||||
btn.disabled = false;
|
||||
btn.textContent = _('Update Now');
|
||||
}
|
||||
}
|
||||
} catch(e) {
|
||||
ui.addNotification(null, E('p', {}, _('Update failed: %s').format(e.message)));
|
||||
btn.disabled = false;
|
||||
btn.textContent = _('Update Now');
|
||||
}
|
||||
}
|
||||
}, _('Update Now'))
|
||||
])
|
||||
])
|
||||
]);
|
||||
};
|
||||
|
||||
return Promise.resolve(m.render()).then(function(node) {
|
||||
window.setTimeout(refreshAdguardPreflightStatus, 0);
|
||||
window.setTimeout(refreshOpenclashBypassStatus, 0);
|
||||
window.setTimeout(refreshPolicyRoutingStatus, 0);
|
||||
return node;
|
||||
});
|
||||
/* Auto check version on page load */
|
||||
setTimeout(async function() {
|
||||
try {
|
||||
var res = await fs.exec('/usr/sbin/tailscale_helper', ['check_update']);
|
||||
if (res.stdout) {
|
||||
var data = JSON.parse(res.stdout.trim());
|
||||
updateVersionDisplay(data);
|
||||
}
|
||||
} catch(e) {}
|
||||
}, 1000);
|
||||
|
||||
return m.render();
|
||||
}
|
||||
});
|
||||
Reference in new issue
Block a user