small-packages/luci-app-ddns-go/htdocs/luci-static/resources/view/ddns-go/log.js

// SPDX-License-Identifier: Apache-2.0
/*
 * Copyright (C) 2022-2026 sirpdboy <herboy2008@gmail.com>
 */
'use strict';
'require dom';
'require fs';
'require poll';
'require uci';
'require view';
'require form';

return view.extend({
	render: function () {
		var css = `
			.log-container {
				max-height: 1200px;
				overflow-y: auto;
				border-radius: 3px;
				margin-top: 10px;
				padding: 5px;
				background-color: var(--background-color);
				font-family: monospace;
				font-size: 12px;
				border: 1px solid var(--border-color);
			}
			.log-line {
				padding: 3px 5px;
				font-family: monospace;
				font-size: 12px;
				line-height: 1.4;
				border-bottom: 1px solid var(--border-color-light);
				white-space: pre-wrap;
				word-break: break-all;
			}
			.log-line:last-child {
				border-bottom: none;
			}
			.log-timestamp {
				color: #0066cc;
				margin-right: 10px;
				font-weight: bold;
			}
			.log-error {
				color: #cc0000;
			}
			.log-warning {
				color: #ff9900;
			}
			.control-buttons {
				margin-bottom: 10px;
				display: flex;
				gap: 5px;
			}

		`;

		var log_container = E('div', { 
			'class': 'log-container', 
			'id': 'log_container',
			'style': 'min-height: 200px;'
		}, E('div', { 'class': 'log-line' }, _('Loading logs...')));


		var lastLogContent = '';
		var lastScrollTop = 0;
		var isScrolledToTop = true;

		function extractDDNSGoMessage(line) {
			if (!line || !line.includes('ddns-go')) return null;
			
			var regex = /^(.*?ddns-go.*?):\s*(.*)$/;
			var match = line.match(regex);
			
			if (match) {
				var timestampMatch = line.match(/^([A-Z][a-z]{2}\s+[A-Z][a-z]{2}\s+\d{1,2}\s+\d{2}:\d{2}:\d{2}\s+\d{4})/);
				if (timestampMatch) {
					return {
						timestamp: timestampMatch[1],
						message: match[2]
					};
				}
			}
			
			var selfTimestampMatch = line.match(/(\d{4}\/\d{2}\/\d{2}\s+\d{2}:\d{2}:\d{2})\s+(.*)$/);
			if (selfTimestampMatch) {
				return {
					timestamp: selfTimestampMatch[1],
					message: selfTimestampMatch[2]
				};
			}
			
			return {
				timestamp: null,
				message: line
			};
		}

		function formatLogLine(line) {
			if (!line || line.trim() === '') return null;
			
			var extracted = extractDDNSGoMessage(line);
			if (!extracted) return null;
			
			var lineClass = ['log-line'];
			
			if (line.includes('err') || line.includes('ERROR') || line.includes('failed')) {
				lineClass.push('log-error');
			} else if (line.includes('warn') || line.includes('WARNING')) {
				lineClass.push('log-warning');
			}
			
			if (extracted.timestamp) {
				return E('div', { 'class': lineClass.join(' ') }, [
					E('span', { 'class': 'log-timestamp' }, extracted.timestamp + ' '),
					E('span', { 'class': 'log-message' }, extracted.message)
				]);
			} else {
				return E('div', { 'class': lineClass.join(' ') }, extracted.message);
			}
		}
		function formatLogContent(logContent) {
			if (!logContent || logContent.trim() === '') {
				return E('div', { 'class': 'log-line' }, _('No ddns-go logs found.'));
			}
			
			var lines = logContent.split('\n');
			var formattedLines = [];
			
			for (var i = 0; i < lines.length; i++) {
				var line = lines[i].trim();
				if (line === '' || line.includes('No ddns-go logs found')) continue;
				
				var formattedLine = formatLogLine(line);
				if (formattedLine) {
					formattedLines.push(formattedLine);
				}
			}
			
			if (formattedLines.length === 0) {
				return E('div', { 'class': 'log-line' }, _('No ddns-go logs found.'));
			}
			
			formattedLines.reverse();
			
			return E('div', {}, formattedLines);
		}

		function clearLogs(button) {
			button.disabled = true;
			button.textContent = _('Clearing...');
			
			return fs.exec('/usr/libexec/ddns-go-call', ['clear_logs'])
				.then(function(res) {
					button.textContent = _('Logs cleared!');
					lastLogContent = '';
					return fetchLogs();
				})
				.catch(function(err) {
					console.error('Clear logs error:', err);
					button.textContent = _('Failed to clear');
				})
				.finally(function() {
					setTimeout(function() {
						button.disabled = false;
						button.textContent = _('Clear Logs');
					}, 2000);
				});
		}
		function fetchLogs() {
			
			return fs.exec('/usr/libexec/ddns-go-call', ['get_logs'])
				.then(function(res) {
					var logContent = '';
					if (res === null || res === undefined) {
						logContent = '';
					} else if (typeof res === 'string') {
						logContent = res;
					} else if (res.stdout !== undefined) {
						logContent = res.stdout;
					} else if (res.data !== undefined) {
						logContent = res.data;
					} else if (typeof res === 'object') {
						logContent = JSON.stringify(res);
					}
					
					logContent = logContent.trim();
					var lineCount = logContent.split('\n').filter(l => 
						l.trim() !== '' && !l.includes('No ddns-go logs found')
					).length;
					
					if (logContent !== lastLogContent) {
						
						var formattedLog = formatLogContent(logContent);
						
						var prevScrollHeight = log_container.scrollHeight;
						var prevScrollTop = log_container.scrollTop;
						
						dom.content(log_container, formattedLog);
						lastLogContent = logContent;
						
						if (!isScrolledToTop) {
							var newScrollHeight = log_container.scrollHeight;
							var heightDiff = newScrollHeight - prevScrollHeight;
							log_container.scrollTop = prevScrollTop + heightDiff;
						}
					}
					
					return Promise.resolve();
				})
				.catch(function(err) {
					console.error('Log fetch error:', err);
					var errorMsg = _('Failed to read logs: %s').format(err.message || 'Resource not found');
					dom.content(log_container, E('div', { 'class': 'log-line log-error' }, errorMsg));
					return Promise.reject(err);
				});
		}

		var clear_button = E('button', {
			'class': 'cbi-button cbi-button-remove',
			'click': function(ev) {
				ev.preventDefault();
				clearLogs(ev.target);
			}
		}, _('Clear Logs'));


		log_container.addEventListener('scroll', function() {
			lastScrollTop = this.scrollTop;
			isScrolledToTop = this.scrollTop <= 1;
		});

		setTimeout(fetchLogs, 200);

		poll.add(L.bind(function() {
			return fetchLogs().catch(function(err) {
				console.error('Poll error:', err);
			});
		}));

		poll.start();

		return E('div', { 'class': 'cbi-map' }, [
			E('style', [css]),
			E('div', { 'class': 'cbi-section' }, [
				E('div', { 'class': 'control-buttons' }, [ clear_button]),
				log_container,
				E('small', {}, [
					_('Refresh every 5 seconds.').format(L.env.pollinterval),
				])
			])
		]);
	},

	handleSaveApply: null,
	handleSave: null,
	handleReset: null
});