107 lines
2.8 KiB
TypeScript
107 lines
2.8 KiB
TypeScript
"use client"
|
|
|
|
import { useSocket } from "@/context/SocketContext"
|
|
import {
|
|
closeTerminal as closeTerminalHelper,
|
|
createTerminal as createTerminalHelper,
|
|
} from "@/lib/terminal"
|
|
import { Terminal } from "@xterm/xterm"
|
|
import React, { createContext, useContext, useState } from "react"
|
|
|
|
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
|
|
}
|