original code
This commit is contained in:
parent
b18746d077
commit
d42f08107b
22 changed files with 5057 additions and 0 deletions
20
api/core/coremonitor.mjs
Normal file
20
api/core/coremonitor.mjs
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
import { formatLog } from './loghelper.mjs'
|
||||||
|
import { safeWrap } from '../util.mjs'
|
||||||
|
|
||||||
|
export default function coremonitor(io, config, db, log, core) {
|
||||||
|
log.on('newlog', safeWrap(log, 'coremonitor.on.newlog', function(data) {
|
||||||
|
io.to('logger').emit('newlog', formatLog(data))
|
||||||
|
}))
|
||||||
|
core.on('dbupdated', safeWrap(log, 'coremonitor.on.dbupdated', function() {
|
||||||
|
io.to('core').emit('core.db', db.get('core').value())
|
||||||
|
}))
|
||||||
|
core.on('statusupdated', safeWrap(log, 'coremonitor.on.statusupdated', function() {
|
||||||
|
io.to('core').emit('core.status', core.status())
|
||||||
|
}))
|
||||||
|
core.on('applog', safeWrap(log, 'coremonitor.on.applog', function(app) {
|
||||||
|
io.to('core.app').emit('core.program.log', {
|
||||||
|
name: 'app',
|
||||||
|
logs: app.logs,
|
||||||
|
})
|
||||||
|
}))
|
||||||
|
}
|
||||||
120
api/core/ioroutes.mjs
Normal file
120
api/core/ioroutes.mjs
Normal file
|
|
@ -0,0 +1,120 @@
|
||||||
|
import { formatLog } from './loghelper.mjs'
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.config'
|
||||||
|
*
|
||||||
|
* Get config
|
||||||
|
*/
|
||||||
|
export async function config(ctx, data, cb) {
|
||||||
|
cb(ctx.config)
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.restart'
|
||||||
|
*
|
||||||
|
* Restart server
|
||||||
|
*/
|
||||||
|
export async function restart(ctx, data, cb) {
|
||||||
|
ctx.core.restart()
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.getlastlogs'
|
||||||
|
*
|
||||||
|
* Returns last few log messages from log
|
||||||
|
*/
|
||||||
|
export async function getlastlogs(ctx, data, cb) {
|
||||||
|
cb(ctx.logroot.ringbuffer.records.map(formatLog))
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.listenlogs'
|
||||||
|
*
|
||||||
|
* Start listening to new log lines
|
||||||
|
*/
|
||||||
|
export async function listenlogs(ctx) {
|
||||||
|
ctx.socket.join('logger')
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.unlistenlogs'
|
||||||
|
*
|
||||||
|
* Stop listening to new log lines
|
||||||
|
*/
|
||||||
|
export async function unlistenlogs(ctx) {
|
||||||
|
ctx.socket.leave('logger')
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.update'
|
||||||
|
*
|
||||||
|
* Update specific software
|
||||||
|
*/
|
||||||
|
export async function update(ctx, data, cb) {
|
||||||
|
if (data.name === 'app') {
|
||||||
|
await ctx.core.updateProgram('app')
|
||||||
|
} else if (data.name === 'manage') {
|
||||||
|
await ctx.core.updateProgram('manage')
|
||||||
|
} else {
|
||||||
|
ctx.log.warn('Invalid update command for app ' + data.name)
|
||||||
|
ctx.log.event.warn('Invalid update command for app ' + data.name)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.start'
|
||||||
|
*
|
||||||
|
* Start specific software
|
||||||
|
*/
|
||||||
|
export async function start(ctx, data, cb) {
|
||||||
|
if (data.name === 'app') {
|
||||||
|
await ctx.core.startProgram('app')
|
||||||
|
} else if (data.name === 'manage') {
|
||||||
|
await ctx.core.startProgram('manage')
|
||||||
|
} else {
|
||||||
|
ctx.log.warn('Invalid start command for app ' + data.name)
|
||||||
|
ctx.log.event.warn('Invalid start command for app ' + data.name)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.listencore'
|
||||||
|
*
|
||||||
|
* Start listening to new log lines
|
||||||
|
*/
|
||||||
|
export async function listencore(ctx) {
|
||||||
|
ctx.socket.join('core')
|
||||||
|
ctx.socket.emit('core.db', ctx.db.get('core').value())
|
||||||
|
ctx.socket.emit('core.status', ctx.core.status())
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.unlistencore'
|
||||||
|
*
|
||||||
|
* Stop listening to new log lines
|
||||||
|
*/
|
||||||
|
export async function unlistencore(ctx) {
|
||||||
|
ctx.socket.leave('core')
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.listentoapp'
|
||||||
|
*
|
||||||
|
* Start listening to changes in core app
|
||||||
|
*/
|
||||||
|
export async function listentoapp(ctx) {
|
||||||
|
ctx.socket.join('core.app')
|
||||||
|
ctx.socket.emit('core.program.log', {
|
||||||
|
name: 'app',
|
||||||
|
logs: ctx.core.getProgramLogs('app')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Event: 'core.unlistentoapp'
|
||||||
|
*
|
||||||
|
* Stop listening to new log lines
|
||||||
|
*/
|
||||||
|
export async function unlistentoapp(ctx) {
|
||||||
|
ctx.socket.leave('core.app')
|
||||||
|
}
|
||||||
188
api/core/loghelper.mjs
Normal file
188
api/core/loghelper.mjs
Normal file
|
|
@ -0,0 +1,188 @@
|
||||||
|
import _ from 'lodash'
|
||||||
|
import { format } from 'util'
|
||||||
|
|
||||||
|
// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
|
||||||
|
// Suggested colors (some are unreadable in common cases):
|
||||||
|
// - Good: cyan, yellow (limited use), bold, green, magenta, red
|
||||||
|
// - Bad: blue (not visible on cmd.exe), grey (same color as background on
|
||||||
|
// Solarized Dark theme from <https://github.com/altercation/solarized>, see
|
||||||
|
// issue #160)
|
||||||
|
var colors = {
|
||||||
|
'bold' : [1, 22],
|
||||||
|
'italic' : [3, 23],
|
||||||
|
'underline' : [4, 24],
|
||||||
|
'inverse' : [7, 27],
|
||||||
|
'white' : [37, 39],
|
||||||
|
'grey' : [90, 39],
|
||||||
|
'black' : [30, 39],
|
||||||
|
'blue' : [34, 39],
|
||||||
|
'cyan' : [36, 39],
|
||||||
|
'green' : [32, 39],
|
||||||
|
'magenta' : [35, 39],
|
||||||
|
'red' : [31, 39],
|
||||||
|
'yellow' : [33, 39]
|
||||||
|
};
|
||||||
|
|
||||||
|
// Levels
|
||||||
|
var TRACE = 10;
|
||||||
|
var DEBUG = 20;
|
||||||
|
var INFO = 30;
|
||||||
|
var WARN = 40;
|
||||||
|
var ERROR = 50;
|
||||||
|
var FATAL = 60;
|
||||||
|
|
||||||
|
var levelFromName = {
|
||||||
|
'trace': TRACE,
|
||||||
|
'debug': DEBUG,
|
||||||
|
'info': INFO,
|
||||||
|
'warn': WARN,
|
||||||
|
'error': ERROR,
|
||||||
|
'fatal': FATAL
|
||||||
|
};
|
||||||
|
|
||||||
|
var upperPaddedNameFromLevel = {};
|
||||||
|
Object.keys(levelFromName).forEach(function (name) {
|
||||||
|
var lvl = levelFromName[name];
|
||||||
|
upperPaddedNameFromLevel[lvl] = (
|
||||||
|
name.length === 4 ? ' ' : '') + name.toUpperCase();
|
||||||
|
});
|
||||||
|
|
||||||
|
function stylize(str, color) {
|
||||||
|
if (!str)
|
||||||
|
return '';
|
||||||
|
var codes = colors[color];
|
||||||
|
if (codes) {
|
||||||
|
return '\\033[' + codes[0] + 'm' + str +
|
||||||
|
'\\033[' + codes[1] + 'm';
|
||||||
|
} else {
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function indent(s) {
|
||||||
|
return ' ' + s.split(/\r?\n/).join('\n ');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatLog(data) {
|
||||||
|
let rec = _.cloneDeep(data)
|
||||||
|
|
||||||
|
delete rec.v;
|
||||||
|
|
||||||
|
// Time.
|
||||||
|
var time = '[' + rec.time.toISOString().replace('T', ' ').replace('Z', '') + ']'
|
||||||
|
time = stylize(time, 'none')
|
||||||
|
|
||||||
|
delete rec.time;
|
||||||
|
|
||||||
|
var nameStr = rec.name;
|
||||||
|
delete rec.name;
|
||||||
|
|
||||||
|
if (rec.component) {
|
||||||
|
nameStr += '/' + rec.component;
|
||||||
|
}
|
||||||
|
delete rec.component;
|
||||||
|
|
||||||
|
nameStr += '/' + rec.pid;
|
||||||
|
delete rec.pid;
|
||||||
|
|
||||||
|
var level = (upperPaddedNameFromLevel[rec.level] || 'LVL' + rec.level);
|
||||||
|
var colorFromLevel = {
|
||||||
|
10: 'white', // TRACE
|
||||||
|
20: 'yellow', // DEBUG
|
||||||
|
30: 'cyan', // INFO
|
||||||
|
40: 'magenta', // WARN
|
||||||
|
50: 'red', // ERROR
|
||||||
|
60: 'inverse', // FATAL
|
||||||
|
};
|
||||||
|
level = stylize(level, colorFromLevel[rec.level]);
|
||||||
|
delete rec.level;
|
||||||
|
|
||||||
|
var src = '';
|
||||||
|
if (rec.src && rec.src.file) {
|
||||||
|
var s = rec.src;
|
||||||
|
if (s.func) {
|
||||||
|
src = format(' (%s:%d in %s)', s.file, s.line, s.func);
|
||||||
|
} else {
|
||||||
|
src = format(' (%s:%d)', s.file, s.line);
|
||||||
|
}
|
||||||
|
src = stylize(src, 'green');
|
||||||
|
}
|
||||||
|
delete rec.src;
|
||||||
|
|
||||||
|
var hostname = rec.hostname;
|
||||||
|
delete rec.hostname;
|
||||||
|
|
||||||
|
var extras = [];
|
||||||
|
var details = [];
|
||||||
|
|
||||||
|
if (rec.req_id) {
|
||||||
|
extras.push('req_id=' + rec.req_id);
|
||||||
|
}
|
||||||
|
delete rec.req_id;
|
||||||
|
|
||||||
|
var onelineMsg;
|
||||||
|
if (rec.msg.indexOf('\n') !== -1) {
|
||||||
|
onelineMsg = '';
|
||||||
|
details.push(indent(stylize(rec.msg, 'cyan')));
|
||||||
|
} else {
|
||||||
|
onelineMsg = ' ' + stylize(rec.msg, 'cyan');
|
||||||
|
}
|
||||||
|
delete rec.msg;
|
||||||
|
|
||||||
|
if (rec.err && rec.err.stack) {
|
||||||
|
var err = rec.err
|
||||||
|
if (typeof (err.stack) !== 'string') {
|
||||||
|
details.push(indent(err.stack.toString()));
|
||||||
|
} else {
|
||||||
|
details.push(indent(err.stack));
|
||||||
|
}
|
||||||
|
delete err.message;
|
||||||
|
delete err.name;
|
||||||
|
delete err.stack;
|
||||||
|
// E.g. for extra 'foo' field on 'err', add 'err.foo' at
|
||||||
|
// top-level. This *does* have the potential to stomp on a
|
||||||
|
// literal 'err.foo' key.
|
||||||
|
Object.keys(err).forEach(function (k) {
|
||||||
|
rec['err.' + k] = err[k];
|
||||||
|
})
|
||||||
|
delete rec.err;
|
||||||
|
}
|
||||||
|
|
||||||
|
var leftover = Object.keys(rec);
|
||||||
|
for (var i = 0; i < leftover.length; i++) {
|
||||||
|
var key = leftover[i];
|
||||||
|
var value = rec[key];
|
||||||
|
var stringified = false;
|
||||||
|
if (typeof (value) !== 'string') {
|
||||||
|
value = JSON.stringify(value, null, 2);
|
||||||
|
if (typeof (value) !== 'string') {
|
||||||
|
value = 'null'
|
||||||
|
}
|
||||||
|
stringified = true;
|
||||||
|
}
|
||||||
|
if (value.indexOf('\n') !== -1 || value.length > 50) {
|
||||||
|
details.push(indent(key + ': ' + value));
|
||||||
|
} else if (!stringified && (value.indexOf(' ') != -1 ||
|
||||||
|
value.length === 0))
|
||||||
|
{
|
||||||
|
extras.push(key + '=' + JSON.stringify(value));
|
||||||
|
} else {
|
||||||
|
extras.push(key + '=' + value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
extras = stylize(
|
||||||
|
(extras.length ? ' (' + extras.join(', ') + ')' : ''), 'none');
|
||||||
|
details = stylize(
|
||||||
|
(details.length ? details.join('\n --\n') + '\n' : ''), 'none');
|
||||||
|
|
||||||
|
return format('%s %s: %s on %s%s:%s%s\n%s',
|
||||||
|
time,
|
||||||
|
level,
|
||||||
|
nameStr,
|
||||||
|
hostname || '<no-hostname>',
|
||||||
|
src,
|
||||||
|
onelineMsg,
|
||||||
|
extras,
|
||||||
|
details)
|
||||||
|
}
|
||||||
51
api/routerio.mjs
Normal file
51
api/routerio.mjs
Normal file
|
|
@ -0,0 +1,51 @@
|
||||||
|
import * as core from './core/ioroutes.mjs'
|
||||||
|
|
||||||
|
function register(ctx, name, method) {
|
||||||
|
if (typeof(method) === 'object') {
|
||||||
|
Object.keys(method).forEach(key => {
|
||||||
|
register(ctx, [name, key].join('.'), method[key])
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.socket.on(name, async function(data, cb) {
|
||||||
|
ctx.log.debug('SocketIO: ' + name)
|
||||||
|
|
||||||
|
try {
|
||||||
|
await method(ctx, data, cb)
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
ctx.log.error(error, `Error processing ${name}`)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function onConnection(server, config, db, log, coreService, data) {
|
||||||
|
const io = server
|
||||||
|
const socket = data
|
||||||
|
|
||||||
|
const child = log.child({
|
||||||
|
id: socket.id,
|
||||||
|
})
|
||||||
|
|
||||||
|
child.info('Got new socket connection')
|
||||||
|
|
||||||
|
let ctx = {
|
||||||
|
config,
|
||||||
|
io,
|
||||||
|
socket,
|
||||||
|
log: child,
|
||||||
|
db,
|
||||||
|
core: coreService,
|
||||||
|
logroot: log,
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.socket.on('disconnect', function() {
|
||||||
|
child.info('Closed connection')
|
||||||
|
})
|
||||||
|
|
||||||
|
register(ctx, 'core', core)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default onConnection
|
||||||
82
api/server.mjs
Normal file
82
api/server.mjs
Normal file
|
|
@ -0,0 +1,82 @@
|
||||||
|
import http from 'http'
|
||||||
|
import path from 'path'
|
||||||
|
import { fileURLToPath } from 'url'
|
||||||
|
import socket from 'socket.io-serveronly'
|
||||||
|
import nStatic from 'node-static'
|
||||||
|
import coremonitor from './core/coremonitor.mjs'
|
||||||
|
|
||||||
|
import onConnection from './routerio.mjs'
|
||||||
|
|
||||||
|
export function run(config, db, log, core) {
|
||||||
|
const __dirname = path.dirname(fileURLToPath(import.meta.url))
|
||||||
|
const staticRoot = path.join(__dirname,'../public')
|
||||||
|
|
||||||
|
const fileServer = new nStatic.Server(staticRoot)
|
||||||
|
const server = http.createServer(function (req, res) {
|
||||||
|
const child = log.child({})
|
||||||
|
|
||||||
|
const d1 = new Date().getTime()
|
||||||
|
|
||||||
|
let finishedRequest = false
|
||||||
|
var done = function () {
|
||||||
|
if (finishedRequest) return
|
||||||
|
finishedRequest = true
|
||||||
|
if (req.url === '/main.css.map') return
|
||||||
|
var requestTime = new Date().getTime() - d1
|
||||||
|
|
||||||
|
let level = 'debug'
|
||||||
|
if (res.statusCode >= 400) {
|
||||||
|
level = 'warn'
|
||||||
|
}
|
||||||
|
if (res.statusCode >= 500) {
|
||||||
|
level = 'error'
|
||||||
|
}
|
||||||
|
|
||||||
|
let status = ''
|
||||||
|
if (res.statusCode >= 400) {
|
||||||
|
status = res.statusCode + ' '
|
||||||
|
}
|
||||||
|
|
||||||
|
child[level]({
|
||||||
|
duration: requestTime,
|
||||||
|
status: res.statusCode,
|
||||||
|
}, `<-- ${status}${req.method} ${req.url}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
res.addListener('finish', done);
|
||||||
|
res.addListener('close', done);
|
||||||
|
|
||||||
|
req.addListener('end', function () {
|
||||||
|
if (req.url === '/') {
|
||||||
|
res.writeHead(302, { Location: '/index.html' })
|
||||||
|
return res.end()
|
||||||
|
}
|
||||||
|
|
||||||
|
fileServer.serve(req, res, function (err) {
|
||||||
|
if (err) {
|
||||||
|
if (err.status !== 404) {
|
||||||
|
log.error(err, req.url);
|
||||||
|
}
|
||||||
|
|
||||||
|
res.writeHead(err.status, err.headers);
|
||||||
|
res.end(err.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}).resume()
|
||||||
|
})
|
||||||
|
|
||||||
|
const io = new socket(server)
|
||||||
|
io.on('connection', onConnection.bind(this, io, config, db, log, core))
|
||||||
|
|
||||||
|
coremonitor(io, config, db, log, core)
|
||||||
|
|
||||||
|
server.listen(config.managePort, '0.0.0.0', function(err) {
|
||||||
|
if (err) {
|
||||||
|
log.fatal(err)
|
||||||
|
log.event.error('Error starting server: ' + err.message)
|
||||||
|
return process.exit(2)
|
||||||
|
}
|
||||||
|
log.event.info(`Server is listening on ${config.managePort} serving files on ${staticRoot}`)
|
||||||
|
log.info(`Server is listening on ${config.managePort} serving files on ${staticRoot}`)
|
||||||
|
})
|
||||||
|
}
|
||||||
16
api/util.mjs
Normal file
16
api/util.mjs
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
export function safeWrap(log, name, fn) {
|
||||||
|
return function(data, cb) {
|
||||||
|
try {
|
||||||
|
let out = fn(data, cb)
|
||||||
|
if (out && out.then) {
|
||||||
|
out.then(function() {}, function(err) {
|
||||||
|
log.error(err, 'Unknown error in ' + name)
|
||||||
|
log.event.error('Unknown error occured in ' + name + ': ' + err.message)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
log.error(err, 'Unknown error in ' + name)
|
||||||
|
log.event.error('Unknown error occured in ' + name + ': ' + err.message)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
8
app/client.js
Normal file
8
app/client.js
Normal file
File diff suppressed because one or more lines are too long
34
app/defaults.js
Normal file
34
app/defaults.js
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
|
||||||
|
// taken from isobject npm library
|
||||||
|
function isObject(val) {
|
||||||
|
return val != null && typeof val === 'object' && Array.isArray(val) === false
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = function defaults(options, def) {
|
||||||
|
let out = { }
|
||||||
|
|
||||||
|
if (options) {
|
||||||
|
Object.keys(options || {}).forEach(key => {
|
||||||
|
out[key] = options[key]
|
||||||
|
|
||||||
|
if (Array.isArray(out[key])) {
|
||||||
|
out[key] = out[key].map(item => {
|
||||||
|
if (isObject(item)) return defaults(item)
|
||||||
|
return item
|
||||||
|
})
|
||||||
|
} else if (out[key] && typeof out[key] === 'object') {
|
||||||
|
out[key] = defaults(options[key], def && def[key])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (def) {
|
||||||
|
Object.keys(def).forEach(function(key) {
|
||||||
|
if (typeof out[key] === 'undefined') {
|
||||||
|
out[key] = def[key]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return out
|
||||||
|
}
|
||||||
44
app/header.js
Normal file
44
app/header.js
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
const m = require('mithril')
|
||||||
|
const socket = require('./socket')
|
||||||
|
|
||||||
|
const Header = {
|
||||||
|
oninit: function() {
|
||||||
|
this.connected = socket.connected
|
||||||
|
|
||||||
|
socket.on('connect', () => {
|
||||||
|
this.connected = true
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
socket.on('disconnect', () => {
|
||||||
|
this.connected = false
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
view: function() {
|
||||||
|
let path = m.route.get() || ''
|
||||||
|
|
||||||
|
return [
|
||||||
|
m('div.seperator'),
|
||||||
|
m(m.route.Link, {
|
||||||
|
href: '/',
|
||||||
|
class: path === '/' || path === '' ? 'active' : '',
|
||||||
|
}, 'Status'),
|
||||||
|
m('div.seperator'),
|
||||||
|
m(m.route.Link, {
|
||||||
|
href: '/log',
|
||||||
|
class: path === '/log' ? 'active' : '',
|
||||||
|
}, 'Log'),
|
||||||
|
m('div.seperator'),
|
||||||
|
m(m.route.Link, {
|
||||||
|
href: '/updater',
|
||||||
|
class: path.startsWith('/updater') ? 'active' : '',
|
||||||
|
}, 'Updater'),
|
||||||
|
m('div.seperator'),
|
||||||
|
!this.connected && m('div.disconnected', `
|
||||||
|
Lost connection with server, Attempting to reconnect
|
||||||
|
`) || null,
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = Header
|
||||||
31
app/index.js
Normal file
31
app/index.js
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* stream-manager <https://filadelfia.is>
|
||||||
|
* Copyright 2015 Jonatan Nilsson <http://jonatan.nilsson.is/>
|
||||||
|
*
|
||||||
|
* Available under WTFPL License (http://www.wtfpl.net/txt/copying/)
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use strict'
|
||||||
|
|
||||||
|
//Add debug components to window. Allows us to play with controls
|
||||||
|
//in the console.
|
||||||
|
window.components = {}
|
||||||
|
|
||||||
|
require('./socket')
|
||||||
|
|
||||||
|
const m = require('mithril')
|
||||||
|
const Header = require('./header')
|
||||||
|
|
||||||
|
const Status = require('./status/status')
|
||||||
|
const Log = require('./log/log')
|
||||||
|
const Updater = require('./updater/updater')
|
||||||
|
|
||||||
|
m.mount(document.getElementById('header'), Header)
|
||||||
|
|
||||||
|
m.route(document.getElementById('content'), '/', {
|
||||||
|
'/': Status,
|
||||||
|
'/log': Log,
|
||||||
|
'/updater': Updater,
|
||||||
|
'/updater/:id': Updater,
|
||||||
|
})
|
||||||
56
app/log/log.js
Normal file
56
app/log/log.js
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
const m = require('mithril')
|
||||||
|
const socket = require('../socket')
|
||||||
|
const Module = require('../module')
|
||||||
|
|
||||||
|
const Log = Module({
|
||||||
|
init: function() {
|
||||||
|
this.connected = socket.connected
|
||||||
|
this.loglines = []
|
||||||
|
|
||||||
|
this.on('newlog', data => {
|
||||||
|
this.loglines.push(this.formatLine(data))
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
this._socketOn(() => this.loadData())
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: function() {
|
||||||
|
socket.emit('core.unlistenlogs', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
loadData: function() {
|
||||||
|
this.loglines = []
|
||||||
|
socket.emit('core.listenlogs', {})
|
||||||
|
socket.emit('core.getlastlogs', {}, (res) => {
|
||||||
|
this.loglines = res.map(this.formatLine)
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
formatLine: function(line) {
|
||||||
|
return m.trust(line.replace(/\\033\[37m/g, '<span class="white">')
|
||||||
|
.replace(/\\033\[33m/g, '<span class="yellow">')
|
||||||
|
.replace(/\\033\[36m/g, '<span class="cyan">')
|
||||||
|
.replace(/\\033\[35m/g, '<span class="magenta">')
|
||||||
|
.replace(/\\033\[31m/g, '<span class="red">')
|
||||||
|
.replace(/\\033\[7m/g, '<span class="inverse">')
|
||||||
|
.replace(/\\033\[32m/g, '<span class="green">')
|
||||||
|
.replace(/\\033\[27m/g, '</span>')
|
||||||
|
.replace(/\\033\[39m/g, '</span>'))
|
||||||
|
},
|
||||||
|
|
||||||
|
view: function() {
|
||||||
|
return [
|
||||||
|
m('h1.header', 'Log'),
|
||||||
|
m('div#logger', [
|
||||||
|
this.loglines.map((line, i) => {
|
||||||
|
return m('div', { key: i }, line)
|
||||||
|
}),
|
||||||
|
m('div.padder'),
|
||||||
|
]),
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
module.exports = Log
|
||||||
38
app/module.js
Normal file
38
app/module.js
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
const defaults = require('./defaults')
|
||||||
|
const socket = require('./socket')
|
||||||
|
|
||||||
|
module.exports = function Module(module) {
|
||||||
|
return defaults(module, {
|
||||||
|
init: function() {},
|
||||||
|
|
||||||
|
oninit: function(vnode) {
|
||||||
|
this._listeners = []
|
||||||
|
this.init(vnode)
|
||||||
|
},
|
||||||
|
|
||||||
|
_listeners: null,
|
||||||
|
|
||||||
|
_socketOn: function(cb) {
|
||||||
|
socket.on('connect', () => cb())
|
||||||
|
|
||||||
|
if (socket.connected) {
|
||||||
|
cb()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
on: function(name, cb) {
|
||||||
|
this._listeners.push([name, cb])
|
||||||
|
socket.on(name, cb)
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: function() {},
|
||||||
|
|
||||||
|
onremove: function() {
|
||||||
|
this.remove()
|
||||||
|
if (!this._listeners) return
|
||||||
|
for (let i = 0; i < this._listeners.length; i++) {
|
||||||
|
socket.removeListener(this._listeners[0], this._listeners[1])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
4
app/socket.js
Normal file
4
app/socket.js
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
var io = require('./client')
|
||||||
|
var socket = io()
|
||||||
|
|
||||||
|
module.exports = socket
|
||||||
119
app/status/status.js
Normal file
119
app/status/status.js
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
const m = require('mithril')
|
||||||
|
const socket = require('../socket')
|
||||||
|
const Module = require('../module')
|
||||||
|
|
||||||
|
const Status = Module({
|
||||||
|
init: function() {
|
||||||
|
this._name = '...loading...'
|
||||||
|
this._management = {
|
||||||
|
port: null,
|
||||||
|
repository: null,
|
||||||
|
active: null,
|
||||||
|
latestInstalled: null,
|
||||||
|
lastActive: null,
|
||||||
|
latestVersion: null,
|
||||||
|
running: null,
|
||||||
|
}
|
||||||
|
this._app = {
|
||||||
|
port: null,
|
||||||
|
repository: null,
|
||||||
|
active: null,
|
||||||
|
latestInstalled: null,
|
||||||
|
lastActive: null,
|
||||||
|
latestVersion: null,
|
||||||
|
running: null,
|
||||||
|
}
|
||||||
|
|
||||||
|
this._socketOn(() => this.loadData())
|
||||||
|
},
|
||||||
|
|
||||||
|
loadData: function() {
|
||||||
|
socket.emit('core.config', {}, (res) => {
|
||||||
|
this._name = res.name + ' - ' + res.serviceName
|
||||||
|
this._app.port = res.port
|
||||||
|
this._app.repository = res.appRepository
|
||||||
|
this._management.port = res.managePort
|
||||||
|
this._management.repository = res.manageRepository
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.on('core.db', (res) => {
|
||||||
|
this._management.active = res.manageActive
|
||||||
|
this._management.latestInstalled = res.manageLatestInstalled
|
||||||
|
this._management.lastActive = res.manageLastActive
|
||||||
|
this._management.latestVersion = res.manageLatestVersion
|
||||||
|
this._app.active = res.appActive
|
||||||
|
this._app.latestInstalled = res.appLatestInstalled
|
||||||
|
this._app.lastActive = res.appLastActive
|
||||||
|
this._app.latestVersion = res.appLatestVersion
|
||||||
|
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.on('core.status', (res) => {
|
||||||
|
this._management.running = res.manage
|
||||||
|
this._app.running = res.app
|
||||||
|
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
socket.emit('core.listencore', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: function() {
|
||||||
|
socket.emit('core.unlistencore', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
restartClicked: function() {
|
||||||
|
socket.emit('core.restart', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
view: function() {
|
||||||
|
let loopOver = [
|
||||||
|
['Management service', '_management'],
|
||||||
|
['Application service', '_app'],
|
||||||
|
]
|
||||||
|
return m('div#status', [
|
||||||
|
m('h1.header', this._name),
|
||||||
|
m('div.split', [
|
||||||
|
loopOver.map((group) => {
|
||||||
|
return m('div.item', [
|
||||||
|
m('h4', group[0]),
|
||||||
|
m('p', this[group[1]].port
|
||||||
|
? `Port: ${this[group[1]].port}`
|
||||||
|
: ''),
|
||||||
|
m('p', this[group[1]].repository
|
||||||
|
? `${this[group[1]].repository}`
|
||||||
|
: '< no repository >'),
|
||||||
|
m('p', this[group[1]].active
|
||||||
|
? `Running version: ${this[group[1]].active}`
|
||||||
|
: '< no running version >'),
|
||||||
|
m('p', this[group[1]].latestInstalled
|
||||||
|
? `Latest installed: ${this[group[1]].latestInstalled}`
|
||||||
|
: '< no version installed >'),
|
||||||
|
m('p', this[group[1]].lastActive
|
||||||
|
? `Last stable version: ${this[group[1]].lastActive}`
|
||||||
|
: '< no last stable version >'),
|
||||||
|
m('p', this[group[1]].latestVersion
|
||||||
|
? `Latest version: ${this[group[1]].latestVersion}`
|
||||||
|
: '< no version found >'),
|
||||||
|
this[group[1]].running !== null
|
||||||
|
? m('p',
|
||||||
|
{ class: group[1].running ? 'running' : 'notrunning' },
|
||||||
|
group[1].running ? 'Running' : 'Not Running'
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
m('button', {
|
||||||
|
|
||||||
|
}, 'Update/Start')
|
||||||
|
])
|
||||||
|
}),
|
||||||
|
]),
|
||||||
|
m('button', {
|
||||||
|
onclick: () => this.restartClicked(),
|
||||||
|
}, 'Restart service')
|
||||||
|
])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
module.exports = Status
|
||||||
172
app/updater/updater.js
Normal file
172
app/updater/updater.js
Normal file
|
|
@ -0,0 +1,172 @@
|
||||||
|
const m = require('mithril')
|
||||||
|
const socket = require('../socket')
|
||||||
|
const Module = require('../module')
|
||||||
|
|
||||||
|
const Updater = Module({
|
||||||
|
init: function(vnode) {
|
||||||
|
this.activeApp = vnode.attrs.id || null
|
||||||
|
this.appRepository = null
|
||||||
|
this.manageRepository = null
|
||||||
|
this.db = null
|
||||||
|
this.app = {}
|
||||||
|
this.status = {}
|
||||||
|
this.logUpdated = false
|
||||||
|
this._socketOn(() => this.socketOpen())
|
||||||
|
this._active = null
|
||||||
|
|
||||||
|
if (this.activeApp && this.activeApp !== 'app'&& this.activeApp !== 'manage') {
|
||||||
|
return m.route('/updater')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onupdate: function(vnode) {
|
||||||
|
if (this.activeApp === vnode.attrs.id) return
|
||||||
|
|
||||||
|
this.activeApp = vnode.attrs.id || null
|
||||||
|
if (this.activeApp && this.activeApp !== 'app'&& this.activeApp !== 'manage') {
|
||||||
|
return m.route.set('/updater')
|
||||||
|
}
|
||||||
|
if (this.activeApp && (this.appRepository || this.manageRepository)) {
|
||||||
|
this.loadAppData()
|
||||||
|
}
|
||||||
|
m.redraw()
|
||||||
|
},
|
||||||
|
|
||||||
|
socketOpen: function() {
|
||||||
|
socket.emit('core.config', {}, (res) => {
|
||||||
|
this.appRepository = res.appRepository
|
||||||
|
this.manageRepository = res.manageRepository
|
||||||
|
if (this.activeApp) {
|
||||||
|
this.loadAppData()
|
||||||
|
}
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
socket.on('core.status', (res) => {
|
||||||
|
this.status = res
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.on('core.db', (res) => {
|
||||||
|
this.db = res
|
||||||
|
this.updateActiveDb()
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.on('core.program.log', (res) => {
|
||||||
|
this.app.logs = res.logs
|
||||||
|
this.logUpdated = true
|
||||||
|
m.redraw()
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
socket.emit('core.listencore', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
updateActiveDb() {
|
||||||
|
if (this.db && this.activeApp) {
|
||||||
|
this.app = {
|
||||||
|
repository: this[this.activeApp + 'Repository'],
|
||||||
|
active: this.db[this.activeApp + 'Active'],
|
||||||
|
lastActive: this.db[this.activeApp + 'LastActive'],
|
||||||
|
latestInstalled: this.db[this.activeApp + 'LatestInstalled'],
|
||||||
|
latestVersion: this.db[this.activeApp + 'LatestVersion'],
|
||||||
|
logs: '',
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.app = {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
loadAppData() {
|
||||||
|
this.updateActiveDb()
|
||||||
|
if (this.activeApp === 'app') {
|
||||||
|
socket.emit('core.listentoapp', {})
|
||||||
|
}
|
||||||
|
/* request to listen to app updates */
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: function() {
|
||||||
|
socket.emit('core.unlistencore', {})
|
||||||
|
socket.emit('core.unlistentoapp', {})
|
||||||
|
},
|
||||||
|
|
||||||
|
startUpdate: function() {
|
||||||
|
socket.emit('core.update', {
|
||||||
|
name: this.activeApp,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
startSoftware: function() {
|
||||||
|
socket.emit('core.start', {
|
||||||
|
name: this.activeApp,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
view: function() {
|
||||||
|
return m('div#update', [
|
||||||
|
m('div.actions', [
|
||||||
|
m('h1.header', 'Updater'),
|
||||||
|
m('div.filler'),
|
||||||
|
m(m.route.Link, {
|
||||||
|
hidden: !this.appRepository,
|
||||||
|
class: 'button' + (this.activeApp === 'app' ? ' active' : ''),
|
||||||
|
href: '/updater/app',
|
||||||
|
}, 'Update App'),
|
||||||
|
m(m.route.Link, {
|
||||||
|
hidden: this.manageRepository,
|
||||||
|
class: 'button' + (this.activeApp === 'manage' ? ' active' : ''),
|
||||||
|
href: '/updater/manage',
|
||||||
|
}, 'Update Manager'),
|
||||||
|
]),
|
||||||
|
this.activeApp && this.app ? [
|
||||||
|
m('h4', this.app.repository
|
||||||
|
? `${this.app.repository}`
|
||||||
|
: '< no repository >'),
|
||||||
|
m('div.info', [
|
||||||
|
m('p', this.app.active
|
||||||
|
? `Running version: ${this.app.active}`
|
||||||
|
: '< no running version >'),
|
||||||
|
m('p', this.app.latestInstalled
|
||||||
|
? `Latest installed: ${this.app.latestInstalled}`
|
||||||
|
: '< no version installed >'),
|
||||||
|
m('p', this.app.lastActive
|
||||||
|
? `Last stable version: ${this.app.lastActive}`
|
||||||
|
: '< no last stable version >'),
|
||||||
|
m('p', this.app.latestVersion
|
||||||
|
? `Latest version: ${this.app.latestVersion}`
|
||||||
|
: '< no version found >'),
|
||||||
|
]),
|
||||||
|
m('div.console', {
|
||||||
|
onupdate: (vnode) => {
|
||||||
|
if (this.logUpdated) {
|
||||||
|
vnode.dom.scrollTop = vnode.dom.scrollHeight
|
||||||
|
this.logUpdated = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
m('pre', this.app.logs && this.app.logs || '')
|
||||||
|
),
|
||||||
|
this.db
|
||||||
|
? m('div.actions', {
|
||||||
|
hidden: this.status[this.activeApp + 'Updating'],
|
||||||
|
}, [
|
||||||
|
m('button', {
|
||||||
|
onclick: () => this.startUpdate(),
|
||||||
|
}, 'Update & Install'),
|
||||||
|
m('button', {
|
||||||
|
hidden: this.status[this.activeApp] || !(this.db[this.activeApp + 'LastActive'] || this.db[this.activeApp + 'LatestInstalled']),
|
||||||
|
onclick: () => this.startSoftware(),
|
||||||
|
}, 'Start'),
|
||||||
|
m('button', {
|
||||||
|
hidden: !this.db[this.activeApp + 'LastActive']
|
||||||
|
|| this.db[this.activeApp + 'LastActive'] === this.db[this.activeApp + 'Active']
|
||||||
|
}, 'Use Last Version'),
|
||||||
|
])
|
||||||
|
: null,
|
||||||
|
] : null
|
||||||
|
])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
module.exports = Updater
|
||||||
9
config.json
Normal file
9
config.json
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"name": "service-core-manage",
|
||||||
|
"serviceName": "Service-Core Manager",
|
||||||
|
"description": "Manager for service core",
|
||||||
|
"port": 4270,
|
||||||
|
"managePort": 4269,
|
||||||
|
"appRepository": "thething/sc-helloworld",
|
||||||
|
"manageRepository": null
|
||||||
|
}
|
||||||
5
index.mjs
Normal file
5
index.mjs
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
export function start(config, db, log, core) {
|
||||||
|
return import('./api/server.mjs').then(function(module) {
|
||||||
|
return module.run(config, db, log, core)
|
||||||
|
})
|
||||||
|
}
|
||||||
1092
package-lock.json
generated
Normal file
1092
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
20
package.json
Normal file
20
package.json
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"name": "app",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"js:build:main": "asbundle app/index.js public/main.js",
|
||||||
|
"dev": "nodemon --watch app --exec \"npm run js:build:main\"",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"asbundle": "^2.6.1",
|
||||||
|
"mithril": "^2.0.4",
|
||||||
|
"node-static": "^0.7.11",
|
||||||
|
"nodemon": "^2.0.4",
|
||||||
|
"socket.io-serveronly": "^2.3.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
14
public/index.html
Normal file
14
public/index.html
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
||||||
|
<meta content="utf-8" http-equiv="encoding">
|
||||||
|
<title>Service Core</title>
|
||||||
|
<link href="/main.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section id="header"></section>
|
||||||
|
<main id="content"></main>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
270
public/main.css
Normal file
270
public/main.css
Normal file
|
|
@ -0,0 +1,270 @@
|
||||||
|
html {
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *:before, *:after {
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body, h1, h2, h3, h4, h5, h6, p {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #3d3d3d;
|
||||||
|
color: #f1f1f1;
|
||||||
|
display: flex;
|
||||||
|
font-size: 16px;
|
||||||
|
min-height: 100vh;
|
||||||
|
flex-direction: column;
|
||||||
|
font-family: Helvetica, sans-serif, Arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited {
|
||||||
|
color: #eee;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Container */
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-grow: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disconnected {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(0,0,0,0.8);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
[hidden] { display: none !important; }
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
flex-grow: 2;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main h1 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
line-height: 3.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
form.login {
|
||||||
|
align-self: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
a.button {
|
||||||
|
align-self: center;
|
||||||
|
min-width: 200px;
|
||||||
|
background: #ffb843;
|
||||||
|
color: black;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid hsl(37.3, 80%, 37%);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************** Header ********************/
|
||||||
|
#header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
background: #292929;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header a {
|
||||||
|
width: 150px;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
color: #ffb843;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header a.active {
|
||||||
|
color: #999;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .seperator {
|
||||||
|
border-right: 1px solid #999;
|
||||||
|
height: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************** Log ********************/
|
||||||
|
#logger {
|
||||||
|
margin: 0 2rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border: 1px solid #999;
|
||||||
|
padding: 0.5rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
height: calc(100vh - 160px);
|
||||||
|
background: #0c0c0c;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logger div {
|
||||||
|
margin-left: 1rem;
|
||||||
|
text-indent: -1rem;
|
||||||
|
line-height: 1.4rem;
|
||||||
|
margin-bottom: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logger span.white { color: rgb(242,242,242); }
|
||||||
|
#logger span.yellow { color: rgb(193,156,0); }
|
||||||
|
#logger span.cyan { color: rgb(58,150,221); }
|
||||||
|
#logger span.magenta { color: rgb(136,23,152); }
|
||||||
|
#logger span.red { color: rgb(197,15,31); }
|
||||||
|
#logger span.green { color: rgb(19,161,14); }
|
||||||
|
#logger span.inverse {
|
||||||
|
color: #0c0c0c;
|
||||||
|
background: white;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logger .padder {
|
||||||
|
height: 0.5rem;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************** Status ********************/
|
||||||
|
#status {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#status .split {
|
||||||
|
margin-top: 2rem;
|
||||||
|
align-self: center;
|
||||||
|
width: calc(100% - 4rem);
|
||||||
|
display: flex;
|
||||||
|
max-width: 700px;
|
||||||
|
border: 1px solid #999;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
#status .item {
|
||||||
|
flex: 2 1 50%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border-right: 1px solid #999;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
#status .item h4 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
border-bottom: 1px solid #999;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
#status .item p {
|
||||||
|
padding: 0.25rem 1rem;
|
||||||
|
}
|
||||||
|
#status .item p.running {
|
||||||
|
color: rgb(19,161,14);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#status .item p.notrunning {
|
||||||
|
color: rgb(197,15,31);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#status button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************** Updater ********************/
|
||||||
|
#update {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: calc(100vw - 4rem);
|
||||||
|
align-self: center;
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
#update .actions {
|
||||||
|
margin: 1rem 0;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
#update .actions .filler {
|
||||||
|
flex-grow: 2;
|
||||||
|
}
|
||||||
|
#update .actions .button.active {
|
||||||
|
background: transparent;
|
||||||
|
color: #ffb843;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-device-width: 590px) {
|
||||||
|
#update .actions .filler {
|
||||||
|
flex: 2 1 100%;
|
||||||
|
}
|
||||||
|
#update .actions .button {
|
||||||
|
flex: 2 1 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#update h4 {
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 1rem 1rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
#update .info {
|
||||||
|
margin-top: 0rem;
|
||||||
|
display: flex;
|
||||||
|
border: 1px solid #999;
|
||||||
|
border-right: none;
|
||||||
|
border-bottom: none;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
#update .info p {
|
||||||
|
flex: 2 1 50%;
|
||||||
|
border-right: 1px solid #999;
|
||||||
|
border-bottom: 1px solid #999;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#update .console {
|
||||||
|
font-family: "Lucida Console", Monaco, monospace;
|
||||||
|
margin: 1rem 0 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border: 1px solid #999;
|
||||||
|
padding: 0.5rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
height: calc(100vh - 160px);
|
||||||
|
background: #0c0c0c;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-height: 650px) {
|
||||||
|
#update .console {
|
||||||
|
height: calc(100vh - 340px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
2664
public/main.js
Normal file
2664
public/main.js
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue