database-filesystem, demo log tailing in term

2022-08-07 21:26:31 +08:00
parent 931d8c2c21
commit 92d15afd18
8 changed files with 702 additions and 1 deletions
--- a/templates/dev/termdemo.tmpl
+++ b/templates/dev/termdemo.tmpl
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@4.19.0/css/xterm.css" />
+	<script src="https://cdn.jsdelivr.net/npm/xterm@4.19.0/lib/xterm.js"></script>
+</head>
+<body>
+<div id="terminal"></div>
+
+<script type="module">
+	const term = new Terminal();
+	term.open(document.getElementById('terminal'));
+	term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m!\r\n');
+
+	let offset = -1;
+	setInterval(async ()=>{
+		const res = await fetch('?cmd=tail&offset='+offset);
+		const data = await res.json();
+		console.log("tail resp data", data);
+		offset = data.offset;
+		term.write(data.content);
+	}, 500);
+</script>
+
+</body>
+</html>