TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add resizing logic

Browse Source
This commit is contained in:
Ishaan Dey
2024-05-09 22:16:56 -07:00
parent 1500e84724
commit e86e86dbe2
8 changed files with 150 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/components/editor/terminals/terminal.tsx
View File

@ -48,19 +48,29 @@ export default function EditorTerminal({
useEffect(() => {
if (!term) return;
if (terminalRef.current) {
const fitAddon = new FitAddon();
term.loadAddon(fitAddon);
term.open(terminalRef.current);
fitAddon.fit();
}
const disposable = term.onData((data) => {
if (!terminalRef.current) return;
const fitAddon = new FitAddon();
term.loadAddon(fitAddon);
term.open(terminalRef.current);
fitAddon.fit();
const disposableOnData = term.onData((data) => {
console.log("terminalData", id, data);
socket.emit("terminalData", id, data);
});
const disposableOnResize = term.onResize((dimensions) => {
// const terminal_size = {
// width: dimensions.cols,
// height: dimensions.rows,
// };
fitAddon.fit();
socket.emit("terminalResize", dimensions);
});
return () => {
disposable.dispose();
disposableOnData.dispose();
disposableOnResize.dispose();
};
}, [term, terminalRef.current]);