feat: add service log

Signed-off-by: MiaoWoo <admin@yumc.pw>
2019-12-28 15:06:07 +08:00
parent aed21b2ff6
commit 752e771285
12 changed files with 161 additions and 106 deletions
--- a/packages/core/public/logs/index.html
+++ b/packages/core/public/logs/index.html
@@ -0,0 +1,28 @@
+<html>
+
+<head>
+	<script src="https://cdn.jsdelivr.net/npm/socket.io-client@2.2.0/dist/socket.io.js"> </script>
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/xterm.css" />
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/addons/fullscreen/fullscreen.css">
+
+	<script src="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/xterm.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/addons/fit/fit.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/addons/attach/attach.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/xterm@3.12.2/dist/addons/fullscreen/fullscreen.js"></script>
+	<style>
+		#terminal-container .terminal.xterm {
+			height: 100%;
+		}
+
+		#terminal-container .xterm-viewport {
+			height: 100% !important;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="terminal" style="height: 100%;"></div>
+	<script type="text/javascript" src="js/index.js"></script>
+</body>
+
+</html>
--- a/packages/core/public/logs/js/index.js
+++ b/packages/core/public/logs/js/index.js
@@ -0,0 +1,82 @@
+let command = '';
+Terminal.applyAddon(fit);
+Terminal.applyAddon(attach);
+Terminal.applyAddon(fullscreen);
+var term = new Terminal({
+    experimentalCharAtlas: 'dynamic',
+    cursorBlink: false,
+});
+term.open(document.getElementById('terminal'));
+term.toggleFullScreen();
+term.fit();
+
+window.onresize = function() {
+    term.fit();
+}
+
+let query = {}
+location.search.substring(1).split("&").forEach(q => {
+    let qy = q.split("=", 2);
+    query[qy[0]] = qy[1]
+})
+
+function connectServer(namespace, id) {
+    var server = io(namespace, {
+        path: '/ws',
+        transports: ['websocket']
+    });
+    server.on('connect', () => {
+        term.writeln('connect')
+        server.emit('logs', {
+            id: id,
+            tail: "200"
+        })
+    });
+    server.on('message', data => {
+        term.write(data.toString() + '\r\n');
+    });
+    server.on('disconnect', () => {
+        term.reset();
+        term.writeln('disconnect');
+    });
+}
+
+console.log(query);
+
+term.writeln(`Recover Action: ${query.action} Data: ${query.data}`)
+
+switch (query.action) {
+    case "container":
+    case "service":
+        connectServer(`/${query.action}`, query.data)
+        break;
+    default:
+        var system = io('/', {
+            path: '/ws',
+            transports: ['websocket']
+        });
+
+        system.on('connect', () => {
+            system.emit('events', {})
+        })
+
+        system.on('message', data => {
+            term.write(data.toString() + '\r\n');
+        });
+}
+
+term.on('data', async data => {
+    if (data == '\t') {
+        return;
+    }
+    term.write(data);
+    if (data == '\r') {
+        term.write('\n');
+        container.emit('logs', {
+            id: command
+        })
+        command = '';
+    } else {
+        command += data;
+    }
+});