mirror of
https://github.com/MCSManager/UI.git
synced 2024-11-21 03:15:46 +08:00
新增 颜色渲染
This commit is contained in:
Suwings
parent
8b9a78427b
commit
9c27495ca8
151
src/app/service/terminal_color.js
Normal file
151
src/app/service/terminal_color.js
Normal file
@ -0,0 +1,151 @@
|
||||
/*
|
||||
Copyright (C) 2022 Suwings(https://github.com/Suwings)
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
According to the GPL, it is forbidden to delete all copyright notices,
|
||||
and if you modify the source code, you must open source the
|
||||
modified source code.
|
||||
|
||||
版权所有 (C) 2022 Suwings(https://github.com/Suwings)
|
||||
|
||||
本程序为自由软件，你可以依据 GPL 的条款（第三版或者更高），再分发和/或修改它。
|
||||
该程序以具有实际用途为目的发布，但是并不包含任何担保，
|
||||
也不包含基于特定商用或健康用途的默认担保。具体细节请查看 GPL 协议。
|
||||
|
||||
根据协议，您必须保留所有版权声明，如果修改源码则必须开源修改后的源码。
|
||||
前往 https://mcsmanager.com/ 申请闭源开发授权或了解更多。
|
||||
*/
|
||||
|
||||
// 用于 Terminal 视图中终端组件的文字颜色渲染
|
||||
export function encodeConsoleColor(text) {
|
||||
const term = {};
|
||||
term.TERM_NULL = "\x1B[0m";
|
||||
term.TERM_TEXT_RED = "\x1B[1;0;31m";
|
||||
term.TERM_TEXT_GREEN = "\x1B[1;0;32m";
|
||||
term.TERM_TEXT_YELLOW = "\x1B[1;0;33m";
|
||||
term.TERM_TEXT_BLUE = "\x1B[1;1;34m";
|
||||
term.TERM_TEXT_FUCHSIA = "\x1B[1;0;35m";
|
||||
term.TERM_TEXT_CYAN = "\x1B[1;0;36m";
|
||||
term.TERM_TEXT_WHITE = "\x1B[1;0;37m";
|
||||
term.TERM_TEXT_B = "\x1B[1m";
|
||||
|
||||
// 基本颜色
|
||||
text = text.replace(/([A-Za-z _§&;\-\\.]{1,}:)/gim, "§6$1§r");
|
||||
text = text.replace(/INFO/gm, term.TERM_TEXT_GREEN + "INFO" + term.TERM_NULL);
|
||||
text = text.replace(/(\d{2,}:\d{2,}:\d{2,})/gm, term.TERM_TEXT_CYAN + "$1" + term.TERM_NULL);
|
||||
|
||||
// Minecraft 原生颜色替代解析
|
||||
text = text.replace(/§0/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/§1/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/§2/gm, term.TERM_TEXT_GREEN);
|
||||
text = text.replace(/§3/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/§4/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/§5/gm, term.TERM_TEXT_FUCHSIA);
|
||||
text = text.replace(/§6/gm, term.TERM_TEXT_YELLOW);
|
||||
text = text.replace(/§7/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/§8/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/§9/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/§a/gm, term.TERM_TEXT_GREEN);
|
||||
text = text.replace(/§b/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/§c/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/§d/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/§e/gm, term.TERM_TEXT_YELLOW);
|
||||
text = text.replace(/§f/gm, term.TERM_TEXT_WHITE);
|
||||
// 基于&符号
|
||||
text = text.replace(/&0/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/&1/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/&2/gm, term.TERM_TEXT_GREEN);
|
||||
text = text.replace(/&3/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/&4/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/&5/gm, term.TERM_TEXT_FUCHSIA);
|
||||
text = text.replace(/&6/gm, term.TERM_TEXT_YELLOW);
|
||||
text = text.replace(/&7/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/&8/gm, term.TERM_TEXT_WHITE);
|
||||
text = text.replace(/&9/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/&a/gm, term.TERM_TEXT_GREEN);
|
||||
text = text.replace(/&b/gm, term.TERM_TEXT_CYAN);
|
||||
text = text.replace(/&c/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/&d/gm, term.TERM_TEXT_RED);
|
||||
text = text.replace(/&e/gm, term.TERM_TEXT_YELLOW);
|
||||
text = text.replace(/&f/gm, term.TERM_TEXT_WHITE);
|
||||
// 字体格式
|
||||
text = text.replace(/§r/gm, term.TERM_NULL);
|
||||
text = text.replace(/&r/gm, term.TERM_NULL);
|
||||
text = text.replace(/§k/gm, "\x1B[1m");
|
||||
text = text.replace(/&k/gm, "\x1B[1m");
|
||||
text = text.replace(/§l/gm, "\x1B[1m");
|
||||
text = text.replace(/&l/gm, "\x1B[1m");
|
||||
text = text.replace(/§m/gm, "\x1B[2m");
|
||||
text = text.replace(/&m/gm, "\x1B[2m");
|
||||
text = text.replace(/§n/gm, "\x1B[4m");
|
||||
text = text.replace(/&n/gm, "\x1B[4m");
|
||||
text = text.replace(/§o/gm, "\x1B[3m");
|
||||
text = text.replace(/&o/gm, "\x1B[3m");
|
||||
|
||||
// 特殊文本替换
|
||||
var RegExpStringArr = [
|
||||
//蓝色
|
||||
[
|
||||
"Unknown command",
|
||||
"Loading libraries, please wait...",
|
||||
"Loading",
|
||||
"Loaded",
|
||||
"\\d{1,3}%",
|
||||
"true",
|
||||
"false",
|
||||
"plugin.yml"
|
||||
],
|
||||
//绿色
|
||||
[
|
||||
"/help",
|
||||
"left the game",
|
||||
"Enabling",
|
||||
"Server thread",
|
||||
"Saving chunks for level",
|
||||
"----",
|
||||
"UUID",
|
||||
"Starting minecraft server version",
|
||||
"Timings Reset",
|
||||
"\\(",
|
||||
"\\)",
|
||||
"\\{",
|
||||
"\\}",
|
||||
"<",
|
||||
">",
|
||||
"Preparing start region for level"
|
||||
],
|
||||
//红色
|
||||
["WARN", "EULA", "Error", "Invalid", "Stopping the server", "Caused by", "Stopping"],
|
||||
//黄色
|
||||
["Starting Minecraft server on", "world_the_end", "world_nether", "Done", "MCSMANAGER"]
|
||||
];
|
||||
for (var k in RegExpStringArr) {
|
||||
for (var y in RegExpStringArr[k]) {
|
||||
var reg = new RegExp("(" + RegExpStringArr[k][y].replace(/ /gim, " ") + ")", "igm");
|
||||
if (k == 0)
|
||||
//蓝色
|
||||
text = text.replace(reg, term.TERM_TEXT_BLUE + "$1" + term.TERM_NULL);
|
||||
if (k == 1)
|
||||
//绿色
|
||||
text = text.replace(reg, term.TERM_TEXT_GREEN + "$1" + term.TERM_NULL);
|
||||
if (k == 2)
|
||||
//红色
|
||||
text = text.replace(reg, term.TERM_TEXT_RED + "$1" + term.TERM_NULL);
|
||||
if (k == 3)
|
||||
//黄色
|
||||
text = text.replace(reg, term.TERM_TEXT_YELLOW + "$1" + term.TERM_NULL);
|
||||
}
|
||||
}
|
||||
// 行结尾符号替换
|
||||
text = text.replace(/\r\n/gm, term.TERM_NULL + "\r\n");
|
||||
return text;
|
||||
}
|
||||
@ -484,6 +484,7 @@ import {
|
||||
} from "../service/common";
|
||||
import router from "../router";
|
||||
import { parseforwardAddress, request } from "../service/protocol";
|
||||
import { encodeConsoleColor } from "../service/terminal_color";
|
||||
import { ElNotification } from "element-plus";
|
||||
import { statusCodeToText, typeTextToReadableText } from "../service/instance_tools";
|
||||
import { initTerminalWindow, textToTermText } from "../service/term";
|
||||
@ -602,12 +603,15 @@ export default {
|
||||
|
||||
// 监听输出流
|
||||
this.socket.on("instance/stdout", (packet) => {
|
||||
this.term.write(textToTermText(packet.data.text));
|
||||
if (this.instanceInfo?.config?.terminalOption?.haveColor) {
|
||||
this.term.write(encodeConsoleColor(packet.data.text));
|
||||
} else {
|
||||
this.term.write(textToTermText(packet.data.text));
|
||||
}
|
||||
});
|
||||
// 监听实例详细信息
|
||||
this.socket.on("stream/detail", (packet) => {
|
||||
this.instanceInfo = packet.data;
|
||||
console.log("[WS->Daemon] 实例信息", this.instanceInfo);
|
||||
});
|
||||
// 断开事件
|
||||
this.socket.on("disconnect", () => {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user