96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import React, { createContext, useContext, useState } from 'react';
|
|
import { Terminal } from '@xterm/xterm';
|
|
import { createTerminal as createTerminalHelper, closeTerminal as closeTerminalHelper } from '@/lib/terminal';
|
|
import { useSocket } from '@/context/SocketContext';
|
|
|
|
interface TerminalContextType {
|
|
terminals: { id: string; terminal: Terminal | null }[];
|
|
setTerminals: React.Dispatch<React.SetStateAction<{ id: string; terminal: Terminal | null }[]>>;
|
|
activeTerminalId: string;
|
|
setActiveTerminalId: React.Dispatch<React.SetStateAction<string>>;
|
|
creatingTerminal: boolean;
|
|
setCreatingTerminal: React.Dispatch<React.SetStateAction<boolean>>;
|
|
createNewTerminal: (command?: string) => Promise<void>;
|
|
closeTerminal: (id: string) => void;
|
|
deploy: (callback: () => void) => void;
|
|
}
|
|
|
|
const TerminalContext = createContext<TerminalContextType | undefined>(undefined);
|
|
|
|
export const TerminalProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
const { socket } = useSocket();
|
|
const [terminals, setTerminals] = useState<{ id: string; terminal: Terminal | null }[]>([]);
|
|
const [activeTerminalId, setActiveTerminalId] = useState<string>('');
|
|
const [creatingTerminal, setCreatingTerminal] = useState<boolean>(false);
|
|
|
|
const createNewTerminal = async (command?: string): Promise<void> => {
|
|
if (!socket) return;
|
|
setCreatingTerminal(true);
|
|
try {
|
|
createTerminalHelper({
|
|
setTerminals,
|
|
setActiveTerminalId,
|
|
setCreatingTerminal,
|
|
command,
|
|
socket,
|
|
});
|
|
} catch (error) {
|
|
console.error("Error creating terminal:", error);
|
|
} finally {
|
|
setCreatingTerminal(false);
|
|
}
|
|
};
|
|
|
|
const closeTerminal = (id: string) => {
|
|
if (!socket) return;
|
|
const terminalToClose = terminals.find(term => term.id === id);
|
|
if (terminalToClose) {
|
|
closeTerminalHelper({
|
|
term: terminalToClose,
|
|
terminals,
|
|
setTerminals,
|
|
setActiveTerminalId,
|
|
setClosingTerminal: () => {},
|
|
socket,
|
|
activeTerminalId,
|
|
});
|
|
}
|
|
};
|
|
|
|
const deploy = (callback: () => void) => {
|
|
if (!socket) console.error("Couldn't deploy: No socket");
|
|
console.log("Deploying...")
|
|
socket?.emit("deploy", () => {
|
|
callback();
|
|
});
|
|
}
|
|
|
|
const value = {
|
|
terminals,
|
|
setTerminals,
|
|
activeTerminalId,
|
|
setActiveTerminalId,
|
|
creatingTerminal,
|
|
setCreatingTerminal,
|
|
createNewTerminal,
|
|
closeTerminal,
|
|
deploy
|
|
};
|
|
|
|
return (
|
|
<TerminalContext.Provider value={value}>
|
|
{children}
|
|
</TerminalContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useTerminal = (): TerminalContextType => {
|
|
const context = useContext(TerminalContext);
|
|
if (!context) {
|
|
throw new Error('useTerminal must be used within a TerminalProvider');
|
|
}
|
|
return context;
|
|
};
|