1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/* This is free software, licensed under the Apache License, Version 2.0
*
* Copyright (C) 2024 Hilman Maulana <hilman0.0maulana@gmail.com>
*/
'use strict';
'require fs';
'require ui';
'require view';
'require poll';
function formatLogEntry(logObj) {
var formattedTime = new Date(logObj.time).toISOString().replace('T', ' ').split('.')[0];
var tunnelIDMessage = logObj.tunnelID ? ', ID: ' + logObj.tunnelID : '';
var errorMessage = logObj.error ? ', Error: ' + logObj.error : '';
var ipMessage = logObj.ip ? ', IP: ' + logObj.ip : '';
var configMessage = logObj.config ? ', Config: ' + JSON.stringify(logObj.config) : '';
var connectionMessage = logObj.connection ? ', Connection: ' + JSON.stringify(logObj.connection) : '';
var locationMessage = logObj.location ? ', Location: ' + logObj.location : '';
var protocolMessage = logObj.protocol ? ', Protocol: ' + logObj.protocol : '';
return '[' + formattedTime + '] [' + logObj.level + '] : ' + logObj.message + ipMessage + tunnelIDMessage + errorMessage + configMessage + connectionMessage + locationMessage + protocolMessage;
}
return view.extend({
handleSaveApply: null,
handleSave: null,
handleReset: null,
load: function() {
poll.add(function () {
return fs.read('/var/log/cloudflared.log').then(function(res) {
if (!res || res.trim() === '') {
ui.addNotification(null, E('p', {}, _('Unable to read the interface info from /var/log/cloudflared.log.')));
return '';
}
var logs = res.trim().split('\n').map(function(entry) {
try {
var logObj = JSON.parse(entry);
return logObj.time && logObj.message && logObj.level
? formatLogEntry(logObj)
: '';
} catch (error) {
console.error('Error parsing log entry:', error);
return '';
}
});
logs = logs.filter(function(entry) {
return entry.trim() !== '';
});
var info = logs.join('\n');
var view = document.getElementById('syslog');
var filterLevel = document.getElementById('filter-level').value;
var logDirection = document.getElementById('log-direction').value;
if (view) {
var filteredLogs;
if (filterLevel !== 'all') {
filteredLogs = logs.filter(function(entry) {
var logLevel = entry.match(/\[.*\] \[(.*)\]/)[1].toLowerCase();
return logLevel.includes(filterLevel.toLowerCase());
});
} else {
filteredLogs = logs;
}
if (logDirection === 'up') {
filteredLogs = filteredLogs.reverse();
}
info = filteredLogs.join('\n');
view.innerHTML = info;
}
return info;
});
});
return Promise.resolve('');
},
render: function(info) {
return E([], [
E('h2', { 'class': 'section-title' }, _('Log')),
E('div', { 'id': 'logs' }, [
E('label', { 'for': 'filter-level', 'style': 'margin-right: 8px;' }, _('Filter Level:')),
E('select', { 'id': 'filter-level', 'style': 'margin-right: 8px;' }, [
E('option', { 'value': 'all', 'selected': 'selected' }, _('All')),
E('option', { 'value': 'info' }, _('Info')),
E('option', { 'value': 'warn' }, _('Warn')),
E('option', { 'value': 'error' }, _('Error')),
]),
E('label', { 'for': 'log-direction', 'style': 'margin-right: 8px;' }, _('Log Direction:')),
E('select', { 'id': 'log-direction', 'style': 'margin-right: 8px;' }, [
E('option', { 'value': 'down', 'selected': 'selected' }, _('Down')),
E('option', { 'value': 'up' }, _('Up')),
]),
E('button', {
'id': 'download-log',
'class': 'cbi-button cbi-button-save',
'click': L.bind(this.handleDownloadLog, this),
'style': 'margin-bottom: 8px;'
}, _('Download Log')),
E('textarea', {
'id': 'syslog',
'class': 'cbi-input-textarea',
'style': 'height: 500px; overflow-y: scroll;',
'readonly': 'readonly',
'wrap': 'off',
'rows': 1
}, [ info ])
])
]);
},
handleDownloadLog: function() {
var logs = document.getElementById('syslog').value;
var blob = new Blob([logs], { type: 'text/plain' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = 'cloudflared.log';
link.click();
}
});
|
