Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: remove cols

Browse Source
This commit is contained in:
Mauricio Siu
2024-12-14 23:12:21 -06:00
parent c6e512bec1
commit 86aba9ce3e
4 changed files with 40 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/dokploy/components/dashboard/docker/terminal/docker-terminal.tsx
View File

@@ -25,8 +25,6 @@ export const DockerTerminal: React.FC<Props> = ({
} }
const term = new Terminal({ const term = new Terminal({
cursorBlink: true, cursorBlink: true,
cols: 80,
rows: 30,
lineHeight: 1.4, lineHeight: 1.4,
convertEol: true, convertEol: true,
theme: { theme: {
@@ -45,6 +43,7 @@ export const DockerTerminal: React.FC<Props> = ({
const addonAttach = new AttachAddon(ws); const addonAttach = new AttachAddon(ws);
// @ts-ignore // @ts-ignore
term.open(termRef.current); term.open(termRef.current);
// @ts-ignore
term.loadAddon(addonFit); term.loadAddon(addonFit);
term.loadAddon(addonAttach); term.loadAddon(addonAttach);
addonFit.fit(); addonFit.fit();
@@ -66,7 +65,7 @@ export const DockerTerminal: React.FC<Props> = ({
</TabsList> </TabsList>
</Tabs> </Tabs>
</div> </div>
<div className="w-full h-full rounded-lg p-2 bg-[#19191A]"> <div className="w-full h-full rounded-lg p-2 bg-transparent border">
<div id={id} ref={termRef} /> <div id={id} ref={termRef} />
</div> </div>
</div> </div>

7
apps/dokploy/components/dashboard/settings/web-server/terminal.tsx
View File

@@ -20,13 +20,11 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
} }
const term = new XTerm({ const term = new XTerm({
cursorBlink: true, cursorBlink: true,
cols: 80,
rows: 30,
lineHeight: 1.4, lineHeight: 1.4,
convertEol: true, convertEol: true,
theme: { theme: {
cursor: "transparent", cursor: "transparent",
background: "#19191A", background: "transparent",
}, },
}); });
const addonFit = new FitAddon(); const addonFit = new FitAddon();
@@ -40,6 +38,7 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
// @ts-ignore // @ts-ignore
term.open(termRef.current); term.open(termRef.current);
// @ts-ignore
term.loadAddon(addonFit); term.loadAddon(addonFit);
term.loadAddon(addonAttach); term.loadAddon(addonAttach);
addonFit.fit(); addonFit.fit();
@@ -50,7 +49,7 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<div className="w-full h-full bg-input rounded-lg p-2 "> <div className="w-full h-full bg-transparent border rounded-lg p-2 ">
<div id={id} ref={termRef} className="rounded-xl" /> <div id={id} ref={termRef} className="rounded-xl" />
</div> </div>
</div> </div>

9
apps/dokploy/server/wss/docker-container-terminal.ts
View File

@@ -109,14 +109,7 @@ export const setupDockerContainerTerminalWebSocketServer = (
const ptyProcess = spawn( const ptyProcess = spawn(
shell, shell,
["-c", `docker exec -it ${containerId} ${activeWay}`], ["-c", `docker exec -it ${containerId} ${activeWay}`],
{ {},
name: "xterm-256color",
cwd: process.env.HOME,
env: process.env,
encoding: "utf8",
cols: 80,
rows: 30,
},
); );
ptyProcess.onData((data) => { ptyProcess.onData((data) => {

13
apps/dokploy/server/wss/terminal.ts
View File

@@ -70,15 +70,7 @@ export const setupTerminalWebSocketServer = (
let stderr = ""; let stderr = "";
conn conn
.once("ready", () => { .once("ready", () => {
conn.shell( conn.shell({}, (err, stream) => {
{
term: "terminal",
cols: 80,
rows: 30,
height: 30,
width: 80,
},
(err, stream) => {
if (err) throw err; if (err) throw err;
stream stream
@@ -115,8 +107,7 @@ export const setupTerminalWebSocketServer = (
ws.on("close", () => { ws.on("close", () => {
stream.end(); stream.end();
}); });
}, });
);
}) })
.on("error", (err) => { .on("error", (err) => {
if (err.level === "client-authentication") { if (err.level === "client-authentication") {