luci-app-v2raya: add new package

Add LuCI interface for the v2rayA package.

Signed-off-by: Tianling Shen <cnsztl@immortalwrt.org>

2 files changed, 185 insertions, 0 deletions

diff --git a/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js
new file mode 100644
index 0000000000..577d0eee39
--- /dev/null
+++ b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js
@@ -0,0 +1,110 @@
+'use strict';
+'require form';
+'require poll';
+'require rpc';
+'require uci';
+'require view';
+
+var callServiceList = rpc.declare({
+	object: 'service',
+	method: 'list',
+	params: ['name'],
+	expect: { '': {} }
+});
+
+function getServiceStatus() {
+	return L.resolveDefault(callServiceList('v2raya'), {}).then(function (res) {
+		var isRunning = false;
+		try {
+			isRunning = res['v2raya']['instances']['v2raya']['running'];
+		} catch (e) { }
+		return isRunning;
+	});
+}
+
+function renderStatus(isRunning, port) {
+	var spanTemp = '<span style="color:%s"><strong>%s %s</strong></span>';
+	var renderHTML;
+	if (isRunning) {
+		var button = String.format('&#160;<a class="btn cbi-button" href="http://%s:%s" target="_blank" rel="noreferrer noopener">%s</a>',
+			window.location.hostname, port, _('Open Web Interface'));
+		renderHTML = spanTemp.format('green', _('v2rayA'), _('RUNNING')) + button;
+	} else {
+		renderHTML = spanTemp.format('red', _('v2rayA'), _('NOT RUNNING'));
+	}
+
+	return renderHTML;
+}
+
+return view.extend({
+	load: function() {
+		return Promise.all([
+			uci.load('v2raya')
+		]);
+	},
+
+	render: function(data) {
+		var m, s, o;
+		var webport = (uci.get(data[0], 'config', 'address') || '0.0.0.0:2017').split(':').slice(-1)[0];
+
+		m = new form.Map('v2raya', _('v2rayA'),
+			_('v2rayA is a V2Ray Linux client supporting global transparent proxy, compatible with SS, SSR, Trojan(trojan-go), PingTunnel protocols.'));
+
+		s = m.section(form.TypedSection);
+		s.anonymous = true;
+		s.render = function () {
+			poll.add(function () {
+				return L.resolveDefault(getServiceStatus()).then(function (res) {
+					var view = document.getElementById('service_status');
+					view.innerHTML = renderStatus(res, webport);
+				});
+			});
+
+			return E('div', { class: 'cbi-section', id: 'status_bar' }, [
+					E('p', { id: 'service_status' }, _('Collecting data…'))
+			]);
+		}
+
+		s = m.section(form.NamedSection, 'config', 'v2raya');
+
+		o = s.option(form.Flag, 'enabled', _('Enable'));
+		o.rmempty = false;
+
+		o = s.option(form.Value, 'address', _('Listening address'));
+		o.datatype = 'ipaddrport(1)';
+		o.placeholder = '0.0.0.0:2017';
+
+		o = s.option(form.ListValue, 'ipv6_support', _('IPv6 support'),
+			_('Requires working IPv6 connectivity.'));
+		o.value('auto', _('Auto'));
+		o.value('on', _('On'));
+		o.value('off', _('Off'));
+		o.default = 'auto';
+
+		o = s.option(form.ListValue, 'nftables_support', _('Nftables support'),
+			_('Requires nftables.'));
+		o.value('auto', _('Auto'));
+		o.value('on', _('On'));
+		o.value('off', _('Off'));
+		o.default = 'auto';
+
+		o = s.option(form.ListValue, 'log_level', _('Log level'));
+		o.value('trace', _('Trace'));
+		o.value('debug', _('Debug'));
+		o.value('info', _('Info'));
+		o.value('warn', _('Warn'));
+		o.value('error', _('Error'));
+		o.default = 'info';
+
+		o = s.option(form.Value, 'log_max_days', _('Max log retention period'),
+			_('Unit: days.'));
+		o.datatype = 'uinteger';
+		o.placeholder = '3';
+
+		o = s.option(form.Flag, 'log_disable_color', _('Disable log color output'));
+
+		o = s.option(form.Flag, 'log_disable_timestamp', _('Disable log timestamp'));
+
+		return m.render();
+	}
+});
diff --git a/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js
new file mode 100644
index 0000000000..b614f3c8a5
--- /dev/null
+++ b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js
@@ -0,0 +1,75 @@
+'use strict';
+'require dom';
+'require fs';
+'require poll';
+'require uci';
+'require view';
+
+return view.extend({
+	render: function() {
+		/* Thanks to luci-app-aria2 */
+		var css = '					\
+			#log_textarea {				\
+				padding: 10px;			\
+				text-align: left;		\
+			}					\
+			#log_textarea pre {			\
+				padding: .5rem;			\
+				word-break: break-all;		\
+				margin: 0;			\
+			}					\
+			.description {				\
+				background-color: #33ccff;	\
+			}';
+
+		var log_textarea = E('div', { 'id': 'log_textarea' },
+			E('img', {
+				'src': L.resource(['icons/loading.gif']),
+				'alt': _('Loading…'),
+				'style': 'vertical-align:middle'
+			}, _('Collecting data…'))
+		);
+
+		var log_path = '/var/log/v2raya/v2raya.log';
+
+		poll.add(L.bind(function() {
+			return fs.read_direct(log_path, 'text')
+			.then(function(res) {
+				var log = E('pre', { 'wrap': 'pre' }, [
+					res.trim() || _('Log is clean.')
+				]);
+
+				dom.content(log_textarea, log);
+			}).catch(function(err) {
+				var log;
+
+				if (err.toString().includes('NotFoundError'))
+					log = E('pre', { 'wrap': 'pre' }, [
+						_('Log file does not exist.')
+					]);
+				else
+					log = E('pre', { 'wrap': 'pre' }, [
+						_('Unknown error: %s').format(err)
+					]);
+
+				dom.content(log_textarea, log);
+			});
+		}));
+
+		return E([
+			E('style', [ css ]),
+			E('div', {'class': 'cbi-map'}, [
+				E('div', {'class': 'cbi-section'}, [
+					log_textarea,
+					E('div', {'style': 'text-align:right'},
+					E('small', {}, _('Refresh every %d seconds.').format(L.env.pollinterval))
+					)
+				])
+			])
+		]);
+	},
+
+	handleSaveApply: null,
+	handleSave: null,
+	handleReset: null
+});