🐛 fix: address vulnerabilities in xterm.js

backend/src/proxmox/proxmoxService.js

@@ -0,0 +1,18 @@
+   const axios = require('axios');
+
+   const PROXMOX_API_URL = 'https://your-proxmox-server:8006/api2/json';
+   const AUTH_TOKEN = 'PVEAPIToken=yourToken';
+
+   async function fetchVmData() {
+     try {
+       const response = await axios.get(`${PROXMOX_API_URL}/nodes/yourNode/qemu`, {
+         headers: { Authorization: AUTH_TOKEN },
+       });
+       return response.data;
+     } catch (error) {
+       console.error('Error fetching VM data from Proxmox:', error);
+       return null;
+     }
+   }
+
+   module.exports = { fetchVmData };

backend/src/proxmox/websocketServer.js

@@ -0,0 +1,17 @@
+   const WebSocket = require('ws');
+   const { fetchVmData } = require('./proxmoxService');
+
+   const wss = new WebSocket.Server({ port: 8080 });
+
+   wss.on('connection', function connection(ws) {
+     ws.on('message', async function incoming(message) {
+       console.log('received: %s', message);
+       // Assuming message contains the action to fetch VM data
+       if (message === 'fetchVmData') {
+         const data = await fetchVmData();
+         ws.send(JSON.stringify(data));
+       }
+     });
+   });
+
+   console.log('WebSocket server started on port 8080');

frontend/components/xterm.js

@@ -1,21 +1,30 @@
-   import React, { useEffect, useRef } from 'react';
-   import { Terminal } from 'xterm';
-   import 'xterm/css/xterm.css';
+import React, { useEffect, useRef } from 'react';
+import { Terminal } from 'xterm';
+import 'xterm/css/xterm.css';
 
-   const TerminalComponent = ({ socket }) => {
-     const terminalRef = useRef(null);
+const TerminalComponent = ({ socket }) => {
+    const terminalRef = useRef(null);
+    useEffect(() => {
+        const terminal = new Terminal();
+        terminal.open(terminalRef.current);
 
-     useEffect(() => {
-       const terminal = new Terminal();
-       terminal.open(terminalRef.current);
-       socket.on('data', data => {
-         terminal.write(data);
-       });
+        const ws = new WebSocket('ws://localhost:8080');
+        ws.onopen = () => {
+            console.log('Connected to WebSocket');
+            ws.send('fetchVmData'); // Request VM data on connection
+        };
+        ws.onmessage = (event) => {
+            const data = JSON.parse(event.data);
+            terminal.write(JSON.stringify(data, null, 2)); // Display VM data in terminal
+        };
 
-       return () => socket.off('data');
-     }, [socket]);
+        return () => {
+            ws.close();
+            socket.off('data');
+        };
+    }, []);
 
-     return <div ref={terminalRef} />;
-   };
+    return <div ref={terminalRef} />;
+};
 
-   export default TerminalComponent;
+export default TerminalComponent;