🌴 Sync 2026-03-05 23:51:42

luci-app-smartvpn/htdocs/luci-static/resources/view/smartvpn/hongkong.js

@@ -0,0 +1,45 @@
+'use strict';
+'require fs';
+'require ui';
+
+var filename = '/etc/smartvpn/user_hongkong.txt';
+
+return L.view.extend({
+	load: function() {
+		return L.resolveDefault(fs.read_direct(filename), '');
+	},
+	handleSave: function(ev) {
+		var value = ((document.querySelector('textarea').value || '').trim().toLowerCase().replace(/\r\n/g, '\n')) + '\n';
+		return fs.write(filename, value)
+			.then(function(rc) {
+				document.querySelector('textarea').value = value;
+				ui.addNotification(null, E('p', _('Changes have been saved. You should restart SmartVPN to take effect.')), 'info');
+			}).catch(function(e) {
+				ui.addNotification(null, E('p', _('Unable to save changes: %s').format(e.message)));
+			});
+	},
+	render: function(blacklist) {
+		return E([
+			E('p', {},
+				_('Listed below are your customized hosts must be accessed via Hongkong gateway.<br /> \
+				Please note: add only one domain per line. Make sure the hosts accessed much quicker from Hongkong.')),
+			E('p', {},
+				E('textarea', {
+					'style': 'width: 100% !important; padding: 5px; font-family: monospace',
+					'spellcheck': 'false',
+					'wrap': 'off',
+					'rows': 25
+				}, [ blacklist != null ? blacklist : 'empty' ])
+			)
+		]);
+	},
+	handleReset: function(ev) {
+		L.resolveDefault(fs.read_direct(filename),'').then(function(hostlist) {
+			document.querySelector('textarea').value = hostlist;
+			ui.addNotification(null, E('p', _('Restore hosts list to original content')), 'info');	
+		}).catch(function(e) {
+			ui.addNotification(null, E('p', _('Unable to read file: %s').format(e.message)));
+		});
+	},
+	handleSaveApply: null
+});

luci-app-smartvpn/htdocs/luci-static/resources/view/smartvpn/mainland.js

@@ -0,0 +1,45 @@
+'use strict';
+'require fs';
+'require ui';
+
+var filename = '/etc/smartvpn/user_mainland.txt';
+
+return L.view.extend({
+	load: function() {
+		return L.resolveDefault(fs.read_direct(filename), '');
+	},
+	handleSave: function(ev) {
+		var value = ((document.querySelector('textarea').value || '').trim().toLowerCase().replace(/\r\n/g, '\n')) + '\n';
+		return fs.write(filename, value)
+			.then(function(rc) {
+				document.querySelector('textarea').value = value;
+				ui.addNotification(null, E('p', _('Changes have been saved. You should restart SmartVPN to take effect.')), 'info');
+			}).catch(function(e) {
+				ui.addNotification(null, E('p', _('Unable to save changes: %s').format(e.message)));
+			});
+	},
+	render: function(hostlist) {
+		return E([
+			E('p', {},
+				_('Listed below are the hosts must be accessed via default gateway of your router.<br /> \
+				Please note: add only one domain or network segment per line. Add only hosts pick a wrong getway via oversea or hongkong')),
+			E('p', {},
+				E('textarea', { 'id': 'hostlist',
+					'style': 'width: 100% !important; padding: 5px; font-family: monospace',
+					'spellcheck': 'false',
+					'wrap': 'off',
+					'rows': 25
+				}, [ hostlist != null ? hostlist : '' ])
+			)
+		]);
+	},
+	handleReset: function(ev) {
+		L.resolveDefault(fs.read_direct(filename), '').then(function(hostlist) {
+			document.querySelector('textarea').value = hostlist;
+			ui.addNotification(null, E('p', _('Restore hosts list to original content')), 'info');	
+		}).catch(function(e) {
+			ui.addNotification(null, E('p', _('Unable to read file: %s').format(e.message)));
+		});
+	},
+	handleSaveApply: null
+});

luci-app-smartvpn/htdocs/luci-static/resources/view/smartvpn/oversea.js

@@ -0,0 +1,45 @@
+'use strict';
+'require fs';
+'require ui';
+
+var filename = '/etc/smartvpn/user_oversea.txt';
+
+return L.view.extend({
+	load: function() {
+		return L.resolveDefault(fs.read_direct(filename), '');
+	},
+	handleSave: function(ev) {
+		var value = ((document.querySelector('textarea').value || '').trim().toLowerCase().replace(/\r\n/g, '\n')) + '\n';
+		return fs.write(filename, value)
+			.then(function(rc) {
+				document.querySelector('textarea').value = value;
+				ui.addNotification(null, E('p', _('Changes have been saved. You should restart SmartVPN to take effect.')), 'info');
+			}).catch(function(e) {
+				ui.addNotification(null, E('p', _('Unable to save changes: %s').format(e.message)));
+			});
+	},
+	render: function(hostlist) {
+		return E([
+			E('p', {},
+				_('Listed below are your customize hosts should be accessed via oversea gateway.<br /> \
+				Please note: add only one domain or network segment per line. The hosts in "gfwlist" no need to be added.')),
+			E('p', {},
+				E('textarea', {
+					'style': 'width: 100% !important; padding: 5px; font-family: monospace',
+					'spellcheck': 'false',
+					'wrap': 'off',
+					'rows': 25
+				}, [ hostlist != null ? hostlist : 'empty' ])
+			)
+		]);
+	},
+	handleReset: function(ev) {
+		L.resolveDefault(fs.read_direct(filename),'').then(function(hostlist) {
+			document.querySelector('textarea').value = hostlist;
+			ui.addNotification(null, E('p', _('Restore hosts list to original content')), 'info');	
+		}).catch(function(e) {
+			ui.addNotification(null, E('p', _('Unable to read file: %s').format(e.message)));
+		});
+	},
+	handleSaveApply: null
+});

luci-app-smartvpn/htdocs/luci-static/resources/view/smartvpn/overview.js

@@ -0,0 +1,259 @@
+/*
+	SmartVPN overview page
+*/
+
+'use strict';
+'require fs';
+'require ui';
+'require uci';
+'require form';
+'require tools.widgets as widgets';
+
+/*
+	button handling
+*/
+async function handleAction(ev) {
+	if (ev === 'reload' || ev === 'restart') {
+		// L.Poll.start();
+
+		if (ev === 'reload') {
+			fs.exec_direct('/usr/sbin/smartvpn.sh', ['on']);
+		} else {
+			fs.exec_direct('/usr/sbin/smartvpn.sh', ['on', 'hard']);
+		}			
+		var running = 1;
+		while (running === 1) {
+			await new Promise(r => setTimeout(r, 1000));
+			L.resolveDefault(fs.read_direct('/var/run/smartvpn.lock')).then(function(res) {
+				if (!res) {
+					running = 0;
+				}
+			})
+		}
+	}
+	if (ev === 'save' || ev === 'restore') {
+		// L.Poll.start();
+
+		fs.exec_direct('/usr/sbin/smartvpn.sh', [ev]);
+
+		var running = 1;
+		while (running === 1) {
+			await new Promise(r => setTimeout(r, 1000));
+			L.resolveDefault(fs.read_direct('/var/run/smartvpn.lock')).then(function(res) {
+				if (!res) {
+					running = 0;
+				}
+			})
+		}
+	}
+	if (ev === 'upload') {
+		// L.Poll.start();
+		ui.uploadFile('/tmp/smartvpn.userconf').then(function(res){
+
+			fs.exec('/usr/share/smartvpn/userconfig', [ '--check', '/tmp/smartvpn.userconf' ]).then(function(res){
+				if (res.code != 0) {
+					L.ui.addNotification(null, E('p', _('The uploaded user configuration is not readable')));
+					return fs.remove('/tmp/smartvpn.userconf');
+				}
+
+				ui.showModal(_('Apply user configuration?'), [
+					E('p', _('User config files recieved. Press "Continue" to apply and restart SmartVPN. If LAN IP is chanaged, you must reconnect manually.')),
+					E('pre', {}, [ res.stdout ]),
+					E('div', { 'class': 'right' }, [
+						E('button', {
+							'class': 'btn',
+							'click': ui.createHandlerFn(this, function(ev) {
+								return fs.remove('/tmp/smartvpn.userconf').finally(ui.hideModal());
+							})
+						}, [ _('Cancel') ]), ' ',
+						E('button', {
+							'class': 'btn cbi-button-action important',
+							'click': ui.createHandlerFn(this, function(ev) {
+								ui.addNotification(null, [
+									E('p', _('Reload this page if the status keep spinning after 2 minutes. If LAN IP is chanaged, please unplug and plug back your network cable to reconnect the router.')),
+									res.stderr ? E('pre', {}, [ res.stderr ]) : ''
+								]);
+								return fs.exec('/usr/share/smartvpn/userconfig', [ '--apply', '/tmp/smartvpn.userconf' ]).then(function(res) {
+									if (res.code != 0) {
+										ui.addNotification(null, [
+											E('p', _('Apply user configuration failed with code %d').format(res.code)),
+											res.stderr ? E('pre', {}, [ res.stderr ]) : ''
+										]);
+									} else {
+										ui.addNotification(null, E('p', _('User configuration applied successfully.')), 'info');
+									};
+									fs.remove('/tmp/smartvpn.userconf')
+								}).finally(ui.hideModal());
+							})
+						}, [ _('Continue') ])
+					]),
+				])
+			}).catch(function(e) { ui.addNotification(null, E('p', _('Upload feature is not available for this device'))) })
+		})
+	}
+}
+
+return L.view.extend({
+	load: function() {
+		return L.resolveDefault(fs.exec_direct('/usr/sbin/smartvpn.sh', ['status', 'short']), '');
+	},
+				
+	render: function(res) {
+		var m, s, o;
+		var ss;
+
+		var result = res.split("\n");
+
+		m = new form.Map('smartvpn', 'SmartVPN', _('Select the best route for Internet Access.'));
+
+		/*
+			poll runtime information
+		*/
+		pollData: L.Poll.add(function() {
+			return L.resolveDefault(fs.read_direct('/var/run/smartvpn.work')).then(function(res) {
+
+				var status = document.getElementById('status');
+				if (status && res) {  // status is pending
+					if (!status.classList.contains("spinning")) {
+						status.classList.add("spinning");
+					}
+				} else if (status) {
+					if (status.classList.contains("spinning")) {
+						status.classList.remove("spinning");
+					}
+				}
+
+				L.resolveDefault(fs.exec_direct('/usr/sbin/smartvpn.sh', ['status', 'short']), '').then(function(res) {
+
+					var result = res.split("\n");
+					var btn_snapshot = document.getElementById('btn_snapshot');
+					var btn_restore = document.getElementById('btn_restore');
+					var btn_reload = document.getElementById('btn_reload');
+		
+					if (result[0].indexOf("ON")>0) {
+						btn_snapshot.disabled=false;
+						btn_restore.disabled=false;
+						btn_reload.disabled=false;
+					} else {
+						btn_snapshot.disabled=true;
+						btn_restore.disabled=true;
+						btn_reload.disabled=true;
+					}
+
+					if (status && result[0]) {
+						status.textContent = result[0];
+					}
+					
+					var mainland = document.getElementById('mainland');
+					if (mainland && result[1]) {
+						mainland.textContent = result[1];
+					}
+
+					var hongkong = document.getElementById('hongkong');
+					if (hongkong && result[1]) {
+						hongkong.textContent = result[2];
+					}
+
+					var oversea = document.getElementById('oversea');
+					if (oversea && result[1]) {
+						oversea.textContent = result[3];
+					}
+
+					var oversea = document.getElementById('user_info');
+					if (oversea && result[1]) {
+						oversea.textContent = result[4];
+					}
+				})	
+			})
+		}, 2);
+
+		/*
+			runtime information and buttons
+		*/
+		s = m.section(form.NamedSection, 'global');
+		s.render = L.bind(function(view, section_id) {
+			return E('div', { 'class': 'cbi-section' }, [
+				E('h3', _('Information')), 
+				E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
+				E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('Status')),
+				E('div', { 'class': 'cbi-value-field', 'id': 'status', 'style': 'font-weight: bold;margin-bottom:5px;color:#37c' },result[0])]),
+				E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
+				E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('Mainland ips')),
+				E('div', { 'class': 'cbi-value-field', 'id': 'mainland', 'style': 'font-weight: bold;margin-bottom:5px;color:#37c' },result[1])]),
+				E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
+				E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('Hongkong ips')),
+				E('div', { 'class': 'cbi-value-field', 'id': 'hongkong', 'style': 'font-weight: bold;margin-bottom:5px;color:#37c' },result[2])]),
+				E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
+				E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('Oversea ips')),
+				E('div', { 'class': 'cbi-value-field', 'id': 'oversea', 'style': 'font-weight: bold;margin-bottom:5px;color:#37c' },result[3])]),
+				E('div', { class: 'right' }, [
+					E('button', {
+						'class': 'cbi-button cbi-button-apply',
+						'id': 'btn_snapshot',
+						'click': ui.createHandlerFn(this, function() {
+							return handleAction('save');
+						})
+					}, [ _('Save snapshot') ]),
+					'\xa0\xa0\xa0',
+					E('button', {
+						'class': 'cbi-button cbi-button-save',
+						'id': 'btn_reload',
+						'click': ui.createHandlerFn(this, function() {
+							return handleAction('reload');
+						})
+					}, [ _('Soft restart') ]),
+					'\xa0\xa0\xa0',
+					E('button', {
+						'class': 'cbi-button cbi-button-apply',
+						'id': 'btn_restore',
+						'click': ui.createHandlerFn(this, function() {
+							return handleAction('restore');
+						})
+					}, [ _('Restore snapshot') ])
+				])
+			]);
+		}, o, this);
+
+		this.pollData;
+
+		/*
+			config section
+		*/
+		s = m.section(form.NamedSection, 'global', 'smartvpn', _('Settings'));
+		s.addremove = false;
+		o = s.option(form.Flag, 'vpn_enable', _('Enabled'), _('Enable SmartVPN service.'));
+		o.rmempty = false;
+
+		o = s.option(form.Value, 'dns_mainland', _('mainland DNS'), _('The DNS ip from your ISP or fastest DNS for mainland getway.'));
+		o.placeholder = '119.29.29.29';
+		o.rmempty = false;
+		o.datatype = "ip4addr";
+
+		o = s.option(form.Value, 'init_cmd', _('Init cmd'), _('Restore initial configuration(do it at your own risk).'));
+		o.placeholder = 'all | network | vpnserver | mwan3';
+		o.rmempty = true;
+		o.datatype = "string";
+
+		s = m.section(form.NamedSection, 'global');
+		s.render = L.bind(function(view, section_id) {
+			return E('div', { 'class': 'cbi-section' }, [
+				E('h3', _('User Configuration')), 
+				E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
+				E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('User info')),
+				E('div', { 'class': 'cbi-value-field', 'id': 'user_info', 'style': 'font-weight: bold;margin-bottom:10px;' },result[4]),
+				E('button', {
+					'class': 'cbi-button cbi-button-apply cbi-value-field',
+					'id': 'btn_upload',
+					'click': ui.createHandlerFn(this, function() {
+						return handleAction('upload');
+					})
+					}, [ _('Upload config')])
+				])
+			])
+		}, o, this);
+
+		return m.render();
+	},
+
+	handleReset: null
+});