#3216

mock-api/mockSSEServer.js

@@ -0,0 +1,106 @@
+// Simulate EventSource for log messages in EMS-ESP standalone mode
+// Server-Sent Events (SSE)
+const ONE_SECOND_MS = 1000;
+
+// padding function
+const pad = (number) => String(number).padStart(2, '0');
+
+// Cached date formatter to avoid prototype pollution
+const formatDate = (date) => {
+  const year = date.getUTCFullYear();
+  const month = pad(date.getUTCMonth() + 1);
+  const day = pad(date.getUTCDate());
+  const hours = pad(date.getUTCHours());
+  const minutes = pad(date.getUTCMinutes());
+  const seconds = pad(date.getUTCSeconds());
+  const milliseconds = String((date.getUTCMilliseconds() / 1000).toFixed(3)).slice(
+    2,
+    5
+  );
+
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.${milliseconds}`;
+};
+
+export default () => {
+  return {
+    name: 'vite:mockserver',
+    configureServer: async (server) => {
+      server.middlewares.use(async (req, res, next) => {
+        // Handle Server-Sent Events (SSE) for log streaming
+        if (req.url.startsWith('/es/log')) {
+          // Set SSE headers
+          res.writeHead(200, {
+            Connection: 'keep-alive',
+            'Cache-Control': 'no-cache, no-transform',
+            'Content-Type': 'text/event-stream',
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Headers': 'Cache-Control',
+            'X-Accel-Buffering': 'no' // disable proxy buffering (nginx, etc.)
+          });
+
+          // Flush headers early when supported
+          if (typeof res.flushHeaders === 'function') {
+            res.flushHeaders();
+          }
+
+          let messageCount = 0;
+          const logLevels = [3, 4, 5, 6, 7, 8]; // Different log levels
+          const logNames = ['system', 'ems', 'wifi', 'mqtt', 'ntp', 'api'];
+
+          const sendLogMessage = () => {
+            const level = logLevels[messageCount % logLevels.length];
+            const name = logNames[messageCount % logNames.length];
+            let message = `Log message #${messageCount}`;
+
+            // Add long message every 6th message
+            if (messageCount % 6 === 1) {
+              message +=
+                ' - This is a longer message to test text wrapping and truncation behavior in the UI';
+            }
+
+            const logData = {
+              t: formatDate(new Date()),
+              l: level,
+              i: messageCount,
+              n: name,
+              m: message
+            };
+
+            res.write(`data: ${JSON.stringify(logData)}\n\n`);
+            messageCount++;
+          };
+
+          // Send initial message
+          res.write(`retry: 2000\n\n`); // client reconnection delay
+          sendLogMessage();
+
+          // Set up interval for periodic messages
+          const messageInterval = setInterval(sendLogMessage, 500);
+          if (typeof messageInterval.unref === 'function') messageInterval.unref();
+
+          // Heartbeat to keep connections alive through proxies
+          const heartbeat = setInterval(() => {
+            res.write(`:keep-alive ${Date.now()}\n\n`);
+          }, 15 * ONE_SECOND_MS);
+          if (typeof heartbeat.unref === 'function') heartbeat.unref();
+
+          // Clean up on connection close
+          const cleanup = () => {
+            console.log('SSE connection closed');
+            clearInterval(messageInterval);
+            clearInterval(heartbeat);
+            if (!res.destroyed) {
+              res.end();
+            }
+          };
+
+          res.on('close', cleanup);
+          res.on('error', cleanup);
+          res.on('finish', cleanup);
+        } else {
+          next(); // Continue to next middleware (Vite proxy → restServer)
+        }
+      });
+    }
+  };
+};