Update public/terminal.js

public/terminal.js

@@ -9,9 +9,19 @@ document.addEventListener("DOMContentLoaded", () => {
     const terminal = document.getElementById("terminal");
     const commandInput = document.getElementById("command");
 
-    const appendToTerminal = (text) => {
+    const appendToTerminal = (text, type = "info") => {
         const line = document.createElement("div");
         line.textContent = text;
+
+        // Differentiate logs visually (e.g., errors in red)
+        if (type === "error") {
+            line.style.color = "red";
+        } else if (type === "warn") {
+            line.style.color = "orange";
+        } else {
+            line.style.color = "white";
+        }
+
         terminal.appendChild(line);
         terminal.scrollTop = terminal.scrollHeight;
     };
@@ -23,13 +33,19 @@ document.addEventListener("DOMContentLoaded", () => {
                 const logs = await response.text();
                 terminal.innerHTML = "";
                 logs.split("\n").forEach((line) => {
-                    if (line.trim()) appendToTerminal(line);
+                    if (line.includes("WARN")) {
+                        appendToTerminal(line, "warn");
+                    } else if (line.includes("ERROR") || line.includes("error")) {
+                        appendToTerminal(line, "error");
+                    } else if (line.trim()) {
+                        appendToTerminal(line);
+                    }
                 });
             } else {
-                appendToTerminal("Failed to fetch logs.");
+                appendToTerminal("Failed to fetch logs.", "error");
             }
         } catch (error) {
-            appendToTerminal("Error fetching logs.");
+            appendToTerminal("Error fetching logs.", "error");
         }
     };
 
@@ -44,10 +60,10 @@ document.addEventListener("DOMContentLoaded", () => {
             if (response.ok) {
                 fetchLogs();
             } else {
-                appendToTerminal("Error executing command.");
+                appendToTerminal("Error executing command.", "error");
             }
         } catch (error) {
-            appendToTerminal("Command execution failed.");
+            appendToTerminal("Command execution failed.", "error");
         }
     };
 
@@ -84,10 +100,10 @@ document.addEventListener("DOMContentLoaded", () => {
                     appendToTerminal("Deployment started...");
                     fetchLogs();
                 } else {
-                    appendToTerminal("Error starting deployment.");
+                    appendToTerminal("Error starting deployment.", "error");
                 }
             } catch (error) {
-                appendToTerminal("Deployment failed.");
+                appendToTerminal("Deployment failed.", "error");
             }
         }
     });