Create script.js

public/script.js

@@ -0,0 +1,132 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const socket = io();
+  const outputEl = document.getElementById('output');
+  const statusEl = document.getElementById('status');
+  const commandInput = document.getElementById('commandInput');
+  const fileListEl = document.getElementById('fileList');
+  const fileEditor = document.getElementById('fileEditor');
+  const currentFile = { path: null };
+  
+  // Update status indicator
+  socket.on('connect', () => {
+    statusEl.textContent = 'Connected';
+    statusEl.className = 'status-indicator connected';
+  });
+  
+  socket.on('disconnect', () => {
+    statusEl.textContent = 'Disconnected';
+    statusEl.className = 'status-indicator disconnected';
+  });
+  
+  // Handle output from server
+  socket.on('output', (data) => {
+    outputEl.innerHTML += data + '\n';
+    outputEl.scrollTop = outputEl.scrollHeight;
+  });
+  
+  // Handle command input
+  commandInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') {
+      const command = commandInput.value.trim();
+      if (command) {
+        outputEl.innerHTML += `$ ${command}\n`;
+        socket.emit('command', command);
+        commandInput.value = '';
+      }
+    }
+  });
+  
+  // Clone repository
+  document.getElementById('cloneBtn').addEventListener('click', () => {
+    const repoUrl = document.getElementById('repoUrl').value.trim();
+    if (repoUrl) {
+      socket.emit('clone', repoUrl);
+    }
+  });
+  
+  // Install dependencies
+  document.getElementById('installBtn').addEventListener('click', () => {
+    const packageManager = document.getElementById('packageManager').value;
+    socket.emit('install', packageManager);
+  });
+  
+  // Start process
+  document.getElementById('startBtn').addEventListener('click', () => {
+    const command = document.getElementById('startCommand').value.trim();
+    if (command) {
+      socket.emit('start', command);
+    }
+  });
+  
+  // Stop process
+  document.getElementById('stopBtn').addEventListener('click', () => {
+    socket.emit('stop');
+  });
+  
+  // PM2 commands
+  document.getElementById('pm2Btn').addEventListener('click', () => {
+    const command = document.getElementById('pm2Command').value;
+    socket.emit('pm2', command);
+  });
+  
+  // File browser functionality
+  function loadFileList() {
+    socket.emit('list-files', '', (response) => {
+      if (response.error) {
+        outputEl.innerHTML += `Error listing files: ${response.error}\n`;
+        return;
+      }
+      
+      fileListEl.innerHTML = '';
+      response.files.forEach(file => {
+        const fileEl = document.createElement('div');
+        fileEl.className = 'file-item';
+        fileEl.textContent = file;
+        fileEl.addEventListener('click', () => {
+          socket.emit('read-file', file, (fileResponse) => {
+            if (fileResponse.error) {
+              outputEl.innerHTML += `Error reading file: ${fileResponse.error}\n`;
+              return;
+            }
+            currentFile.path = file;
+            fileEditor.value = fileResponse.content;
+          });
+        });
+        fileListEl.appendChild(fileEl);
+      });
+    });
+  }
+  
+  // Save file
+  document.getElementById('saveFileBtn').addEventListener('click', () => {
+    if (!currentFile.path) return;
+    
+    socket.emit('write-file', {
+      filePath: currentFile.path,
+      content: fileEditor.value
+    }, (response) => {
+      if (response.error) {
+        outputEl.innerHTML += `Error saving file: ${response.error}\n`;
+      } else {
+        outputEl.innerHTML += `File ${currentFile.path} saved successfully\n`;
+      }
+    });
+  });
+  
+  // Admin controls
+  document.getElementById('banBtn').addEventListener('click', () => {
+    const password = document.getElementById('adminPassword').value;
+    if (!password) return;
+    
+    socket.emit('admin', {
+      password: password,
+      command: 'ban'
+    });
+  });
+  
+  // Initial load
+  loadFileList();
+  
+  // Focus command input on page load
+  commandInput.focus();
+});