add services with statsu server state and remove stage lights

src/vueLib/services/statusServer/useStatusServer.ts

@@ -0,0 +1,115 @@
+import type { Response } from '../../models/Response';
+import type { QVueGlobals } from 'quasar';
+import { ref } from 'vue';
+import type { Payload } from './models';
+
+let socket: WebSocket | null = null;
+
+const isConnected = ref(false);
+
+export function useStatusServer(
+  host: string,
+  port: number = 9500,
+  path: string,
+  id: string,
+  callback: (payload: Payload) => void,
+  $q?: QVueGlobals,
+) {
+  const connect = () => {
+    socket = new WebSocket(`ws://${host}:${port}/${path}?id=${id}`);
+
+    socket.onopen = () => {
+      console.log('WebSocket connected');
+      isConnected.value = true;
+    };
+
+    socket.onclose = () => {
+      isConnected.value = false;
+      console.log('WebSocket disconnected');
+      $q?.notify({
+        message: 'WebSocket disconnected',
+        color: 'orange',
+        position: 'bottom-right',
+        icon: 'warning',
+        timeout: 10000,
+      });
+    };
+    socket.onerror = (err) => {
+      console.log(`WebSocket error: ${err.type}`);
+      isConnected.value = false;
+      $q?.notify({
+        message: `WebSocket error: ${err.type}`,
+        color: 'red',
+        position: 'bottom-right',
+        icon: 'error',
+        timeout: 10000,
+      });
+    };
+    socket.onmessage = (event) => {
+      callback(JSON.parse(event.data));
+    };
+  };
+
+  function subscribe(topic: string): Promise<Response | undefined> {
+    return new Promise((resolve) => {
+      waitForSocketConnection()
+        .then(() => {
+          socket?.send('{"action":"subscribe", "topic":"' + topic + '"}');
+        })
+        .catch((err) => {
+          console.warn('WebSocket send failed:', err);
+          resolve(undefined); // or reject(err) if strict failure is desired
+        });
+    });
+  }
+
+  function publish(topic: string, data: unknown): Promise<Response | undefined> {
+    return new Promise((resolve) => {
+      waitForSocketConnection()
+        .then(() => {
+          socket?.send(
+            '{"action":"publish", "topic":"' + topic + '", "data":' + JSON.stringify(data) + '}',
+          );
+        })
+        .catch((err) => {
+          console.warn('WebSocket send failed:', err);
+          resolve(undefined); // or reject(err) if strict failure is desired
+        });
+    });
+  }
+
+  const close = () => {
+    if (socket) {
+      socket.close();
+    }
+  };
+
+  return {
+    connect,
+    close,
+    subscribe,
+    publish,
+  };
+}
+
+function waitForSocketConnection(): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const maxWait = 5000; // timeout after 5 seconds
+    const interval = 50;
+    let waited = 0;
+
+    const check = () => {
+      if (socket && socket.readyState === WebSocket.OPEN) {
+        resolve();
+      } else {
+        waited += interval;
+        if (waited >= maxWait) {
+          reject(new Error('WebSocket connection timeout'));
+        } else {
+          setTimeout(check, interval);
+        }
+      }
+    };
+    check();
+  });
+}