🤞 Sync 2026-11-10 21:15:30

luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js

@@ -0,0 +1,76 @@
+// SPDX-License-Identifier: Apache-2.0
+'use strict';
+'require dom';
+'require fs';
+'require poll';
+'require ui';
+'require view';
+
+var LOG_PATH = '/var/log/v2raya/v2raya.log';
+var MAX_LINES = 500;
+
+return view.extend({
+	render: function () {
+		var logEl = E('pre', {
+			id: 'v2raya-log',
+			style: 'white-space:pre-wrap;word-break:break-all;max-height:65vh;overflow:auto;padding:8px;margin:0;background:rgba(0,0,0,0.04);border-radius:4px'
+		}, _('Loading…'));
+
+		var refresh = function () {
+			return L.resolveDefault(fs.read_direct(LOG_PATH, 'text'), null).then(function (text) {
+				if (text === null) {
+					dom.content(logEl, _('The log file does not exist yet. Start the service and try again.'));
+					return;
+				}
+
+				var lines = text.replace(/\s+$/, '').split('\n');
+				if (lines.length > MAX_LINES)
+					lines = lines.slice(-MAX_LINES);
+
+				var atBottom = (logEl.scrollTop + logEl.clientHeight + 20) >= logEl.scrollHeight;
+				dom.content(logEl, lines.join('\n') || _('The log is empty.'));
+
+				if (atBottom)
+					logEl.scrollTop = logEl.scrollHeight;
+			}).catch(function (err) {
+				dom.content(logEl, _('Unable to read the log: %s').format(err));
+			});
+		};
+
+		var refreshBtn = E('button', { class: 'btn cbi-button cbi-button-action' }, _('Refresh'));
+		var clearBtn = E('button', { class: 'btn cbi-button cbi-button-reset' }, _('Clear log'));
+
+		refreshBtn.addEventListener('click', function () { refresh(); });
+		clearBtn.addEventListener('click', function () {
+			if (!confirm(_('Clear the v2rayA log file?')))
+				return;
+
+			L.resolveDefault(fs.write(LOG_PATH, ''), null).then(function (res) {
+				if (res === null)
+					ui.addNotification(null, E('p', {}, _('Unable to clear the log file.')), 'danger');
+				else
+					ui.addNotification(null, E('p', {}, _('Log file cleared.')), 'info');
+
+				refresh();
+			});
+		});
+
+		refresh();
+		poll.add(refresh, 5);
+
+		return E('div', { class: 'cbi-map' }, [
+			E('h2', {}, _('v2rayA log')),
+			E('div', { class: 'cbi-map-descr' },
+				_('Showing the last %d lines of %s. Refreshes every %d seconds.')
+					.format(MAX_LINES, LOG_PATH, L.env.pollinterval || 5)),
+			E('div', { class: 'cbi-section' }, [
+				logEl,
+				E('div', { style: 'margin-top:8px' }, [ refreshBtn, ' ', clearBtn ])
+			])
+		]);
+	},
+
+	handleSave: null,
+	handleSaveApply: null,
+	handleReset: null
+});