Create terminal.js

public/terminal.js

@@ -0,0 +1,97 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const username = localStorage.getItem("username");
+    if (!username) {
+        alert("You need to log in first.");
+        window.location.href = "/";
+        return;
+    }
+
+    const terminal = document.getElementById("terminal");
+    const commandInput = document.getElementById("command");
+
+    const appendToTerminal = (text) => {
+        const line = document.createElement("div");
+        line.textContent = text;
+        terminal.appendChild(line);
+        terminal.scrollTop = terminal.scrollHeight;
+    };
+
+    const fetchLogs = async () => {
+        try {
+            const response = await fetch(`/logs?username=${username}`);
+            if (response.ok) {
+                const logs = await response.text();
+                terminal.innerHTML = "";
+                logs.split("\n").forEach((line) => {
+                    if (line.trim()) appendToTerminal(line);
+                });
+            } else {
+                appendToTerminal("Failed to fetch logs.");
+            }
+        } catch (error) {
+            appendToTerminal("Error fetching logs.");
+        }
+    };
+
+    const sendCommand = async (command) => {
+        appendToTerminal(`$ ${command}`);
+        try {
+            const response = await fetch("/execute", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ username, command }),
+            });
+            if (response.ok) {
+                fetchLogs();
+            } else {
+                appendToTerminal("Error executing command.");
+            }
+        } catch (error) {
+            appendToTerminal("Command execution failed.");
+        }
+    };
+
+    document.getElementById("send").addEventListener("click", () => {
+        const command = commandInput.value.trim();
+        if (command) {
+            sendCommand(command);
+            commandInput.value = "";
+        }
+    });
+
+    document.getElementById("start").addEventListener("click", () => {
+        sendCommand("yarn install && yarn start");
+    });
+
+    document.getElementById("stop").addEventListener("click", () => {
+        sendCommand("pkill -f node");
+    });
+
+    document.getElementById("restart").addEventListener("click", () => {
+        sendCommand("pkill -f node && yarn start");
+    });
+
+    document.getElementById("deploy").addEventListener("click", async () => {
+        const repoUrl = prompt("Enter the GitHub repository URL to deploy:");
+        if (repoUrl) {
+            try {
+                const response = await fetch("/deploy", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ username, repoUrl }),
+                });
+                if (response.ok) {
+                    appendToTerminal("Deployment started...");
+                    fetchLogs();
+                } else {
+                    appendToTerminal("Error starting deployment.");
+                }
+            } catch (error) {
+                appendToTerminal("Deployment failed.");
+            }
+        }
+    });
+
+    // Fetch logs on load
+    fetchLogs();
+});