Spaces:

ulduldp
/

logs-test

Sleeping

App Files Files Community

ulduldp commited on 27 days ago

Commit

b0ebb84

verified ·

1 Parent(s): 3212189

Update server.js

Browse files

Files changed (1) hide show

server.js +27 -189

server.js CHANGED Viewed

@@ -2,6 +2,7 @@ const express = require('express');
 const http = require('http');
 const { Server } = require('socket.io');
 const Convert = require('ansi-to-html');
 const app = express();
 const server = http.createServer(app);
@@ -11,7 +12,7 @@ const io = new Server(server, {
 const PORT = 7860;
-// ✅ ANSI → HTML converter
 const convert = new Convert({
   fg: '#e2e8f0',
   bg: '#0b1020',
@@ -19,218 +20,55 @@ const convert = new Convert({
   escapeXML: true
 });
-// 🧠 In-memory DB
 const logs = [];
 const MAX_LOGS = 10000;
 function addLog(log) {
   logs.push(log);
   if (logs.length > MAX_LOGS) logs.shift();
 }
-// ===== SOCKET =====
-io.on('connection', (socket) => {
-  console.log('Client connected:', socket.id);
-  socket.on('log', (data) => {
-    const log = {
-      message: data.message || '',
-      level: data.level || 'info',
-      timestamp: new Date(),
-    };
-    addLog(log);
-    // send to UI
-    io.emit('log', log);
-  });
-});
 // ===== API =====
 app.get('/api/logs', (req, res) => {
   res.json(logs);
 });
-// ===== UI =====
-app.get('/logs', (req, res) => {
-  res.send(`
-<!DOCTYPE html>
-<html>
-<head>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Live Logs</title>
-<style>
-  * {
-    box-sizing: border-box;
-  }
-  body {
-    margin: 0;
-    background: #0b1020;
-    color: #e2e8f0;
-    font-family: monospace;
-    display: flex;
-    flex-direction: column;
-    height: 100vh;
-  }
-  header {
-    padding: 10px;
-    background: #111827;
-    border-bottom: 1px solid #1f2937;
-    font-size: 14px;
-  }
-  #logs {
-    flex: 1;
-    overflow-y: auto;
-    padding: 10px;
-    font-size: 13px;
-  }
-  .log {
-    margin-bottom: 6px;
-    word-wrap: break-word;
-  }
-  .timestamp {
-    color: #64748b;
-    margin-right: 6px;
-  }
-  .info { color: #38bdf8; }
-  .error { color: #ef4444; }
-  .warn { color: #facc15; }
-  footer {
-    padding: 8px;
-    border-top: 1px solid #1f2937;
-    background: #111827;
-    display: flex;
-  }
-  input {
-    flex: 1;
-    padding: 10px;
-    border: none;
-    outline: none;
-    background: #0b1020;
-    color: #e2e8f0;
-    border-radius: 6px;
-  }
-  button {
-    margin-left: 8px;
-    padding: 10px 14px;
-    border: none;
-    background: #2563eb;
-    color: white;
-    border-radius: 6px;
-    cursor: pointer;
-  }
-  button:active {
-    background: #1d4ed8;
-  }
-  @media (max-width: 600px) {
-    #logs {
-      font-size: 12px;
-    }
-  }
-</style>
-</head>
-<body>
-<header>📡 Live Logs Console</header>
-<div id="logs"></div>
-<footer>
-  <input id="cmd" placeholder="Type command..." />
-  <button onclick="sendCmd()">Send</button>
-</footer>
-<script src="/socket.io/socket.io.js"></script>
-<script>
-  const socket = io();
-  const logsDiv = document.getElementById('logs');
-  const input = document.getElementById('cmd');
-  function formatTime(date) {
-    return new Date(date).toLocaleString('en-IN', {
-      timeZone: 'Asia/Kolkata',
-      hour12: false
-    });
-  }
-  function addLog(log) {
-    const div = document.createElement('div');
-    div.className = 'log ' + (log.level || 'info');
-    const time = formatTime(log.timestamp);
-    div.innerHTML = \`
-      <span class="timestamp">[\${time}]</span>
-      \${log.message}
-    \`;
-    logsDiv.appendChild(div);
-    // auto scroll
-    logsDiv.scrollTop = logsDiv.scrollHeight;
-  }
-  // load old logs
-  fetch('/api/logs')
-    .then(res => res.json())
-    .then(data => {
-      data.forEach(addLog);
-    });
-  socket.on('log', (log) => {
     addLog(log);
   });
-  function sendCmd() {
-    const value = input.value.trim();
-    if (!value) return;
-    socket.emit('command', { command: value });
-    addLog({
-      message: '> ' + value,
-      level: 'info',
-      timestamp: new Date()
     });
-    input.value = '';
-  }
-  input.addEventListener('keypress', (e) => {
-    if (e.key === 'Enter') {
-      sendCmd();
-    }
   });
-</script>
-</body>
-</html>
-  `);
-});
-// ===== FORMAT ROUTE (IMPORTANT) =====
-app.use(express.json());
-app.post('/format', (req, res) => {
-  const raw = req.body.message || '';
-  const html = convert.toHtml(raw);
-  res.send(html);
 });
 // ===== START =====
 server.listen(PORT, () => {
-  console.log('🚀 Log server running on', PORT);
 });

 const http = require('http');
 const { Server } = require('socket.io');
 const Convert = require('ansi-to-html');
+const path = require('path');
 const app = express();
 const server = http.createServer(app);
 const PORT = 7860;
+// 🎨 ANSI → HTML
 const convert = new Convert({
   fg: '#e2e8f0',
   bg: '#0b1020',
   escapeXML: true
 });
+// 🧠 logs
 const logs = [];
 const MAX_LOGS = 10000;
+function formatLog(data) {
+  return {
+    html: convert.toHtml(data.message || ''),
+    level: data.level || 'info',
+    timestamp: new Date()
+  };
+}
 function addLog(log) {
   logs.push(log);
   if (logs.length > MAX_LOGS) logs.shift();
 }
+// ===== STATIC FILE =====
+app.use(express.static(path.join(__dirname, 'public')));
 // ===== API =====
 app.get('/api/logs', (req, res) => {
   res.json(logs);
 });
+// ===== SOCKET =====
+io.on('connection', (socket) => {
+  console.log('Client connected:', socket.id);
+  socket.on('log', (data) => {
+    const log = formatLog(data);
     addLog(log);
+    io.emit('log', log);
   });
+  socket.on('command', (data) => {
+    const cmd = data.command;
+    const response = formatLog({
+      message: "\\x1b[36mExecuted:\\x1b[0m " + cmd,
+      level: "info"
     });
+    addLog(response);
+    io.emit('log', response);
   });
 });
 // ===== START =====
 server.listen(PORT, () => {
+  console.log('🚀 Server running on', PORT);
 });