diff --git a/README.md b/README.md index b9d451f..8dea0d4 100644 --- a/README.md +++ b/README.md @@ -31,8 +31,6 @@ The webpage is a bit basic. While this entire project doesn't need much complica ***If you have a large stack of containers, OR you have containers that contain a significant number of log entries, the page will not be available until all log entries are processed. This may take a minute or two to accomplish*** -Some containers use "special characters" that your terminal program interprets as color codes. These will show up in the logs as the control characters. This will be improved in future versions. - The page does not auto-scroll to the bottom. This will be improved in future versions. If a container SHOULD be running, but it is not, the webpage will not show it. This will be improved in future versions. diff --git a/package.json b/package.json index b26be2a..ac30ce2 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ }, "dependencies": { "jquery": "^3.7.0", - "socket.io-client": "^4.7.2" + "socket.io-client": "^4.7.2", + "strip-ansi": "^7.1.0" } } diff --git a/src/index.ts b/src/index.ts index b514141..e7321c2 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,4 +1,5 @@ import { io, Socket } from "socket.io-client"; +import stripAnsi from "strip-ansi"; declare const window: any; let containers: any = {}; @@ -103,7 +104,7 @@ window.show_logs = function (name: any) { }; function generate_log_element(log: any) { - return `

${log}

`; + return `

${stripAnsi(log)}

`; } function generate_li_element(name: String) {